: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;
} .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;
}