html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
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;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
.p0 {
    padding: 0;
}
.p1 {
    padding: 4px;
}
.py1 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.px1 {
    padding-left: 4px;
    padding-right: 4px;
}
.p2 {
    padding: 8px;
}
.py2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.px2 {
    padding-left: 8px;
    padding-right: 8px;
}
.p3 {
    padding: 12px;
}
.py3 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.px3 {
    padding-left: 12px;
    padding-right: 12px;
}
.p4 {
    padding: 16px;
}
.py4 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.px4 {
    padding-left: 16px;
    padding-right: 16px;
}
.p5 {
    padding: 24px;
}
.py5 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.px5 {
    padding-left: 24px;
    padding-right: 24px;
}
.p6 {
    padding: 32px;
}
.py6 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.px6 {
    padding-left: 32px;
    padding-right: 32px;
}
.m0 {
    margin: 0;
}
.mt0 {
    margin-top: 0;
}
.mr0 {
    margin-right: 0;
}
.mb0 {
    margin-bottom: 0;
}
.ml0,
.mx0 {
    margin-left: 0;
}
.mx0 {
    margin-right: 0;
}
.my0 {
    margin-top: 0;
    margin-bottom: 0;
}
.m1 {
    margin: 4px;
}
.mt1 {
    margin-top: 4px;
}
.mr1 {
    margin-right: 4px;
}
.mb1 {
    margin-bottom: 4px;
}
.ml1,
.mx1 {
    margin-left: 4px;
}
.mx1 {
    margin-right: 4px;
}
.my1 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.m2 {
    margin: 8px;
}
.mt2 {
    margin-top: 8px;
}
.mr2 {
    margin-right: 8px;
}
.mb2 {
    margin-bottom: 8px;
}
.ml2,
.mx2 {
    margin-left: 8px;
}
.mx2 {
    margin-right: 8px;
}
.my2 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.m3 {
    margin: 12px;
}
.mt3 {
    margin-top: 12px;
}
.mr3 {
    margin-right: 12px;
}
.mb3 {
    margin-bottom: 12px;
}
.ml3,
.mx3 {
    margin-left: 12px;
}
.mx3 {
    margin-right: 12px;
}
.my3 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.m4 {
    margin: 16px;
}
.mt4 {
    margin-top: 16px;
}
.mr4 {
    margin-right: 16px;
}
.mb4 {
    margin-bottom: 16px;
}
.ml4,
.mx4 {
    margin-left: 16px;
}
.mx4 {
    margin-right: 16px;
}
.my4 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.m5 {
    margin: 24px;
}
.mt5 {
    margin-top: 24px;
}
.mr5 {
    margin-right: 24px;
}
.mb5 {
    margin-bottom: 24px;
}
.ml5,
.mx5 {
    margin-left: 24px;
}
.mx5 {
    margin-right: 24px;
}
.my5 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.m6 {
    margin: 32px;
}
.mt6 {
    margin-top: 32px;
}
.mr6 {
    margin-right: 32px;
}
.mb6 {
    margin-bottom: 32px;
}
.ml6,
.mx6 {
    margin-left: 32px;
}
.mx6 {
    margin-right: 32px;
}
.my6 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.mxn1 {
    margin-left: -4px;
    margin-right: -4px;
}
.mxn2 {
    margin-left: -8px;
    margin-right: -8px;
}
.mxn3 {
    margin-left: -12px;
    margin-right: -12px;
}
.mxn4 {
    margin-left: -16px;
    margin-right: -16px;
}
.mxn5 {
    margin-left: -24px;
    margin-right: -24px;
}
.mxn6 {
    margin-left: -32px;
    margin-right: -32px;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto,
.mx-auto {
    margin-right: auto;
}
.mx-auto {
    margin-left: auto;
}
.mb-2px {
    margin-bottom: 2px;
}
@-webkit-keyframes placeload {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes placeload {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@-webkit-keyframes exit {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes exit {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes enter {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes enter {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes enter-form-mobile {
    0% {
        opacity: 0.1;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes enter-form-mobile {
    0% {
        opacity: 0.1;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes enter-form-desktop {
    0% {
        opacity: 0.1;
        -webkit-transform: translateX(1.5rem);
        transform: translateX(1.5rem);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes enter-form-desktop {
    0% {
        opacity: 0.1;
        -webkit-transform: translateX(1.5rem);
        transform: translateX(1.5rem);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes enter-background-shadow {
    0% {
        -webkit-transform: scaleX(0.9);
        transform: scaleX(0.9);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}
@keyframes enter-background-shadow {
    0% {
        -webkit-transform: scaleX(0.9);
        transform: scaleX(0.9);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}
.LOADING-loads {
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
}
.LOADING-loads:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    -webkit-animation: placeload 1.3s linear infinite forwards;
    animation: placeload 1.3s linear infinite forwards;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.65) 50%, hsla(0, 0%, 100%, 0));
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.LOADING-container {
    -webkit-animation: enter 0.3s 0s;
    animation: enter 0.3s 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    pointer-events: none;
    position: absolute;
    padding: 0 16px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
}
.LOADING-hidden {
    -webkit-animation: exit 0.3s;
    animation: exit 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.LOADING-checkoutContainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0;
    width: 100%;
    max-width: 380px;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}
.LOADING-header {
    min-height: 32px;
}
.LOADING-backArrow,
.LOADING-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.LOADING-backArrow {
    width: 14px;
    height: 32px;
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.2);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.LOADING-logo {
    width: 28px;
    height: 28px;
    border-radius: 100%;
}
.LOADING-productSummary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 10px;
}
.LOADING-productTitle {
    width: 85px;
    height: 16px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    border-radius: 20px;
    margin: 2px 0;
}
.LOADING-productPrice {
    width: 123px;
    height: 24px;
    margin: 8px 0 32px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    border-radius: 20px;
}
.LOADING-productImageContainer {
    margin: 0 auto 20px;
}
.LOADING-productImage,
.LOADING-productImageContainer {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.LOADING-productImage {
    width: 120px;
    height: 120px;
}
.LOADING-paymentTitle {
    display: none;
}
.LOADING-payment-oneRow,
.LOADING-payment-twoRow {
    width: 100%;
}
.LOADING-button {
    width: 100%;
    height: 44px;
    margin-top: 29px;
}
.LOADING-payment-oneRow {
    height: 46px;
}
.LOADING-payment-twoRow {
    height: 90px;
}
.LOADING-mb38 {
    margin-bottom: 38px;
}
.LOADING-checkoutPayment {
    margin-top: 48px;
    -webkit-animation: enter-form-mobile 0.3s 0.1s;
    animation: enter-form-mobile 0.3s 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0.1;
    -webkit-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
}
.LOADING-container--single .LOADING-checkoutPayment {
    margin-top: 0;
}
.LOADING-container--single .LOADING-productSummary {
    display: none;
}
.LOADING-container--single .LOADING-checkoutOverview {
    padding-bottom: 0;
    margin-bottom: 66px;
}
.LOADING-footer {
    color: rgba(26, 26, 26, 0.5);
    font-size: 12px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -3em;
    left: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
}
.LOADING-footer svg {
    position: relative;
    top: 4px;
    fill: rgba(26, 26, 26, 0.4);
}
.LOADING-container--single .LOADING-footer {
    bottom: -2rem;
}
.LOADING-container.LOADING-container--redirectPage .LOADING-checkoutContainer,
.LOADING-container:not(.LOADING-container--redirectPage) .LOADING-redirectContainer {
    display: none;
}
.LOADING-redirectContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.LOADING-redirectContainer .LOADING-redirectSpinner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    width: 60px;
    height: 60px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.LOADING-redirectContainer .LOADING-redirectSpinner,
.LOADING-redirectContainer .LOADING-redirectTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
}
.LOADING-redirectContainer .LOADING-redirectTitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    width: 130px;
    height: 40px;
    margin-top: 12px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.LOADING-redirectContainer .LOADING-redirectMessage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    margin-top: 12px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    border-radius: 20px;
}
@media only screen and (min-width: 992px) {
    .LOADING-payment-oneRow {
        height: 38px;
    }
    .LOADING-payment-twoRow {
        height: 74px;
    }
    .LOADING-header {
        min-height: 28px;
        left: -21px;
        position: relative;
    }
    .LOADING-backArrow {
        height: 28px;
        margin-left: 0;
    }
    .LOADING-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }
    .LOADING-checkoutContainer {
        -webkit-transform: translateY(max(48px, calc(50vh - 55%)));
        -ms-transform: translateY(max(48px, calc(50vh - 55%)));
        transform: translateY(max(48px, calc(50vh - 55%)));
    }
    .LOADING-double .LOADING-checkoutContainer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 16px 0 0;
        max-width: 920px;
    }
    .LOADING-container--single .LOADING-checkoutContainer {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .LOADING-container:not(.LOADING-container--single) .LOADING-checkoutPayment {
        margin-top: 0;
        -webkit-animation: enter-form-desktop 0.3s 0.1s forwards;
        animation: enter-form-desktop 0.3s 0.1s forwards;
        opacity: 0.1;
        -webkit-transform: translateX(2rem);
        -ms-transform: translateX(2rem);
        transform: translateX(2rem);
    }
    .LOADING-checkoutOverview,
    .LOADING-checkoutPayment {
        width: 380px;
        margin-bottom: 0;
        padding-bottom: 40px;
    }
    .LOADING-container:not(.LOADING-container--single):before {
        height: 100vh;
        width: 50%;
        background: #fff;
        position: fixed;
        content: " ";
        top: 0;
        right: 0;
        -webkit-animation: enter-background-shadow 0.3s;
        animation: enter-background-shadow 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0.9);
        -ms-transform: scaleX(0.9);
        transform: scaleX(0.9);
        opacity: 0.1;
        box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
    }
    .LOADING-container.LOADING-container--redirectPage:before {
        display: none;
    }
    .LOADING-productSummary {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 0;
    }
    .LOADING-productTitle {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .LOADING-productPrice {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 13px 0 32px;
    }
    .LOADING-container--multiItem .LOADING-productImageContainer {
        display: none;
    }
    .LOADING-productImageContainer {
        width: 300px;
        height: 300px;
        margin: 32px 0;
    }
    .LOADING-productImage,
    .LOADING-productImageContainer {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .LOADING-productImage {
        width: 187px;
        height: 187px;
    }
    .LOADING-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        margin: 12px 0;
    }
    .LOADING-paymentTitle {
        display: block;
        width: 160px;
        height: 26px;
        margin-bottom: 40px;
        border-radius: 20px;
    }
    .LOADING-container--single .LOADING-paymentTitle {
        display: none;
    }
    .LOADING-container--single .LOADING-footer {
        text-align: center;
    }
    .LOADING-container--multiItem .LOADING-lineItem {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 24px;
    }
    .LOADING-container--multiItem .LOADING-productImage {
        display: none;
    }
    .LOADING-container--multiItem .LOADING-lineItem-image {
        width: 42px;
        height: 42px;
        display: inline-block;
    }
    .LOADING-container--multiItem .LOADING-lineItem-lines {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 12px;
    }
    .LOADING-container--multiItem .LOADING-lineItem-line {
        width: 280px;
        height: 12px;
    }
}
* {
    box-sizing: border-box;
}
@supports (scroll-behavior: smooth) {
    html {
        scroll-behavior: smooth;
    }
}
html {
    line-height: 1.3;
}
body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
    color: rgba(26, 26, 26, 0.9);
    -webkit-font-smoothing: antialiased;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
body.is-darkMode {
    background-color: #000;
}
body:lang(ja) {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, Hiragino Sans, Yu Gothic UI, Meiryo UI, Hiragino Kaku Gothic ProN, sans-serif;
}
body:lang(zh) {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, Microsoft JhengHei, sans-serif;
}
input:-webkit-autofill {
    transition: background-color 100000000s;
    -webkit-animation: native-autofill-in 1ms;
}
input {
    -webkit-animation: native-autofill-out 1ms;
}
.u-screenReaderOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
@-webkit-keyframes native-autofill-in {
    0% {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes native-autofill-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

.Link {
    text-decoration: none;
    cursor: pointer;
}
.Link:focus {
    outline: 1px dotted rgba(26, 26, 26, 0.5);
}
.Link--primary {
    color: #0074d4;
}
.Link--secondary {
    color: rgba(26, 26, 26, 0.5);
    text-decoration: underline;
}
.flex-container {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.flex-item {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
}
.flex-item-align-left {
    margin-right: auto;
    text-align: left;
}
.flex-item-align-right {
    margin-left: auto;
    text-align: right;
}
.flex-item:empty {
    display: none;
}
.flex-column-break {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0;
}
.direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.direction-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.direction-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.spacing-0 {
    margin: 0;
}
.spacing-0 > .flex-item {
    padding: 0;
}
.spacing-4 {
    margin: -2px;
}
.spacing-4 > .flex-item {
    padding: 2px;
}
.spacing-8 {
    margin: -4px;
}
.spacing-8 > .flex-item {
    padding: 4px;
}
.spacing-12 {
    margin: -6px;
}
.spacing-12 > .flex-item {
    padding: 6px;
}
.spacing-16 {
    margin: -8px;
}
.spacing-16 > .flex-item {
    padding: 8px;
}
.spacing-24 {
    margin: -12px;
}
.spacing-24 > .flex-item {
    padding: 12px;
}
.spacing-32 {
    margin: -16px;
}
.spacing-32 > .flex-item {
    padding: 16px;
}
.flex-item-no-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.justify-content-flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.justify-content-flex-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.justify-content-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-content-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-content-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.justify-content-space-evenly {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.align-items-flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.align-items-flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.align-items-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.wrap-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.width-auto {
    width: auto;
}
.width-auto,
.width-fixed {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.width-fixed {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.width-grow {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.width-1 {
    width: 8.33333333%;
}
.width-2 {
    width: 16.66666667%;
}
.width-3 {
    width: 25%;
}
.width-4 {
    width: 33.33333333%;
}
.width-5 {
    width: 41.66666667%;
}
.width-6 {
    width: 50%;
}
.width-7 {
    width: 58.33333333%;
}
.width-8 {
    width: 66.66666667%;
}
.width-9 {
    width: 75%;
}
.width-10 {
    width: 83.33333333%;
}
.width-11 {
    width: 91.66666667%;
}
.width-12 {
    width: 100%;
}
@media only screen and (min-width: 576px) {
    .direction-row-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .direction-row-reverse-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .direction-column-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .direction-column-reverse-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .spacing-0-sm {
        margin: 0;
    }
    .spacing-0-sm > .flex-item {
        padding: 0;
    }
    .spacing-4-sm {
        margin: -2px;
    }
    .spacing-4-sm > .flex-item {
        padding: 2px;
    }
    .spacing-8-sm {
        margin: -4px;
    }
    .spacing-8-sm > .flex-item {
        padding: 4px;
    }
    .spacing-12-sm {
        margin: -6px;
    }
    .spacing-12-sm > .flex-item {
        padding: 6px;
    }
    .spacing-16-sm {
        margin: -8px;
    }
    .spacing-16-sm > .flex-item {
        padding: 8px;
    }
    .spacing-24-sm {
        margin: -12px;
    }
    .spacing-24-sm > .flex-item {
        padding: 12px;
    }
    .spacing-32-sm {
        margin: -16px;
    }
    .spacing-32-sm > .flex-item {
        padding: 16px;
    }
    .justify-content-flex-start-sm {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .justify-content-flex-end-sm {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .justify-content-center-sm {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .justify-content-space-between-sm {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .justify-content-space-around-sm {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .justify-content-space-evenly-sm {
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
    .align-items-flex-start-sm {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .align-items-flex-end-sm {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .align-items-center-sm {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .align-items-stretch-sm {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .align-items-baseline-sm {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .wrap-wrap-sm {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrap-nowrap-sm {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .width-auto-sm {
        width: auto;
    }
    .width-auto-sm,
    .width-fixed-sm {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .width-fixed-sm {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .width-grow-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .width-1-sm {
        width: 8.33333333%;
    }
    .width-2-sm {
        width: 16.66666667%;
    }
    .width-3-sm {
        width: 25%;
    }
    .width-4-sm {
        width: 33.33333333%;
    }
    .width-5-sm {
        width: 41.66666667%;
    }
    .width-6-sm {
        width: 50%;
    }
    .width-7-sm {
        width: 58.33333333%;
    }
    .width-8-sm {
        width: 66.66666667%;
    }
    .width-9-sm {
        width: 75%;
    }
    .width-10-sm {
        width: 83.33333333%;
    }
    .width-11-sm {
        width: 91.66666667%;
    }
    .width-12-sm {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .direction-row-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .direction-row-reverse-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .direction-column-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .direction-column-reverse-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .spacing-0-md {
        margin: 0;
    }
    .spacing-0-md > .flex-item {
        padding: 0;
    }
    .spacing-4-md {
        margin: -2px;
    }
    .spacing-4-md > .flex-item {
        padding: 2px;
    }
    .spacing-8-md {
        margin: -4px;
    }
    .spacing-8-md > .flex-item {
        padding: 4px;
    }
    .spacing-12-md {
        margin: -6px;
    }
    .spacing-12-md > .flex-item {
        padding: 6px;
    }
    .spacing-16-md {
        margin: -8px;
    }
    .spacing-16-md > .flex-item {
        padding: 8px;
    }
    .spacing-24-md {
        margin: -12px;
    }
    .spacing-24-md > .flex-item {
        padding: 12px;
    }
    .spacing-32-md {
        margin: -16px;
    }
    .spacing-32-md > .flex-item {
        padding: 16px;
    }
    .justify-content-flex-start-md {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .justify-content-flex-end-md {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .justify-content-center-md {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .justify-content-space-between-md {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .justify-content-space-around-md {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .justify-content-space-evenly-md {
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
    .align-items-flex-start-md {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .align-items-flex-end-md {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .align-items-center-md {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .align-items-stretch-md {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .align-items-baseline-md {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .wrap-wrap-md {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrap-nowrap-md {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .width-auto-md {
        width: auto;
    }
    .width-auto-md,
    .width-fixed-md {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .width-fixed-md {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .width-grow-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .width-1-md {
        width: 8.33333333%;
    }
    .width-2-md {
        width: 16.66666667%;
    }
    .width-3-md {
        width: 25%;
    }
    .width-4-md {
        width: 33.33333333%;
    }
    .width-5-md {
        width: 41.66666667%;
    }
    .width-6-md {
        width: 50%;
    }
    .width-7-md {
        width: 58.33333333%;
    }
    .width-8-md {
        width: 66.66666667%;
    }
    .width-9-md {
        width: 75%;
    }
    .width-10-md {
        width: 83.33333333%;
    }
    .width-11-md {
        width: 91.66666667%;
    }
    .width-12-md {
        width: 100%;
    }
}
@media only screen and (min-width: 992px) {
    .direction-row-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .direction-row-reverse-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .direction-column-lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .direction-column-reverse-lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .spacing-0-lg {
        margin: 0;
    }
    .spacing-0-lg > .flex-item {
        padding: 0;
    }
    .spacing-4-lg {
        margin: -2px;
    }
    .spacing-4-lg > .flex-item {
        padding: 2px;
    }
    .spacing-8-lg {
        margin: -4px;
    }
    .spacing-8-lg > .flex-item {
        padding: 4px;
    }
    .spacing-12-lg {
        margin: -6px;
    }
    .spacing-12-lg > .flex-item {
        padding: 6px;
    }
    .spacing-16-lg {
        margin: -8px;
    }
    .spacing-16-lg > .flex-item {
        padding: 8px;
    }
    .spacing-24-lg {
        margin: -12px;
    }
    .spacing-24-lg > .flex-item {
        padding: 12px;
    }
    .spacing-32-lg {
        margin: -16px;
    }
    .spacing-32-lg > .flex-item {
        padding: 16px;
    }
    .justify-content-flex-start-lg {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .justify-content-flex-end-lg {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .justify-content-center-lg {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .justify-content-space-between-lg {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .justify-content-space-around-lg {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .justify-content-space-evenly-lg {
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
    .align-items-flex-start-lg {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .align-items-flex-end-lg {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .align-items-center-lg {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .align-items-stretch-lg {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .align-items-baseline-lg {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .wrap-wrap-lg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrap-nowrap-lg {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .width-auto-lg {
        width: auto;
    }
    .width-auto-lg,
    .width-fixed-lg {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .width-fixed-lg {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .width-grow-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .width-1-lg {
        width: 8.33333333%;
    }
    .width-2-lg {
        width: 16.66666667%;
    }
    .width-3-lg {
        width: 25%;
    }
    .width-4-lg {
        width: 33.33333333%;
    }
    .width-5-lg {
        width: 41.66666667%;
    }
    .width-6-lg {
        width: 50%;
    }
    .width-7-lg {
        width: 58.33333333%;
    }
    .width-8-lg {
        width: 66.66666667%;
    }
    .width-9-lg {
        width: 75%;
    }
    .width-10-lg {
        width: 83.33333333%;
    }
    .width-11-lg {
        width: 91.66666667%;
    }
    .width-12-lg {
        width: 100%;
    }
}
.Icon--xs {
    height: 8px;
}
.Icon--xs.Icon--square {
    width: 8px;
}
.Icon--sm {
    height: 12px;
}
.Icon--sm.Icon--square {
    width: 12px;
}
.Icon--md {
    height: 16px;
}
.Icon--md.Icon--square {
    width: 16px;
}
.Icon--lg {
    height: 24px;
}
.Icon--lg.Icon--square {
    width: 24px;
}
.Icon--gray300 {
    fill: rgba(26, 26, 26, 0.4);
}
.Icon--gray400 {
    fill: rgba(26, 26, 26, 0.5);
}
.Icon--white {
    fill: #fff;
}
.Icon--red {
    color: #dc2727;
    fill: #dc2727;
}
.Icon--blue {
    color: #0074d4;
    fill: #0074d4;
}
.Icon .Icon-fill {
    fill: #565656;
}
.Text {
    margin: 0;
}
.Text-fontSize--11 {
    font-size: 11px;
}
.Text-fontSize--12 {
    font-size: 12px;
}
.Text-fontSize--13 {
    font-size: 13px;
}
.Text-fontSize--14 {
    font-size: 14px;
}
.Text-fontSize--16 {
    font-size: 16px;
}
.Text-fontSize--20 {
    font-size: 20px;
}
.Text-fontSize--24 {
    font-size: 24px;
}
.Text-fontSize--36 {
    font-size: 36px;
}
.Text-fontWeight--400 {
    font-weight: 400;
}
.Text-fontWeight--500 {
    font-weight: 500;
}
.Text-fontWeight--600 {
    font-weight: 600;
}
.Text-fontWeight--700 {
    font-weight: 700;
}
.Text-fontWeight--900 {
    font-weight: 900;
}
.Text-fontStyle--italic {
    font-style: italic;
}
.Text-fontStyle--normal {
    font-style: normal;
}
.Text-color--white {
    color: #fff;
}
.Text-color--gray50 {
    color: rgba(26, 26, 26, 0.1);
}
.Text-color--gray100 {
    color: rgba(26, 26, 26, 0.2);
}
.Text-color--gray200 {
    color: rgba(26, 26, 26, 0.3);
}
.Text-color--gray300 {
    color: rgba(26, 26, 26, 0.4);
}
.Text-color--gray400 {
    color: rgba(26, 26, 26, 0.5);
}
.Text-color--gray500 {
    color: rgba(26, 26, 26, 0.6);
}
.Text-color--gray600 {
    color: rgba(26, 26, 26, 0.7);
}
.Text-color--gray700 {
    color: rgba(26, 26, 26, 0.8);
}
.Text-color--gray800 {
    color: rgba(26, 26, 26, 0.9);
}
.Text-color--gray900 {
    color: #1a1a1a;
}
.Text-color--lightGray50 {
    color: hsla(0, 0%, 100%, 0.1);
}
.Text-color--lightGray100 {
    color: hsla(0, 0%, 100%, 0.2);
}
.Text-color--lightGray200 {
    color: hsla(0, 0%, 100%, 0.3);
}
.Text-color--lightGray300 {
    color: hsla(0, 0%, 100%, 0.4);
}
.Text-color--lightGray400 {
    color: hsla(0, 0%, 100%, 0.5);
}
.Text-color--lightGray500 {
    color: hsla(0, 0%, 100%, 0.6);
}
.Text-color--lightGray600 {
    color: hsla(0, 0%, 100%, 0.7);
}
.Text-color--lightGray700 {
    color: hsla(0, 0%, 100%, 0.8);
}
.Text-color--lightGray800 {
    color: hsla(0, 0%, 100%, 0.9);
}
.Text-color--lightGray900 {
    color: #fff;
}
.is-fontFamily--Inconsolata .FormFieldGroup-labelContainer .Text,
.is-fontFamily--PTSans .FormFieldGroup-labelContainer .Text,
.is-fontFamily--TitilliumWeb .FormFieldGroup-labelContainer .Text {
    font-size: 14px;
}
.is-fontFamily--Lora .Text {
    letter-spacing: 0.15pt;
}
.is-fontFamily--Montserrat .Text {
    letter-spacing: -0.1pt;
}
.App-Overview.is-darkBackground .Text-color--default,
.is-darkMode .App-Payment .Text-color--default,
.is-darkMode .OrderDetailsDropdown .Text-color--default {
    color: #fff;
}
.App-Overview.is-darkBackground .Text-color--gray50,
.is-darkMode .App-Payment .Text-color--gray50,
.is-darkMode .OrderDetailsDropdown .Text-color--gray50 {
    color: hsla(0, 0%, 100%, 0.1);
}
.App-Overview.is-darkBackground .Text-color--gray100,
.is-darkMode .App-Payment .Text-color--gray100,
.is-darkMode .OrderDetailsDropdown .Text-color--gray100 {
    color: hsla(0, 0%, 100%, 0.2);
}
.App-Overview.is-darkBackground .Text-color--gray200,
.is-darkMode .App-Payment .Text-color--gray200,
.is-darkMode .OrderDetailsDropdown .Text-color--gray200 {
    color: hsla(0, 0%, 100%, 0.3);
}
.App-Overview.is-darkBackground .Text-color--gray300,
.is-darkMode .App-Payment .Text-color--gray300,
.is-darkMode .OrderDetailsDropdown .Text-color--gray300 {
    color: hsla(0, 0%, 100%, 0.4);
}
.App-Overview.is-darkBackground .Text-color--gray400,
.is-darkMode .App-Payment .Text-color--gray400,
.is-darkMode .OrderDetailsDropdown .Text-color--gray400 {
    color: hsla(0, 0%, 100%, 0.5);
}
.App-Overview.is-darkBackground .Text-color--gray500,
.is-darkMode .App-Payment .Text-color--gray500,
.is-darkMode .OrderDetailsDropdown .Text-color--gray500 {
    color: hsla(0, 0%, 100%, 0.6);
}
.App-Overview.is-darkBackground .Text-color--gray600,
.is-darkMode .App-Payment .Text-color--gray600,
.is-darkMode .OrderDetailsDropdown .Text-color--gray600 {
    color: hsla(0, 0%, 100%, 0.7);
}
.App-Overview.is-darkBackground .Text-color--gray700,
.is-darkMode .App-Payment .Text-color--gray700,
.is-darkMode .OrderDetailsDropdown .Text-color--gray700 {
    color: hsla(0, 0%, 100%, 0.8);
}
.App-Overview.is-darkBackground .Text-color--gray800,
.is-darkMode .App-Payment .Text-color--gray800,
.is-darkMode .OrderDetailsDropdown .Text-color--gray800 {
    color: hsla(0, 0%, 100%, 0.9);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--default,
.App-Overview.is-darkBackground .Text-color--gray900,
.is-darkMode .App-Payment .Text-color--gray900 {
    color: #fff;
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray50 {
    color: hsla(0, 0%, 100%, 0.1);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray100 {
    color: hsla(0, 0%, 100%, 0.2);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray200 {
    color: hsla(0, 0%, 100%, 0.3);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray300 {
    color: hsla(0, 0%, 100%, 0.4);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray400 {
    color: hsla(0, 0%, 100%, 0.5);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray500 {
    color: hsla(0, 0%, 100%, 0.6);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray600 {
    color: hsla(0, 0%, 100%, 0.7);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray700 {
    color: hsla(0, 0%, 100%, 0.8);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray800 {
    color: hsla(0, 0%, 100%, 0.9);
}
.App-Footer.is-darkBackground.is-mobilePaymentMenu .Text-color--gray900 {
    color: #fff;
}
@media only screen and (min-width: 992px) {
    .App-Footer.is-darkBackground .Text-color--default {
        color: #fff;
    }
    .App-Footer.is-darkBackground .Text-color--gray50 {
        color: hsla(0, 0%, 100%, 0.1);
    }
    .App-Footer.is-darkBackground .Text-color--gray100 {
        color: hsla(0, 0%, 100%, 0.2);
    }
    .App-Footer.is-darkBackground .Text-color--gray200 {
        color: hsla(0, 0%, 100%, 0.3);
    }
    .App-Footer.is-darkBackground .Text-color--gray300 {
        color: hsla(0, 0%, 100%, 0.4);
    }
    .App-Footer.is-darkBackground .Text-color--gray400 {
        color: hsla(0, 0%, 100%, 0.5);
    }
    .App-Footer.is-darkBackground .Text-color--gray500 {
        color: hsla(0, 0%, 100%, 0.6);
    }
    .App-Footer.is-darkBackground .Text-color--gray600 {
        color: hsla(0, 0%, 100%, 0.7);
    }
    .App-Footer.is-darkBackground .Text-color--gray700 {
        color: hsla(0, 0%, 100%, 0.8);
    }
    .App-Footer.is-darkBackground .Text-color--gray800 {
        color: hsla(0, 0%, 100%, 0.9);
    }
    .App-Footer.is-darkBackground .Text-color--gray900 {
        color: #fff;
    }
}
.Text-color--blue {
    color: #0074d4;
}
.Text-color--red {
    color: #dc2727;
}
.Text-color--green {
    color: #24b47e;
}
.Text-color--yellow {
    color: #ffde92;
}
.Text-color--orange {
    color: #bb5504;
}
.Text-transform--uppercase {
    text-transform: uppercase;
}
.Text--tabularNumbers {
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03rem;
}
.Text--truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.CustomPolicyMessage {
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    overflow: hidden;
}
.CustomPolicyMessage-icon {
    height: 16px;
    min-width: 24px;
    padding-top: 4px;
    padding-right: 10px;
    color: rgba(0, 0, 0, 0.5);
}
.Policy-icon {
    min-width: 16px;
    margin-top: 2px;
    color: rgba(26, 26, 26, 0.9);
    fill: rgba(26, 26, 26, 0.9);
}
.Policy-text {
    margin-left: 12px;
    width: 100%;
}
.Policy-content {
    margin-top: 4px;
}
.Spinner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.Spinner,
.Spinner-svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.Spinner-svg {
    position: relative;
}
.Spinner--sm .Spinner-svg {
    width: 12px;
    height: 12px;
}
.Spinner--md .Spinner-svg {
    width: 18px;
    height: 18px;
}
.Spinner--lg .Spinner-svg {
    width: 48px;
    height: 48px;
}
.Spinner-ellipse {
    fill: transparent;
    stroke: rgba(26, 26, 26, 0.3);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 60;
    stroke-dashoffset: 20;
    -webkit-animation: SpinnerAnimationShow 0.25s ease normal, SpinnerAnimationRotation 0.6s linear infinite;
    animation: SpinnerAnimationShow 0.25s ease normal, SpinnerAnimationRotation 0.6s linear infinite;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-timing-function: ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.Spinner--white .Spinner-ellipse {
    stroke: #fff;
}
@-webkit-keyframes SpinnerAnimationShow {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes SpinnerAnimationShow {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes SpinnerAnimationRotation {
    0% {
        -webkit-transform: scaleX(-1) rotate(0);
        transform: scaleX(-1) rotate(0);
    }
    50% {
        -webkit-transform: scaleX(-1) rotate(-180deg);
        transform: scaleX(-1) rotate(-180deg);
    }
    to {
        -webkit-transform: scaleX(-1) rotate(-1turn);
        transform: scaleX(-1) rotate(-1turn);
    }
}
@keyframes SpinnerAnimationRotation {
    0% {
        -webkit-transform: scaleX(-1) rotate(0);
        transform: scaleX(-1) rotate(0);
    }
    50% {
        -webkit-transform: scaleX(-1) rotate(-180deg);
        transform: scaleX(-1) rotate(-180deg);
    }
    to {
        -webkit-transform: scaleX(-1) rotate(-1turn);
        transform: scaleX(-1) rotate(-1turn);
    }
}
.Button {
    border: 1px solid transparent;
    border-radius: 6px;
    transition: background-color 0.1s ease-in, -webkit-transform 0.08s ease-in;
    transition: background-color 0.1s ease-in, transform 0.08s ease-in;
    transition: background-color 0.1s ease-in, transform 0.08s ease-in, -webkit-transform 0.08s ease-in;
    cursor: pointer;
}
.App-Container.is-squareBordered .Button,
.ModalContent--is-squareBordered .Button {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .Button,
.ModalContent--is-veryRoundBordered .Button {
    border-radius: 22px;
}
.Button--xs {
    font-size: 10px;
}
.Button--sm {
    font-size: 12px;
}
.Button--md {
    font-size: 14px;
    padding: 8px 16px;
}
.Button--lg {
    font-size: 16px;
    padding: 12px 24px;
}
.Button--xlg {
    font-size: 20px;
    padding: 12px 40px;
}
.Button--primary {
    color: #fff;
    background-color: #0074d4;
    border-color: #0074d4;
}
.Button--primary:focus {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    outline: none;
}
.Button--primary:not(:disabled):hover {
    background-color: #0066ba;
}
.Button--primary:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.Button--primary:disabled {
    background-color: rgba(0, 102, 186, 0.78);
}
.Button--primary:disabled:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    cursor: default;
}
.Button--secondary {
    color: #1a1a1a;
    background-color: rgba(0, 0, 0, 0.03);
}
.Button--secondary:focus {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    outline: none;
}
.Button--secondary:not(:disabled):hover {
    background-color: rgba(26, 26, 26, 0.05);
}
.Button--secondary:active {
    background-color: rgba(0, 0, 0, 0.075);
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.Button--secondary:disabled {
    background-color: rgba(0, 0, 0, 0.01);
}
.Button--secondary:disabled:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    cursor: default;
}
.Button--link {
    padding: 0;
    color: #0074d4;
    background-color: transparent;
    border: none;
    outline: none;
    border-radius: 0;
    text-decoration-skip-ink: none;
    -webkit-tap-highlight-color: transparent;
}
.App--keyboardInteractionMode .Button--link:focus {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    outline: none;
}
.Button--menuitem {
    color: rgba(26, 26, 26, 0.5);
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    display: block;
    border-radius: 0;
}
.Button--menuitem .Icon {
    fill: rgba(26, 26, 26, 0.5);
}
.Button--menuitem:hover {
    background-color: rgba(26, 26, 26, 0.05);
    color: #1a1a1a;
}
.Button--menuitem:hover .Icon {
    fill: #1a1a1a;
}
.Button-Icon {
    margin-right: 8px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.Button-Icon--right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
    margin-left: 8px;
}
.Button-Spinner {
    opacity: 0.5;
}
.Body--modal-open {
    overflow: hidden;
}
.ModalOverlay {
    z-index: 14;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    -webkit-tap-highlight-color: transparent;
}
.ModalOverlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-filter: blur(20px);
    filter: blur(20px);
}
.ModalOverlay--afterOpen {
    opacity: 1;
}
.ModalOverlay--beforeClose {
    opacity: 0;
}
.ModalContent {
    z-index: 15;
    overflow: auto;
    outline: none;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.ModalContent--is-squareBordered,
.ModalContent--is-squareBordered .CustomPolicyMessage {
    border-radius: 0;
}
.ModalContent--is-veryRoundBordered,
.ModalContent--is-veryRoundBordered .CustomPolicyMessage {
    border-radius: 18px;
}
.ModalContent--afterOpen {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.ModalContent--beforeClose {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.Tabs-Container {
    position: relative;
}
.Tabs-TabPanelContainer > :nth-last-child(2):first-child {
    position: absolute;
}
.Tabs-TabList {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    position: relative;
}
.Tabs-PrintableTabPanelContainer {
    display: none;
}
@media print {
    .Tabs.is-printable .Tabs-TabPanelContainer {
        display: none;
    }
    .Tabs.is-printable .Tabs-PrintableTabPanelContainer {
        display: block;
    }
    role[tabpanel] {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
}
.Tabs.is-icontabs .Tabs-TabList {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.Tabs.is-contenttabs .Tabs-TabList {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-shadow: inset 0 -1px #e3e8ee;
}
.Tabs-TabListOverflowContainer {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    position: relative;
}
.Tabs-TabListItemContainer--overflow-button svg {
    width: 16px;
}
.Tabs-TabListItemContainer--overflow-button .Tabs-TabListItem--overflow-toggle {
    display: block;
}
.Tabs-TabListItem--overflow-toggle .Tabs-TabListItemContent {
    height: 100%;
}
.Tabs-TabListItem--overflow-toggle .Icon {
    margin-top: 2px;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer {
    display: none;
    padding: 6px 0;
    border-radius: 6px;
    box-shadow: 0 0 0 1px hsla(0, 0%, 68.6%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
}
.App-Container.is-squareBordered .Tabs.is-desktop .Tabs-TabListOverflowContainer {
    border-radius: 0;
}
.App-Container.App-Container.is-veryRoundBordered .Tabs.is-desktop .Tabs-TabListOverflowContainer {
    border-radius: 18px;
}
.Tabs.is-desktop.is-icontabs .Tabs-TabList > .Tabs-TabListItemContainer {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    max-width: 100%;
}
.Tabs.is-desktop.is-icontabs .Tabs-TabList--wrap > .Tabs-TabListItemContainer {
    margin: 0 8px 8px 0;
}
.Tabs.is-desktop.is-contenttabs .Tabs-TabList > .Tabs-TabListItemContainer {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
}
.Tabs.is-desktop .Tabs-TabList > .Tabs-TabListItemContainer.Tabs-TabListItemContainer--overflow-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItemContainer {
    margin: 0;
    padding: 0;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:after {
    display: none;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:not(:focus) {
    box-shadow: none;
    position: static;
}
.Tabs.is-desktop .Tabs-TabListItem:hover .Tabs-TabListItemContent {
    opacity: 1;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:hover {
    background-color: rgba(26, 26, 26, 0.1);
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:hover .Tabs-TabListItemContent {
    opacity: 1;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentMethod {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon {
    min-width: 28px;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon img {
    margin: 0 auto;
    display: block;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem {
    padding: 8px 12px;
    border-radius: 0;
    border: 0;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentMethod {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentLabel {
    margin-left: 12px;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    top: -6px;
    right: -6px;
    z-index: 9999;
    display: block;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer--is-visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.Tabs.is-desktop .Tabs-TabListItemContainer--overflow-button .Tabs-TabListItem:focus {
    box-shadow: 0 0 0 1px #e0e0e0;
}
.Tabs.is-desktop .Tabs-TabList--wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.Tabs.is-desktop .Tabs-TabList--wrap .Tabs-TabListItemContainer {
    margin-left: 0;
}
.Tabs.is-desktop .Tabs-TabList.Tabs-TabList--wrap > .Tabs-TabListItemContainer {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}
.Tabs.is-mobile .Tabs-TabList {
    overflow-x: scroll;
    overflow-x: -moz-scrollbars-none;
    scrollbar-width: none;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: -16px -50vw;
    padding-top: 16px;
    padding-bottom: 16px;
}
.Tabs.is-mobile.is-overflowing .Tabs-TabListItemContainer {
    -webkit-flex-basis: 27vw;
    -ms-flex-preferred-size: 27vw;
    flex-basis: 27vw;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media only screen and (max-width: 320px) {
    .Tabs.is-mobile.is-overflowing .Tabs-TabListItemContainer {
        -webkit-flex-basis: 26vw;
        -ms-flex-preferred-size: 26vw;
        flex-basis: 26vw;
    }
}
.Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
    margin-left: 16px;
}
.Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:last-of-type {
    padding-right: 16px;
}
.Tabs.is-mobile .Tabs-TabListItemContainer--overflow-button {
    display: none;
}
@media only screen and (min-width: 412px) {
    .Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
        margin-left: calc((100vw - 380px) / 2);
    }
    .Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:last-of-type {
        padding-right: calc((100vw - 380px) / 2);
    }
}
.Tabs.is-mobile .Tabs-TabList::-webkit-scrollbar {
    display: none;
}
.Tabs.is-icontabs .Tabs-TabListItemContainer,
.Tabs.is-icontabs .Tabs-TabListOverflowContainer {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 8px;
}
.Tabs.is-contenttabs .Tabs-TabListItemContainer,
.Tabs.is-contenttabs .Tabs-TabListOverflowContainer {
    margin-left: 8px;
}
.Tabs .Tabs-TabListItemContainer:first-of-type {
    margin-left: 0;
}
.Tabs-TabListItem {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    border: 0;
    text-align: left;
    /* !important to override normalize.css */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    transition: box-shadow 0.08s ease-in, border 0.08s ease-in;
    position: relative;
}
.Tabs.is-icontabs .Tabs-TabListItem {
    border-radius: 6px;
    padding: 10px 12px 8px;
    color: rgba(26, 26, 26, 0.9);
    box-shadow: 0 0 0 1px #e0e0e0;
    background-color: #fff;
    font-size: 12px;
}
.App-Container.is-squareBordered .Tabs.is-icontabs .Tabs-TabListItem {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .Tabs.is-icontabs .Tabs-TabListItem {
    border-radius: 18px;
}
.Tabs.is-icontabs .Tabs-TabListItem:focus-visible {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Tabs.is-contenttabs .Tabs-TabListItem {
    padding: 4px 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    height: auto;
}
.Tabs-TabListItem::-moz-focus-inner {
    outline: 0 !important;
}
.Tabs-TabListItem:focus {
    outline: 0 !important;
}
.Tabs-TabListItem:focus-visible {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Tabs-TabListItem:after {
    content: "";
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 0.2s ease;
    opacity: 0;
}
.Tabs.is-icontabs .Tabs-TabListItem:after {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    border-radius: 6px;
}
.Tabs.is-contenttabs .Tabs-TabListItem:after {
    position: absolute;
    height: 2px;
    top: calc(100% - 2px);
    left: -1px;
    background: #5469d4;
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected:after {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected:after,
.Tabs.is-icontabs .Tabs-TabListItem:hover:after {
    opacity: 1;
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected {
    box-shadow: 0 0 0 1px rgba(26, 26, 26, 0.9), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected:focus {
    box-shadow: 0 0 0 1px rgba(26, 26, 26, 0.9), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Tabs.is-contenttabs .Tabs-TabListItem {
    opacity: 0.8;
}
.Tabs.is-contenttabs .Tabs-TabListItem--is-selected:after {
    opacity: 1;
}
.Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
    color: #5469d4;
    opacity: 1;
}
.Tabs.is-disabled .Tabs-TabListItem {
    cursor: auto;
}
.Tabs-TabListItem .Tabs-TabListItemContent {
    opacity: 0.7;
    transition: opacity 0.2s ease;
    will-change: opacity;
    min-width: 0;
    overflow: hidden;
}
.Tabs-TabListItem--is-selected .Tabs-TabListItemContent {
    opacity: 1;
}
.Tabs-TabListItem .Tabs-TabListItemContent svg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.Tabs-TabListPaymentMethod {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.Tabs-TabListPaymentIcon,
.Tabs-TabListPaymentLabel {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.Tabs-TabListPaymentLabel {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Tabs-TabListDropdown {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;
}
.Tabs-TabListDropdown.Tabs-TabListDropdown--is-closed {
    position: fixed;
    height: 1px;
    width: 1px;
    overflow: hidden;
    visibility: hidden;
    margin: 0;
    padding: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Tabs-TabPanelContainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
}
.Tabs-TabPanelContent {
    width: 100%;
}
.App-Container.is-squareBordered .Tabs-TabListItem {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .Tabs-TabListItem {
    border-radius: 18px;
}
.PoliciesModal-modal {
    max-width: 500px;
    min-width: 316px;
    overflow-x: hidden;
}
.PoliciesModal-list {
    padding-left: 18px;
    margin-top: 4px;
    line-height: 24px;
    margin-bottom: 0;
}
.PoliciesModal-listItem {
    color: rgba(26, 26, 26, 0.5);
}
.PoliciesModal-listItem::marker {
    font-size: 12px;
}
.PoliciesModal-header {
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
}
.PoliciesModal-content,
.PoliciesModal-header {
    padding: 24px;
}
.PoliciesModal-content {
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
}
.PoliciesModal-supportInfo {
    white-space: nowrap;
}
.PoliciesModal-header .Button-Icon {
    margin: 0;
}
.PoliciesModal-paymentTerms {
    margin-top: 16px;
}
.PoliciesModal-footer {
    border-top: 1px solid rgba(26, 26, 26, 0.1);
    padding: 24px;
    text-align: center;
}
.PoliciesModal-customPolicyMessage {
    padding-bottom: 16px;
}
@media only screen and (max-width: 767.98px) {
    .PoliciesModal-modal {
        max-width: 100vw;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
    }
    .PoliciesModal-content {
        max-height: 40vh;
        overflow-y: scroll;
    }
    .PoliciesModal-modalOverlay {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media only screen and (max-width: 320px) {
    .PoliciesModal-content {
        max-height: 30vh;
    }
}
.PoliciesModal-modal .Tabs-TabList {
    padding-left: 24px;
}
.PoliciesModal-modal .Tabs-TabListItemContainer {
    padding: 16px 0;
}
.PoliciesModal-modal .Tabs.is-contenttabs .Tabs-TabListItemContainer:not(:first-of-type) {
    margin-left: 16px;
}
.PoliciesModal-modal .Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
    color: #0074d4;
}
.PoliciesModal-modal .Tabs.is-contenttabs .Tabs-TabListItem--is-selected:after {
    opacity: 0;
}
.PoliciesModal-modal .Tabs.is-mobile .Tabs-TabList {
    margin: auto;
    padding: 0;
    left: auto;
    right: auto;
}
.PoliciesModal-modal .Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
    margin-left: 24px;
}
.PoliciesModal-modal .Tabs-TabPanelContainer {
    margin-top: 0;
}
.Footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.Footer-PoweredBy-Icon {
    vertical-align: text-bottom;
    -webkit-transform: translateY(1.5px);
    -ms-transform: translateY(1.5px);
    transform: translateY(1.5px);
    fill: rgba(26, 26, 26, 0.4);
}
.Footer-PoweredBy {
    width: 100%;
    text-align: center;
}
.Footer-Links,
.Footer-PoweredBy {
    padding: 4px;
}
.Footer-Links .Link {
    margin-right: 12px;
}
.Footer-Links .Link:last-of-type {
    margin-right: 0;
}
.is-darkMode .Footer .Text-color--gray400 {
    color: hsla(0, 0%, 100%, 0.5);
}
.Footer.is-darkBackground.is-mobilePaymentMenu .Footer-PoweredBy-Icon,
.is-darkMode .Footer .Footer-PoweredBy-Icon {
    fill: hsla(0, 0%, 100%, 0.4);
}
@media only screen and (min-width: 992px) {
    .Footer {
        height: 16px;
        line-height: 16px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .Footer-Links {
        padding: 0 0 0 16px;
    }
    .Footer-PoweredBy {
        padding: 0 16px 0 0;
        border-right: 1px solid rgba(26, 26, 26, 0.1);
        width: auto;
        text-align: left;
    }
    .Footer.is-darkBackground .Footer-PoweredBy {
        border-right: 1px solid hsla(0, 0%, 100%, 0.1);
    }
    .Footer.is-darkBackground .Text-color--gray400 {
        color: hsla(0, 0%, 100%, 0.5);
    }
    .Footer.is-darkBackground .Footer-PoweredBy-Icon {
        fill: hsla(0, 0%, 100%, 0.4);
    }
    .App-Container--setupMode .Footer {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}
.CheckoutFooter-link {
    display: inline;
    padding: 4px;
    margin-right: 4px;
}
.CheckoutFooter-links {
    margin-left: 12px;
}
.CheckoutFooter-links.Button--link:focus {
    outline: 1px dotted rgba(26, 26, 26, 0.5);
    box-shadow: none;
}
@media only screen and (max-width: 991.98px) {
    .CheckoutFooter-links {
        margin-left: 0;
    }
}
.PolicyHighlight-container {
    width: 100%;
}
.PolicyHighlight-highlight {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    padding: 0 8px;
    margin: auto auto 8px;
    color: rgba(26, 26, 26, 0.6);
}
.PolicyHighlight-highlight.Button--link:focus {
    outline: 1px dotted rgba(26, 26, 26, 0.5);
    box-shadow: none;
}
.PolicyHighlight-icon {
    color: rgba(26, 26, 26, 0.6);
    margin-right: 8px;
    margin-bottom: 1px;
}
.PolicyHighlight-highlight,
.PolicyHighlight-icon {
    transition: color 0.2s ease;
}
.PolicyHighlight-highlight:hover,
.PolicyHighlight-highlight:hover .PolicyHighlight-icon {
    color: rgba(26, 26, 26, 0.8);
}
@-webkit-keyframes inputShake {
    0% {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0);
    }
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg);
    }
    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg);
    }
    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg);
    }
    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg);
    }
    to {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0);
    }
}
@keyframes inputShake {
    0% {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0);
    }
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg);
    }
    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg);
    }
    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg);
    }
    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg);
    }
    to {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0);
    }
}
.SmsCodeInput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 230px;
}
.SmsCodeInput.is-invalid {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: inputShake;
    animation-name: inputShake;
}
.SmsCodeInput-inputGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.SmsCodeInput-separator {
    background: rgba(26, 26, 26, 0.3);
    height: 1px;
    width: 8px;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.SmsCodeInput-inputGroup input {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    color: rgba(26, 26, 26, 0.9);
    font-size: 20px;
    line-height: 1.5;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
}
.SmsCodeInput-inputGroup input:focus {
    outline: none;
    z-index: 2;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.SmsCodeInput-inputGroup input::-ms-clear {
    display: none;
}
.SmsCodeInput-inputGroup input:disabled {
    color: rgba(26, 26, 26, 0.4);
}
.SmsCodeInput-inputGroup input:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.SmsCodeInput-inputGroup input:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.VerificationStatus {
    background-color: rgba(26, 26, 26, 0.05);
    padding: 8px;
    border-radius: 6px;
}
.VerificationStatus.is-invalid {
    background-color: rgba(220, 39, 39, 0.04);
    color: #dc2727;
}
.VerificationStatus.is-succeeded {
    background-color: rgba(36, 180, 126, 0.05);
    color: #24b47e;
}
.VerificationStatus svg {
    fill: rgba(26, 26, 26, 0.5);
    margin-right: 8px;
}
.VerificationStatus.is-invalid svg {
    fill: #dc2727;
}
.VerificationStatus.is-succeeded path,
.VerificationStatus.is-succeeded svg {
    fill: #24b47e;
}
.VerificationStatus-messageLine,
.VerificationStatus-phoneNumberLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.VerificationStatus-phoneNumberLine {
    margin-top: 4px;
}
.VerificationStatus-phoneNumberLine svg {
    margin-right: 4px;
}
.VerificationModal-modalOverlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: opacity 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.VerificationModal-modalOverlay.ModalOverlay--afterOpen {
    opacity: 1;
}
.VerificationModal-modalOverlay.ModalOverlay--beforeClose {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.VerificationModal-modal {
    background-color: #fff;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 8px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
    max-width: 360px;
    min-width: 316px;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.ModalContent--is-squareBordered.VerificationModal-modal {
    border-radius: 0;
}
.ModalContent--is-veryRoundBordered.VerificationModal-modal {
    border-radius: 18px;
}
.VerificationModal-modal.ModalContent--afterOpen {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.VerificationModal-modal.ModalContent--beforeClose {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.VerificationModal-modalHeader {
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
    padding: 16px;
}
.VerificationModal-modalHeader .InlineSVG {
    fill: #24b47e;
}
.VerificationModal-modalContent {
    padding: 24px 32px;
    text-align: center;
}
.ClimateContributionSelectorInfoModal-modal {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
    color: rgba(26, 26, 26, 0.7);
    max-width: 348px;
    padding: 32px;
    width: 100%;
}
.ClimateContributionSelectorInfoModal-modalOverlay {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.ClimateContributionSelectorInfoModal-modalOverlay.ModalOverlay--afterOpen {
    opacity: 1;
}
.ClimateContributionSelectorInfoModal-modalOverlay.ModalOverlay--beforeClose {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.ClimateContributionSelectorInfoModal-learnMoreLink {
    text-align: center;
}
.ClimateContributionSelectorInfoModal-icon path,
.ClimateContributionSelectorInfoModal-icon svg {
    fill: rgba(26, 26, 26, 0.7);
}
.SubmitButton {
    position: relative;
    overflow: hidden;
    height: 44px;
    width: 100%;
    margin-top: 12px;
    padding: 0;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
    border: 0;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease, box-shadow 0.08s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.SubmitButton:disabled {
    cursor: default;
}
.SubmitButton-Shimmer {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 150%;
    opacity: 0;
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%);
    transition: opacity 0.2s ease;
}
.SubmitButton-Text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 44px;
    transition: all 0.2s ease;
}
.SubmitButton-IconContainer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.SubmitButton-Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.2s ease;
}
.SubmitButton-SpinnerIcon .Icon,
.SubmitButton-SpinnerIcon svg {
    height: 20px;
    width: 20px;
}
.SubmitButton-SpinnerIcon ellipse {
    stroke-width: 1;
    stroke-linecap: round;
    stroke-dasharray: 70;
    stroke-dashoffset: 30;
    fill: transparent;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: spinner-spin 0.6s linear infinite;
    animation: spinner-spin 0.6s linear infinite;
}
.SubmitButton-CheckmarkIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(calc(-50% + 2px)) translateX(-50%) scale(0.6);
    -ms-transform: translateY(calc(-50% + 2px)) translateX(-50%) scale(0.6);
    transform: translateY(calc(-50% + 2px)) translateX(-50%) scale(0.6);
}
.SubmitButton-CheckmarkIcon path {
    stroke-linecap: round;
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    opacity: 0;
}
.SubmitButton--clickable:hover,
.SubmitButton--complete:hover {
    background-color: #005ebb;
    box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 6px 15px 0 rgba(50, 50, 93, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.SubmitButton--clickable:active,
.SubmitButton--complete:active {
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
}
.SubmitButton--clickable:focus,
.SubmitButton--complete:focus,
.SubmitButton--incomplete:focus {
    box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 6px 15px 0 rgba(50, 50, 93, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.SubmitButton--incomplete .SubmitButton-Text--current {
    opacity: 0.6;
}
.SubmitButton--complete-Shimmer {
    opacity: 1;
    -webkit-animation: shimmer-move 3s ease infinite;
    animation: shimmer-move 3s ease infinite;
}
.SubmitButton--complete:hover.SubmitButton--complete-Shimmer {
    opacity: 0.6;
}
.SubmitButton--success {
    background-color: #24b47e;
}
.SubmitButton--success .SubmitButton-IconContainer {
    -webkit-transform: translateX(calc(-50% + 10px));
    -ms-transform: translateX(calc(-50% + 10px));
    transform: translateX(calc(-50% + 10px));
}
.SubmitButton--disabled {
    box-shadow: none;
}
.SubmitButton-Text--pre {
    opacity: 0;
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}
.SubmitButton-Text--post {
    opacity: 0;
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
}
.SubmitButton-Icon--post,
.SubmitButton-Icon--pre {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
}
.SubmitButton-Icon--current {
    opacity: 1;
}
.SubmitButton-Icon--post-center {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1.3);
    -ms-transform: translateY(-50%) scale(1.3);
    transform: translateY(-50%) scale(1.3);
    transition-duration: 0.3s;
}
.SubmitButton-Icon--post-center.SubmitButton-SpinnerIcon ellipse {
    -webkit-animation: spinner-complete 0.3s ease;
    animation: spinner-complete 0.3s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.SubmitButton-CheckmarkIcon--current path {
    -webkit-animation: checkmark-check 0.3s ease;
    animation: checkmark-check 0.3s ease;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes shimmer-move {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
    }
    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
}
@keyframes shimmer-move {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
    }
    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
}
@-webkit-keyframes spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-webkit-keyframes spinner-complete {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes spinner-complete {
    to {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes checkmark-check {
    0% {
        opacity: 0;
        stroke-dashoffset: 30;
    }
    to {
        opacity: 1;
        stroke-dashoffset: 0;
    }
}
@keyframes checkmark-check {
    0% {
        opacity: 0;
        stroke-dashoffset: 30;
    }
    to {
        opacity: 1;
        stroke-dashoffset: 0;
    }
}
.App-Container.is-squareBordered .SubmitButton {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .SubmitButton {
    border-radius: 22px;
}
.SegmentedSelector {
    background-color: #f7f7f7;
    border-radius: 6px;
    border: 1px solid rgba(26, 26, 26, 0.1);
    overflow: hidden;
    padding: 4px;
    position: relative;
    width: 100%;
}
.SegmentedSelector-highlight {
    border-radius: 6px;
    left: 0;
    position: absolute;
    top: 4px;
    bottom: 4px;
    transition: width 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, width 0.3s ease;
    transition: transform 0.3s ease, width 0.3s ease, -webkit-transform 0.3s ease;
    z-index: 0;
}
.SegmentedSelector-label {
    background-color: transparent;
    border-radius: 6px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    padding: 4px;
    text-align: center;
    z-index: 1;
}
.SegmentedSelector-label--selected {
    color: #fff;
    font-weight: 500;
    transition: color 0.3s ease;
}
.SegmentedSelector-radio {
    opacity: 0;
    position: fixed;
    width: 0;
}
.CheckboxField {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.Checkbox-InputContainer {
    margin-right: 12px;
    position: relative;
    top: 4px;
}
.Checkbox-StyledInput {
    pointer-events: none;
    background-color: transparent;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: block;
    height: 16px;
    min-width: 16px;
    transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
    width: 16px;
}
.Checkbox-StyledInput,
.Checkbox-StyledInput:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Checkbox-StyledInput:before {
    border: 0;
    border-bottom: 3px solid rgba(26, 26, 26, 0.9);
    border-right: 3px solid rgba(26, 26, 26, 0.9);
    box-sizing: initial;
    content: " ";
    cursor: default;
    display: none;
    height: 14px;
    left: 7px;
    position: absolute;
    top: -5px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    width: 5px;
}
.is-darkMode .Checkbox-StyledInput:before {
    border-bottom-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.Checkbox-Input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    height: 16px;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 16px;
    cursor: pointer;
}
.Checkbox-Label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.CheckboxField--disabled .Checkbox-Description,
.CheckboxField--disabled .Checkbox-Label {
    color: rgba(26, 26, 26, 0.4);
}
.CheckboxField--invalid .Checkbox-Description,
.CheckboxField--invalid .Checkbox-Label {
    color: #dc2727;
}
.CheckboxField--disabled .Checkbox-StyledInput,
.CheckboxField--disabled .Checkbox-StyledInput:before {
    cursor: default;
    pointer-events: none;
}
.CheckboxField--disabled .Checkbox-StyledInput:after {
    background: #fff;
    bottom: -1px;
    content: " ";
    left: -1px;
    opacity: 0.5;
    pointer-events: auto;
    position: absolute;
    right: -4px;
    top: -4px;
}
.CheckboxField--checked .Checkbox-StyledInput:before {
    display: block;
}
.Checkbox-Input:focus ~ .Checkbox-StyledInput {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    z-index: 2;
}
.ClimateContributionSelector {
    border-radius: 6px;
    margin: 24px 8px 8px;
    padding: 0;
    background-color: #f7f7f7;
}
.ClimateContributionSelector-container {
    background-color: #fff;
    border-radius: 6px;
}
.ClimateContributionSelector-content {
    padding: 12px;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    overflow: hidden;
}
.ClimateContributionSelector-labelDescription {
    margin-top: 8px;
}
.ClimateContributionSelector-selectorContainer {
    margin-top: 16px;
    margin-left: 28px;
}
.ClimateContributionSelector-info {
    text-align: center;
    line-height: 14px;
    padding-top: 6px;
    padding-bottom: 8px;
}
@-webkit-keyframes ClimateProgramBadge-reveal {
    to {
        background-position: -1800px 0;
    }
}
@keyframes ClimateProgramBadge-reveal {
    to {
        background-position: -1800px 0;
    }
}
@-webkit-keyframes ClimateProgramBadge-loop {
    0% {
        background-position: 0 -24px;
    }
    25% {
        background-position: -3600px -24px;
    }
    to {
        background-position: -3600px -24px;
    }
}
@keyframes ClimateProgramBadge-loop {
    0% {
        background-position: 0 -24px;
    }
    25% {
        background-position: -3600px -24px;
    }
    to {
        background-position: -3600px -24px;
    }
}
.ClimateProgramBadge-Container {
    padding: 4px;
    margin-bottom: 16px;
}
.ClimateProgramBadge-Container:last-child {
    margin-bottom: 0;
}
.ClimateProgramBadge-Icon {
    height: 24px;
    margin-top: 4px;
    margin-right: 16px;
    padding: 0 !important;
}
.ClimateProgramBadge-IconAnimate {
    width: 24px;
    height: 24px;
    background-size: 3624px 48px;
    background-position: 0 0;
}
.ClimateProgramBadge-IconAnimate.is-icon-reveal {
    background-position: 0 0;
    -webkit-animation-name: ClimateProgramBadge-reveal;
    animation-name: ClimateProgramBadge-reveal;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: steps(75);
    animation-timing-function: steps(75);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.ClimateProgramBadge-IconAnimate.is-icon-loop {
    background-position: 0 -24px;
    -webkit-animation-name: ClimateProgramBadge-loop;
    animation-name: ClimateProgramBadge-loop;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: steps(150);
    animation-timing-function: steps(150);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.BacsDebitGurantee {
    text-align: left;
}
.BacsDebitGurantee-bacsIcon {
    width: 90px;
    margin-left: 32px;
    opacity: 0.3;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.ConfirmTerms {
    line-height: 17px;
    text-align: center;
}
.ConfirmTerms .Link {
    white-space: nowrap;
}
.ConfirmTerms--setup {
    text-align: left;
}
.ConfirmTerms--extraTopSpacing {
    margin-top: 8px;
}
.Divider {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}
.Divider hr {
    width: 100%;
    height: 1px;
    border: none;
    background-color: rgba(26, 26, 26, 0.1);
}
.is-darkMode .Divider hr {
    background-color: hsla(0, 0%, 100%, 0.1);
}
.Divider-Text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 8px;
    white-space: nowrap;
    background-color: #fff;
}
.is-darkMode .Divider-Text {
    background-color: #0a0a0a;
}
.Notice {
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    overflow: hidden;
}
.App-Container.is-squareBordered .Notice,
.ModalContent--is-squareBordered .Notice {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .Notice,
.ModalContent--is-veryRoundBordered .Notice {
    border-radius: 18px;
}
.Notice--green {
    background-color: #efffed;
}
.Notice--yellow {
    background-color: #fefbe7;
}
.Notice--red {
    background-color: rgba(220, 39, 39, 0.04);
}
.Notice-icon {
    height: 16px;
    min-width: 24px;
    padding-right: 10px;
    color: rgba(0, 0, 0, 0.5);
}
.Notice--green .Notice-icon {
    color: #24b47e;
}
.Notice--yellow .Notice-icon {
    color: #d97917;
}
.Notice--red .Notice-icon {
    color: #dc2727;
}
.MobileErrorSummary-container {
    margin-top: 8px;
}
.MobileErrorSummary-errorMessageHeading {
    margin-top: -3px;
}
.ConfirmPayment-Submit {
    width: 100%;
    margin-top: 16px;
}
.ConfirmPayment-PostSubmit {
    margin-top: 12px;
}
.ConfirmPayment-PostSubmit > * {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
}
.ConfirmPayment-PostSubmit > :last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.ReadOnlyForm {
    background-color: #f7f7f7;
    border-radius: 6px;
    margin: 4px 0 0;
}
.ReadOnlyForm .ReadOnlyFormField {
    border-top: 1px solid rgba(26, 26, 26, 0.1);
}
.ReadOnlyForm .ReadOnlyFormField:first-child {
    border-top: none;
}
.ReadOnlyForm--withShadow {
    overflow: hidden;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.ReadOnlyForm--shadowless {
    box-shadow: 0 0 0 1px #e0e0e0;
}
.ReadOnlyForm--topChild {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.App-Container.App-Container.is-veryRoundBordered .ReadOnlyForm {
    border-radius: 18px;
}
.App-Container.App-Container.is-squareBordered .ReadOnlyForm {
    border-radius: 0;
}
.ReadOnlyFormField {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
}
.ReadOnlyFormField.is-clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ReadOnlyFormField.is-clickable:hover {
    background: rgba(0, 0, 0, 0.01);
}
.ReadOnlyFormField-label {
    width: 30%;
    color: rgba(26, 26, 26, 0.6);
    font-size: 14px;
}
.ReadOnlyFormField-titleContainer {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.ReadOnlyFormField-action,
.ReadOnlyFormField-titleContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.ReadOnlyFormField-action {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ReadOnlyFormField-title {
    font-size: 14px;
    color: rgba(26, 26, 26, 0.9);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ReadOnlyFormField-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.ReadOnlyFormField-description {
    font-size: 14px;
    color: rgba(26, 26, 26, 0.5);
}
.ReadOnlyFormField-error {
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(220, 39, 39, 0.04);
    padding: 4px 8px;
    margin-top: 8px;
}
.ReadOnlyFormField-error,
.ReadOnlyFormField-error .Text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.ReadOnlyFormField-error .Text {
    margin-left: 8px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.ReadOnlyFormField-error .Icon {
    -webkit-flex-basis: 12px;
    -ms-flex-preferred-size: 12px;
    flex-basis: 12px;
}
.ReadOnlyFormField-additionalContent {
    margin-top: 12px;
}
.PromotionalConsentCheckbox {
    margin-top: 8px;
}
.PromotionalConsentCheckbox.is-indented {
    padding-left: 8px;
}
body:after {
    display: block;
    content: "";
    height: 0;
    width: 100%;
    background: transparent;
    transition: height 0.4s ease;
}
body.has-scroll-shim:after {
    height: 80px;
}
.InputContainer {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.InputContainer:after {
    height: 0;
    visibility: hidden;
    content: attr(data-max);
}
.InputContainer-placeholder--ie {
    pointer-events: none;
    position: absolute;
    top: -100%;
    left: 0;
    opacity: 0;
    color: #bbbbc2;
}
.Input--empty + .InputContainer-placeholder--ie {
    top: 0;
    opacity: 1;
}
.InputContainer .InputElement {
    position: absolute;
    top: 0;
}
.InputContainer .InputElement::-webkit-input-placeholder {
    -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement::-moz-placeholder {
    -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement:-ms-input-placeholder {
    -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement::placeholder {
    -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement::-moz-placeholder {
    color: #000;
}
.AutocompleteInput-container {
    position: relative;
}
.AutocompleteInput-dropdown-container {
    position: absolute;
    width: 100%;
    top: calc(100% + 8px);
    z-index: 10;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px;
}
.AddressAutocomplete-results {
    width: 100%;
    background-color: #fff;
    list-style: none;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.AddressAutocomplete-manual-entry--inDropdown,
.AddressAutocomplete-result,
.AddressAutocomplete-suggestions-container,
.AddressAutocomplete-tryAgain {
    padding: 8px 12px;
}
.AddressAutocomplete-tryAgain {
    color: rgba(26, 26, 26, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.AddressAutocomplete-tryAgainLink {
    font-size: 12px;
    color: rgba(26, 26, 26, 0.9);
    line-height: normal;
}
.AddressAutocomplete-manual-entry.AddressAutocomplete-manual-entry--inDropdown {
    background-color: rgba(26, 26, 26, 0.05);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.AddressAutocomplete-manual-entry--below-form {
    font-size: 12px;
    margin-top: 8px;
    text-align: left;
    float: left;
}
@media only screen and (max-width: 991.98px) {
    .AddressAutocomplete-manual-entry--below-form {
        margin-top: 16px;
    }
}
.AddressAutocomplete-manual-entry button {
    margin-right: 8px;
    color: rgba(26, 26, 26, 0.5);
    text-decoration: underline;
}
.AddressAutocomplete-manual-entry button:hover,
.AddressAutocomplete-manual-entry button:visited {
    color: rgba(26, 26, 26, 0.9);
}
.AddressAutocomplete-result--less-focus {
    margin-left: 8px;
    font-size: 12px;
    color: rgba(26, 26, 26, 0.5);
}
.AddressAutocomplete-result--matched {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
}
.AddressAutocomplete-result--unmatched {
    font-size: 14px;
    color: #1a1a1a;
}
.AddressAutocomplete-manual-entry--inDropdown.AddressAutocomplete-manual-entry--selected,
.AddressAutocomplete-result--selected {
    background-color: rgba(26, 26, 26, 0.1);
}
.AddressAutocomplete-result:hover {
    cursor: pointer;
}
.AddressAutocomplete-suggestions {
    padding-right: 4px;
}
.AddressAutocomplete-suggestions-container {
    font-size: 12px;
    margin: 2px;
    color: rgba(26, 26, 26, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.AddressAutocomplete-privacy-logo {
    padding-top: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.AddressAutocomplete--clear-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    bottom: 0;
    right: 8px;
}
.AddressAutocomplete--clear-button {
    z-index: 10;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 2px;
}
.AddressAutocomplete--clear-button:focus,
.AddressAutocomplete-manual-entry--below-form button:focus {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    outline: none;
}
.AddressAutocomplete--clear-dropdown-button {
    position: absolute;
    vertical-align: middle;
    right: 16px;
    top: 12px;
}
.AddressAutocomplete-spinner {
    display: none;
    position: absolute;
    height: 12px;
    right: 40px;
    top: 12px;
}
.AddressAutocomplete-results--aria-live-region,
.HiddenInput {
    position: absolute;
    height: 2px;
    width: 2px;
    opacity: 0;
}
.HiddenInput {
    z-index: -1;
}
.BrandIcon {
    height: 16px;
}
.BrandIcon.is-bank {
    height: 18px;
    border-radius: 2.5px;
}
.CheckoutInputContainer {
    position: relative;
}
.CheckoutInputContainer-placeholderIcon {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: calc(50% + 2px);
    left: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.CheckoutInputContainer-placeholderIcon svg {
    fill: rgba(26, 26, 26, 0.5);
}
.CheckoutInput--hasPlaceholderIcon {
    text-indent: 24px;
}
.CheckoutInputContainer--hasMailIcon {
    padding-top: 2px;
}
@media only screen and (max-width: 991.98px) {
    .CheckoutInput--hasPhoneNumberCountryCodeSelect {
        top: calc(50% + 1px);
    }
}
.CheckoutInput {
    position: relative;
    width: 100%;
    height: 44px;
    padding: 8px 12px;
    color: rgba(26, 26, 26, 0.9);
    font-size: 16px;
    line-height: 1.5;
    border: 0;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.is-darkMode .CheckoutInput {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 100%, 0.08)), #000;
    box-shadow: 0 0 0 1px #232323;
    color: #fff;
}
.CheckoutInput:-ms-input-placeholder {
    color: rgba(26, 26, 26, 0.5);
}
.CheckoutInput::placeholder {
    color: rgba(26, 26, 26, 0.5);
}
.CheckoutInput::-webkit-input-placeholder {
    color: rgba(26, 26, 26, 0.5);
}
.CheckoutInput::-moz-placeholder {
    color: rgba(26, 26, 26, 0.5);
}
.is-fontFamily--Lato .CheckoutInput::-webkit-input-placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Lato .CheckoutInput::-moz-placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Lato .CheckoutInput:-ms-input-placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Lato .CheckoutInput::placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput::-webkit-input-placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput::-moz-placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput:-ms-input-placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput::placeholder {
    letter-spacing: 0.35pt;
}
.is-fontFamily--Inconsolata .CheckoutInput::-webkit-input-placeholder {
    font-size: 15px;
}
.is-fontFamily--Inconsolata .CheckoutInput::-moz-placeholder {
    font-size: 15px;
}
.is-fontFamily--Inconsolata .CheckoutInput:-ms-input-placeholder {
    font-size: 15px;
}
.is-fontFamily--Inconsolata .CheckoutInput::placeholder {
    font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput::-webkit-input-placeholder {
    font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput::-moz-placeholder {
    font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput:-ms-input-placeholder {
    font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput::placeholder {
    font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput::-webkit-input-placeholder {
    font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput::-moz-placeholder {
    font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput:-ms-input-placeholder {
    font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput::placeholder {
    font-size: 15px;
}
.is-darkMode .CheckoutInput:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.is-darkMode .CheckoutInput::placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.is-darkMode .CheckoutInput::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.is-darkMode .CheckoutInput::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.CheckoutInput + .InputContainer-placeholder--ie {
    z-index: 2;
    top: 9px;
    left: 12px;
    font-size: 16px;
    color: rgba(26, 26, 26, 0.5);
}
.CheckoutInput:focus {
    z-index: 2;
    outline: none;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.CheckoutInput--fakeAutofill,
.CheckoutInput:-webkit-autofill {
    -webkit-text-fill-color: rgba(26, 26, 26, 0.9);
    transition: background-color 100000000s, box-shadow 0s linear;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
}
.CheckoutInput--fakeAutofill::-webkit-input-placeholder,
.CheckoutInput:-webkit-autofill::-webkit-input-placeholder {
    -webkit-text-fill-color: rgba(26, 26, 26, 0.5);
}
.CheckoutInput--fakeAutofill::placeholder,
.CheckoutInput:-webkit-autofill::placeholder {
    -webkit-text-fill-color: rgba(26, 26, 26, 0.5);
}
.CheckoutInput--fakeAutofill:focus,
.CheckoutInput:-webkit-autofill:focus {
    transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3), inset 0 0 0 1000px #fefbe7;
}
.CheckoutInput:disabled {
    color: rgba(26, 26, 26, 0.4);
    transition: background-color 100000000s, box-shadow 0s linear;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px rgba(26, 26, 26, 0.1);
}
.CheckoutInput--fakeAutofill:disabled,
.CheckoutInput:disabled:-webkit-autofill {
    -webkit-text-fill-color: rgba(26, 26, 26, 0.4);
}
.CheckoutInput--invalid {
    z-index: 1;
    color: #dc2727;
    box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.CheckoutInput--invalid.CheckoutInput--fakeAutofill,
.CheckoutInput--invalid:-webkit-autofill {
    -webkit-text-fill-color: #dc2727;
    box-shadow: 0 0 0 1px rgba(220, 39, 39, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
}
.CheckoutInput--tabularNumbers,
.CheckoutInput--tabularNumbers + .InputContainer-placeholder--ie {
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03rem;
}
.CheckoutInput::-ms-clear {
    display: none;
}
.InputContainer com-1password-op-button {
    display: none !important;
}
.App-Container.is-squareBordered .InputContainer .CheckoutInput,
.ModalContent--is-squareBordered .InputContainer .CheckoutInput {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .InputContainer .CheckoutInput,
.ModalContent--is-veryRoundBordered .InputContainer .CheckoutInput {
    border-radius: 18px;
}
@media only screen and (min-width: 992px) {
    .App-Container:not(.App-Container--setupMode) .CheckoutInput {
        height: 36px;
        font-size: 14px;
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    .App-Container:not(.App-Container--setupMode) .CheckoutInput + .InputContainer-placeholder--ie {
        font-size: 14px;
    }
}
.Select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.Select-source {
    width: 100%;
    height: 44px;
    font-size: 16px;
    padding: 8px 24px 8px 12px;
    color: rgba(26, 26, 26, 0.9);
    line-height: 1.5;
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.is-darkMode .Select-source {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 100%, 0.08)), #000;
    box-shadow: 0 0 0 1px #232323;
    color: #fff;
}
.Select-source--empty {
    color: rgba(26, 26, 26, 0.5);
}
.Select-source--empty option {
    color: rgba(26, 26, 26, 0.9);
}
.Select-source:focus {
    z-index: 2;
    outline: none;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Select--fakeAutofill .Select-source,
.Select-source:-webkit-autofill {
    -webkit-text-fill-color: rgba(26, 26, 26, 0.9);
    transition: background-color 100000000s, box-shadow 0s linear;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
}
.Select--fakeAutofill .Select-source:focus,
.Select-source:-webkit-autofill:focus {
    transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3), inset 0 0 0 1000px #fefbe7;
}
.Select-source:disabled {
    color: rgba(26, 26, 26, 0.4);
    transition: background-color 100000000s, box-shadow 0s linear;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px rgba(26, 26, 26, 0.1);
}
.Select--fakeAutofill .Select-source:disabled,
.Select-source:disabled:-webkit-autofill {
    -webkit-text-fill-color: rgba(26, 26, 26, 0.4);
}
.Select--invalid .Select-source {
    color: #dc2727;
}
.Select--invalid .Select-source:not(:focus) {
    box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.Select--invalid .Select-source--empty {
    color: rgba(26, 26, 26, 0.5);
}
.Select--invalid.Select--fakeAutofill,
.Select--invalid .Select-source:-webkit-autofill {
    -webkit-text-fill-color: rgba(26, 26, 26, 0.4);
    box-shadow: 0 0 0 1px rgba(220, 39, 39, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
}
.Select-source::-ms-expand {
    display: none;
}
.Select-arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -6px;
    pointer-events: none;
    width: 12px;
    height: 12px;
    z-index: 3;
}
.is-darkMode .Select-arrow {
    fill: hsla(0, 0%, 100%, 0.5);
}
.Select-source:disabled + .Select-arrow {
    display: none;
}
.Select-spinner {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -9px;
    pointer-events: none;
    width: 18px;
    height: 18px;
    z-index: 3;
}
.is-darkMode .Select-spinner {
    fill: hsla(0, 0%, 100%, 0.5);
}
.App-Container.is-squareBordered .FormFieldGroup-child .Select-source {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .Select .Select-source {
    border-top-left-radius: 18px;
}
@media only screen and (min-width: 992px) {
    .App-Container:not(.App-Container--setupMode) .Select-source {
        height: 36px;
        font-size: 14px;
    }
}
.FormFieldInput {
    position: relative;
}
.FormFieldInput-Icon {
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-right: 12px;
    z-index: 3;
}
.FormFieldInput.is-select .FormFieldInput-Icon {
    left: 0;
    right: auto;
    padding-left: 12px;
}
.FormFieldInput-Icons {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 8px;
}
.FormFieldInput-Icons,
.FormFieldInput-IconsIcon {
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
}
.FormFieldInput-IconsIcon {
    padding-right: 4px;
}
.FormFieldInput-Icon.is-disabled img,
.FormFieldInput-Icon.is-disabled svg {
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8);
    opacity: 0.4;
}
.FormFieldInput-Icon img,
.FormFieldInput-Icon svg {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.7s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.FormFieldInput-Icon.is-loaded img,
.FormFieldInput-Icon.is-loaded svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.FormFieldInput-Icon.is-select svg,
.FormFieldInput.is-select img {
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
.FormFieldInput.is-select.has-icon select {
    text-indent: 26px;
}
.FormFieldInput--rounded,
.FormFieldInput--rounded input {
    border-radius: 6px;
}
.FieldError {
    transition: all 0.3s ease;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    pointer-events: none;
}
.FieldError:not:empty {
    margin-top: 4px;
}
.FormFieldGroup-legend {
    position: absolute;
    height: 2px;
    width: 2px;
    opacity: 0;
}
.FormFieldGroup--is-empty .FormFieldInput-Icon {
    display: none;
}
.FormFieldGroup--is-empty .FormFieldGroup-childLeft .Input:not(:focus),
.FormFieldGroup--is-empty .FormFieldGroup-childLeft .Select-source:not(:focus) {
    box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.FormFieldGroup-Fieldset {
    margin: 4px 0 0;
    border: none;
    padding: 0;
}
.FormFieldGroup-labelContainer {
    position: relative;
}
.FormFieldGroup-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.FormFieldGroup-container--supportTransitions {
    -webkit-perspective: 800px;
    perspective: 800px;
}
.FormFieldGroup-container--invalid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    border-radius: 6px;
}
.FormFieldGroup-child {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    -webkit-transform-origin: "0%";
    -ms-transform-origin: "0%";
    transform-origin: "0%";
}
.FormFieldGroup-child--width-12 {
    width: 100%;
}
.FormFieldGroup-child--width-6 {
    width: 50%;
}
.FormFieldGroup-child .CheckoutInput,
.FormFieldGroup-child .Select-source {
    border-radius: 0;
}
.FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,
.FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
    border-top-left-radius: 6px;
}
.FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,
.FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
    border-top-right-radius: 6px;
}
.FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,
.FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
    border-bottom-left-radius: 6px;
}
.FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,
.FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
    border-bottom-right-radius: 6px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup .Select-source {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
    border-top-left-radius: 18px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
    border-top-right-radius: 18px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
    border-bottom-left-radius: 18px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
    border-bottom-right-radius: 18px;
}
.FormFieldGroup-singleChild {
    border-radius: 6px !important;
}
.App-Container.is-squareBordered .FormFieldGroup-singleChild {
    border-radius: 0 !important;
}
.App-Container.App-Container.is-veryRoundBordered .FormFieldGroup-singleChild {
    border-radius: 18px !important;
}
.FormFieldGroup-bottomChild {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
.p-FlagIcon {
    width: 16px;
    height: 16px;
}
.PhoneNumberCountryCodeSelect-wrapper {
    cursor: pointer;
    height: 16px;
    pointer-events: none;
    position: relative;
    width: 16px;
}
.PhoneNumberCountryCodeSelect-wrapper:hover .PhoneNumberCountryCodeSelect-chevron {
    fill: rgba(26, 26, 26, 0.8);
}
.PhoneNumberCountryCodeSelect-wrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: inherit;
    border-radius: 0;
    border: none;
    outline: 0;
}
.PhoneNumberCountryCodeSelect-wrapper select:focus {
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.PhoneNumberCountryCodeSelect-wrapper select::-ms-expand {
    display: none;
}
.PhoneNumberCountryCodeSelect-flagIcon {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}
.PhoneNumberCountryCodeSelect-select {
    height: 0;
    left: 0;
    padding: 8px 12px 8px 8px;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 2;
}
@media only screen and (max-width: 991.98px) {
    .PhoneNumberCountryCodeSelect-select {
        padding-bottom: 44px;
        padding-left: 20px;
        padding-top: 0;
        left: -12px;
        top: -16px;
    }
}
.PhoneNumberCountryCodeSelect-chevron {
    bottom: -1px;
    cursor: pointer;
    height: 8px;
    position: absolute;
    right: -4px;
    width: 8px;
    z-index: 4;
}
.Tooltip {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
}
.Tooltip .Tooltip-Text {
    position: relative;
    max-width: 200px;
    min-width: 150px;
    background-color: #fff;
    border-radius: 6px;
    padding: 14px;
    z-index: 1;
    box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(129, 129, 136, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
    line-height: 15px;
}
.is-darkMode .Tooltip .Tooltip-Text .Text {
    color: rgba(26, 26, 26, 0.8);
}
.Tooltip .Tooltip-Arrow {
    position: absolute;
    height: 21px;
    width: 17px;
}
.Tooltip .Tooltip-Text--above {
    top: -100%;
    left: -50%;
}
.Tooltip .Tooltip-Text--above .Tooltip-Arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 100%;
    right: 50%;
    margin-top: -7px;
    margin-right: -8px;
}
.Tooltip .Tooltip-Text--below {
    top: 0;
    left: -50%;
}
.Tooltip .Tooltip-Text--below .Tooltip-Arrow {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0;
    left: 50%;
    margin-top: -14px;
    margin-left: -9px;
}
.Tooltip .Tooltip-Text--left {
    top: -50%;
    left: -100%;
}
.Tooltip .Tooltip-Text--left .Tooltip-Arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 50%;
    right: 0;
    margin-top: -10.5px;
    margin-right: -12px;
}
.Tooltip .Tooltip-Text--right {
    top: -50%;
    left: 0;
}
.Tooltip .Tooltip-Text--right .Tooltip-Arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50%;
    left: 0;
    margin-top: -10.5px;
    margin-left: -12px;
}
.Tooltip-animate,
.Tooltip-animate-exited {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0;
    transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.Tooltip-animate-exiting {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
    transition: opacity 0.2s ease-in, transform 0.2s ease-in;
    transition: opacity 0.2s ease-in, transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.Tooltip-animate-entered,
.Tooltip-animate-entering {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .Tooltip .Tooltip-Text {
        width: 200px;
    }
}
.PhoneNumberInput-inputWrapper {
    position: relative;
}
.PhoneNumberInput-label {
    padding-bottom: 4px;
    display: block;
}
.PhoneNumberInput-dynamicIcons {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    right: 12px;
}
.PhoneNumberInput-tooltipIconWrapper {
    pointer-events: auto;
    margin-left: 8px;
}
.PhoneNumberInput-tooltipIcon {
    color: rgba(26, 26, 26, 0.5);
}
.Accordion {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    margin: 4px 0 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.Accordion .Menu-items {
    position: fixed;
}
.Accordion .AccordionItem {
    border-top: 1px solid rgba(26, 26, 26, 0.1);
}
.Accordion .AccordionItem:first-child {
    border-top: none;
}
.App-Container.is-squareBordered .Accordion {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .Accordion {
    border-radius: 18px;
}
.AccordionError {
    border-radius: 6px;
    background-color: rgba(220, 39, 39, 0.04);
    padding: 4px 8px;
    margin: 4px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.AccordionError-icon {
    -webkit-flex-basis: 12px;
    -ms-flex-preferred-size: 12px;
    flex-basis: 12px;
    margin-top: 4px;
}
.AccordionError-message {
    margin-left: 8px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.AccordionButton {
    cursor: pointer;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
}
.AccordionItemContent {
    width: 100%;
    padding: 16px;
}
.AccordionItemContent--hidden {
    position: absolute;
    top: 0;
    left: 0;
}
.AccordionItemContent-body {
    padding-top: 12px;
}
.AccordionItemCover {
    width: 100%;
    padding: 16px;
}
.AccordionItemCover--hidden {
    position: absolute;
    top: 0;
    left: 0;
}
.AccordionItemCover-label {
    width: 25%;
    line-height: 14px;
}
.AccordionItemCover-content {
    padding: 8px 0;
}
.AccordionItem {
    overflow: hidden;
    transition: height 0.2s;
}
.AccordionItem-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.LinkFooter .Icon svg {
    display: block;
}
.LinkBillingAccordionItem .AccordionItemCover-title {
    margin-top: -2px;
}
.LinkBillingAccordionItem .AccordionItemContent-body .LinkBillingAccordionItem-checkbox {
    margin-top: 16px;
}
.Picker {
    margin: 4px 0 0;
}
.MenuAction {
    cursor: pointer;
    background: none;
    border: none;
    text-align: left;
    padding: 6px 10px;
    color: #0074d4;
    transition: background-color 0.2s ease;
}
.MenuAction:first-child {
    padding-top: 10px;
}
.MenuAction:last-child {
    padding-bottom: 10px;
}
.MenuAction:hover {
    background-color: #f7f7f7;
}
.MenuAction--danger {
    color: #dc2727;
}
.Menu-trigger {
    cursor: pointer;
    padding: 0;
    border: 0;
    border-radius: 6px;
    height: 24px;
    width: 24px;
    margin-right: -4px;
    background: transparent;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: background-color 0.2s ease;
}
.Menu-icon {
    display: block;
    margin: auto;
}
.Menu-trigger:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.Menu-actionItem,
.Menu-dangerousActionItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.Menu-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.05);
}
.Menu-items {
    z-index: 10;
    position: absolute;
    right: 4%;
    font-size: 14px;
    background-color: #fff;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 30px 45px -30px rgba(0, 0, 0, 0.06), 0 18px 36px -18px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
.Menu--open .Menu-items {
    opacity: 1;
    pointer-events: all;
}
.App-Container.is-squareBordered .Menu-items,
.App-Container.is-squareBordered .Menu-trigger {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .Menu-items,
.App-Container.is-veryRoundBordered .Menu-trigger {
    border-radius: 18px;
}
.PickerItem {
    font-size: 14px;
    background-color: #fff;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #e0e0e0;
    padding: 12px;
    transition: box-shadow 0.08s ease-in;
    margin: 8px 0 0;
    width: 100%;
    cursor: pointer;
}
.PickerItem:hover {
    box-shadow: 0 0 0 1px hsla(0, 0%, 68.6%, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.PickerItem:focus,
.PickerItem:focus:hover {
    outline: none;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.PickerItem--highlight,
.PickerItem--highlight:hover {
    box-shadow: 0 0 0 2px #0074d4;
}
.PickerItem--highlight:focus,
.PickerItem--highlight:focus:hover {
    box-shadow: 0 0 0 2px #0074d4, 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.PickerItem--disabled,
.PickerItem--disabled:hover {
    cursor: default;
    color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 1px #e0e0e0;
}
.PickerItem-container {
    min-height: 24px;
}
.App-Container.is-squareBordered .PickerItem {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .PickerItem {
    border-radius: 18px;
}
.SavedCardView {
    width: 100%;
}
.SavedCardView-error {
    margin-left: auto;
    margin-right: 2px;
}
.SavedCardView-error .Icon {
    display: block;
}
.SavedCardView-error .Text {
    line-height: 12px;
}
.LinkPaymentPicker-newItem svg {
    display: block;
    margin: auto;
}
.LinkPaymentPicker-newItem .Text {
    color: #0074d4;
}
.LinkPaymentPicker-newIcon {
    height: 24px;
    width: 24px;
    background: rgba(0, 85, 255, 0.03);
    border-radius: 6px;
    margin-right: 8px;
}
.LinkUpdateCardForm-number {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #e0e0e0;
    padding: 12px;
}
.App-Container.is-squareBordered .LinkUpdateCardForm-number {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .LinkUpdateCardForm-number {
    border-radius: 18px;
}
.LinkUpdateCardForm .BillingAddressForm-addressInput {
    margin-bottom: 8px;
}
.LinkUpdateCardForm-updateButton {
    width: 100%;
    transition: all 0.2s ease;
}
.LinkUpdateCardForm-updateButton--incomplete .Text {
    opacity: 0.6;
}
.LinkUpdateCardForm-updateButton .Spinner {
    margin-top: -1px;
    margin-bottom: -1px;
}
.LabeledTableRow--wide > td:first-child {
    padding-right: 24px;
}
.LabeledTableRow .LabeledTableRow--valueWithLineBreaks {
    white-space: pre-wrap;
}
.LabeledTableRow td:last-child {
    word-break: break-word;
}
.LeftLabeledTable-table {
    border-collapse: separate;
    border-spacing: 24px 4px;
    margin: -4px -24px 0;
    width: calc(100% + 48px);
}
.LeftLabeledTable-well {
    border-collapse: separate;
    background-color: rgba(26, 26, 26, 0.05);
    border-spacing: 12px 4px;
    border-radius: 6px;
    border: 1px solid rgba(26, 26, 26, 0.1);
    padding: 4px 2px;
    width: 100%;
}
.BacsDebitRulesNotice p:last-child {
    margin-bottom: 0;
}
.PrefilledInfo {
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(26, 26, 26, 0.1);
    border-radius: 6px;
    background-color: rgba(26, 26, 26, 0.1);
}
.PrefilledInfo .PrefilledInfoItem:not(:last-child) {
    margin-bottom: 8px;
}
.PrefilledInfoItem-value {
    margin: 0;
}
.BlikPending {
    padding: 32px;
    margin-top: 24px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    overflow: hidden;
}
.billing-container {
    margin-top: 8px;
}
.CardFormFieldGroupIconOverflow {
    width: 28px;
    height: 16px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.CardFormFieldGroupIconOverflow-Item {
    transition: all 0.4s ease;
    transition-delay: 0.15s;
    position: absolute;
    top: 0;
    left: 0;
}
.CardFormFieldGroupIconOverflow-Item--visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.CardFormFieldGroupIconOverflow-Item--invisible {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.ReadOnlyCardField-field {
    padding: 8px 12px;
    line-height: 1.5;
    height: 44px;
    font-size: 16px;
}
.ReadOnlyCardField-number {
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
}
.ReadOnlyCardField-expiry {
    border-right: 1px solid rgba(26, 26, 26, 0.1);
}
.ReadOnlyCardField-cvc,
.ReadOnlyCardField-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 992px) {
    .App-Container:not(.App-Container--setupMode) .ReadOnlyCardField-field {
        height: 36px;
        font-size: 14px;
    }
}
.InfoModal-modalOverlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: opacity 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.InfoModal-modalOverlay.ModalOverlay--afterOpen {
    opacity: 1;
}
.InfoModal-modalOverlay.ModalOverlay--beforeClose {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.InfoModal-modal {
    background-color: #fff;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 8px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
    width: 100%;
    max-width: 348px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 56px 24px 24px;
    font-size: 14px;
    letter-spacing: -0.15px;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.InfoModal-modal.ModalContent--afterOpen {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.InfoModal-modal.ModalContent--beforeClose {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.InfoModal-headerText {
    max-width: 270px;
    text-align: center;
    color: rgba(26, 26, 26, 0.7);
    line-height: 18px;
}
.InfoModal-bulletBlock {
    max-width: 270px;
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.InfoModal-bulletText {
    margin-left: 12px;
}
.InfoModal-bulletTitle {
    color: rgba(26, 26, 26, 0.9);
    line-height: 18px;
}
.InfoModal-bulletIcon path,
.InfoModal-bulletIcon svg {
    fill: #000;
}
.InfoModal-bulletDescription {
    margin-top: 2px;
    color: rgba(26, 26, 26, 0.5);
    line-height: 17px;
}
.InfoModal-footerText {
    margin-top: 24px;
    color: rgba(26, 26, 26, 0.4);
    font-size: 13px;
    line-height: 16px;
}
.InfoModal-buttonGroup {
    margin-top: 24px;
    width: 100%;
}
.InfoModal-closeButton {
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.03);
    width: 100%;
}
.InfoModal-linkButton {
    padding: 12px;
    background: none;
    width: 100%;
}
.InfoModal-privacyLink {
    border-radius: 6px;
    color: rgba(26, 26, 26, 0.5);
    width: 100%;
}
.InfoModal-closeButton:hover {
    background-color: rgba(26, 26, 26, 0.05);
}
.InfoModal-linkButton:hover {
    background-color: rgba(0, 0, 0, 0.03);
}
.InfoModal-closeButton:active {
    background-color: rgba(0, 0, 0, 0.075);
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.SignUpForm-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 8px 12px;
    border: 0;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
}
.is-darkMode .SignUpForm-container {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 100%, 0.08)), #000;
    box-shadow: 0 0 0 1px #232323;
    color: #fff;
}
.SignUpForm-checkboxContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 12px;
    background-color: #fff;
    border-radius: 6px;
}
.App-Container.is-squareBordered .SignUpForm-checkboxContainer {
    border-radius: 0;
}
.App-Container.App-Container.is-veryRoundBordered .SignUpForm-checkboxContainer {
    border-radius: 18px;
}
.SignUpForm-checkboxContainer--checked {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.SignUpForm-container .PhoneNumberInput {
    padding: 20px 0;
}
.SignUpForm-phoneInput {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.FormFieldCheckbox.SignUpForm-checkbox {
    margin-top: -2px;
}
.SignUpForm-checkbox .Checkbox-InputContainer {
    top: 3px;
}
.SignUpForm-checkbox .Checkbox-Label {
    font-size: 14px;
    font-weight: 400;
    color: rgba(26, 26, 26, 0.9);
}
.SignUpForm-checkbox .SignUpForm-subLabel {
    color: rgba(26, 26, 26, 0.4);
    font-size: 13px;
    margin-top: 4px;
}
.SignUpForm-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.SignUpForm-footer svg {
    fill: rgba(26, 26, 26, 0.5);
}
.SignUpForm-footer .Text:after {
    content: "\2022";
    margin: 0 8px;
    color: rgba(26, 26, 26, 0.3);
}
.App-Container.App-Container.is-veryRoundBordered .SignUpForm-checkboxContainer--checked {
    border-radius: 18px 18px 0 0;
}
.App-Container.is-veryRoundBordered .SignUpForm .CheckoutInput {
    border-radius: 0 0 18px 18px;
}
@media only screen and (min-width: 992px) {
    .SignUpForm-checkboxContainer {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.UpdateCardCheckbox .Icon {
    margin-bottom: -1px;
    color: rgba(26, 26, 26, 0.5);
}
.UpdateCardCheckbox-infoTooltip .Tooltip-Text {
    max-width: 330px;
    width: 330px;
}
.CardPayment-readOnlyFormLabel h3 {
    display: inline-block;
}
.CardPayment-signUpFormContainer {
    margin-top: 8px;
}
.CardPayment-signUpFormContainer.CardPayment-signUpFormContainer--hidden {
    margin: 0;
    padding: 0;
}
@-webkit-keyframes keyframes {
    0% {
        background-position: 200%;
    }
    to {
        background-position: 0;
    }
}
@keyframes keyframes {
    0% {
        background-position: 200%;
    }
    to {
        background-position: 0;
    }
}
.Skeleton {
    background-image: linear-gradient(90deg, #f7fafc 50%, #f0f3f7 80%, #f7fafc);
    background-size: 200% 100%;
    -webkit-animation-name: keyframes;
    animation-name: keyframes;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.LinkButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.LinkButton_Label {
    text-align: center;
    width: 100%;
}
.JPCreditTransfer--instructions {
    margin-bottom: 12px;
}
.JPCreditTransfer--footer {
    margin-top: 12px;
}
.SavedInfoSummary-cardNumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.SavedInfoSummary-cardNumber--expired {
    opacity: 0.5;
}
.ReadOnlyFormField-action button {
    transition: color 0.1s ease-out;
}
.SavedInfoSummary-logOut {
    color: rgba(26, 26, 26, 0.9);
}
.SavedInfoSummary-enterPhoneNumberText {
    display: inline-block;
    padding-bottom: 4px;
}
.SavedInfoSummary--white .ReadOnlyForm {
    background-color: #fff;
}
.TaxIdCollection-Container {
    clear: both;
}
.TaxIdCollection-TooltipContext {
    margin-left: 4px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}
.QRCode-scanner {
    position: absolute;
    opacity: 0;
    margin: -8px -40px;
    width: 208px;
    height: 2px;
    background: linear-gradient(1turn, #ffd80a, #ffed8e);
    box-shadow: 0 2px 20px #ffd80a;
    -webkit-animation: scanner 3s ease 4s infinite;
    animation: scanner 3s ease 4s infinite;
}
.QRCode-scanned {
    background: hsla(0, 0%, 100%, 0.3);
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: scanned 3s ease 4s infinite;
    animation: scanned 3s ease 4s infinite;
}
.QRCode-spinner {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
}
.QRCode-uninitialized {
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
}
.QRCode {
    background: #fff;
    border-radius: 6px;
    padding: 6px;
    position: relative;
}
.QRCode-imageContainer {
    display: block;
    width: 128px;
    height: 128px;
}
.QRCode-image {
    width: 100%;
    height: 100%;
    transition: opacity, -webkit-filter;
    transition: filter, opacity;
    transition: filter, opacity, -webkit-filter;
    transition-duration: 1s;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
}
.QRCode-image--blurred {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0.2;
}
.QRCodeDisplay {
    padding: 32px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    overflow: hidden;
}
.QRCodeDisplay-Container {
    padding: 12px;
    box-shadow: 0 0 0 1px hsla(0, 0%, 68.6%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}
.QRCodeDisplay-Logo {
    margin-right: 6px;
}
.QRCodePollingState-backLink {
    margin-top: 24px;
    font-size: 14px;
}
@-webkit-keyframes scanner {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0) translateY(0);
        transform: scaleX(0) translateY(0);
    }
    15% {
        opacity: 1;
        -webkit-transform: scaleX(1.05) translateY(0);
        transform: scaleX(1.05) translateY(0);
    }
    18% {
        -webkit-transform: scaleX(1) translateY(0);
        transform: scaleX(1) translateY(0);
    }
    50% {
        -webkit-transform: scaleX(1) translateY(140px);
        transform: scaleX(1) translateY(140px);
        opacity: 1;
    }
    60%,
    to {
        opacity: 0;
        -webkit-transform: scaleX(0) translateY(140px);
        transform: scaleX(0) translateY(140px);
    }
}
@keyframes scanner {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0) translateY(0);
        transform: scaleX(0) translateY(0);
    }
    15% {
        opacity: 1;
        -webkit-transform: scaleX(1.05) translateY(0);
        transform: scaleX(1.05) translateY(0);
    }
    18% {
        -webkit-transform: scaleX(1) translateY(0);
        transform: scaleX(1) translateY(0);
    }
    50% {
        -webkit-transform: scaleX(1) translateY(140px);
        transform: scaleX(1) translateY(140px);
        opacity: 1;
    }
    60%,
    to {
        opacity: 0;
        -webkit-transform: scaleX(0) translateY(140px);
        transform: scaleX(0) translateY(140px);
    }
}
@-webkit-keyframes scanned {
    18% {
        height: 0%;
        opacity: 1;
    }
    50% {
        height: 100%;
        opacity: 1;
    }
    60%,
    to {
        height: 100%;
        opacity: 0;
    }
}
@keyframes scanned {
    18% {
        height: 0%;
        opacity: 1;
    }
    50% {
        height: 100%;
        opacity: 1;
    }
    60%,
    to {
        height: 100%;
        opacity: 0;
    }
}
.WeChatPayQRCode-scanner {
    position: absolute;
    opacity: 0;
    margin: -8px -40px;
    width: 208px;
    height: 2px;
    background: linear-gradient(1turn, #ffd80a, #ffed8e);
    box-shadow: 0 2px 20px #ffd80a;
    -webkit-animation: scanner 3s ease 4s infinite;
    animation: scanner 3s ease 4s infinite;
}
.WeChatPayQRCode-scanned {
    background: hsla(0, 0%, 100%, 0.3);
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: scanned 3s ease 4s infinite;
    animation: scanned 3s ease 4s infinite;
}
.WeChatPayQRCode-spinner {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
}
.WeChatPayQRCode-uninitialized {
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
}
.WeChatPayQRCode {
    background: #fff;
    border-radius: 6px;
    padding: 12px;
    position: relative;
}
.WeChatPayQRCode-imageContainer {
    display: block;
    width: 128px;
    height: 128px;
}
.WeChatPayQRCode-image {
    width: 100%;
    height: 100%;
    transition: opacity, -webkit-filter;
    transition: filter, opacity;
    transition: filter, opacity, -webkit-filter;
    transition-duration: 1s;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
}
.WeChatPayQRCode-image--blurred {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0.2;
}
.p0 {
    padding: 0;
}
.p1 {
    padding: 4px;
}
.py1 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.px1 {
    padding-left: 4px;
    padding-right: 4px;
}
.p2 {
    padding: 8px;
}
.py2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.px2 {
    padding-left: 8px;
    padding-right: 8px;
}
.p3 {
    padding: 12px;
}
.py3 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.px3 {
    padding-left: 12px;
    padding-right: 12px;
}
.p4 {
    padding: 16px;
}
.py4 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.px4 {
    padding-left: 16px;
    padding-right: 16px;
}
.p5 {
    padding: 24px;
}
.py5 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.px5 {
    padding-left: 24px;
    padding-right: 24px;
}
.p6 {
    padding: 32px;
}
.py6 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.px6 {
    padding-left: 32px;
    padding-right: 32px;
}
.m0 {
    margin: 0;
}
.mt0 {
    margin-top: 0;
}
.mr0 {
    margin-right: 0;
}
.mb0 {
    margin-bottom: 0;
}
.ml0,
.mx0 {
    margin-left: 0;
}
.mx0 {
    margin-right: 0;
}
.my0 {
    margin-top: 0;
    margin-bottom: 0;
}
.m1 {
    margin: 4px;
}
.mt1 {
    margin-top: 4px;
}
.mr1 {
    margin-right: 4px;
}
.mb1 {
    margin-bottom: 4px;
}
.ml1,
.mx1 {
    margin-left: 4px;
}
.mx1 {
    margin-right: 4px;
}
.my1 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.m2 {
    margin: 8px;
}
.mt2 {
    margin-top: 8px;
}
.mr2 {
    margin-right: 8px;
}
.mb2 {
    margin-bottom: 8px;
}
.ml2,
.mx2 {
    margin-left: 8px;
}
.mx2 {
    margin-right: 8px;
}
.my2 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.m3 {
    margin: 12px;
}
.mt3 {
    margin-top: 12px;
}
.mr3 {
    margin-right: 12px;
}
.mb3 {
    margin-bottom: 12px;
}
.ml3,
.mx3 {
    margin-left: 12px;
}
.mx3 {
    margin-right: 12px;
}
.my3 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.m4 {
    margin: 16px;
}
.mt4 {
    margin-top: 16px;
}
.mr4 {
    margin-right: 16px;
}
.mb4 {
    margin-bottom: 16px;
}
.ml4,
.mx4 {
    margin-left: 16px;
}
.mx4 {
    margin-right: 16px;
}
.my4 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.m5 {
    margin: 24px;
}
.mt5 {
    margin-top: 24px;
}
.mr5 {
    margin-right: 24px;
}
.mb5 {
    margin-bottom: 24px;
}
.ml5,
.mx5 {
    margin-left: 24px;
}
.mx5 {
    margin-right: 24px;
}
.my5 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.m6 {
    margin: 32px;
}
.mt6 {
    margin-top: 32px;
}
.mr6 {
    margin-right: 32px;
}
.mb6 {
    margin-bottom: 32px;
}
.ml6,
.mx6 {
    margin-left: 32px;
}
.mx6 {
    margin-right: 32px;
}
.my6 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.mxn1 {
    margin-left: -4px;
    margin-right: -4px;
}
.mxn2 {
    margin-left: -8px;
    margin-right: -8px;
}
.mxn3 {
    margin-left: -12px;
    margin-right: -12px;
}
.mxn4 {
    margin-left: -16px;
    margin-right: -16px;
}
.mxn5 {
    margin-left: -24px;
    margin-right: -24px;
}
.mxn6 {
    margin-left: -32px;
    margin-right: -32px;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto,
.mx-auto {
    margin-right: auto;
}
.mx-auto {
    margin-left: auto;
}
.mb-2px {
    margin-bottom: 2px;
}
.WeChatPay {
    padding: 32px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    overflow: hidden;
}
.WeChatPay-Container {
    padding: 12px;
    background: #65bf46;
    box-shadow: 0 0 0 1px hsla(0, 0%, 68.6%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}
.WeChatPay-Logo {
    margin-right: 6px;
}
.LinkPaymentMethodAccordionItem--recollecting .AccordionItemCover-header {
    display: block;
}
.LinkPaymentMethodAccordionItem--recollecting .AccordionItemCover-label {
    margin-bottom: 16px;
}
.RedactedCardNumber--expired {
    opacity: 0.5;
}
.LinkPaymentMethodAccordionItem .LinkBillingAccordionItem {
    margin: 4px -16px -20px;
    border-top: 1px solid rgba(26, 26, 26, 0.1) !important;
}
.LinkPaymentMethodAccordionItem--recollecting .LinkBillingAccordionItem {
    margin-top: 16px;
}
.LinkRemoveSavedPaymentModal {
    width: 100%;
    max-width: 305px;
    padding: 24px;
    text-align: center;
}
.LinkRemoveSavedPaymentModal-overlay {
    background: rgba(0, 0, 0, 0.2);
}
.LinkRemoveSavedPaymentModal-button {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
}
.LinkRemoveSavedPaymentModal-button:disabled {
    background-color: rgba(0, 0, 0, 0.03);
}
.LinkRemoveSavedPaymentModal-button .Spinner {
    margin-top: -1px;
    margin-bottom: -1px;
}
.LinkShippingAccordionItem .LinkPhoneNumberAccordionItem {
    margin: 4px -16px -20px;
    border-top: 1px solid rgba(26, 26, 26, 0.1) !important;
}
.LinkPaymentForm .AccordionButton {
    opacity: 1;
    transition: opacity 0.2s ease;
}
.LinkPaymentForm--disabled .AccordionButton {
    opacity: 0.3;
    pointer-events: none;
}
.LogoutModal-modalOverlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: opacity 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.LogoutModal-modalOverlay.ModalOverlay--afterOpen {
    opacity: 1;
}
.LogoutModal-modalOverlay.ModalOverlay--beforeClose {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.LogoutModal-modal {
    background-color: #fff;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 8px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
    width: 100%;
    max-width: 305px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 20px 20px;
    font-size: 14px;
    letter-spacing: -0.15px;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.ModalContent--is-veryRoundBordered.LogoutModal-modal {
    border-radius: 18px;
}
.ModalContent--is-squareBordered.LogoutModal-modal {
    border-radius: 0;
}
.LogoutModal-modal.ModalContent--afterOpen {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.LogoutModal-modal.ModalContent--beforeClose {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.LogoutModal-headline {
    margin-bottom: 8px;
}
.LogoutModal-info {
    margin-bottom: 16px;
    text-align: center;
}
.LogoutModal-buttonGroup {
    width: 100%;
    margin-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.LogoutModal-button {
    padding: 12px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.LogoutModal-button:first-child {
    margin-right: 8px;
}
.LogoutModal-closeButton:hover {
    background-color: rgba(26, 26, 26, 0.05);
}
.LogoutModal-closeButton:active {
    background-color: rgba(0, 0, 0, 0.075);
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.FakeWalletButton {
    height: 44px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
}
.FakeWalletButton--googlePay svg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.PaymentRequestButtonContainer > button {
    height: 44px;
    width: 100%;
}
.PaymentRequestButtonContainer.StripeElement--focus {
    z-index: 2;
    outline: none;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    border-radius: 6px;
}
.PaymentRequestOrHeader {
    position: relative;
}
.ButtonAndDividerContainer,
.PaymentHeaderContainer {
    width: 100%;
}
.ButtonAndDividerContainer .PaymentRequestButtonContainer {
    margin-bottom: 16px;
}
.PaymentHeader {
    padding-bottom: 16px;
}
.ButtonAndDividerContainer .Divider {
    padding-top: 16px;
    padding-bottom: 32px;
}
.is-fontFamily--Inconsolata .PaymentRequestOrHeader .Divider .Text,
.is-fontFamily--PTSans .PaymentRequestOrHeader .Divider .Text,
.is-fontFamily--TitilliumWeb .PaymentRequestOrHeader .Divider .Text {
    font-size: 15px;
}
.RadioButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 2px;
    background-clip: content-box;
    border: 1px solid rgba(26, 26, 26, 0.4);
    background-color: transparent;
    border-radius: 50%;
}
.RadioButton:checked {
    background-color: #0074d4;
    border-color: #0074d4;
}
.ShippingSelector-item-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
.ShippingSelector-name {
    margin-left: 0.5em;
}
.ShippingSelector-display-name {
    margin-right: 0.5em;
}
.ShippingSelector-price {
    margin-left: auto;
}
.ShippingSelector-input-container.CheckoutInput {
    height: auto;
    line-height: 1.125;
}
.ShippingSelector-radio {
    margin-top: 2px;
}
.ShippingSelector-option__selected .ShippingSelector-radio,
.ShippingSelector-radio {
    transition: border-color 0.2s ease, background-color 0.2s ease;
}
@media only screen and (max-width: 991.98px) {
    .ShippingSelector-radio {
        margin-top: 4px;
    }
}
@media only screen and (min-width: 992px) {
    .App-Container:not(.App-Container--setupMode) .CheckoutInput.ShippingSelector-input-container {
        height: auto;
    }
}
.MandateModal-modalOverlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: opacity 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.MandateModal-modalOverlay.ModalOverlay--afterOpen {
    opacity: 1;
}
.MandateModal-modalOverlay.ModalOverlay--beforeClose {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.MandateModal-modal.ModalContent--afterOpen {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.MandateModal-modal.ModalContent--beforeClose {
    transition: -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.MandateModal-modal,
.MandateModal-modal.ModalContent--beforeClose {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.MandateModal-modal {
    background-color: #fff;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 8px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
    width: 100%;
    max-width: 360px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 20px 20px;
    font-size: 14px;
    letter-spacing: -0.15px;
    transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.MandateModal-accountInformation,
.MandateModal-contactInformation,
.MandateModal-headline,
.MandateModal-mandateTerms {
    margin-bottom: 16px;
}
.MandateModal-accountInformation .Text,
.MandateModal-contactInformation .Text {
    margin-bottom: 4px;
}
.MandateModal-modal .accountRow {
    background-color: #f7f7f7;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin: 4px 0;
}
.MandateModal-modal .bankIcon {
    width: 24px;
    height: 24px;
    left: 0;
    right: 0;
    border-radius: 4px;
    margin: 10px 8px 10px 12px;
}
.MandateModal-modal .fullAccountDetail {
    padding: 14px 0;
    margin-bottom: 0;
}
.MandateModal-mandateTerms {
    text-align: center;
}
.MandateModal-buttonGroup {
    width: 100%;
    margin-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.MandateModal-button {
    padding: 12px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.MandateModal-button:first-child {
    margin-right: 8px;
}
.App-Global-Fields {
    margin-bottom: 8px;
}
.PaymentMethod-Heading {
    margin-top: 12px;
}
.ShippingDetails-Heading {
    margin-top: 0;
}
.PaymentForm-paymentMethodForm .ShippingDetails-Heading {
    margin-top: 12px;
}
.Tabs-TabListItem#wechat_pay-tab .Tabs-TabListItemContent svg {
    -webkit-filter: none;
    filter: none;
}
.PaymentForm-confirmPaymentContainer {
    margin-top: 16px;
}
.is-fontFamily--Inconsolata .PaymentForm-confirmPaymentContainer .PolicyHighlight-container .Text,
.is-fontFamily--PTSans .PaymentForm-confirmPaymentContainer .PolicyHighlight-container .Text,
.is-fontFamily--TitilliumWeb .PaymentForm-confirmPaymentContainer .PolicyHighlight-container .Text {
    font-size: 13px;
}
@media only screen and (min-width: 992px) {
    .PaymentFormFixedHeightContainer {
        min-height: 400px;
    }
}
@media only screen and (max-width: 991.98px) {
    .CheckoutPaymentForm .PaymentHeader {
        display: none;
    }
}
.CrossSellOffer {
    margin-top: 28.5px;
}
.CrossSellOffer.has-productSummaryImage {
    margin-top: 12px;
}
.CrossSellOffer.is-added {
    margin-top: 16px;
}
.CrossSellOffer-clickContainer {
    cursor: pointer;
    width: 100%;
}
.CrossSellOffer-container {
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
    border: 1px solid rgba(26, 26, 26, 0.1);
    padding: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(26, 26, 26, 0.05);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.CrossSellOffer-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid rgba(26, 26, 26, 0.1);
    border-bottom: none;
    width: calc(100% + 32px);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.CrossSellOffer-headerFlexItem {
    padding: 8px 0;
}
.CrossSellOffer-headerText {
    margin-left: 16px;
}
.CrossSellOffer-imageContainer {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.CrossSellOffer-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}
.CrossSellOffer-addRemove {
    white-space: nowrap;
}
.App-Container.is-squareBordered .CrossSellOffer-image {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .CrossSellOffer-image {
    border-radius: 18px;
}
.CrossSellOffer.is-added .CrossSellOffer-addRemove:before {
    display: inline-block;
    content: "\D7";
    margin-right: 4px;
}
.App-Container.is-darkBackground .CrossSellOffer-container {
    background-color: hsla(0, 0%, 100%, 0.05);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.App-Container.is-darkBackground .CrossSellOffer-header {
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-bottom: none;
}
.CrossSellOffer.is-loading .CrossSellOffer-container {
    opacity: 0.4;
}
@media only screen and (min-width: 992px) {
    .App-Container.is-darkBackground .CrossSellOffer-header,
    .CrossSellOffer-header {
        border: none;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .CrossSellOffer-container {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
}
.HeaderImage--logo .HeaderImage-img {
    max-width: 150px;
    max-height: 28px;
    margin-right: 8px;
}
.App-Container--setupMode .HeaderImage--logo .HeaderImage-img {
    max-height: 35px;
}
.HeaderImage--icon {
    height: 28px;
    width: 28px;
    margin-right: 8px;
    box-shadow: 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 100%;
    background: #fff;
}
.HeaderImage--iconFallback {
    background: #fff;
}
.HeaderImage-imageIcon {
    height: 100%;
    width: 100%;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.HeaderImage-fallbackIcon {
    fill: rgba(26, 26, 26, 0.5);
}
@media only screen and (min-width: 992px) {
    .App-Container:not(.App-Container--setupMode) .HeaderImage--logo img {
        max-height: 28px;
        max-width: 300px;
    }
}
.AdjustQuantityFooter {
    margin: 16px 20px;
    height: 48px;
    overflow-x: hidden;
    position: relative;
}
.AdjustQuantityFooter-btnContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    width: 50%;
    position: absolute;
    overflow-x: hidden;
    padding: 4px;
}
.AdjustQuantityFooter-btn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 38px;
    position: relative;
}
.AdjustQuantityFooter-btn .Button-Icon.Button-Spinner {
    margin-right: 0;
}
.AdjustQuantityFooter-btn svg {
    position: absolute;
    right: 12px;
}
.AdjustQuantityFooter-btn .Button--secondary {
    height: 39px;
}
.AdjustQuantityFooter-btn--gray:not(:disabled):hover {
    background-color: rgba(26, 26, 26, 0.05);
}
.AdjustQuantityFooter-btn,
.AdjustQuantityFooter-btn .Text {
    transition: all 0.2s ease;
}
.AdjustQuantityFooter-btn:disabled .Text {
    opacity: 0.6;
}
.AdjustQuantityModal-modal.has-notice .AdjustQuantityFooter {
    margin-top: 8px;
}
.AdjustQuantityHeader-header {
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
    padding: 16px 20px;
}
.AdjustQuantityHeader-closeBtn {
    padding: 8px;
    border-radius: 20px;
}
.AdjustQuantityHeader-imageContainer {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.AdjustQuantityHeader-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}
.App-Container.is-squareBordered .AdjustQuantityHeader-image,
.ModalContent--is-squareBordered .AdjustQuantityHeader-image {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .AdjustQuantityHeader-image,
.ModalContent--is-veryRoundBordered .AdjustQuantityHeader-image {
    border-radius: 18px;
}
.AdjustQuantityHeader-closeBtn:focus {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    outline: none;
}
.AdjustQuantityHeader-closeBtn .Button-Icon {
    margin-right: 0;
}
.AdjustQuantityModal-modal {
    width: 356px;
}
.AdjustQuantityModal-content {
    padding: 16px 20px;
}
.AdjustQuantityModal-modal.is-removing .AdjustQuantityModal-quantity {
    background-color: #dc2727;
}
.AdjustQuantityModal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 20px 16px;
    overflow-y: hidden;
}
.AdjustQuantityModal-toggleQuantityBtn {
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    margin-right: 16px;
    margin-left: 16px;
    transition: opacity 0.1s ease-in, background-color 0.1s ease-in, -webkit-transform 0.08s ease-in;
    transition: opacity 0.1s ease-in, background-color 0.1s ease-in, transform 0.08s ease-in;
    transition: opacity 0.1s ease-in, background-color 0.1s ease-in, transform 0.08s ease-in, -webkit-transform 0.08s ease-in;
}
.AdjustQuantityModal-toggleQuantityBtn:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.AdjustQuantityModal-toggleQuantityBtn:focus {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    outline: none;
}
.AdjustQuantityModal-toggleQuantityBtn:not(.is-disabled):hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.AdjustQuantityModal-toggleQuantityBtn.is-disabled {
    opacity: 0.5;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.AdjustQuantityModal-toggleQuantityBtn.is-cursorDisabled {
    cursor: not-allowed;
}
.AdjustQuantityModal-toggleQuantityBtn .Button-Icon {
    margin-right: 0;
}
.AdjustQuantityModal-input {
    width: 56px;
    text-align: center;
    border-radius: 6px;
}
.AdjustQuantityModal-notice {
    margin-top: 20px;
}
@media only screen and (max-width: 991.98px) {
    .AdjustQuantityModal-modal {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 100%;
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .AdjustQuantityModal-modalOverlay:before {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    .AdjustQuantityModal-modalOverlay.ModalOverlay--afterOpen:before {
        opacity: 1;
    }
    .AdjustQuantityModal-modal.ModalContent--afterOpen {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .AdjustQuantityModal-modal.ModalContent--beforeClose {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    .AdjustQuantityModal-modalOverlay.ModalOverlay--beforeClose:before {
        opacity: 0;
        transition-duration: 0.25s;
    }
    .AdjustQuantityModal-modalOverlay.ModalOverlay--beforeClose {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.TierDetail-tierBreakdown {
    margin-left: 12px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.TierDetail-tierDescription--indented {
    margin-left: 12px;
}
.TierAccordion-button {
    fill: rgba(26, 26, 26, 0.5);
}
.TierAccordion-button .Button-Icon--right {
    margin-left: 4px;
}
.App-Overview.is-darkBackground .TierAccordion-button {
    fill: hsla(0, 0%, 100%, 0.5);
}
.SavingsBadge {
    background-color: #cbf4c9;
    border-radius: 4px;
    color: #0e6245;
    padding: 1px 6px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.HostedSwitch {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 1.75em;
    height: 1em;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1.25em;
    transition: border 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    background: hsla(0, 0%, 100%, 0.5);
}
.HostedSwitch:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.HostedSwitch--active {
    background-color: #24b47e;
}
.HostedSwitch--disabled {
    opacity: 0.4;
    cursor: default;
}
.HostedSwitchControl {
    display: block;
    width: auto;
    height: 100%;
    fill: #fff;
    border-radius: 100%;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    will-change: transform;
    border: 1px solid rgba(42, 47, 69, 0.12);
}
.HostedSwitch--active .HostedSwitchControl {
    -webkit-transform: translate(0.75em);
    -ms-transform: translate(0.75em);
    transform: translate(0.75em);
}
.UpsellToggle-clickContainer {
    position: relative;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 0;
    border: 1px solid rgba(26, 26, 26, 0.1);
}
.UpsellToggle,
.UpsellToggle-clickContainer {
    min-height: 44px;
}
.UpsellToggle-clickContainer:before {
    content: "";
    top: -1px;
    left: -1px;
    position: absolute;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 35%, #24b47e 50%, hsla(0, 0%, 100%, 0) 65%);
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    z-index: 1;
    background-size: 300% 300%;
    background-position: 100%;
}
.UpsellToggle-clickContainer.animate-shimmer:before {
    -webkit-animation: shimmer 1.25s ease;
    animation: shimmer 1.25s ease;
}
.UpsellToggle-backgroundContainer {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.UpsellToggle {
    padding: 12px 16px;
    border-radius: 5px;
    background-color: rgba(26, 26, 26, 0.05);
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.UpsellToggle-savingsMessage {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.UpsellToggle .UpsellToggle-savingsMessageText {
    margin-right: 4px;
}
.UpsellToggle .SavingsBadge {
    margin-top: 1px;
}
.UpsellToggle-clickContainer:not(.is-renderedOnLineItem) .UpsellToggle {
    max-width: 380px;
    margin: 0 auto;
}
.UpsellToggle-price {
    text-align: end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media only screen and (max-width: 991.98px) {
    .UpsellToggle-clickContainer {
        border-radius: 6px;
    }
    .UpsellToggle-clickContainer:before {
        border-radius: 7px;
    }
    .UpsellToggle-backgroundContainer {
        border-radius: 6px;
    }
    .UpsellToggle-clickContainer.is-renderedOnLineItem {
        display: none;
    }
}
@media only screen and (min-width: 992px) {
    .UpsellToggle {
        border-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-top: 0;
    }
    .UpsellToggle-clickContainer {
        display: none;
    }
    .UpsellToggle-clickContainer.is-renderedOnLineItem {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.App-Container.is-darkBackground .UpsellToggle-clickContainer {
    border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.App-Container.is-darkBackground .UpsellToggle {
    background-color: hsla(0, 0%, 100%, 0.05);
}
@media only screen and (min-width: 992px) {
    .App-Container.is-darkBackground .UpsellToggle-clickContainer {
        border: 1px solid hsla(0, 0%, 100%, 0.1);
    }
}
@-webkit-keyframes shimmer {
    0% {
        background-position: 95%;
    }
    to {
        background-position: 0;
    }
}
@keyframes shimmer {
    0% {
        background-position: 95%;
    }
    to {
        background-position: 0;
    }
}
.LineItem-imageContainer {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.LineItem-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}
.App-Container.is-squareBordered .LineItem-image {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .LineItem-image {
    border-radius: 18px;
}
.LineItem--indented {
    margin-left: 58px;
}
.LineItem-tierAccordion,
.LineItem-tierBreakdown {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.LineItem-tierBreakdown {
    margin-left: 12px;
}
.LineItem--isMobile .LineItem-adjustableQtyHitBox {
    padding: 8px;
    margin: -8px;
}
.LineItem-adjustableQtyHitBox {
    display: inline-block;
}
.LineItem-adjustableQty {
    margin: 0 2px;
    padding: 1px 4px;
    border-radius: 4px;
}
.LineItem-adjustableQty,
.LineItem-adjustableQty .LineItem-adjustableQtyIcon {
    transition: all 0.15s ease-in;
}
.LineItem-adjustableQty:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.LineItem-adjustableQty:active {
    background-color: rgba(0, 0, 0, 0.1);
}
.LineItem-adjustableQty:hover .LineItem-adjustableQtyIcon {
    fill: #1a1a1a;
}
@media only screen and (min-width: 992px) {
    .LineItem.is-upsell {
        padding: 16px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border: 1px solid rgba(26, 26, 26, 0.1);
        border-bottom: none;
    }
    .LineItem--indented.is-upsell {
        margin-left: 0;
        padding-left: 74px;
    }
}
.App-Overview.is-darkBackground .LineItem-adjustableQtyIcon {
    fill: hsla(0, 0%, 100%, 0.5);
}
.App-Overview.is-darkBackground .LineItem-adjustableQty:hover {
    background-color: hsla(0, 0%, 100%, 0.09);
}
.App-Overview.is-darkBackground .LineItem-adjustableQty:active {
    background-color: hsla(0, 0%, 100%, 0.14);
}
@media only screen and (min-width: 992px) {
    .App-Overview.is-darkBackground .LineItem.is-upsell {
        border: 1px solid hsla(0, 0%, 100%, 0.1);
        border-bottom: none;
    }
}
.PromotionCodeEntry {
    margin-bottom: 16px;
    font-size: 14px;
}
.PromotionCodeEntry-inputWrapper {
    position: relative;
    display: inline-block;
    min-width: 100%;
}
.PromotionCodeEntry-inputWrapper--blurred {
    min-width: 45%;
    transition-property: min-width;
}
.PromotionCodeEntry-inputWrapper + .Text {
    display: block;
    margin-top: 4px;
}
.PromotionCodeEntry-label {
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    white-space: nowrap;
    height: 0;
    visibility: hidden;
    transition-property: padding;
}
.PromotionCodeEntry-inputWrapper--focused .PromotionCodeEntry-label {
    padding: 0 12px;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    border-radius: 6px;
    padding: 0;
    line-height: 1.5;
    transition-property: padding, line-height, background, box-shadow;
    font-size: 14px;
    height: 36px;
}
.ModalContent--is-veryRoundBordered .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    border-radius: 18px;
}
.ModalContent--is-squareBordered .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    border-radius: 0;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--focused .PromotionCodeEntry-input {
    padding: 8px 90px 8px 12px;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-label {
    padding: 0 12px;
}
.App-Container.is-noBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
    height: auto;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input,
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--focused .PromotionCodeEntry-input[value=""] {
    padding: 8px 12px;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    line-height: 1.3;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-webkit-input-placeholder {
    font-weight: 500;
    color: #0074d4;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-moz-placeholder {
    font-weight: 500;
    color: #0074d4;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:-ms-input-placeholder {
    font-weight: 500;
    color: #0074d4;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::placeholder {
    font-weight: 500;
    color: #0074d4;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-webkit-input-placeholder {
    transition-property: color;
    opacity: 1;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-moz-placeholder {
    transition-property: color;
    opacity: 1;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:-ms-input-placeholder {
    transition-property: color;
    opacity: 1;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::placeholder {
    transition-property: color;
    opacity: 1;
}
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-webkit-input-placeholder,
.PromotionCodeEntry-label,
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
}
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-moz-placeholder,
.PromotionCodeEntry-label,
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
}
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:-ms-input-placeholder,
.PromotionCodeEntry-label,
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
}
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::placeholder,
.PromotionCodeEntry-label,
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
}
.PromotionCodeEntry-applyButton {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    background: transparent;
    border: none;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    pointer-events: none;
    z-index: 100;
}
.PromotionCodeEntry-applyButton--visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: auto;
    cursor: pointer;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    box-shadow: none;
    border: 0;
}
.PromotionCodeEntry-applyButton--error {
    transition: none;
}
.PromotionCodeEntry .Button-Icon path {
    fill: #1a1a1a;
}
.PromotionCodeEntry .Button-Spinner {
    opacity: 1;
}
.App-Overview.is-darkBackground .PromotionCodeEntry .Button-Icon path {
    fill: #fff;
}
.is-darkMode .OrderDetailsDropdown .PromotionCodeEntry-input.Input {
    background: transparent;
}
.is-darkMode .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:focus {
    background-color: #fff;
    color: rgba(26, 26, 26, 0.9);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-webkit-input-placeholder {
    color: rgba(26, 26, 26, 0.9);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-moz-placeholder {
    color: rgba(26, 26, 26, 0.9);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:-ms-input-placeholder {
    color: rgba(26, 26, 26, 0.9);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::placeholder {
    color: rgba(26, 26, 26, 0.9);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:focus {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.App-Overview.is-darkBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:focus {
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 100%, 0.07), 0 0 0 4px hsla(0, 0%, 100%, 0.3);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
    background-color: rgba(26, 26, 26, 0.05);
    box-shadow: none;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:hover {
    background-color: rgba(26, 26, 26, 0.1);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-webkit-input-placeholder {
    color: rgba(26, 26, 26, 0.9) !important;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-moz-placeholder {
    color: rgba(26, 26, 26, 0.9) !important;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:-ms-input-placeholder {
    color: rgba(26, 26, 26, 0.9) !important;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::placeholder {
    color: rgba(26, 26, 26, 0.9) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
    background-color: hsla(0, 0%, 100%, 0.05);
    transition: background 0.08s ease;
}
.App-Overview.is-darkBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:hover {
    background-color: hsla(0, 0%, 100%, 0.1);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-webkit-input-placeholder {
    color: #fff !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-moz-placeholder {
    color: #fff !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:-ms-input-placeholder {
    color: #fff !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::placeholder {
    color: #fff !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-applyButton .Text-color--default {
    color: inherit;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
    font-size: 14px;
    white-space: nowrap;
}
.App-Container.is-noBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
    top: 0;
    left: 0;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
    font-size: 14px;
    font-weight: 500;
    color: #0074d4;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
    color: rgba(26, 26, 26, 0.9) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
    color: #fff !important;
}
.Placeholder {
    opacity: 1;
}
.Placeholder--animating {
    color: transparent;
    position: relative;
    background-color: rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.025);
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.Placeholder--animating:after {
    height: 100%;
    width: 800%;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background: radial-gradient(circle at 80% -20%, hsla(0, 0%, 100%, 0.6) 0, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, 0) 100%),
        radial-gradient(circle at 50% 150%, hsla(0, 0%, 100%, 0.6) 0, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, 0) 100%),
        radial-gradient(circle at 20% -20%, hsla(0, 0%, 100%, 0.6) 0, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, 0) 100%);
    -webkit-animation: transition 1.5s infinite;
    animation: transition 1.5s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@-webkit-keyframes transition {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
}
@keyframes transition {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
}
.OrderDetailsSubtotalItem {
    margin-bottom: 16px;
}
.OrderDetailsSubtotalItem-tooltip {
    z-index: 16;
}
.OrderDetailsSubtotalItem .Tooltip-Context {
    margin-left: 4px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}
.OrderDetailsFooter-subtotal {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
    margin-bottom: 16px;
}
.OrderDetailsFooter-subtotal--indented,
.OrderDetailsFooter-trialTotal--indented {
    margin-left: 58px;
}
.OrderDetailsFooter-subtotalItems {
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
    margin-bottom: 16px;
}
.OrderDetailsFooter-subtotalItems--indented {
    margin-left: 58px;
}
.App-Overview.is-darkBackground .OrderDetailsFooter-subtotal,
.App-Overview.is-darkBackground .OrderDetailsFooter-subtotalItems {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.OrderDetails-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.OrderDetails-item {
    margin-bottom: 16px;
}
.OrderDetails-total {
    padding-bottom: 16px;
}
.OrderDetails-total--indented {
    margin-left: 58px;
}
.OrderDetails-showHideButton {
    margin-top: -8px;
}
.OrderDetails-showHideButton--indented {
    margin-left: 58px;
}
.OrderDetails-showHideButton + .OrderDetails-total {
    margin-top: 16px;
}
.OrderDetails-showHideButton .Text {
    position: relative;
    font-size: 14px;
    line-height: 16px;
}
.OrderDetails-remainingProductImages {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 42px;
    height: 42px;
    transition: opacity 0.2s ease;
}
.OrderDetails-remainingProductImages.is-hidden {
    opacity: 0;
    pointer-events: none;
}
.OrderDetails-remainingProductImageContainer {
    position: absolute;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #fff;
}
.OrderDetails-remainingProductImageContainer,
.OrderDetails-remainingProductImages.has-oneImage {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.OrderDetails-remainingProductImages.has-twoImages .OrderDetails-remainingProductImageContainer:first-child {
    z-index: 2;
    left: 0;
}
.OrderDetails-remainingProductImages.has-twoImages .OrderDetails-remainingProductImageContainer:nth-child(2) {
    z-index: 1;
    left: 22px;
}
.OrderDetails-remainingProductImages.has-threeImages .OrderDetails-remainingProductImageContainer:first-child {
    z-index: 3;
    left: 0;
}
.OrderDetails-remainingProductImages.has-threeImages .OrderDetails-remainingProductImageContainer:nth-child(2) {
    z-index: 2;
    left: 11px;
}
.OrderDetails-remainingProductImages.has-threeImages .OrderDetails-remainingProductImageContainer:nth-child(3) {
    z-index: 1;
    left: 22px;
}
.OrderDetails-remainingProductImage {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}
@media only screen and (min-width: 992px) {
    .OrderDetails-item.is-upsell {
        width: calc(100% + 32px);
        position: relative;
        left: -16px;
        margin-top: 8px;
    }
}
.OrderDetailsDropdown-modalOverlay {
    z-index: 11;
    background: transparent;
    display: block;
}
.OrderDetailsDropdown-modalOverlay.ModalOverlay--beforeClose:before {
    opacity: 0;
    transition-duration: 0.25s;
}
.OrderDetailsDropdown-modalOverlay.ModalOverlay--beforeClose {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
.OrderDetailsDropdown-modal {
    padding-top: 60px;
    background-color: #fff;
    border-radius: 0;
    -webkit-transform: translateY(calc(-100% + 60px));
    -ms-transform: translateY(calc(-100% + 60px));
    transform: translateY(calc(-100% + 60px));
    transition: -webkit-transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1);
    transition: transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1);
    transition: transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1);
    opacity: 1;
    max-height: 100%;
}
.OrderDetailsDropdown-modal:not(.is-lineItemsListExpanded) {
    overflow: hidden;
}
.is-darkMode .OrderDetailsDropdown-modal {
    transition: background-color 0.4s ease-out;
    background-color: #101010;
}
.OrderDetailsDropdown-modal.ModalContent--afterOpen {
    box-shadow: 0 24px 32px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}
.OrderDetailsDropdown-modal.ModalContent--beforeClose {
    -webkit-transform: translateY(calc(-100% + 60px));
    -ms-transform: translateY(calc(-100% + 60px));
    transform: translateY(calc(-100% + 60px));
    transition: box-shadow 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
    transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), box-shadow 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
    transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), box-shadow 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
    box-shadow: 0 24px 32px transparent;
}
.OrderDetailsDropdown {
    padding: 0 16px 16px;
}
.OrderDetailsDropdown-orderDetails {
    max-width: 380px;
    margin: auto;
}
.Tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 4px;
    border-radius: 4px;
}
.Tag-orange {
    background-color: #ffde92;
}
.Tag-red {
    background-color: #fde2dd;
}
.Header {
    z-index: 12;
    min-height: 28px;
}
.Header-businessLink {
    display: block;
    margin-left: -24px;
    padding-left: 24px;
    min-width: 60px;
}
.Header:not(.is-darkBackground) .Header-merchantLogoWithLabel .Text {
    color: rgba(26, 26, 26, 0.9);
}
.Header-business .Header-backArrow {
    opacity: 0.4;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 0.25s ease, width 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, width 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, width 0.25s ease, -webkit-transform 0.25s ease;
}
.Header-business .Header-backArrowContainer,
.Header-business .Header-merchantLogoContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.Header:not(.is-darkBackground) .Header-business .Header-backArrow {
    fill: rgba(26, 26, 26, 0.9);
}
.App-Overview.is-darkBackground .Header-business .Header-backArrow,
.Body--modal-open .App-Overview .Header.is-darkBackground .Header-business .Header-backArrow {
    fill: #fff;
}
.Header-businessLink:focus .Header-backArrow,
.Header-businessLink:hover .Header-backArrow {
    opacity: 1;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
    -ms-transform: translateX(4px);
}
.Header-business .Header-businessLink-label {
    opacity: 0;
    position: absolute;
    left: 0;
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    -ms-transform: translateX(4px) translateY(-50%);
    transition: opacity 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
    transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms;
    transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
}
.Header-businessLink.is-notClickable,
.Header-businessLink:focus .Header-businessLink-label--noPointerEvents,
.Header-businessLink:hover .Header-businessLink-label--noPointerEvents {
    pointer-events: none;
}
@media only screen and (min-width: 576px) {
    .Header-business .Header-backArrow {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -ms-transform: translateX(-20px) translateY(-50%);
        position: absolute;
    }
    .Header-businessLink:focus .Header-backArrow,
    .Header-businessLink:hover .Header-backArrow {
        -webkit-transform: translateX(-22px);
        transform: translateX(-22px);
        -ms-transform: translateX(-22px) translateY(-50%);
    }
    .Header-businessLink:focus .Header-businessLink-label,
    .Header-businessLink:hover .Header-businessLink-label {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -ms-transform: translateY(-50%);
        transition: opacity 0.25s ease 50ms, -webkit-transform 0.25s ease 50ms;
        transition: opacity 0.25s ease 50ms, transform 0.25s ease 50ms;
        transition: opacity 0.25s ease 50ms, transform 0.25s ease 50ms, -webkit-transform 0.25s ease 50ms;
    }
    .Header-businessLink.Header-businessLink--paymentsuccess:focus .Header-businessLink-label,
    .Header-businessLink.Header-businessLink--paymentsuccess:hover .Header-businessLink-label {
        opacity: 0;
    }
    .Header-businessLink .HeaderImage--logo {
        transition: opacity 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
        transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s;
        transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
    }
    .Header-businessLink:focus .HeaderImage--icon,
    .Header-businessLink:focus .HeaderImage--logo,
    .Header-businessLink:hover .HeaderImage--icon,
    .Header-businessLink:hover .HeaderImage--logo {
        opacity: 0;
        transition: opacity 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
        transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms;
        transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
        -webkit-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    .Header-businessLink.Header-businessLink--paymentsuccess:focus .HeaderImage--icon,
    .Header-businessLink.Header-businessLink--paymentsuccess:focus .HeaderImage--logo,
    .Header-businessLink.Header-businessLink--paymentsuccess:hover .HeaderImage--icon,
    .Header-businessLink.Header-businessLink--paymentsuccess:hover .HeaderImage--logo {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .Header-businessLink .HeaderImage--icon {
        transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
        transition: opacity 0.25s ease, transform 0.25s ease;
        transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    }
    .Header-businessLink .Header-businessLink-name {
        transition: opacity 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
        transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s;
        transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
    }
    .Header-businessLink:focus .Header-businessLink-name,
    .Header-businessLink:hover .Header-businessLink-name {
        opacity: 0;
        transition: opacity 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
        transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms;
        transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
        -webkit-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    .Header-businessLink .Tag {
        transition: opacity 0.1s ease;
    }
    .Header-businessLink:focus .Tag,
    .Header-businessLink:hover .Tag {
        opacity: 0;
    }
}
.Header-merchantLogoWithLabel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.Header-merchantLogoWithLabel > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
}
.Header-merchantLogoWithLabel .HeaderImage {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.Header-actions,
.Header-testTagMobile {
    display: none;
}
.Header-viewDetailsButton {
    width: 100%;
    position: relative;
    transition: opacity 0.25s ease;
    text-align: right;
}
.Header:not(.is-darkBackground) .Header-viewDetailsButton .Text {
    color: rgba(26, 26, 26, 0.5);
}
.Header:not(.is-darkBackground) .Header-viewDetailsButton .Text.Header-totalAmount {
    color: #1a1a1a;
}
.Header:not(.is-darkBackground) .Header-viewDetailsButton svg {
    fill: rgba(26, 26, 26, 0.4);
}
.Header.is-darkBackground .Header-viewDetailsButton .Text {
    color: hsla(0, 0%, 100%, 0.5);
}
.Header.is-darkBackground .Header-viewDetailsButton .Text.Header-totalAmount {
    color: #fff;
}
.Header.is-darkBackground .Header-viewDetailsButton svg {
    fill: hsla(0, 0%, 100%, 0.4);
}
.Header-couponIcon {
    margin-top: 4px;
    margin-right: 8px;
}
@media only screen and (max-width: 991.98px) {
    .Header .Header-actions .Button-Icon {
        transition: -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
        transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
        transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
    }
    .Header.is-orderDetailsDropdownOpen .Header-actions .Button-Icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .Header.is-orderDetailsDropdownOpen .Header-businessLink.is-notClickable {
        pointer-events: none;
    }
    .Header-testTag {
        display: none;
    }
    .Header-testTagMobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .Header-productImage {
        position: relative;
    }
    .Header-productImage img {
        display: block;
        border-radius: 3px;
        width: 20px;
        height: 20px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .Header-productImage--withMarginRight {
        margin-right: 8px;
    }
    .Header-totalItemCount {
        width: 16px;
        height: 16px;
        color: #000;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(50, 50, 93, 0.1), 0 1px 1px rgba(0, 0, 0, 0.07);
        right: -6px;
        bottom: -6px;
        font-weight: 700;
        padding: 4px;
        border-radius: 50%;
        font-size: 9px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .Header-detailsLabel,
    .Header-totalItemCount {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .Header-detailsLabel {
        max-width: 105px;
        right: 20px;
    }
    .Header-viewDetailsButton .Text {
        width: 100%;
        display: block;
    }
    .Header:not(.is-darkBackground) .Header-business .Header-backArrow {
        fill: rgba(26, 26, 26, 0.9);
    }
    .App--multiItem .Header-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 125px;
    }
    .App--multiItem .Header {
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin-bottom: 0;
        padding: 16px;
        transition: background-color 0.15s ease, box-shadow 0.15s ease-out;
    }
    .App-Container.is-noBackground .Header {
        background-color: #fff;
    }
    .App--multiItem .Header-Content {
        max-width: 380px;
        margin: auto;
    }
    .App-Container:not(is-noBackground) .Header--withShadow,
    .Body--modal-open .App-Container:not(is-noBackground) .Header {
        background-color: #fff;
    }
    .App--multiItem .Header--withShadow {
        overflow-y: hidden;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    }
    .is-darkMode .App-Container:not(is-noBackground) .Header--withShadow,
    .is-darkMode.Body--modal-open .App-Container:not(is-noBackground) .Header {
        background-color: #101010;
    }
    .is-darkMode .App-Container--setupMode .Header {
        background-color: transparent;
        color: hsla(0, 0%, 100%, 0.9);
    }
}
.InvalidSession {
    text-align: center;
}
.InvalidSession-icon {
    margin-bottom: 16px;
    height: 64px;
}
.InvalidSession-message,
.InvalidSession-title {
    margin-bottom: 16px;
}
.PaymentFailure {
    text-align: center;
}
.PaymentFailure-icon {
    margin-bottom: 16px;
    height: 64px;
}
.PaymentFailure-title {
    margin-bottom: 16px;
}
.PaymentFailure-backLink {
    margin-top: 24px;
    font-size: 14px;
}
.PaymentFailure-message,
.UpiAwaitNotification-iconContainer {
    margin-bottom: 16px;
}
.UpiAwaitNotification-description {
    text-align: center;
    width: 380px;
}
.UpiAwaitNotification-backLink {
    margin-top: 24px;
    font-size: 14px;
}
.DonationAmountSelector {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 16px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.DonationAmountSelector-selectorButton {
    width: 30%;
    border-width: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 1px 1.5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.08);
    font-size: 12px;
}
.DonationAmountSelector-activeSelectorButton {
    width: 38%;
    border-width: 2px;
    box-shadow: 0 2px 5px rgba(50, 50, 93, 0.1), 0 1px 1.5px rgba(0, 0, 0, 0.07);
    font-size: 14px;
}
.DonationAmountSelector-activeSelectorButton:focus {
    outline: none;
    box-shadow: none;
}
.DonationAmountSelector-midSelectorButton {
    margin-left: 1%;
    margin-right: 1%;
}
@media only screen and (min-width: 992px) {
    .DonationAmountSelector {
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .DonationAmountSelector-selectorButton {
        width: 25%;
        font-size: 12px;
    }
    .DonationAmountSelector-activeSelectorButton {
        width: 48%;
        font-size: 16px;
    }
}
.ProductImage-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center;
    height: 120px;
}
.ProductImage-image {
    max-width: 100%;
    max-height: 120px;
    border-radius: 6px;
}
.ProductImage-totalItemsCount {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -10px;
    box-shadow: 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
    background: #fff;
    text-align: center;
    border-radius: 70px;
    padding: 2px 7px;
    font-size: 13px;
    font-weight: 700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 92px;
    max-width: 135px;
}
.App-Container.is-squareBordered .ProductImage-image {
    border-radius: 0;
}
.App-Container.is-veryRoundBordered .ProductImage-image {
    border-radius: 36px;
}
.App-Overview.is-darkBackground .ProductImage-container .ProductImage-totalItemsCount .Text,
.ProductImage-container .ProductImage-totalItemsCount .Text {
    padding-left: 4px;
    color: #1a1a1a;
}
.ProductImage-container .ProductImage-totalItemsChevronRight {
    margin-right: -4px;
}
@media only screen and (min-width: 992px) {
    .App--singleItem .ProductImage-image {
        max-height: 300px;
        max-width: 300px;
    }
    .ProductImage-totalItemsCount {
        display: none;
    }
}
.ProductSummaryDescription {
    margin-bottom: 4px;
}
.ProductSummaryDescription--padded {
    margin-top: 16px;
}
@media only screen and (min-width: 992px) {
    .App--multiItem .ProductSummaryDescription--singleItem {
        display: none;
    }
}
.ProductSummaryTotalAmount .BillingIntervalBreak {
    display: none;
}
.ProductSummaryTotalAmount-billingInterval {
    display: inline-block;
}
@media only screen and (min-width: 992px) {
    .ProductSummaryTotalAmount .BillingIntervalBreak {
        display: unset;
    }
}
@media only screen and (max-width: 991.98px) {
    .ProductSummaryTotalAmount {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.ProductSummary {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.ProductSummary,
.ProductSummary-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ProductSummary-productImageContainer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 32px 16px;
}
.ProductSummary-info.is-clickable,
.ProductSummary-productImageContainer.is-clickable {
    cursor: pointer;
}
.ProductSummary-totalAmount {
    margin: 2px 0 3px;
    font-size: 28px;
}
.ProductSummary-detailsPrompt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
.is-fontFamily--Inconsolata .ProductSummary-name {
    font-size: 17px;
}
.is-fontFamily--Inconsolata .ProductSummary-totalAmount {
    font-size: 29px;
}
.is-fontFamily--Inconsolata .ProductSummary-description {
    font-size: 15px;
}
.is-fontFamily--PTSans .ProductSummary-name {
    font-size: 17px;
}
.is-fontFamily--PTSans .ProductSummary-totalAmount {
    font-size: 29px;
}
.is-fontFamily--PTSans .ProductSummary-description {
    font-size: 15px;
}
.is-fontFamily--TitilliumWeb .ProductSummary-name {
    font-size: 17px;
}
.is-fontFamily--TitilliumWeb .ProductSummary-totalAmount {
    font-size: 29px;
}
.is-fontFamily--TitilliumWeb .ProductSummary-description {
    font-size: 15px;
}
@media only screen and (min-width: 992px) {
    .ProductSummary {
        text-align: left;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 32px;
    }
    .ProductSummary-totalAmount {
        font-size: 36px;
    }
    .ProductSummary-detailsPrompt {
        display: none;
    }
    .ProductSummary-info.is-clickable,
    .ProductSummary-productImageContainer.is-clickable {
        cursor: default;
        pointer-events: none;
    }
}
.App--singleItem .ProductSummary {
    margin-top: 32px;
}
.App--multiItem .ProductSummary-productImageContainer {
    margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
    .App--singleItem .ProductSummary {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .App--singleItem .ProductSummary-productImageContainer {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 300px;
        height: 300px;
        margin: 32px 0;
    }
    .App--singleItem .ProductSummary-info {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .App--multiItem .ProductSummary-productImageContainer {
        display: none;
    }
}
.ConfirmModalContent {
    margin: 24px 20px;
    overflow: hidden;
}
.ConfirmModalContent-icon {
    height: 16px;
    min-width: 24px;
    padding-right: 8px;
    color: rgba(0, 0, 0, 0.5);
}
.ConfirmModalContent--green .ConfirmModalContent-icon {
    color: #24b47e;
}
.ConfirmModalContent--yellow .ConfirmModalContent-icon {
    color: #d97917;
}
.ConfirmModalContent--red .ConfirmModalContent-icon {
    color: #dc2727;
}
.ConfirmModalFooter {
    margin: 16px 20px;
    height: 48px;
    position: relative;
}
.ConfirmModalFooter-btnContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    width: 50%;
    position: absolute;
    overflow-x: hidden;
    padding: 4px;
}
.ConfirmModalFooter-btn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 38px;
    position: relative;
}
.ConfirmModalFooter-btn .Button-Icon.Button-Spinner {
    margin-right: 0;
}
.ConfirmModalFooter-btn svg {
    position: absolute;
    right: 12px;
}
.ConfirmModalFooter-btn .Button--secondary {
    height: 39px;
}
.ConfirmModalFooter-btn--gray:not(:disabled):hover {
    background-color: rgba(26, 26, 26, 0.05);
}
.ConfirmModalFooter-btn,
.ConfirmModalFooter-btn .Text {
    transition: all 0.2s ease;
}
.ConfirmModalFooter-btn:disabled .Text {
    opacity: 0.6;
}
.AdjustQuantityModal-modal.has-notice .ConfirmModalFooter {
    margin-top: 8px;
}
.ConfirmModalHeader-header {
    border-bottom: 1px solid rgba(26, 26, 26, 0.1);
    padding: 16px 20px;
}
.ConfirmModalHeader-closeBtn {
    padding: 8px;
    border-radius: 20px;
}
.ConfirmModalHeader-imageContainer {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.ConfirmModalHeader-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}
.ConfirmModalHeader-closeBtn:focus {
    box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
    outline: none;
}
.ConfirmModalHeader-closeBtn .Button-Icon {
    margin-right: 0;
}
.ConfirmModal-modal {
    width: 356px;
}
.ConfirmModal-content {
    padding: 16px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 20px 16px;
    overflow-y: hidden;
}
.ConfirmModal-notice {
    margin-top: 20px;
}
@media only screen and (max-width: 991.98px) {
    .ConfirmModal-modal {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 100%;
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .ConfirmModal-modalOverlay:before {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    .ConfirmModal-modalOverlay.ModalOverlay--afterOpen:before {
        opacity: 1;
    }
    .ConfirmModal-modal.ModalContent--afterOpen {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .ConfirmModal-modal.ModalContent--beforeClose {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    .ConfirmModal-modalOverlay.ModalOverlay--beforeClose:before {
        opacity: 0;
        transition-duration: 0.25s;
    }
    .ConfirmModal-modalOverlay.ModalOverlay--beforeClose {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.MobilePaymentMenu-buttonOrDivider {
    margin-top: 16px;
    position: relative;
}
.MobilePaymentMenu .Divider {
    padding-top: 16px;
    padding-bottom: 32px;
}
.MobilePaymentMenu-payAnotherWay {
    width: 100%;
    height: 44px;
}
.App-Background {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}
.App-Container {
    min-height: 100vh;
}
.App-Container:not(.is-noBackground) {
    background-image: linear-gradient(180deg, transparent, transparent 500px, #fff 0, #fff);
}
.App {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}
.App.App--multiItem {
    padding-top: 76px;
}
.App.App--singleItem {
    padding-top: 16px;
}
.App-mobileActions > *,
.App-Overview,
.App-Payment > * {
    max-width: 380px;
    margin: 0 auto;
}
.App-mobileActions,
.App-Overview,
.App-Payment {
    width: 100%;
    padding: 0 16px 16px;
}
.App-Payment {
    padding-top: 24px;
    background-color: #fff;
}
.is-darkMode .App-Payment {
    background-color: #000;
}
.App-Container:not(.is-noBackground) .App-Payment {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
}
.App-Overview-OrderDetails {
    max-height: 50vh;
    overflow-y: auto;
    padding-right: 8px;
    display: none;
}
.App-Overview-OrderDetails.OrderDetails.is-upsell {
    overflow-y: visible;
}
.App-Footer {
    padding-top: 16px;
    padding-bottom: 32px;
    background-color: #fff;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.App-Container.is-mobilePaymentMenu .App-Background {
    z-index: 0;
}
.App-Container.is-mobilePaymentMenu .App-Overview {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.App-Container.is-mobilePaymentMenu .App-productSummaryContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
}
.App-Container.is-mobilePaymentMenu .App-Footer {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.App-Container.is-mobilePaymentMenu .App-Payment {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-bottom: 32px;
}
.App-Container.is-mobilePaymentMenu .Header-actions,
.App-Container.is-mobilePaymentMenu .Header-business {
    opacity: 0;
    -webkit-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.App-Container.is-mobilePaymentMenu .ProductSummary {
    opacity: 0;
    -webkit-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.App-Container.is-mobilePaymentMenu .App-Footer .CheckoutFooter-link,
.App-Container.is-mobilePaymentMenu .App-Footer .Link {
    opacity: 0;
    -webkit-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.App-Container.is-mobilePaymentMenu .App-Payment {
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px);
    transform: translateY(180px);
    -webkit-animation: slideUp 0.2s ease-in-out;
    animation: slideUp 0.2s ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.App-Container.is-mobilePaymentMenu .MobilePaymentMenu-payAnotherWay,
.App-Container.is-mobilePaymentMenu .MobilePaymentMenu .PaymentRequestButtonContainer {
    opacity: 0;
    -webkit-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.App-Container.is-mobilePaymentMenu {
    overflow: hidden;
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(180px);
        transform: translateY(180px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translateY(180px);
        transform: translateY(180px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.is-darkMode .App-Footer {
    background-color: #000;
}
.App-Payment-Header {
    height: 28px;
    margin-bottom: 32px;
    position: absolute;
    padding-top: 8px;
    top: 0;
    display: none;
}
.App-productSummaryContainer.is-paymentSuccess {
    display: none;
}
.App-Container .App {
    -webkit-animation: enter-no-scale 0.6s;
    animation: enter-no-scale 0.6s;
    position: relative;
}
@media only screen and (min-width: 992px) {
    .App {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transform: translateY(max(48px, calc(50vh - 55%)));
        -ms-transform: translateY(max(48px, calc(50vh - 55%)));
        transform: translateY(max(48px, calc(50vh - 55%)));
    }
    .App.App--multiItem,
    .App.App--singleItem {
        padding-top: 0;
    }
    .App-Container:not(.is-noBackground) {
        background-image: none;
    }
    .App-Container:before {
        box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
    }
    .App-Container:not(.App-Container--setupMode):before {
        height: 100%;
        width: 50%;
        background: #fff;
        position: fixed;
        content: " ";
        top: 0;
        right: 0;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
    }
    .is-darkMode .App-Container:not(.App-Container--setupMode):before {
        background: #0a0a0a;
    }
    .is-darkMode .App-Payment {
        background-color: #0a0a0a;
    }
    .App-Container:not(.App-Container--setupMode) .App {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 920px;
    }
    .App-Container:not(.App-Container--setupMode) .App-Payment-Header {
        display: block;
    }
    .App-Container:not(.App-Container--setupMode) .App-Overview {
        padding-bottom: 40px;
    }
    .App-Container:not(.App-Container--setupMode) .App-Overview,
    .App-Container:not(.App-Container--setupMode) .App-Payment {
        width: 380px;
        margin-bottom: 0;
    }
    .App-Container:not(.App-Container--setupMode) .App-Overview-OrderDetails {
        display: block;
        margin-left: -5px;
        padding-left: 5px;
    }
    .App-Container:not(.App-Container--setupMode) .App-Footer {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 12px 0;
    }
    .App-Payment {
        padding-top: 0;
        height: 100%;
    }
    .App-Container:not(.is-noBackground) .App-Payment {
        box-shadow: none;
    }
    .App-Container {
        min-height: 0;
    }
    .App-Container--setupMode .App {
        max-width: 444px;
    }
    .App-Container--setupMode .App-Payment {
        padding: 32px;
    }
    .App-Overview,
    .App-Payment {
        padding: 0;
        margin: 0;
    }
    .App-Footer {
        width: auto;
        height: auto;
        background-color: inherit;
        padding: 0;
    }
    .is-darkMode .App-Footer {
        background-color: transparent;
    }
    .App-Container--setupMode:not(.is-noBackground) .App-Payment {
        margin: 24px 0;
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    }
    .is-darkMode .App-Container--setupMode .App-Payment {
        background-color: #0a0a0a;
        margin: 24px 0;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    }
    .App-Container--setupMode.is-squareBordered .App .App-Payment {
        border-radius: 0;
    }
    .App-Container--setupMode.is-veryRoundBordered .App .App-Payment {
        border-radius: 18px;
    }
    .App-Container--setupMode .Header {
        padding: 0 32px;
    }
    .App-productSummaryContainer.is-paymentSuccess {
        display: block;
    }
    .App-Overview .App-Payment > .PaymentSuccess {
        margin-top: 56px;
    }
    .App-mobileActions {
        display: none;
    }
}
@-webkit-keyframes enter {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes enter {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes enter-no-scale {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes enter-no-scale {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes enter-background-shadow {
    0% {
        -webkit-transform: scaleX(0.9);
        transform: scaleX(0.9);
        opacity: 0;
        box-shadow: none;
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
        box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
    }
}
@keyframes enter-background-shadow {
    0% {
        -webkit-transform: scaleX(0.9);
        transform: scaleX(0.9);
        opacity: 0;
        box-shadow: none;
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
        box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
    }
}
.is-fontFamily--EBGaramond.App-Container,
.is-fontFamily--EBGaramond.Modal-Portal {
    font-family: EB Garamond, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Inconsolata.App-Container,
.is-fontFamily--Inconsolata.Modal-Portal {
    font-family: Inconsolata, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
.is-fontFamily--Lato.App-Container,
.is-fontFamily--Lato.Modal-Portal {
    font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--LibreBaskerville.App-Container,
.is-fontFamily--LibreBaskerville.Modal-Portal {
    font-family: Libre Baskerville, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Lora.App-Container,
.is-fontFamily--Lora.Modal-Portal {
    font-family: Lora, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Merriweather.App-Container,
.is-fontFamily--Merriweather.Modal-Portal {
    font-family: Merriweather, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Montserrat.App-Container,
.is-fontFamily--Montserrat.Modal-Portal {
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--NotoSansJP.App-Container,
.is-fontFamily--NotoSansJP.Modal-Portal {
    font-family: Noto Sans JP, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Nunito.App-Container,
.is-fontFamily--Nunito.Modal-Portal {
    font-family: Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--OpenSans.App-Container,
.is-fontFamily--OpenSans.Modal-Portal {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Oswald.App-Container,
.is-fontFamily--Oswald.Modal-Portal {
    font-family: Oswald, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--PTSans.App-Container,
.is-fontFamily--PTSans.Modal-Portal {
    font-family: PT Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--PTSerif.App-Container,
.is-fontFamily--PTSerif.Modal-Portal {
    font-family: "PT Serif", Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Raleway.App-Container,
.is-fontFamily--Raleway.Modal-Portal {
    font-family: Raleway, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Roboto.App-Container,
.is-fontFamily--Roboto.Modal-Portal {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--SourceSansPro.App-Container,
.is-fontFamily--SourceSansPro.Modal-Portal {
    font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--TitilliumWeb.App-Container,
.is-fontFamily--TitilliumWeb.Modal-Portal {
    font-family: Titillium Web, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.FullPageMessage {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.FullPageMessage,
.FullPageMessage-Message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.FullPageMessage-Message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 300px;
    text-align: center;
}
.FullPageMessage-Icon {
    margin-bottom: 16px;
}
.RedirectConfirmationPage {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}
.RedirectConfirmationPage-container {
    width: 100%;
    height: 100%;
}
.RedirectConfirmationPage-iconContainer {
    margin-bottom: 16px;
}
.RedirectConfirmationPage-header {
    width: 100%;
    max-width: 380px;
    padding-top: 16px;
}
.RedirectConfirmationPage-footer {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #fff;
}
.RedirectConfirmationPage-content {
    width: 100%;
    background-color: #fff;
    padding: 32px;
}
.RedirectConfirmationPage-testModeTag {
    margin-left: 8px;
}
.RedirectConfirmationPage-messageLink {
    color: inherit;
    text-decoration: underline;
    font-weight: 500;
}
@media only screen and (max-width: 991.98px) {
    .RedirectConfirmationPage-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .RedirectConfirmationPage-messageContainer {
        max-width: 380px;
    }
}
@media only screen and (min-width: 992px) {
    .RedirectConfirmationPage-container {
        width: 444px;
        margin-left: 16px;
        margin-right: 16px;
    }
    .RedirectConfirmationPage-content {
        border-radius: 12px;
        min-height: 60%;
    }
    .RedirectConfirmationPage-header {
        width: 100%;
        max-width: 100%;
        padding: 48px 16px 24px;
    }
    .RedirectConfirmationPage-footer {
        background-color: transparent;
        padding-top: 24px;
        padding-bottom: 48px;
    }
}
.RedirectConfirmationPage-iconContainer {
    -webkit-animation-name: slide-icon-up;
    animation-name: slide-icon-up;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.RedirectConfirmationPage-message {
    -webkit-animation-name: slide-message-up;
    animation-name: slide-message-up;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    margin-top: 16px;
}
@-webkit-keyframes slide-icon-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slide-icon-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slide-message-up {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(66%);
        transform: translateY(66%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slide-message-up {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(66%);
        transform: translateY(66%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

body,
img,
input,
button {
    -webkit-appearance: none;
}
body {
    height: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
#verification {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    background: #000000bf;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    transition: opacity 0.15s linear;
    opacity: 0;
}
#holder {
    height: 150px;
}
#contnet {
    text-align: center;
    display: none;
}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    z-index: 100;
    margin-left: auto;
    margin-right: auto
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spinner-spin8 {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    to {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
}
#verif-window {
    margin: 12px;
}
#verif-contnt {
    padding: 20px;
    background-color: #fff;
    margin: 0 auto;
    max-width: 360px;
    border-radius: 15px;
    margin-top: 100px;
}
@media all and (max-width: 720px) {
    #loader {
        left: 48%;
    }
            }