:root {
--eg-yukleyici-resim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='12' y='7' width='24' height='34' rx='2' fill='%23233c76'/%3E%3Ccircle cx='24' cy='12' r='2' fill='%23fff'/%3E%3Crect x='4' y='32' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.00s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='4' y='25' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.15s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='4' y='18' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.30s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='4' y='11' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.45s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='11' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.60s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='18' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.75s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='25' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.90s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='32' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='1.05s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E");
}
.eg-yukleyici {
display: inline-block;
width: 48px;
height: 48px;
background: var(--eg-yukleyici-resim) center / contain no-repeat;
vertical-align: middle;
}
.eg-yukleniyor {
position: relative;
min-height: 72px;
pointer-events: none;
}
.eg-yukleniyor::after {
content: "";
position: absolute;
inset: 0;
z-index: 10;
background: rgba(255, 255, 255, .75) var(--eg-yukleyici-resim) center / 48px no-repeat;
}
.eg-yukleniyor-dugme {
pointer-events: none;
}
.eg-yukleniyor-dugme::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-right: 8px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
vertical-align: -2px;
animation: eg-yukleyici-don .7s linear infinite;
}
@keyframes eg-yukleyici-don {
to {
transform: rotate(360deg);
}
} .blockUI.blockOverlay {
opacity: .85 !important;
}
.blockUI.blockOverlay::before,
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
content: "" !important;
position: absolute;
top: 50%;
left: 50%;
width: 48px !important;
height: 48px !important;
margin: -24px 0 0 -24px !important;
background: var(--eg-yukleyici-resim) center / contain no-repeat !important;
animation: none !important;
} .cart_totals > .blockUI.blockOverlay,
#payment > .blockUI.blockOverlay,
.woocommerce-checkout-review-order-table .blockUI.blockOverlay {
background: transparent !important;
opacity: 1 !important;
}
.cart_totals > .blockUI.blockOverlay::before,
.woocommerce #payment > .blockUI.blockOverlay::before,
.woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay::before {
display: none !important;
}
.cart_totals:has(> .blockUI.blockOverlay) .order-total .amount,
.woocommerce:has(.woocommerce-cart-form.processing) .cart_totals .amount,
.woocommerce-checkout-review-order-table:has(.blockUI.blockOverlay) .order-total .amount {
border-radius: 2px;
background: linear-gradient(90deg, #e3e8f0 25%, #f4f6fa 50%, #e3e8f0 75%) 0 0 / 200% 100%;
color: transparent !important;
animation: eg-ozet-iskelet 1.1s linear infinite;
}
.cart_totals:has(> .blockUI.blockOverlay) .order-total .amount *,
.woocommerce:has(.woocommerce-cart-form.processing) .cart_totals .amount *,
.woocommerce-checkout-review-order-table:has(.blockUI.blockOverlay) .order-total .amount * {
color: transparent !important;
}
@keyframes eg-ozet-iskelet {
from {
background-position: 100% 0;
}
to {
background-position: -100% 0;
}
}
body .woocommerce .cart_totals:has(> .blockUI.blockOverlay) .wc-proceed-to-checkout a.checkout-button,
body .woocommerce #payment:has(> .blockUI.blockOverlay) #place_order {
opacity: .7;
cursor: progress;
}
.woocommerce .cart_totals:has(> .blockUI.blockOverlay) .wc-proceed-to-checkout a.checkout-button::before,
.woocommerce #payment:has(> .blockUI.blockOverlay) #place_order::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-right: 8px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
vertical-align: -2px;
animation: eg-yukleyici-don .7s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.cart_totals .amount,
.woocommerce-checkout-review-order-table .amount {
animation: none !important;
}
} .wpcf7 form .wpcf7-spinner,
.wpcf7-spinner {
width: 32px;
height: 32px;
border-radius: 0;
background: var(--eg-yukleyici-resim) center / contain no-repeat;
opacity: 1;
}
.wpcf7 form .wpcf7-spinner::before,
.wpcf7-spinner::before {
display: none;
}