button,
input,
optgroup,
select,
textarea {
    color:inherit;
    font:inherit;
    margin:0;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-font-smoothing:inherit;
    border:none;
    background:transparent;
    line-height:normal
}
button {
    overflow:visible
}
button,
select {
    text-transform:none
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    cursor:pointer
}
button:-moz-focusring,
input[type="button"]:-moz-focusring,
input[type="reset"]:-moz-focusring,
input[type="submit"]:-moz-focusring {
    outline:1px dotted
}
button[disabled],
input[disabled] {
    cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border:0;
    padding:0
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height:auto
}
input[type="search"] {
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none;
    appearance:none
}
fieldset {
    margin:0;
    padding:0;
    border:0
}
legend {
    border:0;
    padding:0
}
textarea {
    overflow:auto
}
select::-ms-expand {
    display:none
}
optgroup {
    font-weight:bold
}
option {
    background-color:#fff;
    color:#000
}


.fieldset {
    margin:-0.4285714286em;
    zoom:1
}
.fieldset:after,
.fieldset:before {
    content:"";
    display:table
}
.fieldset:after {
    clear:both
}
.fieldset--inline {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.fieldset--inline .field {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
@media (max-width: 749px) {
    .fieldset--inline {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.fieldset--inline .btn,
.fieldset--inline .sp-modal-toggle {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin:0.4285714286em;
    width:auto
}
@media (min-width: 750px) {
    .anyflexbox .fieldset--inline .btn,
    .anyflexbox .fieldset--inline .sp-modal-toggle {
        padding-top:0;
        padding-bottom:0
    }
}
.fieldset-description {
    margin-top:0.9285714286em
}
.field {
    width:100%;
    float:left;
    padding:0.4285714286em;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
@media (min-width: 750px) {
    .floating-labels .field--third {
        width:33.3333333333%
    }
    .floating-labels .field--two-thirds {
        width:66.6666666667%
    }
    .floating-labels .field--half {
        width:50%
    }
    .floating-labels .field--three-eights {
        width:37.5%
    }
    .floating-labels .field--quarter {
        width:25%
    }
}
.field__message {
    line-height:1.3em;
    margin:0.5714285714em 0 0.2857142857em
}
.field__message--error {
    display:none;
    color:#e32c2b
}
.field--error .field__message--error {
    display:block
}
.field__message__icon {
    margin-right:0.25em;
    vertical-align:-3px
}
.field__label {
    text-align:left;
    font-weight:700;
    margin:0.5em 0;
    display:none
}
.main .field__label {
    color:#333333
}
.floating-labels .main .field__label {
    color:#737373
}
.sidebar .field__label {
    color:#323232
}
.floating-labels .sidebar .field__label {
    color:#737373
}
.content-box .field__label {
    color:#333333
}
.floating-labels .content-box .field__label {
    color:#737373
}
.default-background .field__label {
    color:#333333
}
.floating-labels .default-background .field__label {
    color:#737373
}
.main .field--active .field__label {
    color:#545454
}
.sidebar .field--active .field__label {
    color:#545454
}
.content-box .field--active .field__label {
    color:#545454
}
.default-background .field--active .field__label {
    color:#545454
}
.no-js .field__label {
    display:block
}
.floating-labels .field__label {
    font-size:0.8571428571em;
    font-weight:normal;
    position:absolute;
    top:0;
    width:100%;
    margin-top:0.4285714286em;
    margin-left:1px;
    padding:0 0.9166666667em;
    z-index:1;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transform:translateY(3px);
    transform:translateY(3px);
    pointer-events:none;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    opacity:0
}
.floating-labels .field--show-floating-label .field__label {
    -webkit-transform:none;
    transform:none;
    opacity:1
}
.floating-labels .field__input-wrapper--icon-left .field__label {
    padding-left:2.8571428571rem
}
.floating-labels .field__input-wrapper--icon-right .field__label {
    padding-right:2.8571428571rem
}
.animate-floating-labels .field__label {
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
.field__label--visible {
    display:block
}
.field__input-wrapper {
    position:relative
}
.field__input {
    border:1px transparent solid;
    background-clip:padding-box;
    border-radius:5px;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:0.9285714286em 0.7857142857em;
    word-break:normal;
    line-height:inherit
}
.main .field__input {
    background-color:white;
    color:#333333;
    border-color:#d9d9d9
}
.main .field__input::-webkit-input-placeholder {
    color:#737373
}
.main .field__input:-moz-placeholder {
    color:#737373;
    opacity:1
}
.main .field__input::-moz-placeholder {
    color:#737373;
    opacity:1
}
.main .field__input:-ms-input-placeholder {
    color:#737373
}
.animate-floating-labels .field__input {
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
.floating-labels .field--show-floating-label .field__input {
    padding-top:1.5em;
    padding-bottom:0.3571428571em
}
.floating-labels .field--show-floating-label .field__input::-webkit-input-placeholder {
    color:transparent
}
.floating-labels .field--show-floating-label .field__input:-moz-placeholder {
    color:transparent;
    opacity:1
}
.floating-labels .field--show-floating-label .field__input::-moz-placeholder {
    color:transparent;
    opacity:1
}
.floating-labels .field--show-floating-label .field__input:-ms-input-placeholder {
    color:transparent
}
.field__input:focus,
.field__input-wrapper--flag-focus .field__input {
    outline:none;
    border-color:#d30061;
    -webkit-box-shadow:0 0 0 1px #d30061;
    box-shadow:0 0 0 1px #d30061
}
@media (-ms-high-contrast: active) {
    .field__input:focus,
    .field__input-wrapper--flag-focus .field__input {
        background-color:highlight
    }
}
.field--error .field__input {
    border-color:#e32c2b;
    -webkit-box-shadow:0 0 0 1px #e32c2b;
    box-shadow:0 0 0 1px #e32c2b
}
.field__input-wrapper--icon-left .field__input {
    padding-left:2.8571428571rem
}
.field__input-wrapper--icon-right .field__input {
    padding-right:2.8571428571rem
}
.field__input-wrapper--flag-right .field__input {
    padding-right:4.7142857143rem
}
.chrome .card-fields-container .field__label {
    will-change:transform
}
.field__input--iframe-container {
    border-color:#fafafa;
    min-height:3.1428571429em;
    overflow:hidden;
    padding:0;
    position:relative
}
.floating-labels .field--show-floating-label .field__input--iframe-container {
    padding-bottom:0;
    padding-top:0
}
.field__input--iframe-container::after,
.field__input--iframe-container::before {
    content:'';
    height:100%;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0;
    width:100%;
    z-index:1
}
.field__input--iframe-container::before {
    background:#e6e6e6;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    -webkit-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
    width:100%
}
.field__input--iframe-container::after {
    -webkit-animation:load 1s infinite ease-in-out both;
    animation:load 1s infinite ease-in-out both;
    background:#fafafa;
    border-radius:8px;
    height:1em;
    margin-top:-0.5em;
    top:50%;
    -webkit-transition:all 0.15s ease-out;
    transition:all 0.15s ease-out
}



.anyflexbox .field__input-btn-wrapper {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.anyflexbox .field__input-btn-wrapper .field__input-wrapper {
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.anyflexbox .field__input-btn {
    width:auto;
    margin-left:0.8571428571em;
    white-space:nowrap;
    padding-top:0;
    padding-bottom:0
}


.input-checkbox,
.input-radio {
    width:18px;
    height:18px;
    -webkit-box-shadow:0 0 0 0 #d30061 inset;
    box-shadow:0 0 0 0 #d30061 inset;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    position:relative;
    cursor:pointer;
    vertical-align:-4px;
    border:1px solid
}
.main .input-checkbox,
.main .input-radio {
    border-color:#d9d9d9;
    background-color:white
}
.main .input-checkbox:hover,
.main .input-radio:hover {
    border-color:#cccccc
}
.main .input-checkbox:disabled,
.main .input-radio:disabled {
    background-color:#fafafa;
    border-color:#cccccc
}
.sidebar .input-checkbox,
.sidebar .input-radio {
    border-color:#d5d5d5;
    background-color:white
}
.sidebar .input-checkbox:hover,
.sidebar .input-radio:hover {
    border-color:#c8c8c8
}
.sidebar .input-checkbox:disabled,
.sidebar .input-radio:disabled {
    background-color:whitesmoke;
    border-color:#c8c8c8
}
.content-box .input-checkbox,
.content-box .input-radio {
    border-color:#d9d9d9;
    background-color:white
}
.content-box .input-checkbox:hover,
.content-box .input-radio:hover {
    border-color:#cccccc
}
.content-box .input-checkbox:disabled,
.content-box .input-radio:disabled {
    background-color:#fafafa;
    border-color:#cccccc
}
.default-background .input-checkbox,
.default-background .input-radio {
    border-color:#d9d9d9;
    background-color:white
}
.default-background .input-checkbox:hover,
.default-background .input-radio:hover {
    border-color:#cccccc
}
.default-background .input-checkbox:disabled,
.default-background .input-radio:disabled {
    background-color:#fafafa;
    border-color:#cccccc
}
.input-checkbox:after,
.input-radio:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:scale(0.2);
    transform:scale(0.2);
    -webkit-transition:all 0.2s ease-in-out 0.1s;
    transition:all 0.2s ease-in-out 0.1s;
    opacity:0
}
.input-checkbox:focus,
.input-radio:focus {
    border:2px solid #d30061
}
.input-checkbox:checked,
.input-radio:checked {
    border:none;
    -webkit-box-shadow:0 0 0 10px #d30061 inset;
    box-shadow:0 0 0 10px #d30061 inset
}
.input-checkbox:checked:after,
.input-radio:checked:after {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.input-checkbox:checked:focus,
.input-radio:checked:focus {
    border-color:#a0004a
}
.input-radio {
    border-radius:50%
}
.input-radio:after {
    width:4px;
    height:4px;
    margin-left:-2px;
    margin-top:-2px;
    background-color:#fff;
    border-radius:50%
}
.input-checkbox {
    border-radius:4px
}
.input-checkbox:after {
    width:10px;
    height:8px;
    margin-left:-5px;
    margin-top:-4px;
    background-image:url(//cdn.shopify.com/shopifycloud/shopify/assets/checkout_2020-01-15/checkbox-tick-79bec41ba275bbc4dd575b11f8dada4a411a5ae0f007e938c299587fe7579a32.png);
    background-image:url(//cdn.shopify.com/shopifycloud/shopify/assets/checkout_2020-01-15/checkbox-tick-924f1ffcd2bcf9a29293aa0b640b31f39068d9def7837cb7b2788f7e7e7686af.svg),none
}
.radio-wrapper,
.checkbox-wrapper {
    zoom:1;
    margin-bottom:1em
}
.radio-wrapper:after,
.radio-wrapper:before,
.checkbox-wrapper:after,
.checkbox-wrapper:before {
    content:"";
    display:table
}
.radio-wrapper:after,
.checkbox-wrapper:after {
    clear:both
}
.display-table .radio-wrapper,
.display-table .checkbox-wrapper {
    display:table;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%
}
.radio-wrapper:last-child,
.checkbox-wrapper:last-child {
    margin-bottom:0
}
.radio-wrapper.content-box__row,
.checkbox-wrapper.content-box__row {
    margin-bottom:0
}
.radio__input,
.checkbox__input {
    padding-right:0.75em;
    white-space:nowrap
}
.display-table .radio__input,
.display-table .checkbox__input {
    display:table-cell
}
.no-js .radio__input,
.no-display-table .radio__input,
.no-js .checkbox__input,
.no-display-table .checkbox__input {
    float:left
}
.radio__label,
.checkbox__label {
    cursor:pointer;
    vertical-align:middle
}
.display-table .radio__label,
.display-table .checkbox__label {
    display:table-cell;
    width:100%
}
.no-js .radio__label,
.no-display-table .radio__label,
.no-js .checkbox__label,
.no-display-table .checkbox__label {
    float:left
}
.radio__label--inactive {
    cursor:default
}
.radio__label__primary {
    cursor:inherit;
    font-family:inherit;
    vertical-align:top
}
.display-table .radio__label__primary {
    display:table-cell;
    width:100%
}
.no-js .radio__label__primary,
.no-display-table .radio__label__primary {
    float:left
}
.radio__label__accessory {
    text-align:right;
    padding-left:0.75em;
    white-space:nowrap
}
.display-table .radio__label__accessory {
    display:table-cell
}
.no-js .radio__label__accessory,
.no-display-table .radio__label__accessory {
    float:right
}
.payment-method-wrapper .radio__label__accessory {
    vertical-align:middle
}
@media (max-width: 749px) {
    .payment-method-wrapper .radio-wrapper {
        display:block
    }
    .payment-method-wrapper .radio__label,
    .payment-method-wrapper .radio__label__accessory {
        display:block;
        padding-left:0;
        text-align:left
    }
    .payment-method-wrapper .radio__label__primary::after {
        content:'';
        display:block;
        height:0.65em
    }
}



.main .field__icon .icon-svg--color-adaptive-lighter,
.main .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.sidebar .field__icon .icon-svg--color-adaptive-lighter,
.sidebar .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.content-box .field__icon .icon-svg--color-adaptive-lighter,
.content-box .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.default-background .field__icon .icon-svg--color-adaptive-lighter,
.default-background .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.main .field__icon .icon-svg--color-adaptive-light,
.main .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.sidebar .field__icon .icon-svg--color-adaptive-light,
.sidebar .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.content-box .field__icon .icon-svg--color-adaptive-light,
.content-box .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.default-background .field__icon .icon-svg--color-adaptive-light,
.default-background .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}

.field__caret {
    display:block;
    width:2.1428571429em;
    height:43%;
    pointer-events:none;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translate(0%, -50%);
    transform:translate(0%, -50%)
}
.main .field__caret {
    border-left:1px rgba(179,179,179,0.5) solid
}
.sidebar .field__caret {
    border-left:1px rgba(179,179,179,0.5) solid
}
.content-box .field__caret {
    border-left:1px rgba(179,179,179,0.5) solid
}
.default-background .field__caret {
    border-left:1px rgba(179,179,179,0.5) solid
}
.field__caret-svg {
    position:absolute;
    margin-left:-2px;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}











.icon-svg {
    display:inline-block;
    vertical-align:middle;
    fill:currentColor
}
.icon-symbols {
    display:none
}
.icon-svg--block {
    display:block
}
.icon-svg--color-accent {
    color:#d30061;
    fill:currentColor
}
.icon-svg--color-black {
    color:#000;
    fill:currentColor
}
.icon-svg--color-blue {
    color:#1990c6;
    fill:currentColor
}
.icon-svg--color-gray {
    color:#9b9b9b;
    fill:currentColor
}
.icon-svg--color-gray-dark {
    color:#595959;
    fill:currentColor
}
.icon-svg--color-gray-light {
    color:#959595;
    fill:currentColor
}
.icon-svg--color-red {
    color:#ce4549;
    fill:currentColor
}
.icon-svg--color-white {
    color:#fff;
    fill:currentColor
}
.icon-svg--color-yellow {
    color:#e7a321;
    fill:currentColor
}
.main .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.sidebar .icon-svg--color-adaptive-lighter {
    color:#8f8f8f;
    fill:currentColor
}
.content-box .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.default-background .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.btn .icon-svg--color-adaptive-lighter,
.sp-modal-toggle .icon-svg--color-adaptive-lighter {
    color:#ed99c0;
    fill:currentColor
}
.main .field__icon .icon-svg--color-adaptive-lighter,
.main .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.sidebar .field__icon .icon-svg--color-adaptive-lighter,
.sidebar .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.content-box .field__icon .icon-svg--color-adaptive-lighter,
.content-box .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.default-background .field__icon .icon-svg--color-adaptive-lighter,
.default-background .field__caret .icon-svg--color-adaptive-lighter {
    color:#919191;
    fill:currentColor
}
.main .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.sidebar .icon-svg--color-adaptive-light {
    color:#717171;
    fill:currentColor
}
.content-box .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.default-background .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.btn .icon-svg--color-adaptive-light,
.sp-modal-toggle .icon-svg--color-adaptive-light {
    color:#ed99c0;
    fill:currentColor
}
.main .field__icon .icon-svg--color-adaptive-light,
.main .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.sidebar .field__icon .icon-svg--color-adaptive-light,
.sidebar .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.content-box .field__icon .icon-svg--color-adaptive-light,
.content-box .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.default-background .field__icon .icon-svg--color-adaptive-light,
.default-background .field__caret .icon-svg--color-adaptive-light {
    color:#737373;
    fill:currentColor
}
.icon-svg--size-10 {
    width:10px;
    height:10px
}
.icon-svg--size-12 {
    width:12px;
    height:12px
}
.icon-svg--size-14 {
    width:14px;
    height:14px
}
.icon-svg--size-16 {
    width:16px;
    height:16px
}
.icon-svg--size-18 {
    width:18px;
    height:18px
}
.icon-svg--size-24 {
    width:24px;
    height:24px
}
.icon-svg--size-32 {
    width:32px;
    height:32px
}
.icon-svg--size-48 {
    width:48px;
    height:48px
}
.icon-svg--size-64 {
    width:64px;
    height:64px
}
.icon-svg--size-184 {
    width:184px;
    height:184px
}
.icon-svg--rotate-180 {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.icon-svg--inline-before {
    margin-right:0.2857142857em
}
.icon-svg--inline-after {
    margin-left:0.2857142857em
}
.icon-svg--flip-horizontal {
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
}
.icon-svg--flip-vertical {
    -webkit-transform:scaleY(-1);
    transform:scaleY(-1)
}
.icon {
    background-position:center center;
    background-repeat:no-repeat;
    display:inline-block
}
.icon-background--payment-gateways {
    fill:#d9d9d9
}
.icon-svg--spinner-button {
    width:20px;
    height:20px
}


.field__icon {
    display:block;
    height:100%;
    position:absolute;
    top:0;
    width:2.8571428571rem
}
.field__icon:focus {
    outline:none
}
.field__input-wrapper--icon-right .field__icon {
    right:0
}
.field__input-wrapper--icon-left .field__icon {
    left:0
}
.field__icon-svg {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}




.btn,
.sp-modal-toggle {
    cursor:pointer;
    display:inline-block;
    background-color:#d30061;
    background-clip:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px transparent solid;
    border-radius:5px;
    color:white;
    font-weight:700;
    padding:1.4em 1.7em;
    text-align:center;
    position:relative;
    -webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out
}
.btn:hover,
.sp-modal-toggle:hover {
    background-color:#a0004a;
    color:white
}
.btn:active,
.sp-modal-toggle:active {
    outline:none
}
@media (max-width: 749px) {
    .btn,
    .sp-modal-toggle {
        width:100%;
        padding-top:1.75em;
        padding-bottom:1.75em
    }
}
.btn--size-small {
    padding:0.9285714286em
}
.btn--subdued {
    background-color:transparent;
    border-color:rgba(179,179,179,0.5);
    color:#d30061;
    font-weight:normal
}
.btn--subdued:hover {
    background-color:rgba(211,0,97,0.06);
    color:#af0051
}
.btn--subdued:focus,
.btn--subdued:active {
    border-color:#a0004a;
    -webkit-box-shadow:0 0 0 1px #a0004a inset;
    box-shadow:0 0 0 1px #a0004a inset
}
.btn--loading {
    pointer-events:none;
    cursor:default
}
.btn--loading .btn__content,
.btn--loading .btn__icon {
    opacity:0
}
.btn--loading .btn__spinner {
    -webkit-animation:rotate 0.5s linear infinite;
    animation:rotate 0.5s linear infinite;
    opacity:1
}
.js .main .btn--disabled {
    cursor:default;
    background:#cccccc;
    -webkit-box-shadow:none;
    box-shadow:none
}
.js .sidebar .btn--disabled {
    cursor:default;
    background:#c8c8c8;
    -webkit-box-shadow:none;
    box-shadow:none
}
.js .content-box .btn--disabled {
    cursor:default;
    background:#cccccc;
    -webkit-box-shadow:none;
    box-shadow:none
}
.js .default-background .btn--disabled {
    cursor:default;
    background:#cccccc;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn__content {
    position:relative;
    -webkit-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out
}
.btn__icon {
    margin-top:-0.2857142857em;
    margin-bottom:-0.0714285714em
}
.btn__spinner {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
    -webkit-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
    opacity:0
}

.step__footer__continue-btn {
    width: auto;
}