html{
	height: 100%;
}

body{
	background-color: #F2F3F5;
	font-family: "proxima-nova",Arial,Helvetica,sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #36394D;
}

a:link,
a:visited,
.btn-link,
.btn-link:hover{
    color: #36394D;
}

/* COMMON START */
/* COMMON START */
/* COMMON START */
/* COMMON START */
/* COMMON START */

.btn-primary{
	background-color: #52A377;
	border-color: #52A377;
}

.btn-primary:focus,
.btn-primary:hover{
	background-color: #41815E;
	border-color: #41815E;
}

.btn-primary:focus{
	box-shadow: 0 0 0 0.25rem rgb(65 129 94 / 50%) !important;
}

/* The disabled state of buttons should not be editable */
.btn-primary.disabled,
.btn-primary:disabled{
	background-color: #6C757D;
	border-color: #6C757D;
}

/* btn-light is used in alert-logged-in-as-seller */
.btn-light{
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 8%) 0px 2px 5px 0px;
}

.btn-light:hover{
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(60 66 87 / 26%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 8%) 0px 2px 5px 0px;
}

.form-control{
	padding: 8px 16px;
	border-color: #CACCD6;
}

.form-control:focus,
.form-control:hover{
	border-color: #36394D;
	outline: 0;
}

.form-control.is-invalid,
.form-control.is-invalid:focus{
	border-color: #d83232;
}

.form-control:focus,
.form-control.is-invalid:focus,
.form-control.is-valid:focus{
	box-shadow: none;
}

.form-control:disabled{
	background-color: transparent;
	cursor: not-allowed;
	opacity: 0.45;
}

.form-control:read-only{
	background-color: transparent;
}

.form-floating>label{
	color: #737373;
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label{
	/* Bootstrap sets 0.65 by default */
	opacity: 1;
}

.error-message{
	color: #D83232;
}

.valid-feedback,
.invalid-feedback,
.form-text{
	margin: 8px 0 4px 4px;
	font-size: 0.875rem;
	line-height: 1rem;
}

.form-text{
	display: block;
	width: 100%;
	color: #6F7282;
}

.form-text.error-message{
	color: #d83232;
}

.invalid-feedback{
	color: #d83232;
}

.valid-feedback{
	color: #379A49;
}

.label{
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1rem;
}

.h1,
.h2,
.h3,
.h4{
	margin: 0;
}

.h1{
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2rem;
}

@media all and (min-width: 1024px){
	.h1{
		font-size: 2rem;
		line-height: 3rem;
	}
}

.h2{
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.5rem;
}

@media all and (min-width: 1024px){
	.h2{
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

.h3{
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.5rem;
}

.h4{
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
}

.p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
}

.input-box{
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
}

.input-box .input-label{
    flex-basis: 100%;
    margin: 0 0 8px 4px;
}

.input-box--input.error{
    border-color: #d83232;
}

.error-message-large{
	text-align: center;
	margin-top: 100px;
}

.form-check-input{
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.form-check-input:checked{
	background-color: #36394d;
    border-color: #36394d;
}

.form-check-input:focus{
	box-shadow: 0 0 0 0.25rem rgb(54 57 77 / 25%);
	border-color: #36394d;
}

form .main-call-to-action-button-style{
    font-weight: 600;
    font-size: 1rem;
}

form .main-call-to-action-button-style .spinner-border{
    margin-right: 5px;
}

.page-editor-trigger-button{
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 25px;
}

.page-editor-trigger-button .icon{
    position: relative;
    left: -1px;
    top: 1px;
}

body.in-custom-checkout-questions-wizard-iframe .split-view-secondary,
body.in-custom-checkout-questions-wizard-iframe .alert-logged-in-as-seller,
body.in-custom-checkout-questions-wizard-iframe .page-editor-trigger-button{
    display: none !important;
}

body.in-custom-checkout-questions-wizard-iframe .split-view .split-view-item,
body.in-custom-checkout-questions-wizard-iframe .split-view .split-view-content{
    flex-basis: 100%;
}

.splash-loading-wrapper-outer{
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    /* Highest z-index */
    z-index: 2147483647;
    display: none;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    text-align: center;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner .spinner-wrapper{
    margin-bottom: 20px;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner .spinner-wrapper .spinner{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-style: solid;
    border-color: rgb(76, 76, 76) rgb(76, 76, 76) rgb(211, 211, 211) rgb(211, 211, 211);
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spinner-spin 0.8s linear 0s infinite normal none running;
    animation: spinner-spin 0.8s linear 0s infinite normal none running;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner .text{
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
    position: relative;
    top: -4px;
    color: #666666;
}



/* COMMON END */
/* COMMON END */
/* COMMON END */
/* COMMON END */
/* COMMON END */

/* SPLIT VIEW START */
/* SPLIT VIEW START */
/* SPLIT VIEW START */
/* SPLIT VIEW START */
/* SPLIT VIEW START */

.split-view{
	display: flex;
	min-height: 100vh;
}

.split-view .split-view-item{
    display: flex;
    flex-basis: 50%;
    flex-grow: 1;
    padding: 40px 0;
}

.split-view .split-view-primary{
    justify-content: flex-end;
    background: #FFFFFF;
    box-shadow: 16px 0 32px rgb(0 0 0 / 10%);
}

.split-view .split-view-content{
    display: flex;
    flex-basis: 560px;
    flex-grow: 0;
    flex-shrink: 1;
    align-items: center;
    min-width: 50%;
    padding: 0 10.8%;
}

.split-view .split-view-content-secondary{
    align-items: flex-start;
    min-width: 560px;
}

.split-view .split-view-secondary-inner{
	width: 100%;
}

.split-view .split-view-fixed-panel{
    position: fixed;
    top: 0;
    align-items: center;
    height: 100%;
    padding: 0 5.4%;
}

.split-view .container-content-wrapper,
.top-drawer-segment .container-content-wrapper{
    flex-grow: 1;
    max-width: 530px;
}

/* SPLIT VIEW END */
/* SPLIT VIEW END */
/* SPLIT VIEW END */
/* SPLIT VIEW END */
/* SPLIT VIEW END */

/* PRIMARY VIEW CONTENTS START */
/* PRIMARY VIEW CONTENTS START */
/* PRIMARY VIEW CONTENTS START */
/* PRIMARY VIEW CONTENTS START */
/* PRIMARY VIEW CONTENTS START */

.logo-wrapper img{
    display: block;
    max-width: 40%;
    height: auto;
    max-height: 4rem;
    margin-bottom: 2rem;
}

.form-header .form-header-title{
	margin-bottom: 1rem;
}

.form-header .form-header-title .badge{
    font-size: 0.85rem;
    position: relative;
    top: -0.2rem;
}

.form-header .form-header-switcher{
    margin-bottom: 2rem;
}

.security-statement{
    display: flex;
    align-items: center;
    justify-content: center;
}

.security-statement .icon{
	font-size: 1.5em;
	fill: #6f7282;
	width: 0.8rem;
	margin-right: 0.4rem;
}

.security-statement .text{
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #6f7282;
    position: relative;
    top: .2rem;
}

.powered-by-badge{
	text-align: center;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #6f7282;
}

/* PRIMARY VIEW CONTENTS END */
/* PRIMARY VIEW CONTENTS END */
/* PRIMARY VIEW CONTENTS END */
/* PRIMARY VIEW CONTENTS END */
/* PRIMARY VIEW CONTENTS END */

/* MAIN FORM SEGMENT START */
/* MAIN FORM SEGMENT START */
/* MAIN FORM SEGMENT START */
/* MAIN FORM SEGMENT START */
/* MAIN FORM SEGMENT START */

.main-form-segment{
    padding-bottom: 3rem;
}

.main-form-segment .error-message-wrapper{
	text-align: center;
}

.main-form-segment .paypal-smart-payment-buttons-loading{
	color: #666666;
	text-align: center;
}

.main-form-segment .mobile-have-a-coupon-link-wrapper{
    display: none;
    margin-bottom: 1rem;
}

@media (max-width: 1024px) {
    .main-form-segment .mobile-have-a-coupon-link-wrapper{
        display: block;
    }
}

/* MAIN FORM SEGMENT END */
/* MAIN FORM SEGMENT END */
/* MAIN FORM SEGMENT END */
/* MAIN FORM SEGMENT END */
/* MAIN FORM SEGMENT END */

/* LOGIN FORM SEGMENT START */
/* LOGIN FORM SEGMENT START */
/* LOGIN FORM SEGMENT START */
/* LOGIN FORM SEGMENT START */
/* LOGIN FORM SEGMENT START */

.login-form-segment{
    padding-bottom: 3rem;
}

.login-form-segment .error-message-wrapper{
    text-align: center;
}

/* LOGIN FORM SEGMENT END */
/* LOGIN FORM SEGMENT END */
/* LOGIN FORM SEGMENT END */
/* LOGIN FORM SEGMENT END */
/* LOGIN FORM SEGMENT END */

/* PAYMENT SEGMENT START */
/* PAYMENT SEGMENT START */
/* PAYMENT SEGMENT START */
/* PAYMENT SEGMENT START */
/* PAYMENT SEGMENT START */

.payment-segment{
    margin-top: 1.5rem;
}

.payment-segment .payment-segment-title{
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

.payment-segment .payment-type-item{
    width: 100%;
    padding: 1rem;
    border: 1px solid #caccd6;
    background: #fff;
    margin-bottom: 1rem;
}

.payment-segment .payment-type-item.active{
    border-color: #888888;
    background: #F2F3F5;
}

.payment-segment .payment-type-item:not(.active) .payment-type-body{
	display: none;
}

.payment-segment .payment-type-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.payment-segment .custom-control-input:hover,
.payment-segment .custom-control-label:hover{
	cursor: pointer;
}

.payment-segment .payment-type-item.active .payment-type-body{
    margin-top: 1rem;
}

.payment-segment .payment-type-header>div:first-child{
    flex-grow: 1;
}

.payment-segment .payment-type-header label{
	display: block;
	cursor: pointer;
}

.payment-segment .payment-type-header .form-check-input:focus{
	box-shadow: none;
}

.payment-segment .security-statement{
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-segment .security-statement .icon{
	font-size: 1.5em;
	fill: #6f7282;
	width: 0.8rem;
}

.payment-segment .security-statement .text{
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #6f7282;
	position: relative;
    top: 0.1rem;
}

.payment-segment .payment-type-label-text{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0;
}

.payment-segment .stripe-elements-wrapper{
	flex-grow: 1;
	min-height: 40px;
	padding: .75em 1em;
	border: 1px solid #CACCD6;
	background-color: #FFFFFF;
}

.payment-segment.stripe:not(.paypal) .payment-type-item .form-check{
	padding-left: 0px;
}
.payment-segment.stripe:not(.paypal){
	margin-top: 0.5rem;
}
.payment-segment.stripe:not(.paypal) .payment-type-item label{
	cursor: default;
}

/* PAYMENT SEGMENT END */
/* PAYMENT SEGMENT END */
/* PAYMENT SEGMENT END */
/* PAYMENT SEGMENT END */
/* PAYMENT SEGMENT END */

/* CART SEGMENT START */
/* CART SEGMENT START */
/* CART SEGMENT START */
/* CART SEGMENT START */
/* CART SEGMENT START */

.cart-segment{
    max-width: 358px;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 300ms;
}

.cart-segment.hidden{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms;
}

.cart-segment .product-info-header{
    display: flex;
    flex-direction: column;
}

.cart-segment .product-info-with-border{
    border-bottom: 1px solid #caccd6;
}

.cart-segment .product-info-header .product-info-image{
    flex-basis: 64px;
    flex-grow: 1;
    flex-shrink: 0;
}

.cart-segment .product-info-header .product-info-image .product-image{
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.cart-segment .line-item{
	display: flex;
    justify-content: space-between;
    padding: 1em 0;
}

.cart-segment .line-item-with-border{
    border-bottom: 1px solid #caccd6;
}

.cart-segment .line-item-description{
    padding-right: .5em;
}

.cart-segment .line-item-value{
    flex-basis: 32%;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: right;
}

.cart-segment .product-title{
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0;
}

@media (min-width: 1024px){
	.cart-segment .product-title{
	    font-size: 1.5rem;
	    line-height: 2rem;
	}
}

.cart-segment .product-price{
    margin: 0;
    padding: 0;
    list-style: none;
}

.cart-segment .product-price-simple .product-price-value{
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    font-weight: 400;
}

.cart-segment .product-price-simple .product-price-value.line-through{
    text-decoration: line-through;
}

.cart-segment .product-price-simple .product-price-value.payment-plan{
    font-size: 1.1rem;
    font-weight: 600;
}

@media (min-width: 1024px) {
	.cart-segment .product-price-simple .product-price-value{
	    font-size: 1.5rem;
	    line-height: 2rem;
	}
}

.cart-segment .product-price-item{
    display: flex;
    flex-direction: column;
    margin-bottom: .5em;
}

.cart-segment .product-price-item:last-child{
    margin-bottom: 0;
}

.cart-segment .line-item-pricing-plans{
	width: 100%;
}

.cart-segment .sale-v2-time-remaining-message{
    color: #A66800;
}

.cart-segment .cart-total{
    display: flex;
    align-items: center;
    padding: .75em 0;
}

.cart-segment .cart-total-label{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.cart-segment .total-price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cart-segment .total-price-code{
    margin-right: .25em;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    text-transform: uppercase;
}

.cart-segment .formatted-price-large{
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    font-size: 1.5rem;
}

@media (min-width: 1024px){
	.cart-segment .formatted-price-large{
	    font-size: 1.5rem;
	    line-height: 2rem;
	}
}

.cart-segment .contact-us{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
    font-size: .8rem;
}

.cart-segment .contact-us .icon{
    fill: #36394d;
    width: 1.1rem;
    margin-right: 0.5rem;
}

.cart-segment .meta-label{
    color: #777777;
}

@media(max-width: 1024px) {
    .cart-segment .cart-line-item-title-and-price{
        border-bottom:0;
        flex-grow: 1
    }
}

.cart-segment .product-item .product-image{
    aspect-ratio: 16/9;
    display: block;
    object-fit: cover;
    width: 100%
}

.cart-segment .product-item{
    display: flex;
    flex-direction: column
}

@media(max-width: 1024px) {
    .cart-segment .product-item{
        flex-direction:row
    }
}

.cart-segment .product-item-inline{
    flex-direction: row
}

.cart-segment .product-item-image{
    flex-shrink: 0
}

.cart-segment .product-item-inline .product-item-image{
    flex-basis: 4.6875rem;
    margin: 1rem .75em 1rem 0
}

@media(max-width: 1024px) {
    .cart-segment .product-item-image{
        flex-basis:5.9375rem;
        margin: 1rem 1rem 1rem 0
    }
}

.cart-segment .product-item-details{
    flex-grow: 1
}

.cart-segment .product-price-segment{
    display: flex;
    flex-direction: column;
    margin-bottom: .5em
}

.cart-segment .product-price-segment:last-child{
    margin-bottom: 0
}

.cart-segment .product-item .product-price-value{
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .01875em;
    line-height: 1.5rem
}

@media(min-width: 768px) {
    .cart-segment .product-item .product-price-value{
        align-items:center;
        display: flex;
        font-size: 1.25rem;
        justify-content: flex-end;
        line-height: 1.625rem;
        min-height: 2rem
    }

    .cart-segment .product-item .product-price-small .product-price-value,.product-price-value{
        font-weight: 600;
        letter-spacing: .01875em
    }

    .cart-segment .product-item .product-price-small .product-price-value{
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.cart-segment .product-price-description{
    color: #6f7282;
    color: #36394d;
    font-size: .875rem;
    line-height: 1rem
}

.cart-segment .product-title.product-title-small{
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .01875em;
    line-height: 1.5rem
}

.cart-segment .divider{
    border-bottom: 1px solid rgba(0,0,0,.2);
}

/* CART SEGMENT END */
/* CART SEGMENT END */
/* CART SEGMENT END */
/* CART SEGMENT END */
/* CART SEGMENT END */

/* COUPON SEGMENT START */
/* COUPON SEGMENT START */
/* COUPON SEGMENT START */
/* COUPON SEGMENT START */
/* COUPON SEGMENT START */

.coupon-segment .apply-coupon-form,
.coupon-segment .coupon-code-applied-wrapper .alert{
	width: 100%;
}

.coupon-segment .apply-coupon-form label{
	font-weight: 600;
}

.coupon-segment .apply-coupon-form button{
	position: relative;
	top: 2px;
}

.coupon-segment .coupon-code-applied-wrapper .icon{
	margin-right: 1rem;
}

.coupon-segment .coupon-code-applied-wrapper .alert{
	margin-bottom: 0px;
}

.coupon-segment .error-message{
	font-size: 0.9rem;
	margin-top: 0.1rem;
}

/* COUPON SEGMENT END */
/* COUPON SEGMENT END */
/* COUPON SEGMENT END */
/* COUPON SEGMENT END */
/* COUPON SEGMENT END */

/* CROSS SELL SEGMENT START */
/* CROSS SELL SEGMENT START */
/* CROSS SELL SEGMENT START */
/* CROSS SELL SEGMENT START */
/* CROSS SELL SEGMENT START */

.cross-sell-segment{
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .cross-sell-segment{
        margin:16px 0
    }
}

.cross-sell-segment .cross-sell-header{
    align-items: center;
    background-color: #36394d;
    border-radius: 4px 4px 0 0;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    padding: .5rem 16px
}

.cross-sell-segment .cross-sell-header-left{
    display: flex;
    position: relative;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.cross-sell-segment .cross-sell-header-left input[type="checkbox"]{
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
    z-index: -1;
}

.cross-sell-segment .cross-sell-header-left label:before{
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
    content: '';
    pointer-events: none;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    background: transparent;
}

.cross-sell-segment.show-checked-state .cross-sell-header-left label:before{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2336394d' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #FFFFFF;
}

.cross-sell-segment .cross-sell-header-left label:hover{
    cursor: pointer;
}

.cross-sell-segment .cross-sell-header-left label{
    font-size: 1rem;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.cross-sell-segment .cross-sell-header-left label:after{
    display: block;
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
    background: no-repeat 50%/50% 50%;
    content: '';
}

.cross-sell-segment .cross-sell-price-wrapper-outer{
    align-items: flex-end;
    color: #fbfbfb;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .cross-sell-segment .cross-sell-price-wrapper-outer{
        align-items:center;
        flex-direction: row
    }
}

.cross-sell-segment .cross-sell-price-wrapper-outer{
    font-size: 1.375rem;
    font-weight: 600
}

.cross-sell-segment .cross-sell-strikethrough-price{
    font-size: .75rem;
    text-decoration: line-through
}

@media(min-width: 768px) {
    .cross-sell-segment .cross-sell-strikethrough-price{
        font-size:.875rem;
        font-weight: 500;
        margin-right: .5rem
    }
}

.cross-sell-segment .cross-sell-body{
    background: #FCFCFC;
    border-radius: 0 0 4px 4px;
    padding: 16px
}

.cross-sell-segment .cross-sell-info-wrapper{
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.cross-sell-segment .cross-sell-thumbnail{
    border-radius: 4px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 16px;
    width: 5.375rem
}

@media(min-width: 768px) {
    .cross-sell-segment .cross-sell-segment .cross-sell-thumbnail{
        width:7.8125rem
    }
}

.cross-sell-segment .cross-sell-title{
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .01875em;
    line-height: 1.5rem;
    margin: 0 0 .25rem;
    overflow: hidden
}

@media(min-width: 768px) {
    .cross-sell-segment .cross-sell-title{
        font-size:1.125rem
    }
}

.cross-sell-segment .cross-sell-description{
    color: #6f7282;
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0;
    overflow: hidden
}

.cross-sell-segment .cross-sell-divider{
    margin: .5rem 0
}

.main-form-cross-sell-segment-wrapper .cross-sell-segment .cross-sell-body{
    background-color: #F2F3F5;
    margin-bottom: 2rem;
}

@media (min-width: 1024px){
    .main-form-cross-sell-segment-wrapper .cross-sell-segment{
        display: none;
    }
}

.top-drawer-segment .cross-sell-segment{
    display: none;
}

/* CROSS SELL SEGMENT END */
/* CROSS SELL SEGMENT END */
/* CROSS SELL SEGMENT END */
/* CROSS SELL SEGMENT END */
/* CROSS SELL SEGMENT END */

/* MESSAGE SEGMENT START */
/* MESSAGE SEGMENT START */
/* MESSAGE SEGMENT START */
/* MESSAGE SEGMENT START */
/* MESSAGE SEGMENT START */

.message-segment{
	width: 100%;
	height: 100%;
	background-color: #F2F3F5;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2147483647;
}

.message-segment .contents-wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 1rem;
}

.message-segment .icon-wrapper{
	display: none;
	text-align: center;
}

.message-segment[data-state="loading"] *[data-state="loading"],
.message-segment[data-state="success"] *[data-state="success"],
.message-segment[data-state="error"] *[data-state="error"]{
	display: block;
}

.message-segment[data-state="success"]  .icon-wrapper{
	color: #52A377;
	font-size: 50px;
}

.message-segment[data-state="error"]  .icon-wrapper{
	color: #D83232;
	font-size: 50px;
}

.message-segment .text{
	line-height: 1.3;
	text-align: center;
}

/* MESSAGE SEGMENT END */
/* MESSAGE SEGMENT END */
/* MESSAGE SEGMENT END */
/* MESSAGE SEGMENT END */
/* MESSAGE SEGMENT END */

/* EMAIL CONSENT SEGMENT START */

.email-consent-checkbox-segment .form-check input[type="checkbox"],
.email-consent-checkbox-segment .form-check label{
    cursor: pointer;
}

/* EMAIL CONSENT SEGMENT END */

/* SKELETON START */
/* SKELETON START */
/* SKELETON START */
/* SKELETON START */
/* SKELETON START */

.text-skeleton{
    position: relative;
    overflow: hidden;
}

.text-skeleton-line{
    background-image: -webkit-gradient(linear,left top,right top,from(#e7e8ec),color-stop(30%,#e7e8ec),color-stop(50%,#d8dae1),color-stop(70%,#e7e8ec));
    background-image: linear-gradient(
90deg
,#e7e8ec,#e7e8ec 30%,#d8dae1 50%,#e7e8ec 70%);
    background-size: 300%;
    -webkit-animation: skeleton-loading-shimmer 2s ease infinite;
    animation: skeleton-loading-shimmer 2s ease infinite;
    height: 6px;
    margin-bottom: 12px;
}

.text-skeleton-line:nth-of-type(2n){
    width: 75%;
    margin-bottom: 1.5em;
}

.text-skeleton-intro-segment:nth-of-type(2),
.text-skeleton-intro-segment:nth-of-type(4){
    width: 50%;
}

.text-skeleton-intro-segment:first-of-type,
.text-skeleton-intro-segment:nth-of-type(3){
    width: 65%;
}

.text-skeleton-screen{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background-image: linear-gradient(hsla(0,0%,100%,0),#fff);
    pointer-events: none;
}

.product-info-skeleton{
    max-width: 358px;
}

.product-info-skeleton-image-placeholder{
    background-image: -webkit-gradient(linear,left top,right top,from(#e7e8ec),color-stop(30%,#e7e8ec),color-stop(50%,#d8dae1),color-stop(70%,#e7e8ec));
    background-image: linear-gradient(90deg,#e7e8ec,#e7e8ec 30%,#d8dae1 50%,#e7e8ec 70%);
    background-size: 300%;
    -webkit-animation: skeleton-loading-shimmer 2s ease infinite;
    animation: skeleton-loading-shimmer 2s ease infinite;
    height: 0;
    margin-bottom: 2rem;
    padding-bottom: 56.25%;
    border-radius: 4px;
}

/* SKELETON END */
/* SKELETON END */
/* SKELETON END */
/* SKELETON END */
/* SKELETON END */


/* CUSTOM FIELDS SEGMENT START */
/* CUSTOM FIELDS SEGMENT START */
/* CUSTOM FIELDS SEGMENT START */
/* CUSTOM FIELDS SEGMENT START */
/* CUSTOM FIELDS SEGMENT START */

.custom-fields-segment .custom-field-row{
    margin-bottom: 1rem;
}

.custom-fields-segment .custom-field-row .custom-field-input-label{
    font-weight: 600;
}

.custom-fields-segment .custom-field-row .custom-field-input-description{
    color: #888888;
}

.custom-fields-segment .custom-field-row .custom-field-input-label,
.custom-fields-segment .custom-field-row .custom-field-input-description{
    margin-bottom: 0rem;
}

.custom-fields-segment .custom-field-row:first-child{
    margin-top: 1.5rem;
}

.custom-fields-segment .custom-field-row .form-group{
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

.custom-fields-segment .custom-field-row[data-custom-field-type="legal"] .form-check,
.custom-fields-segment .custom-field-row[data-custom-field-type="yes-no"] .form-check{
    padding-left: 0.75rem;
}

.custom-fields-segment .custom-field-row textarea{
    height: 75px;
}

/* CUSTOM FIELDS SEGMENT END */
/* CUSTOM FIELDS SEGMENT END */
/* CUSTOM FIELDS SEGMENT END */
/* CUSTOM FIELDS SEGMENT END */
/* CUSTOM FIELDS SEGMENT END */




/* COLLECT LOCATION MINI SEGMENT START */
/* COLLECT LOCATION MINI SEGMENT START */
/* COLLECT LOCATION MINI SEGMENT START */
/* COLLECT LOCATION MINI SEGMENT START */
/* COLLECT LOCATION MINI SEGMENT START */

.collect-location-mini-segment label{
    font-weight: 600;
}

/* COLLECT LOCATION MINI SEGMENT END */
/* COLLECT LOCATION MINI SEGMENT END */
/* COLLECT LOCATION MINI SEGMENT END */
/* COLLECT LOCATION MINI SEGMENT END */
/* COLLECT LOCATION MINI SEGMENT END */

/* EU VAT COLLECT LOCATION MINI SEGMENT START */
/* EU VAT COLLECT LOCATION MINI SEGMENT START */
/* EU VAT COLLECT LOCATION MINI SEGMENT START */
/* EU VAT COLLECT LOCATION MINI SEGMENT START */
/* EU VAT COLLECT LOCATION MINI SEGMENT START */

.eu-vat-collect-location-mini-segment label{
    font-weight: 600;
}

/* EU VAT COLLECT LOCATION MINI SEGMENT END */
/* EU VAT COLLECT LOCATION MINI SEGMENT END */
/* EU VAT COLLECT LOCATION MINI SEGMENT END */
/* EU VAT COLLECT LOCATION MINI SEGMENT END */
/* EU VAT COLLECT LOCATION MINI SEGMENT END */

/* TOP DRAWER SEGMENT START */
/* TOP DRAWER SEGMENT START */
/* TOP DRAWER SEGMENT START */
/* TOP DRAWER SEGMENT START */
/* TOP DRAWER SEGMENT START */

.top-drawer-segment{
    margin-bottom: 1.5em;
    background: #F2F3F5;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 35%);
    overflow: hidden;
    display: none;
}

.top-drawer-segment .top-drawer-header{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: .75rem 1rem;
    border: 0;
    border-radius: 0;
    outline: none;
    background: none;
    color: #36394D;
    cursor: pointer;
    -webkit-appearance: none;
}

.top-drawer-segment .top-drawer-header-content{
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    max-width: 530px;
}

.top-drawer-segment .top-drawer-header-content .top-drawer-label{
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
}

.top-drawer-segment .top-drawer-header-content .top-drawer-label svg.top-drawer-carat{
    color: #36394d;
    font-size: 1.25em;
    min-width: 24px;
    min-height: 24px;
}

.top-drawer-segment .top-drawer-header-content .top-drawer-accessory .total-price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top-drawer-segment .top-drawer-header-content .top-drawer-accessory .total-price .total-price-currency-code{
    margin-right: .25em;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    text-transform: uppercase;
}

.top-drawer-segment .top-drawer-header-content .top-drawer-accessory .subscription-or-payment-plan-label{
    font-size: 0.875rem;
}

.top-drawer-segment .top-drawer-header-content .top-drawer-accessory .total-price .total-price-value{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.top-drawer-segment.is-expanded .top-drawer-label-show-when-not-expanded,
.top-drawer-segment:not(.is-expanded) .top-drawer-label-show-when-expanded{
    display: none;
}

.top-drawer-segment .top-drawer-body{
    margin: 0 auto;
    border-top: 1px solid #CACCD6;
}

.top-drawer-segment .top-drawer-body .top-drawer-body-loading{
    padding: 0.5rem;
}

@media (prefers-reduced-motion: no-preference) {
    .top-drawer-segment .top-drawer-body{
        -webkit-transition: height .3s ease-in-out;
        transition: height .3s ease-in-out;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .top-drawer-segment .top-drawer-body.will-animate{
        position: absolute;
        visibility: hidden;
        pointer-events: none;
    }
}

.top-drawer-segment .top-drawer-body .top-drawer-body-contents{
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding-right: 1rem;
    padding-left: 1rem;
}

.top-drawer-segment .top-drawer-body .cart-segment{
    -webkit-transition: none !important;
    transition: none !important;
    max-width: 100% !important;
}

.top-drawer-segment .top-drawer-body.will-animate .cart-segment{
    visibility: hidden !important;
    opacity: 0 !important;
}

/* TOP DRAWER SEGMENT END */
/* TOP DRAWER SEGMENT END */
/* TOP DRAWER SEGMENT END */
/* TOP DRAWER SEGMENT END */
/* TOP DRAWER SEGMENT END */





/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */

#editor-offcanvas #editor-offcanvas-upload-logo-preview-wrapper{
    max-height: 300px;
    /* Need to override inline-block that's set on the element */
    display: block !important;
    margin-bottom: 10px;
}

#editor-offcanvas #editor-offcanvas-upload-logo-preview-wrapper img{
    max-height: 100%;
    max-width: 100%;
}

#editor-offcanvas #editor-offcanvas-remove-uploaded-logo{
    margin-right: 10px;
}

#editor-offcanvas .custom-label{
    font-size: 1rem;
    color: #666666;
}

/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */

/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */

#add-company-vat-number-modal .company-vat-number-input{
    padding-left: 55px !important;
}

#add-company-vat-number-modal .intl-tel-input{
    display: block !important;
}

#add-company-vat-number-modal .intl-tel-input .country-list{
    z-index: 10000 !important;
}

#add-company-vat-number-modal .intl-tel-input .country-list .country .dial-code,
#add-company-vat-number-modal .intl-tel-input.separate-dial-code .selected-dial-code{
    display: none;
}

#add-company-vat-number-modal .modal-footer-spinner{
    color: #999999;
}

#add-company-vat-number-modal .modal-footer-success{
    width: 100%;
    text-align: center;
}

/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */


/************************************************************/
/*              PAYMENT GATEWAY - COMMON START              */
/************************************************************/

body.stripe-gateway-enabled .payment-segment .payment-type-item[data-payment-gateway-type="stripe-gateway"],
body.paypal-express-gateway-enabled .payment-segment .payment-type-item[data-payment-gateway-type="paypal-express-gateway"],
body.square-gateway-enabled .payment-segment .payment-type-item[data-payment-gateway-type="square-gateway"],
body.mollie-gateway-enabled .payment-segment .payment-type-item[data-payment-gateway-type="mollie-gateway"],
body.paystack-gateway-enabled .payment-segment .payment-type-item[data-payment-gateway-type="paystack-gateway"],
body.authorize-gateway-enabled .payment-segment .payment-type-item[data-payment-gateway-type="authorize-gateway"],
body.mercado-pago-gateway-enabled .payment-segment .payment-type-item[data-payment-gateway-type="mercado-pago-gateway"]{
    display: block !important;
}

/* Hide old Stripe approach if Stripe payment gateway enabled */
body.stripe-gateway-enabled .payment-segment .radio-box.card{
    display: none !important;
}

/* Hide old PayPal approach if PayPal Express payment gateway enabled */
body.paypal-express-gateway-enabled .payment-segment .radio-box.paypal{
    display: none !important;
}

body.payment-type-segment-shows-only-one-item .payment-segment .payment-type-radio{
    display: none;
}

body.payment-type-segment-shows-only-one-item.paypal-express-gateway-enabled .payment-segment,
body.payment-type-segment-shows-only-one-item.mollie-gateway-enabled .payment-segment,
body.payment-type-segment-shows-only-one-item.paystack-gateway-enabled .payment-segment,
body.payment-type-segment-shows-only-one-item.authorize-gateway-enabled .payment-segment,
body.payment-type-segment-shows-only-one-item.mercado-pago-gateway-enabled .payment-segment{
    display: none;
}

body.payment-type-segment-shows-only-one-item .payment-segment{
    border: none;
}

body.payment-type-segment-shows-only-one-item .payment-segment .radio-label{
    padding-left: 0px;
    padding-right: 0px;
}

body.payment-type-segment-shows-only-one-item .payment-segment .radio-box .radio-label .payment-type-description{
    padding-left: 0px;
}

.payment-segment .payment-type-item.payment-gateway-has-payment-methods img.payment-method-icon{
    height: 35px;
    margin-left: 10px;
}

.payment-segment .payment-type-item.payment-gateway-has-payment-methods .payment-type-image{
    position: absolute;
    top: -5px;
    right: 8px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 35px;
}

.payment-segment .payment-type-item.payment-gateway-has-payment-methods[data-payment-method-type="creditcard"] .payment-type-image{
    position: absolute;
    top: 2px;
    right: 8px;
    background-image: url(../../images/payout/payment-type-label-card-2.svg);
    width: 85px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 80px;
}

/************************************************************/
/*              PAYMENT GATEWAY - COMMON END                */
/************************************************************/

/************************************************************/
/*              PAYMENT GATEWAY - STRIPE START              */
/************************************************************/

.payment-segment .payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .payment-gateway-stripe-elements-wrapper{
    min-height: 40px;
    padding: .75em 1em;
    border: 1px solid #CACCD6;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
}

.payment-segment .payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .payment-gateway-stripe-elements-wrapper.active{
    border-color: #1fb6ff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/* Alter design when card segment is inside payment segment */
.payment-segment .payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment{
    margin-top: 0px;
    display: none;
    border-top: 1px solid #E0E7EB;
    padding-top: 15px;
}

.payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .security-message{
    text-transform: none;
    position: absolute;
    color: #CCCCCC;
    cursor: pointer;
    top: 17px;
    right: 15px;
}

.payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .security-message:hover{
    color: #999999;
}

.payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment{
    margin-top: 20px;
}

.payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment,
.payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment *,
.payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment *:before,
.payment-type-item[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment *:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.payment-type-item[data-payment-gateway-type="stripe-gateway"] .radio-label .payment-type-image{
    position: absolute;
    top: 18px;
    right: 8px;
    background-image: url(../../images/payout/payment-type-label-card-2.svg);
    width: 85px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 80px;
}

/************************************************************/
/*              PAYMENT GATEWAY - STRIPE END                */
/************************************************************/

/************************************************************/
/*              PAYMENT GATEWAY - SQUARE START              */
/************************************************************/

.payment-segment .payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .sq-card-iframe-container{
    border: 1px solid #CACCD6;
}

.payment-segment .payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .sq-card-wrapper.sq-focus .sq-card-iframe-container:before{
    border-color: #1fb6ff;
}

/* Alter design when card segment is inside payment segment */
.payment-segment .payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment{
    margin-top: 0px;
    display: none;
    border-top: 1px solid #E0E7EB;
    padding-top: 15px;
}

.payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .security-message{
    text-transform: none;
    position: absolute;
    color: #CCCCCC;
    cursor: pointer;
    top: 17px;
    right: 15px;
}

.payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .security-message:hover{
    color: #999999;
}

.payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment{
    margin-top: 20px;
}

.payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment,
.payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment *,
.payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment *:before,
.payment-type-item[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment *:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.payment-type-item[data-payment-gateway-type="square-gateway"] .radio-label .payment-type-image{
    position: absolute;
    top: 18px;
    right: 8px;
    background-image: url(../../images/payout/payment-type-label-card-2.svg);
    width: 85px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 80px;
}

/************************************************************/
/*              PAYMENT GATEWAY - SQUARE END                */
/************************************************************/

/************************************************************/
/*              PAYMENT GATEWAY - PAYPAL EXPRESS START      */
/************************************************************/

.payment-type-item[data-payment-gateway-type="paypal-express-gateway"] .radio-label .payment-type-image{
    position: absolute;
    top: 18px;
    right: 15px;
    background-image: url(../../images/payout/payment-type-label-paypal.svg);
    width: 70px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 70px;
}

/************************************************************/
/*              PAYMENT GATEWAY - PAYPAL EXPRESS END        */
/************************************************************/


/* MEDIA QUERIES START */
/* MEDIA QUERIES START */
/* MEDIA QUERIES START */
/* MEDIA QUERIES START */
/* MEDIA QUERIES START */

@media (max-width: 1024px) {

    body{
        background-color: #FFFFFF;
    }

    .split-view,
    .split-view .split-view-item,
    .split-view .split-view-content{
        display: block;
    }

    .split-view .split-view-fixed-panel{
        position: static;
    }

    .split-view .split-view-item,
    .split-view .split-view-content{
        padding: 0px;
    }

    .split-view .split-view-primary{
        box-shadow: none;
    }

    .split-view .split-view-secondary{
        display: none;
    }

    .container{
        display: flex;
        flex-grow: 1;
        justify-content: center;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .top-drawer-segment{
        display: block;
    }

    .top-drawer-segment .cart-segment .product-info-header{
        flex-direction: row;
    }

    .top-drawer-segment .cart-segment .product-info-header .product-info-image{
        margin-top: 1em;
        margin-right: .5em;
        margin-bottom: 1em;
    }

    .top-drawer-segment .cart-segment .product-info-header .line-item{
        flex-grow: 1;
        border-bottom: 0;
    }

}

/* MEDIA QUERIES END */
/* MEDIA QUERIES END */
/* MEDIA QUERIES END */
/* MEDIA QUERIES END */
/* MEDIA QUERIES END */

/* ANIMATION START */
/* ANIMATION START */
/* ANIMATION START */
/* ANIMATION START */
/* ANIMATION START */

@-webkit-keyframes skeleton-loading-shimmer{
  0% {
    background-position: 100% 0%;
  }
  35% {
    background-position: 0% 0%;
  }
  85% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

@keyframes skeleton-loading-shimmer{
  0% {
    background-position: 100% 0%;
  }
  35% {
    background-position: 0% 0%;
  }
  85% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

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

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

/* ANIMATION END */
/* ANIMATION END */
/* ANIMATION END */
/* ANIMATION END */
/* ANIMATION END */