/* Web paketlerinin minyatür önizlemeleri (tools/yama/web-onizleme.html; ortak.py → ONIZLEME). Tercih sihirbazının giriş kartları
   (abonelikler.html, .sb-kart-onz.wp-onizleme), Web siteleri'nin tür kartları (web-siteleri.html, .ws-kart-onz.wp-onizleme) ve plan
   sayfasının paket önizlemesi (teklif.html) kullanır; her türün minyatür, canlı
   bir tel kafes sitesi. Önizlemeler yalnız görünürken oynar (.canli: web-paketler.js; teklif.html'de teklif.js); hareketi azaltta son
   kare durur. Eski web-siteleri.html paket kartları, karşılaştırma tablosu, ödeme modelleri ve hizmetler özeti kalktı (10.10.2026):
   Web siteleri sayfasının kendi stili assets/web-siteleri.css'tedir. */

/* ---------- minyatür önizlemeler (tools/yama/web-onizleme.html) ---------- */
.onz { display: block; width: 100%; height: auto; overflow: visible; }
.onz * { transform-box: view-box; }
.onz-pencere { fill: #0C1318; stroke: #283540; stroke-width: 1; }
.onz-ust { stroke: #283540; }
.onz-tuy { fill: #34424D; }
.onz-adres { fill: #16212A; }
.onz-dolgu { fill: #D9E4EC; }
.onz-cizgi-k { fill: #4E5E6B; }
.onz-kutu, .onz-alan { fill: #ffffff05; stroke: #344451; stroke-width: 1; }
.onz-ince { fill: none; stroke: #6A7C8B; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
.onz-nokta { fill: var(--turan); }
.onz-halka { fill: none; stroke: var(--turan); stroke-width: 1.4; opacity: 0; transform-box: fill-box; transform-origin: center; }
.onz-imlec { transform: translate(200px, 130px); }

/* tanıtım: sayfa kayar, imleç çağrı butonuna basar */
.onz-tanitim .onz-kaydir { animation: tn-kaydir 8s infinite cubic-bezier(.6, 0, .3, 1); }
@keyframes tn-kaydir { 0%, 22% { transform: translateY(0); } 42%, 86% { transform: translateY(-80px); } 96%, 100% { transform: translateY(0); } }
.onz-tanitim .onz-buton { fill: transparent; stroke: var(--paket-renk); stroke-width: 1.2; animation: tn-buton 8s infinite; }
.onz-tanitim .onz-buton-yazi { fill: var(--paket-renk); animation: tn-buton-yazi 8s infinite; }
@keyframes tn-buton { 0%, 58% { fill: transparent; } 61%, 86% { fill: var(--turan); stroke: var(--turan); } 94%, 100% { fill: transparent; } }
@keyframes tn-buton-yazi { 0%, 58% { fill: var(--paket-renk); } 61%, 86% { fill: #fff; } 94%, 100% { fill: var(--paket-renk); } }
.onz-imlec-tanitim { animation: tn-imlec 8s infinite cubic-bezier(.5, 0, .2, 1); }
@keyframes tn-imlec { 0%, 18% { transform: translate(206px, 128px); } 44%, 50% { transform: translate(150px, 96px); } 58%, 82% { transform: translate(120px, 127px); } 96%, 100% { transform: translate(206px, 128px); } }
.onz-imlec-tanitim .onz-halka { animation: tik 8s infinite; --tik: 59%; }

/* kurumsal: imleç menüde gezer, sayfa değişir */
.onz-kurumsal .onz-menu { fill: #4E5E6B; }
.onz-kurumsal .m4 { fill: none; stroke: var(--paket-renk); stroke-width: 1.1; }
.onz-kurumsal .onz-alt-cizgi { fill: var(--turan); animation: kr-cizgi 9s infinite cubic-bezier(.6, 0, .3, 1); }
@keyframes kr-cizgi { 0%, 30% { transform: translateX(0); } 36%, 63% { transform: translateX(26px); } 69%, 96% { transform: translateX(52px); } 100% { transform: translateX(0); } }
.onz-kurumsal .onz-sahne { opacity: 0; }
.onz-kurumsal .s1 { opacity: 1; animation: kr-s1 9s infinite; } .onz-kurumsal .s2 { animation: kr-s2 9s infinite; } .onz-kurumsal .s3 { animation: kr-s3 9s infinite; }
@keyframes kr-s1 { 0%, 31% { opacity: 1; } 34%, 97% { opacity: 0; } 100% { opacity: 1; } }
@keyframes kr-s2 { 0%, 34% { opacity: 0; } 37%, 64% { opacity: 1; } 67%, 100% { opacity: 0; } }
@keyframes kr-s3 { 0%, 67% { opacity: 0; } 70%, 97% { opacity: 1; } 100% { opacity: 0; } }
.onz-kurumsal .onz-pin { fill: none; stroke: var(--turan); stroke-width: 1.3; }
.onz-imlec-kurumsal { animation: kr-imlec 9s infinite cubic-bezier(.5, 0, .2, 1); }
@keyframes kr-imlec { 0%, 4% { transform: translate(196px, 120px); } 12%, 22% { transform: translate(128px, 31px); } 30%, 34% { transform: translate(154px, 31px); } 46%, 58% { transform: translate(120px, 96px); }
  64%, 68% { transform: translate(180px, 31px); } 80%, 90% { transform: translate(60px, 117px); } 100% { transform: translate(196px, 120px); } }
.onz-imlec-kurumsal .onz-halka { animation: kr-tik 9s infinite; }
@keyframes kr-tik { 0%, 32%, 36%, 65%, 69%, 100% { opacity: 0; transform: scale(.4); } 33%, 66% { opacity: 1; transform: scale(.6); } 35%, 68% { opacity: 0; transform: scale(1.9); } }

/* abonelik: sonsuzluk döner, tarama geçer, kutular yenilenir, "güncellendi" bildirimi düşer */
.onz-abonelik .onz-sonsuz path { fill: none; stroke: var(--paket-renk); stroke-width: 1.3; }
.onz-abonelik .onz-sonsuz-nokta { fill: var(--turan); offset-path: path('M-12 0c0-6 9-6 12 0s12 6 12 0-9-6-12 0-12 6-12 0z'); offset-rotate: 0deg; animation: ab-sonsuz 2.6s linear infinite; }
@keyframes ab-sonsuz { from { offset-distance: 0%; } to { offset-distance: 100%; } }
.onz-abonelik .onz-tarama { fill: var(--paket-renk); opacity: 0; animation: ab-tarama 8s infinite linear; }
@keyframes ab-tarama { 0% { transform: translateY(0); opacity: 0; } 4% { opacity: .55; } 38% { transform: translateY(126px); opacity: .55; } 42%, 100% { transform: translateY(126px); opacity: 0; } }
.onz-abonelik .yenilen { animation: ab-yenile 8s infinite; }
.onz-abonelik .y2 { animation-delay: .25s; } .onz-abonelik .y3 { animation-delay: .5s; }
@keyframes ab-yenile { 0%, 24% { stroke: #344451; fill: #ffffff05; } 28% { stroke: var(--paket-renk); fill: color-mix(in srgb, var(--paket-renk) 14%, transparent); } 40%, 100% { stroke: #344451; fill: #ffffff05; } }
.onz-abonelik .onz-bildirim { opacity: 0; animation: ab-bildirim 8s infinite cubic-bezier(.2, .7, .1, 1); }
.onz-abonelik .onz-bildirim rect:first-child { fill: #0E1B22; stroke: var(--paket-renk); stroke-width: 1; }
.onz-abonelik .onz-bildirim path { fill: none; stroke: var(--turan); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.onz-abonelik .onz-bildirim-yazi { fill: #8FA2B1; }
@keyframes ab-bildirim { 0%, 42% { opacity: 0; transform: translateY(-8px); } 48%, 76% { opacity: 1; transform: translateY(0); } 84%, 100% { opacity: 0; transform: translateY(-8px); } }

/* e-ticaret: üç ürün sepete uçar, rozet artar, ödeme çubuğu dolar */
.onz-eticaret .onz-fiyat { fill: var(--paket-renk); }
.onz-eticaret .onz-sepet-rozet circle { fill: var(--turan); opacity: 0; animation: et-rozet 9s infinite; }
.onz-eticaret .onz-sepet-rozet text { font: 700 7.5px/1 'Archivo', sans-serif; fill: #fff; text-anchor: middle; opacity: 0; }
.onz-eticaret .r1 { animation: et-r1 9s infinite; } .onz-eticaret .r2 { animation: et-r2 9s infinite; } .onz-eticaret .r3 { animation: et-r3 9s infinite; }
@keyframes et-rozet { 0%, 26% { opacity: 0; } 28%, 96% { opacity: 1; } 100% { opacity: 0; } }
@keyframes et-r1 { 0%, 26% { opacity: 0; } 28%, 52% { opacity: 1; } 54%, 100% { opacity: 0; } }
@keyframes et-r2 { 0%, 52% { opacity: 0; } 54%, 76% { opacity: 1; } 78%, 100% { opacity: 0; } }
@keyframes et-r3 { 0%, 76% { opacity: 0; } 78%, 96% { opacity: 1; } 100% { opacity: 0; } }
.onz-eticaret .u .onz-kutu { animation: et-urun 9s infinite; }
.onz-eticaret .u2 .onz-kutu { animation-delay: 2.34s; } .onz-eticaret .u3 .onz-kutu { animation-delay: 4.5s; }
@keyframes et-urun { 0%, 12% { stroke: #344451; } 15%, 22% { stroke: var(--paket-renk); } 28%, 100% { stroke: #344451; } }
.onz-eticaret .onz-ucan { fill: var(--turan); opacity: 0; animation: et-ucan 9s infinite cubic-bezier(.5, 0, .5, 1); }
@keyframes et-ucan { 0%, 15% { opacity: 0; transform: translate(49px, 68px); } 16% { opacity: 1; transform: translate(49px, 68px); } 27% { opacity: 1; transform: translate(227px, 27px); } 28%, 39% { opacity: 0; transform: translate(227px, 27px); }
  40% { opacity: 0; transform: translate(120px, 68px); } 41% { opacity: 1; transform: translate(120px, 68px); } 52% { opacity: 1; transform: translate(227px, 27px); } 53%, 63% { opacity: 0; transform: translate(227px, 27px); }
  64% { opacity: 0; transform: translate(191px, 68px); } 65% { opacity: 1; transform: translate(191px, 68px); } 76% { opacity: 1; transform: translate(227px, 27px); } 77%, 100% { opacity: 0; transform: translate(227px, 27px); } }
.onz-eticaret .onz-odeme { transform: translateY(30px); opacity: 0; animation: et-odeme 9s infinite cubic-bezier(.2, .7, .1, 1); }
.onz-eticaret .onz-odeme rect:first-child { fill: #0E1B22; stroke: #3B4C59; }
.onz-eticaret .onz-odeme-dolu { fill: var(--turan); transform-box: fill-box; transform-origin: left center; transform: scaleX(0); animation: et-dolu 9s infinite; }
.onz-eticaret .onz-odeme-tik { fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0; animation: et-tik 9s infinite; }
@keyframes et-odeme { 0%, 79% { transform: translateY(30px); opacity: 0; } 82%, 97% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(30px); opacity: 0; } }
@keyframes et-dolu { 0%, 83% { transform: scaleX(0); } 91%, 97% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes et-tik { 0%, 91% { opacity: 0; } 93%, 97% { opacity: 1; } 100% { opacity: 0; } }
.onz-imlec-eticaret { animation: et-imlec 9s infinite cubic-bezier(.5, 0, .2, 1); }
@keyframes et-imlec { 0%, 4% { transform: translate(206px, 120px); } 12%, 16% { transform: translate(49px, 68px); } 34%, 40% { transform: translate(120px, 68px); } 58%, 64% { transform: translate(191px, 68px); }
  82%, 92% { transform: translate(120px, 132px); } 100% { transform: translate(206px, 120px); } }
.onz-imlec-eticaret .onz-halka { animation: et-tik-halka 9s infinite; }
@keyframes et-tik-halka { 0%, 13%, 17%, 37%, 41%, 61%, 65%, 100% { opacity: 0; transform: scale(.4); } 14%, 38%, 62% { opacity: 1; transform: scale(.6); } 16%, 40%, 64% { opacity: 0; transform: scale(1.9); } }

/* özel yazılım: gösterge paneli çizilir, sayılar büyür, tablo satırları dolar */
.onz-ozel .onz-yan { fill: #ffffff04; stroke: none; }
.onz-ozel .secili { fill: var(--paket-renk); }
.onz-ozel .onz-sayi { fill: #D9E4EC; transform-box: fill-box; transform-origin: left center; animation: oz-sayi 9s infinite cubic-bezier(.2, .7, .1, 1); }
.onz-ozel .k2 { animation-delay: .3s; } .onz-ozel .k3 { animation-delay: .6s; }
@keyframes oz-sayi { 0%, 6% { transform: scaleX(.15); } 30%, 92% { transform: scaleX(1); } 100% { transform: scaleX(.15); } }
.onz-ozel .onz-grafik { fill: none; stroke: var(--paket-renk); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 200; stroke-dashoffset: 200; animation: oz-grafik 9s infinite cubic-bezier(.4, 0, .2, 1); }
@keyframes oz-grafik { 0%, 8% { stroke-dashoffset: 200; } 42%, 92% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 200; } }
.onz-ozel .onz-satir { fill: #ffffff07; stroke: #2E3C47; stroke-width: .8; opacity: 0; animation: oz-satir 9s infinite; }
.onz-ozel .s2 { animation-delay: .35s; } .onz-ozel .s3 { animation-delay: .7s; }
@keyframes oz-satir { 0%, 44% { opacity: 0; transform: translateX(-10px); } 52%, 92% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; } }
.onz-imlec-ozel { animation: oz-imlec 9s infinite cubic-bezier(.5, 0, .2, 1); }
@keyframes oz-imlec { 0%, 6% { transform: translate(24px, 46px); } 20%, 30% { transform: translate(140px, 84px); } 46%, 56% { transform: translate(202px, 74px); } 72%, 84% { transform: translate(160px, 133px); } 100% { transform: translate(24px, 46px); } }
.onz-imlec-ozel .onz-halka { animation: oz-tik 9s infinite; }
@keyframes oz-tik { 0%, 49%, 53%, 100% { opacity: 0; transform: scale(.4); } 50% { opacity: 1; transform: scale(.6); } 52% { opacity: 0; transform: scale(1.9); } }

/* randevu: gün seçilir, saat seçilir, onaylanır */
.onz-randevu .onz-gunler circle { fill: #4E5E6B; }
.onz-randevu .onz-gun-secili { fill: none; stroke: var(--turan); stroke-width: 1.4; opacity: 0; transform-box: fill-box; transform-origin: center; animation: rv-gun 8s infinite; }
@keyframes rv-gun { 0%, 20% { opacity: 0; transform: scale(.3); } 24%, 94% { opacity: 1; transform: scale(1); } 100% { opacity: 0; } }
.onz-randevu .onz-saat { fill: #ffffff05; stroke: #344451; }
.onz-randevu .a2 { animation: rv-saat 8s infinite; }
@keyframes rv-saat { 0%, 46% { fill: #ffffff05; stroke: #344451; } 50%, 94% { fill: color-mix(in srgb, var(--paket-renk) 22%, transparent); stroke: var(--paket-renk); } 100% { fill: #ffffff05; stroke: #344451; } }
.onz-randevu .onz-onay rect { fill: #ffffff05; stroke: #344451; animation: rv-onay 8s infinite; }
.onz-randevu .onz-onay path { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: 0; animation: rv-tik 8s infinite; }
@keyframes rv-onay { 0%, 72% { fill: #ffffff05; stroke: #344451; } 75%, 94% { fill: var(--turan); stroke: var(--turan); } 100% { fill: #ffffff05; stroke: #344451; } }
@keyframes rv-tik { 0%, 75% { opacity: 0; } 78%, 94% { opacity: 1; } 100% { opacity: 0; } }
.onz-imlec-randevu { animation: rv-imlec 8s infinite cubic-bezier(.5, 0, .2, 1); }
@keyframes rv-imlec { 0%, 6% { transform: translate(206px, 40px); } 18%, 26% { transform: translate(76px, 98px); } 42%, 52% { transform: translate(178px, 88px); } 66%, 80% { transform: translate(178px, 132px); } 100% { transform: translate(206px, 40px); } }
.onz-imlec-randevu .onz-halka { animation: rv-tik-halka 8s infinite; }
@keyframes rv-tik-halka { 0%, 21%, 25%, 46%, 50%, 72%, 76%, 100% { opacity: 0; transform: scale(.4); } 22%, 47%, 73% { opacity: 1; transform: scale(.6); } 24%, 49%, 75% { opacity: 0; transform: scale(1.9); } }

/* çok dilli: imleç dil düğmesine basar, içerik TR → EN → DE değişir */
.onz-cokdil .onz-dil-kutu rect { fill: #ffffff06; stroke: var(--paket-renk); stroke-width: 1; }
.onz-cokdil .onz-dil-kutu text { font: 700 7px/1 'JetBrains Mono', monospace; fill: var(--paket-renk); text-anchor: middle; opacity: 0; }
.onz-cokdil .d1 { animation: cd-d1 9s infinite; } .onz-cokdil .d2 { animation: cd-d2 9s infinite; } .onz-cokdil .d3 { animation: cd-d3 9s infinite; }
@keyframes cd-d1 { 0%, 30% { opacity: 1; } 33%, 97% { opacity: 0; } 100% { opacity: 1; } }
@keyframes cd-d2 { 0%, 33% { opacity: 0; } 36%, 63% { opacity: 1; } 66%, 100% { opacity: 0; } }
@keyframes cd-d3 { 0%, 66% { opacity: 0; } 69%, 97% { opacity: 1; } 100% { opacity: 0; } }
.onz-cokdil .onz-dil-sahne rect { transform-box: fill-box; transform-origin: left center; animation: cd-metin 9s infinite cubic-bezier(.6, 0, .3, 1); }
.onz-cokdil .l2 { animation-name: cd-metin2; } .onz-cokdil .l3 { animation-name: cd-metin3; }
@keyframes cd-metin { 0%, 31% { transform: scaleX(1); opacity: 1; } 33% { opacity: .2; } 36%, 64% { transform: scaleX(.78); opacity: 1; } 66% { opacity: .2; } 69%, 97% { transform: scaleX(.9); opacity: 1; } 100% { transform: scaleX(1); } }
@keyframes cd-metin2 { 0%, 31% { transform: scaleX(1); opacity: 1; } 33% { opacity: .2; } 36%, 64% { transform: scaleX(.86); opacity: 1; } 66% { opacity: .2; } 69%, 97% { transform: scaleX(1.06); opacity: 1; } 100% { transform: scaleX(1); } }
@keyframes cd-metin3 { 0%, 31% { transform: scaleX(1); opacity: 1; } 33% { opacity: .2; } 36%, 64% { transform: scaleX(1.12); opacity: 1; } 66% { opacity: .2; } 69%, 97% { transform: scaleX(.8); opacity: 1; } 100% { transform: scaleX(1); } }
.onz-imlec-cokdil { animation: cd-imlec 9s infinite cubic-bezier(.5, 0, .2, 1); }
@keyframes cd-imlec { 0%, 6% { transform: translate(120px, 120px); } 24%, 34% { transform: translate(196px, 31px); } 46%, 52% { transform: translate(70px, 76px); } 58%, 67% { transform: translate(196px, 31px); } 82%, 92% { transform: translate(178px, 70px); } 100% { transform: translate(120px, 120px); } }
.onz-imlec-cokdil .onz-halka { animation: cd-tik 9s infinite; }
@keyframes cd-tik { 0%, 30%, 34%, 63%, 67%, 100% { opacity: 0; transform: scale(.4); } 31%, 64% { opacity: 1; transform: scale(.6); } 33%, 66% { opacity: 0; transform: scale(1.9); } }

@keyframes tik { 0%, 57%, 61%, 100% { opacity: 0; transform: scale(.4); } 58% { opacity: 1; transform: scale(.6); } 60% { opacity: 0; transform: scale(1.9); } }

/* önizleme yalnız kart görünürken oynar: animation kısaltması oynatma durumunu sıfırladığı için en sonda ve kesin */
.wp-onizleme:not(.canli) .onz * { animation-play-state: paused !important; }

@media (prefers-reduced-motion: reduce) {
  .onz *, .onz g { animation: none !important; }
  .onz-kurumsal .s2, .onz-kurumsal .s3, .onz-abonelik .onz-bildirim, .onz-eticaret .onz-ucan { opacity: 0; }
  .onz-ozel .onz-grafik { stroke-dashoffset: 0; } .onz-ozel .onz-satir { opacity: 1; } .onz-cokdil .d1 { opacity: 1; }
}

/* önizlemenin kabı: köşeleri yuvarlak, taşanı kırpar */
.wp-onizleme { border-radius: 9px; overflow: hidden; transition: box-shadow .35s var(--egri); }

/* notey: not uygulaması; imleç satırları yazar, yapılacağı işaretler, yeni not açar */
.onz-notey .onz-yan { fill: #ffffff04; }
.onz-notey .soluk { fill: #3A4752; }
.onz-notey .onz-yeni rect:first-child { fill: #ffffff05; stroke: var(--paket-renk); stroke-width: 1; animation: nt-yeni 10s infinite; }
.onz-notey .onz-yeni path { fill: none; stroke: var(--paket-renk); stroke-width: 1.3; stroke-linecap: round; }
.onz-notey .onz-not-secili { fill: color-mix(in srgb, var(--paket-renk) 14%, transparent); }
.onz-notey .onz-satir-y { transform-box: fill-box; transform-origin: left center; }
.onz-notey .y1 { animation: nt-y1 10s infinite linear; } .onz-notey .y2 { animation: nt-y2 10s infinite linear; }
.onz-notey .y3 { animation: nt-y3 10s infinite linear; } .onz-notey .y4 { animation: nt-y4 10s infinite linear; }
@keyframes nt-y1 { 0%, 6% { transform: scaleX(0); opacity: 1; } 22%, 90% { transform: scaleX(1); opacity: 1; } 95% { transform: scaleX(1); opacity: 0; } 97%, 100% { transform: scaleX(0); opacity: 0; } }
@keyframes nt-y2 { 0%, 24% { transform: scaleX(0); opacity: 1; } 40%, 90% { transform: scaleX(1); opacity: 1; } 95% { transform: scaleX(1); opacity: 0; } 97%, 100% { transform: scaleX(0); opacity: 0; } }
@keyframes nt-y3 { 0%, 42% { transform: scaleX(0); opacity: 1; } 54%, 90% { transform: scaleX(1); opacity: 1; } 95% { transform: scaleX(1); opacity: 0; } 97%, 100% { transform: scaleX(0); opacity: 0; } }
@keyframes nt-y4 { 0%, 56% { transform: scaleX(0); opacity: 1; } 63%, 90% { transform: scaleX(1); opacity: 1; } 95% { transform: scaleX(1); opacity: 0; } 97%, 100% { transform: scaleX(0); opacity: 0; } }
.onz-notey .onz-not-tik { fill: none; stroke: var(--turan); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; animation: nt-tik 10s infinite; }
@keyframes nt-tik { 0%, 71% { opacity: 0; } 73%, 90% { opacity: 1; } 95%, 100% { opacity: 0; } }
@keyframes nt-yeni { 0%, 88% { fill: #ffffff05; } 89.5%, 93% { fill: color-mix(in srgb, var(--paket-renk) 28%, transparent); } 97%, 100% { fill: #ffffff05; } }
.onz-imlec-notey { animation: nt-imlec 10s infinite; }
@keyframes nt-imlec { 0%, 6% { transform: translate(80px, 62px); animation-timing-function: linear; } 22% { transform: translate(208px, 62px); animation-timing-function: cubic-bezier(.5, 0, .2, 1); }
  24% { transform: translate(80px, 74px); animation-timing-function: linear; } 40% { transform: translate(218px, 74px); animation-timing-function: cubic-bezier(.5, 0, .2, 1); }
  42% { transform: translate(80px, 86px); animation-timing-function: linear; } 54% { transform: translate(192px, 86px); animation-timing-function: cubic-bezier(.5, 0, .2, 1); }
  56% { transform: translate(80px, 98px); animation-timing-function: linear; } 63% { transform: translate(150px, 98px); animation-timing-function: cubic-bezier(.5, 0, .2, 1); }
  70%, 80% { transform: translate(84px, 117px); animation-timing-function: cubic-bezier(.5, 0, .2, 1); } 87%, 91% { transform: translate(17.5px, 33px); animation-timing-function: cubic-bezier(.5, 0, .2, 1); }
  99%, 100% { transform: translate(80px, 62px); } }
.onz-imlec-notey .onz-halka { animation: nt-halka 10s infinite; }
@keyframes nt-halka { 0%, 71%, 74%, 88.5%, 91.5%, 100% { opacity: 0; transform: scale(.4); } 71.6%, 89.1% { opacity: 1; transform: scale(.6); } 73.4%, 90.9% { opacity: 0; transform: scale(1.9); } }