.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}img.montonio-payment-method-icon {
height: 24px !important;
margin-left: 8px;
}
.montonio-bank-payments-form:not(:first-child) {
margin-top: 16px;
}
.montonio-bank-payments-form .montonio-payments-country-dropdown {
width: 120px;
}
.montonio-bank-payments-form .montonio-bank-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
}
.montonio-bank-payments-form .montonio-bank-items:not(:first-child) {
margin-top: 16px;
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item {
width: 100px;
height: 100px;
border-radius: 8px;
margin: 0;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 12px;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.07);
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item:hover {
background: #fbfbff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item.active {
background: #f3f2ff;
border: 1px solid #4537cd;
color: #4537cd;
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item--hidden {
display: none !important;
}
.montonio-bank-payments-form .montonio-bank-items--list {
flex-direction: column;
gap: 10px;
}
.montonio-bank-payments-form .montonio-bank-items--list .montonio-bank-item {
width: 100%;
height: 60px;
padding: 12px 17px;
}
#montonio-payments-description.montonio-bank-items .montonio-bank-item-img,
#payment #montonio-payments-description.montonio-bank-items .montonio-bank-item-img {
position: relative;
right: unset;
left: unset;
float: none;
border: 0;
margin: 0;
padding: 0;
max-width: 100%;
max-height: 26px;
pointer-events: none;
display: block;
}
.montonio-bnpl-items {
display: flex;
flex-direction: column;
gap: 0;
}
.montonio-bnpl-items:not(:first-child) {
margin-top: 16px;
}
.montonio-bnpl-items .montonio-bnpl-item {
margin: 0;
background: #ffffff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
padding: 12px 25px;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.07);
border-top: none;
}
.montonio-bnpl-items .montonio-bnpl-item:hover {
background: #fbfbff;
}
.montonio-bnpl-items .montonio-bnpl-item:first-child {
border: 1px solid rgba(0, 0, 0, 0.07);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.montonio-bnpl-items .montonio-bnpl-item:last-child {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.montonio-bnpl-items .montonio-bnpl-item.active {
background: #f3f2ff;
border: 1px solid #4537cd;
color: #4537cd;
}
.montonio-bnpl-items .montonio-bnpl-item--disabled {
background: #fefcfc;
color: #a5a5a5;
pointer-events: none;
}
.montonio-bnpl-items .montonio-bnpl-item .montonio-bnpl-item-subtitle {
font-size: 12px;
font-weight: normal;
}
#montonio-blik-form:not(:first-child),
#montonio-card-form:not(:first-child) {
margin-top: 16px;
}
#montonio-blik-form.loading,
#montonio-card-form.loading {
padding: 25px 0;
}
.montonio-shipping-carrier-logo {
max-height: 33px !important;
max-width: 50px !important;
display: block !important;
}
.montonio-shipping-carrier-logos {
display: flex !important;
gap: 5px;
flex-wrap: wrap;
}
.montonio-pickup-point {
overflow: visible !important;
}
.montonio-pickup-point td {
width: 100%;
overflow: visible !important;
}
.montonio-pickup-point label {
text-align: left;
}
.choices .choices__list--single {
box-sizing: border-box;
}
.choices .choices__list--single .choices__item {
text-align: left;
}
.choices .choices__inner {
box-sizing: border-box;
}
.has-error .choices .choices__inner {
border-color: #cc1818;
}
.choices .choices__list--dropdown .choices__item--selectable,
.choices .choices__list[aria-expanded] .choices__item--selectable {
padding-right: 10px !important;
}
.choices .choices__input {
padding-left: 35px !important;
background-color: #fff;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M19 19L14.65 14.65M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z" stroke="%2327364B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-position: 11px center;
background-size: 16px 16px;
}
#montonio-shipping-pickup-point-dropdown-wrapper {
position: relative;
}
#montonio-shipping-pickup-point-dropdown-wrapper h2 {
margin-bottom: 8px;
}
#montonio-shipping-pickup-point-dropdown-wrapper #montonio-shipping-pickup-point-dropdown {
display: block;
width: 100%;
}
#montonio-shipping-pickup-point-dropdown-wrapper .choices {
margin-bottom: 0;
}
#montonio-shipping-pickup-point-dropdown-wrapper .montonio-pickup-point-id {
display: block !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0px !important;
height: 0px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
pointer-events: none !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__label > span {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.wc-block-checkout__payment-method #montonio-card-form-wrapper {
position: relative;
min-height: 32px;
}
.montonio-spinner::before {
content: "";
display: block;
width: 32px;
height: 32px;
pointer-events: none;
animation: montonio-spinner 1s infinite cubic-bezier(0.65, 0.05, 0.36, 0.95);
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path opacity="0.16" d="M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16L30 16Z" stroke="%23260071" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76925 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16" stroke="%23260071" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
transform: rotate(-43deg);
}
.montonio-spinner--centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.montonio-spinner--xs::before {
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path opacity="0.16" d="M15 8C15 8.91925 14.8189 9.82951 14.4672 10.6788C14.1154 11.5281 13.5998 12.2997 12.9497 12.9497C12.2997 13.5998 11.5281 14.1154 10.6788 14.4672C9.82951 14.8189 8.91925 15 8 15C7.08075 15 6.17049 14.8189 5.32122 14.4672C4.47194 14.1154 3.70026 13.5998 3.05025 12.9497C2.40024 12.2997 1.88463 11.5281 1.53284 10.6788C1.18106 9.8295 1 8.91925 1 8C1 7.08074 1.18106 6.17049 1.53284 5.32121C1.88463 4.47193 2.40024 3.70026 3.05025 3.05025C3.70027 2.40024 4.47194 1.88462 5.32122 1.53284C6.1705 1.18106 7.08075 1 8 1C8.91926 1 9.82951 1.18106 10.6788 1.53284C11.5281 1.88463 12.2997 2.40024 12.9498 3.05026C13.5998 3.70027 14.1154 4.47194 14.4672 5.32122C14.8189 6.1705 15 7.08075 15 8L15 8Z" stroke="%23260071" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 1C8.91925 1 9.82951 1.18106 10.6788 1.53284C11.5281 1.88463 12.2997 2.40024 12.9497 3.05025C13.5998 3.70026 14.1154 4.47194 14.4672 5.32122C14.8189 6.1705 15 7.08075 15 8" stroke="%23260071" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@keyframes montonio-spinner {
0% {
transform: rotate(-43deg);
}
100% {
transform: rotate(317deg);
}
}
.montonio-inbank-calculator {
margin: 10px 0;
}
.montonio-pickup-point {
overflow: visible !important;
}
.montonio-pickup-point td {
width: 100%;
overflow: visible !important;
}
.montonio-pickup-point label {
text-align: left;
}
.montonio-pickup-point__container {
position: relative;
width: 100%;
}
.montonio-pickup-point__search {
position: relative;
}
.montonio-pickup-point__search-logos {
position: absolute;
top: 50%;
left: 11px;
transform: translateY(-50%);
width: 44px;
height: 29px;
overflow: hidden;
justify-content: flex-start;
}
.montonio-pickup-point__search-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 44px;
height: 29px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
opacity: 0;
transition: opacity 0.5s ease-in-out;
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/default-carrier-logo.svg);
}
.montonio-pickup-point__search-logo:only-child {
opacity: 1;
}
.montonio-pickup-point__search-logo--active {
opacity: 1;
}
.montonio-pickup-point__search-logo--omniva {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/omniva-rect.svg);
}
.montonio-pickup-point__search-logo--dpd {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/dpd-rect.svg);
}
.montonio-pickup-point__search-logo--latvian_post {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/latvian_post-rect.svg);
}
.montonio-pickup-point__search-logo--smartpost, .montonio-pickup-point__search-logo--smartposti {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/smartposti-rect.svg);
}
.montonio-pickup-point__search-logo--unisend {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/unisend-rect.svg);
}
.montonio-pickup-point__search-logo--venipak {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/venipak-rect.svg);
}
.montonio-pickup-point__search-logo--inpost {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/inpost-rect.svg);
}
.montonio-pickup-point__search-logo--orlen {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/orlen-rect.svg);
}
.montonio-pickup-point__search-logo--novapost {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/novaPost-rect.svg);
}
.montonio-pickup-point__search-logo--dhl {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/dhl-rect.svg);
}
.montonio-pickup-point__search-logo--expressone {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/expressone-rect.svg);
}
.montonio-pickup-point__search-logo--chronopost {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/chronopost-rect.svg);
}
.montonio-pickup-point__search-logo--gls {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/gls-rect.svg);
}
.montonio-pickup-point__search-logo--alzabox {
background-image: url(//birdbusters.eu/wp-content/plugins/montonio-for-woocommerce/assets/images/alzabox-rect.svg);
}
.montonio-pickup-point__search-input {
width: 100%;
background-color: #fff !important;
border: 1px solid #d8d8d8 !important;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M19 19L14.65 14.65M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z" stroke="%2327364B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: right 11px center;
border-radius: 2.5px;
font-size: 14px;
min-height: 48px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
box-shadow: none !important;
padding: 10px 33px 10px 62px !important;
}
.montonio-pickup-point__search-input:focus {
outline: none;
}
.montonio-pickup-point__search-input::-moz-placeholder {
color: #7C7C7B;
}
.montonio-pickup-point__search-input::placeholder {
color: #7C7C7B;
}
.montonio-pickup-point__dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: -1px;
background: white;
border: 1px solid #d8d8d8;
border-radius: 0 0 3px 3px;
max-height: 300px;
overflow-y: auto;
z-index: 1000;
display: none;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.montonio-pickup-point__dropdown--show {
display: block;
}
.montonio-pickup-point__option {
padding: 12px 16px;
cursor: pointer;
border-bottom: 1px solid #f3f4f6;
transition: background-color 0.15s ease;
}
.montonio-pickup-point__option:hover {
background-color: rgba(242, 242, 242, 0.9490196078);
}
.montonio-pickup-point__option:last-child {
border-bottom: none;
}
.montonio-pickup-point__option-name {
font-size: 14px;
font-weight: 500;
color: #3C3C3C;
margin-bottom: 0px;
}
.montonio-pickup-point__option-address {
font-size: 13px;
color: #7C7C7B;
line-height: 1.4;
margin-bottom: 4px;
}
.montonio-pickup-point__loading {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 16px;
text-align: center;
color: #6b7280;
font-size: 14px;
}
.montonio-pickup-point__no-results {
padding: 16px;
text-align: center;
color: #9ca3af;
font-size: 14px;
}
.montonio-pickup-point__error {
background: #ffebeb;
color: #ce0920;
font-size: 12px;
padding: 9px 12px;
margin-top: 5px;
overflow-wrap: break-word;
border-radius: 6px;
}
.montonio-pickup-point__error--hidden {
display: none;
}.vi-wcaio-disabled {
display: none !important;
}
.vi-wcaio-hidden {
visibility: hidden !important;
opacity: 0 !important;
}
.vi-wcaio-html-non-scroll{
overflow: hidden !important;
}
.vi-wcaio-warning-wrap {
max-width: 400px;
min-width: 230px;
height: auto;
min-height: 60px;
max-height: 200px;
padding: 5px 10px;
position: fixed;
z-index: 999999999;
left: 50%;
bottom: 20px;
background: #111;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
color: #fff;
text-align: center;
animation-fill-mode: both;
}
.vi-wcaio-warning-wrap *::before,
.vi-wcaio-warning-wrap *::after{
display: none !important;
}
.vi-wcaio-warning-wrap * {
background: transparent !important;
color: inherit  !important;
padding: 0 !important;
margin: 0 !important;
border: unset !important;
}
.vi-wcaio-warning-wrap.vi-wcaio-warning-wrap-open {
animation-duration: 1s;
animation-name: vi-wcaio-warning-slide_in_up;
}
@keyframes vi-wcaio-warning-slide_in_up {
from {
transform: translate3d(-50%, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(-50%, 0, 0);
}
}
.vi-wcaio-warning-wrap.vi-wcaio-warning-wrap-close {
animation-duration: 1s;
animation-name: vi-wcaio-warning-slide_out_down;
}
@keyframes vi-wcaio-warning-slide_out_down {
from {
transform: translate3d(-50%, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
transform: translate3d(-50%, 100%, 0);
opacity: 0;
}
}.vi-wcaio-sidebar-cart-loading-wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(255 255 255 / 0.6);
}
.vi-wcaio-sidebar-cart-loading-default {
display: inline-block;
position: absolute;
top: 30%;
left: 40%;
width: 64px;
height: 64px;
}
.vi-wcaio-sidebar-cart-loading-default div {
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
animation: vi_wcaio_loading-default 1.2s linear infinite;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(1) {
animation-delay: 0s;
top: 29px;
left: 53px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(2) {
animation-delay: -0.1s;
top: 18px;
left: 50px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(3) {
animation-delay: -0.2s;
top: 9px;
left: 41px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(4) {
animation-delay: -0.3s;
top: 6px;
left: 29px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(5) {
animation-delay: -0.4s;
top: 9px;
left: 18px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(6) {
animation-delay: -0.5s;
top: 18px;
left: 9px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(7) {
animation-delay: -0.6s;
top: 29px;
left: 6px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(8) {
animation-delay: -0.7s;
top: 41px;
left: 9px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(9) {
animation-delay: -0.8s;
top: 50px;
left: 18px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(10) {
animation-delay: -0.9s;
top: 53px;
left: 29px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(11) {
animation-delay: -1s;
top: 50px;
left: 41px;
}
.vi-wcaio-sidebar-cart-loading-default div:nth-child(12) {
animation-delay: -1.1s;
top: 41px;
left: 50px;
}
@keyframes vi_wcaio_loading-default {
0%, 20%, 80%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
}
.vi-wcaio-sidebar-cart-loading-dual_ring {
position: absolute;
top: 30%;
left: 40%;
display: inline-block;
width: 64px;
height: 64px;
}
.vi-wcaio-sidebar-cart-loading-dual_ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border-width: 5px;
border-style: solid;
animation: vi_wcaio_loading-dual_ring 1.2s linear infinite;
}
@keyframes vi_wcaio_loading-dual_ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.vi-wcaio-sidebar-cart-loading-animation_face_1 {
display: inline-block;
position: absolute;
top: 30%;
left: 40%;
width: 64px;
height: 64px;
}
.vi-wcaio-sidebar-cart-loading-animation_face_1 div {
display: inline-block;
position: absolute;
left: 6px;
width: 13px;
animation: vi_wcaio_loading-animation_face_1 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(1) {
left: 6px;
animation-delay: -0.24s;
}
.vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(2) {
left: 26px;
animation-delay: -0.12s;
}
.vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(3) {
left: 45px;
animation-delay: 0s;
}
@keyframes vi_wcaio_loading-animation_face_1 {
0% {
top: 6px;
height: 51px;
}
50%, 100% {
top: 19px;
height: 26px;
}
}
.vi-wcaio-sidebar-cart-loading-animation_face_2 {
position: absolute;
top: 30%;
left: 40%;
width: 90px;
display: flex;
justify-content: space-between;
align-items: center;
}
.vi-wcaio-sidebar-cart-loading-animation_face_2 div {
display: inline-block;
width: 10px;
height: 20px;
}
.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(1) {
animation: vi_wcaio_loading-animation_face_2 1s ease-in-out infinite;
}
.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(2) {
animation: vi_wcaio_loading-animation_face_2 1s ease-in-out 0.15s infinite;
}
.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(3) {
animation: vi_wcaio_loading-animation_face_2 1s ease-in-out 0.30s infinite;
}
.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(4) {
animation: vi_wcaio_loading-animation_face_2 1s ease-in-out 0.45s infinite;
}
@keyframes vi_wcaio_loading-animation_face_2 {
0%, 100% {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
50% {
-webkit-transform: scaleY(1.8);
-ms-transform: scaleY(1.8);
-o-transform: scaleY(1.8);
transform: scaleY(1.8);
}
}
.vi-wcaio-sidebar-cart-loading-ring {
display: inline-block;
position: absolute;
top: 30%;
left: 40%;
width: 64px;
height: 64px;
}
.vi-wcaio-sidebar-cart-loading-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border-style: solid;
border-width: 6px;
border-radius: 50%;
animation: vi_wcaio_loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.vi-wcaio-sidebar-cart-loading-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.vi-wcaio-sidebar-cart-loading-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.vi-wcaio-sidebar-cart-loading-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes vi_wcaio_loading-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.vi-wcaio-sidebar-cart-loading-roller {
display: inline-block;
position: absolute;
top: 30%;
left: 40%;
width: 64px;
height: 64px;
}
.vi-wcaio-sidebar-cart-loading-roller div {
animation: vi_wcaio_loading-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 32px 32px;
}
.vi-wcaio-sidebar-cart-loading-roller div:after {
content: " ";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
margin: -3px 0 0 -3px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(1):after {
top: 50px;
left: 50px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(2):after {
top: 54px;
left: 45px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(3):after {
top: 57px;
left: 39px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(4):after {
top: 58px;
left: 32px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(5):after {
top: 57px;
left: 25px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(6):after {
top: 54px;
left: 19px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(7):after {
top: 50px;
left: 14px;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.vi-wcaio-sidebar-cart-loading-roller div:nth-child(8):after {
top: 45px;
left: 10px;
}
@keyframes vi_wcaio_loading-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.vi-wcaio-sidebar-cart-loading-loader_balls_1 {
display: inline-block;
position: absolute;
top: 30%;
left: 40%;
width: 64px;
height: 64px;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_1 div {
position: absolute;
top: 27px;
width: 20px;
height: 20px;
border-radius: 50%;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(1) {
left: 6px;
animation: vi_wcaio_loading-loader_balls_1-1 0.6s infinite;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(2) {
left: 6px;
animation: vi_wcaio_loading-loader_balls_1-2 0.6s infinite;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(3) {
left: 36px;
animation: vi_wcaio_loading-loader_balls_1-2 0.6s infinite;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(4) {
left: 75px;
animation: vi_wcaio_loading-loader_balls_1-3 0.6s infinite;
}
@keyframes vi_wcaio_loading-loader_balls_1-1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes vi_wcaio_loading-loader_balls_1-3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes vi_wcaio_loading-loader_balls_1-2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(20px, 0);
}
}
.vi-wcaio-sidebar-cart-loading-loader_balls_2 {
position: absolute;
top: 30%;
left: 40%;
width: 90px;
display: flex;
justify-content: space-between;
align-items: center;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_2 div {
width: 20px;
height: 20px;
border-radius: 50%;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_2 div:nth-child(1) {
animation: vi_wcaio_loading-loader_balls_2 0.4s alternate infinite cubic-bezier(.6, .05, .15, .95);
}
.vi-wcaio-sidebar-cart-loading-loader_balls_2 div:nth-child(2) {
animation: vi_wcaio_loading-loader_balls_2 0.4s 0.1s alternate infinite cubic-bezier(.6, .05, .15, .95) backwards;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_2 div:nth-child(3) {
animation: vi_wcaio_loading-loader_balls_2 0.4s 0.12s alternate infinite cubic-bezier(.6, .05, .15, .95) backwards;
}
@keyframes vi_wcaio_loading-loader_balls_2 {
0% {
transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
}
100% {
transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
}
}
.vi-wcaio-sidebar-cart-loading-loader_balls_3 {
position: absolute;
top: 30%;
left: 40%;
width: 90px;
display: flex;
justify-content: space-between;
align-items: center;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_3 div {
width: 20px;
height: 20px;
border-radius: 100%;
opacity: 0;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_3 :nth-child(1) {
animation: vi_wcaio_loading-loader_balls_3 1s ease-in-out infinite;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_3 :nth-child(2) {
animation: vi_wcaio_loading-loader_balls_3 1s ease-in-out 0.33s infinite;
}
.vi-wcaio-sidebar-cart-loading-loader_balls_3 :nth-child(3) {
animation: vi_wcaio_loading-loader_balls_3 1s ease-in-out 0.66s infinite;
}
@keyframes vi_wcaio_loading-loader_balls_3 {
0%, 100% {
opacity: 0;
}
60% {
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-loading-ripple {
display: inline-block;
position: absolute;
top: 10%;
left: 15%;
width: 300px;
height: 300px;
}
.vi-wcaio-sidebar-cart-loading-ripple div {
position: absolute;
opacity: 1;
border-radius: 50%;
animation: vi_wcaio_loading-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.vi-wcaio-sidebar-cart-loading-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes vi_wcaio_loading-ripple {
0% {
top: 45%;
left: 45%;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: -1px;
left: -1px;
width: 300px;
height: 300px;
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-loading-spinner {
display: inline-block;
position: absolute;
top: 30%;
left: 40%;
width: 64px;
height: 64px;
}
.vi-wcaio-sidebar-cart-loading-spinner div {
transform-origin: 32px 32px;
animation: vi_wcaio_loading-spinner 1.2s linear infinite;
}
.vi-wcaio-sidebar-cart-loading-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes vi_wcaio_loading-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}.vi-wcaio-sidebar-cart-wrap {
box-sizing: border-box;
line-height: 1.6;
font-size: 13px;
}
.vi-wcaio-sidebar-cart-wrap *, .vi-wcaio-sidebar-cart-wrap *::after, .vi-wcaio-sidebar-cart-wrap *::before {
box-sizing: border-box;
}
.vi-wcaio-sidebar-cart-wrap *:focus {
outline: unset !important;
}
.vi-wcaio-sidebar-cart-wrap a {
text-decoration: none !important;
}
.vi-wcaio-sidebar-cart-overlay {
position: fixed;
z-index: 99999991;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 1;
}
.vi-wcaio-sidebar-cart {
z-index: 99999999;
opacity: 1;
position: fixed;
line-height: inherit;
}
.vi-wcaio-sidebar-cart-2.vi-wcaio-sidebar-cart-bottom_left {
left: 0;
bottom: 0;
}
.vi-wcaio-sidebar-cart-2.vi-wcaio-sidebar-cart-top_left {
left: 0;
top: 0;
}
.vi-wcaio-sidebar-cart-2.vi-wcaio-sidebar-cart-top_right {
right: 0;
top: 0;
}
.vi-wcaio-sidebar-cart-2.vi-wcaio-sidebar-cart-bottom_right {
right: 0;
bottom: 0;
}
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_left,
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_left {
left: 20px;
}
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_right,
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_right {
right: 20px;
}
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_right,
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_left {
bottom: 20px;
}
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_left,
.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_right {
top: 20px;
}
.vi-wcaio-sidebar-cart-bottom_left .vi-wcaio-sidebar-cart-content-wrap {
left: 0;
bottom: 0;
}
.vi-wcaio-sidebar-cart-top_left .vi-wcaio-sidebar-cart-content-wrap {
left: 0;
top: 0;
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap {
right: 0;
top: 0;
}
.vi-wcaio-sidebar-cart-bottom_right .vi-wcaio-sidebar-cart-content-wrap {
right: 0;
bottom: 0;
}
.vi-wcaio-sidebar-cart-content-close {
visibility: hidden;
opacity: 0;
z-index: -1;
pointer-events: none !important;
}
.vi-wcaio-sidebar-cart-content-open {
visibility: visible;
opacity: 1;
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-slide-left {
animation-duration: .6s;
animation-name: vi-wcaio-slide_out_left;
}
@keyframes vi-wcaio-slide_out_left {
from {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
to {
transform: translate3d(-100%, 0, 0);
visibility: hidden;
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-slide-left {
animation-duration: .5s;
animation-name: vi-wcaio-slide_in_left;
}
@keyframes vi-wcaio-slide_in_left {
from {
transform: translate3d(-100%, 0, 0);
visibility: hidden;
}
to {
transform: translate3d(0, 0, 0);
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-slide-right {
animation-duration: .6s;
animation-name: vi-wcaio-slide_out_right;
}
@keyframes vi-wcaio-slide_out_right {
from {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0);
visibility: hidden;
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-slide-right {
animation-duration: .5s;
animation-name: vi-wcaio-slide_in_right;
}
@keyframes vi-wcaio-slide_in_right {
from {
transform: translate3d(100%, 0, 0);
visibility: hidden;
}
to {
transform: translate3d(0, 0, 0);
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-flip-left {
animation-duration: .6s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: vi-wcaio-flip_out_left;
}
@keyframes vi-wcaio-flip_out_left {
100% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-flip-left {
animation-duration: 1s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: vi-wcaio-flip_in_left;
}
@keyframes vi-wcaio-flip_in_left {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-flip-right {
animation-duration: .6s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: vi-wcaio-flip_out_right;
}
@keyframes vi-wcaio-flip_out_right {
100% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, 15deg);
opacity: 1;
}
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-flip-right {
animation-duration: 1s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: vi-wcaio-flip_in_right;
}
@keyframes vi-wcaio-flip_in_right {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, 20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, -10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, 5deg);
}
100% {
transform: perspective(400px);
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-fade-left {
animation-duration: .6s;
animation-name: vi-wcaio-fade_out_left;
}
@keyframes vi-wcaio-fade_out_left {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-fade-left {
animation-duration: .5s;
animation-name: vi-wcaio-fade_in_left;
}
@keyframes vi-wcaio-fade_in_left {
0% {
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
50% {
opacity: .45;
}
80% {
opacity: .65;
}
90% {
opacity: .8;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-fade-right {
animation-duration: .6s;
animation-name: vi-wcaio-fade_out_right;
}
@keyframes vi-wcaio-fade_out_right {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-fade-right {
animation-duration: .5s;
animation-name: vi-wcaio-fade_in_right;
}
@keyframes vi-wcaio-fade_in_right {
0% {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
50% {
opacity: .45;
}
80% {
opacity: .65;
}
90% {
opacity: .8;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-roll-left {
animation-duration: .6s;
animation-name: vi-wcaio-roll_out_left;
}
@keyframes vi-wcaio-roll_out_left {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-roll-left {
animation-duration: .5s;
animation-name: vi-wcaio-roll_in_left;
}
@keyframes vi-wcaio-roll_in_left {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-roll-right {
animation-duration: .6s;
animation-name: vi-wcaio-roll_out_right;
}
@keyframes vi-wcaio-roll_out_right {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-roll-right {
animation-duration: .5s;
animation-name: vi-wcaio-roll_in_right;
}
@keyframes vi-wcaio-roll_in_right {
from {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
to {
opacity: 1;
transform: none;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-rotate-left {
animation-duration: .8s;
animation-name: vi-wcaio-rotate_out_left;
}
@keyframes vi-wcaio-rotate_out_left {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-rotate-left {
animation-duration: 1s;
animation-name: vi-wcaio-rotate_in_left;
}
@keyframes vi-wcaio-rotate_in_left {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-rotate-right {
animation-duration: .8s;
animation-name: vi-wcaio-rotate_out_right;
}
@keyframes vi-wcaio-rotate_out_right {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-rotate-right {
animation-duration: 1s;
animation-name: vi-wcaio-rotate_in_right;
}
@keyframes vi-wcaio-rotate_in_right {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-rotate_down-left {
animation-duration: .6s;
animation-name: vi-wcaio-rotate_down_out_left;
}
@keyframes vi-wcaio-rotate_down_out_left {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-rotate_down-left {
animation-duration: 1s;
animation-name: vi-wcaio-rotate_down_in_left;
}
@keyframes vi-wcaio-rotate_down_in_left {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-rotate_down-right {
animation-duration: .6s;
animation-name: vi-wcaio-rotate_down_out_right;
}
@keyframes vi-wcaio-rotate_down_out_right {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-rotate_down-right {
animation-duration: 1s;
animation-name: vi-wcaio-rotate_down_in_right;
}
@keyframes vi-wcaio-rotate_down_in_right {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-rotate_up-left {
animation-duration: .6s;
animation-name: vi-wcaio-rotate_up_out_left;
}
@keyframes vi-wcaio-rotate_up_out_left {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-rotate_up-left {
animation-duration: 1s;
animation-name: vi-wcaio-rotate_up_in_left;
}
@keyframes vi-wcaio-rotate_up_in_left {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-rotate_up-right {
animation-duration: .6s;
animation-name: vi-wcaio-rotate_up_out_right;
}
@keyframes vi-wcaio-rotate_up_out_right {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-rotate_up-right {
animation-duration: 1s;
animation-name: vi-wcaio-rotate_up_in_right;
}
@keyframes vi-wcaio-rotate_up_in_right {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-zoom-right,
.vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-zoom-left {
animation-duration: .6s;
animation-name: vi-wcaio-zoom_out;
}
@keyframes vi-wcaio-zoom_out {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-zoom-right,
.vi-wcaio-sidebar-cart-content-open.vi-wcaio-sidebar-cart-content-open-zoom-left {
animation-duration: 1s;
animation-name: vi-wcaio-zoom_in;
}
@keyframes vi-wcaio-zoom_in {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 1;
}
}
.vi-wcaio-sidebar-cart-2 .vi-wcaio-sidebar-cart-content-wrap {
height: 100vh;
display: inline-flex;
flex-wrap: nowrap;
flex-direction: column;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-content-wrap.vi-wcaio-sidebar-cart-content-wrap-customize button.vi-wcaio-bt-coupon-code,
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-content-wrap.vi-wcaio-sidebar-cart-content-wrap-customize .vi-wcaio-sidebar-cart-pd-remove,
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-content-wrap.vi-wcaio-sidebar-cart-content-wrap-customize button.vi-wcaio-sidebar-cart-bt-checkout-place_order,
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-content-wrap.vi-wcaio-sidebar-cart-content-wrap-customize button.vi-wcaio-pd_plus-product-bt-atc {
cursor: no-drop !important;
}
.vi-wcaio-sidebar-cart-2 .vi-wcaio-sidebar-cart-content-wrap > div {
flex-grow: 1;
}
.vi-wcaio-sidebar-cart-content-wrap {
position: absolute;
width: 440px;
max-width: calc(100vw - 40px);
max-height: 100vh;
background: #fff;
margin: 0;
overflow: hidden;
height: auto;
}
.vi-wcaio-sidebar-cart-header-wrap {
width: 100%;
position: relative;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 20px 35px 15px 15px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #e6e6e6;
}
.vi-wcaio-sidebar-cart-header-title-wrap {
width: auto;
max-width: 100%;
font-weight: 600;
font-size: 20px;
color: #181818;
transform: translateZ(0);
}
.vi-wcaio-sidebar-cart-header-coupon-wrap {
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
min-width: 190px;
}
@media screen and (max-width: 480px) {
.vi-wcaio-sidebar-cart-header-coupon-wrap {
min-width: 150px;
width: 100%;
justify-content: flex-start;
}
}
.vi-wcaio-sidebar-cart-header-coupon-wrap .vi-wcaio-coupon-code {
padding: 0 5px;
box-sizing: border-box;
border: 1px solid #ddd;
height: 30px;
font-size: .97em;
max-width: 55% !important;
vertical-align: middle;
background-color: #fff;
color: #333;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
transition: color .3s, border .3s, background .3s, opacity .3s;
margin: 0 !important;
}
.vi-wcaio-sidebar-cart-header-coupon-wrap button.vi-wcaio-bt-coupon-code,
.vi-wcaio-sidebar-cart-header-coupon-wrap .vi-wcaio-bt-coupon-code.button {
height: 30px;
font-size: 13px;
}
.vi-wcaio-sidebar-cart-close-wrap {
display: flex;
justify-content: center;
align-items: flex-start;
position: absolute;
top: 20px;
right: 15px;
cursor: pointer;
}
.vi-wcaio-sidebar-cart-close-wrap i {
color: #111;
}
.vi-wcaio-sidebar-cart-close-wrap i:before {
font-size: 13px;
}
.vi-wcaio-sidebar-cart-1 .vi-wcaio-sidebar-cart-content-wrap1 {
max-height: 250px;
}
.vi-wcaio-sidebar-cart-content-wrap1,
.vi-wcaio-sidebar-cart-products-wrap {
padding: 0 15px;
background: #fff;
color: #222;
overflow: auto;
min-height: 225px;
height: 100%;
}
.vi-wcaio-sidebar-cart-products {
max-width: 100%;
list-style: none;
overflow: hidden;
padding: 0;
margin: 0;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-empty {
text-align: center;
opacity: 0.2;
font-size: 20px;
margin-top: 10px;
text-transform: uppercase;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-wrap {
margin-top: 20px;
display: flex;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-wrap:last-child {
margin-bottom: 20px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap {
width: 25%;
display: flex;
min-width: 90px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap img {
width: 90px;
height: auto; max-width: 100%;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap {
width: 75%;
padding-left: 5px;
font-size: 16px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap div {
max-width: 100%;
margin-bottom: 8px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta p:last-child,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dd:last-child,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dl:last-child,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap div:last-child {
margin-bottom: 0;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dl {
display: inline-flex;
flex-wrap: wrap;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dl,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dd,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta p {
margin-bottom: 8px;
margin-top: 0;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name-wrap {
font-weight: 300;
word-spacing: .1em;
display: inline-flex;
justify-content: space-between;
width: 100%;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc {
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc div {
margin-right: 10px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc div:last-child {
margin-right: 0;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi-wcaio-sidebar-cart-pd-quantity {
display: inline-flex;
align-items: center;
justify-content: center;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_qty {
margin: 0;
box-sizing: border-box;
padding: 0;
height: 25px;
font-size: .97em;
max-width: 50px;
min-width: 45px;
width: 100%;
box-shadow: unset;
transition: color .3s, border .3s, background .3s, opacity .3s;
vertical-align: middle;
text-align: center;
background-color: #fff;
color: #333;
border: unset !important;
display: inline-block;
line-height: 1 !important;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_change_qty {
min-width: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.vi-wcaio-sidebar-cart-products input[type="number"]::-webkit-outer-spin-button,
.vi-wcaio-sidebar-cart-products input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin-right: 0 !important;
}
.vi-wcaio-sidebar-cart-products input[type=number] {
-moz-appearance: textfield;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-remove-wrap i {
color: #808b97;
}
.vi-wcaio-sidebar-cart-footer-wrap {
padding: 15px 15px 20px;
width: 100%;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #e6e6e6;
text-align: left;
}
.vi-wcaio-sidebar-cart-footer {
display: inline-block;
width: 100%;
}
.vi-wcaio-sidebar-cart-footer-action {
float: right;
}
.vi-wcaio-sidebar-cart-footer-action .vi-wcaio-sidebar-cart-bt {
float: left;
margin-left: 10px !important;
}
.vi-wcaio-sidebar-cart-footer.vi-wcaio-sidebar-cart-footer-products {
display: inline-flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer.vi-wcaio-sidebar-cart-footer-products:nth-child(2) {
margin-bottom: 0;
}
.vi-wcaio-sidebar-cart-footer-cart_total-wrap {
display: inline-grid;
justify-content: flex-start;
align-items: center;
line-height: normal;
max-width: 70%;
grid-gap: 10px;
}
.vi-wcaio-sidebar-cart-footer-cart_total-wrap > div {
display: inline-flex;
align-items: center;
float: left;
color: #181818;
width: 100%;
}
.vi-wcaio-sidebar-cart-footer-cart_total > div:nth-child(1) {
margin-right: 5px;
}
.vi-wcaio-sidebar-cart-footer-cart_total > div:nth-child(2) {
font-weight: 700;
}
.vi-wcaio-sidebar-cart-footer-message-wrap {
clear: both;
margin-top: 10px;
}
.vi-wcaio-sidebar-cart-wrap button:not(.vi-wcaio-disabled):not(.vi-wcaio-bt-disabled),
.vi-wcaio-sidebar-cart-wrap .vi-wcaio-sidebar-cart-bt:not(.vi-wcaio-disabled):not(.vi-wcaio-bt-disabled),
.vi-wcaio-sidebar-cart-wrap .button:not(.vi-wcaio-disabled):not(.vi-wcaio-bt-disabled) {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
}
.vi-wcaio-sidebar-cart-wrap button,
.vi-wcaio-sidebar-cart-wrap .vi-wcaio-sidebar-cart-bt,
.vi-wcaio-sidebar-cart-wrap .button {
display: inline-flex;
justify-content: center;
align-items: center;
width: auto !important;
height: 36px;
padding: 3px 10px !important;
box-sizing: border-box;
min-width: 0 !important;
min-height: 0 !important;
border: 0 !important;
margin: 0;
background: #bdbdbd;
color: #fff;
text-transform: none !important;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
font-weight: normal;
position: relative;
}
.vi-wcaio-sidebar-cart-footer-coupons table,
.vi-wcaio-sidebar-cart-footer-coupons table tr,
.vi-wcaio-sidebar-cart-footer-coupons table th,
.vi-wcaio-sidebar-cart-footer-coupons table td {
border: none;
margin: 0;
padding: 0;
background: transparent !important;
}
.vi-wcaio-sidebar-cart-footer-coupons table tr {
width: 100%;
display: inline-grid;
grid-gap: 10px;
grid-template-columns: auto auto;
} .vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar {
width: 7px;
}
.vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar-track {
background: #f1f1f1;
margin-top: 2px;
margin-bottom: 2px;
}
.vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar-thumb {
background: #cecece;
border-radius: 20px;
}
.vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar-thumb:hover {
background: #a6a6a6;
} .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-header-title-wrap {
margin-right: 0;
margin-left: 10px;
}
.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-header-coupon-wrap {
margin-right: 0;
margin-left: 25px;
}
.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-close-wrap {
left: 15px;
right: auto;
}
.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap {
padding-left: 0;
padding-right: 5px;
}
.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-footer-action {
float: left;
}
.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-footer-action .vi-wcaio-sidebar-cart-bt {
float: right;
margin-left: 0 !important;
margin-right: 10px !important;
}
.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-footer-pd-plus-title {
text-align: right;
} .vi-wcaio-img-flying {
background: #fff none repeat scroll 0 0;
box-shadow: 0 5px 31px -1px rgba(0, 0, 0, 0.15);
display: none;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 999999999;
}
.vi-wcaio-img-flying img {
width: 100%;
height: 100%;
}
.vi-wcaio-sidebar-cart-footer-pd-price ins{
text-decoration: none;
}