/* Velikost měňte pomocí --velikost. Samotná komponenta má průhledné pozadí. */
.svicka{--velikost:320px;position:relative;display:inline-block;width:var(--velikost);max-width:100%;aspect-ratio:1;isolation:isolate;vertical-align:middle;pointer-events:none}
.svicka img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.svicka .zar{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,183,65,.28) 0,rgba(255,153,36,.12) 28%,rgba(255,151,35,.035) 49%,transparent 70%);animation:svetlo 3.71s ease-in-out infinite;z-index:0}
.svicka .vosk{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,174,37,.38),rgba(255,194,83,.12) 42%,transparent 70%);z-index:2;animation:svetlo 2.33s ease-in-out infinite alternate}
.svicka .ohen{position:absolute;left:49.2%;top:49%;width:8%;height:11%;z-index:3;transform:translate(-50%,-50%);filter:none;animation:plamen 1.37s ease-in-out infinite}
.svicka .ohen::before{content:"";position:absolute;inset:0;border-radius:48% 52% 43% 57%;background:radial-gradient(ellipse at 50% 54%,#fffef1 0 22%,#fff5be 35%,#ffdb69 56%,rgba(255,144,29,.8) 72%,transparent 87%);filter:blur(.45px);animation:jiskreni .23s ease-in-out infinite alternate}
.svicka .ohen::after{content:"";position:absolute;inset:30% 29%;border-radius:50%;background:#ffffeb;box-shadow:none;opacity:.9}
@keyframes plamen{
0%,100%{transform:translate(-50%,-50%) rotate(-9deg) scale(.9,1.08)}
12%{transform:translate(-38%,-59%) rotate(14deg) scale(1.05,.88)}
27%{transform:translate(-65%,-48%) rotate(-19deg) scale(.78,1.22)}
43%{transform:translate(-43%,-56%) rotate(10deg) scale(1.14,.95)}
58%{transform:translate(-57%,-42%) rotate(-13deg) scale(.88,1.12)}
76%{transform:translate(-34%,-54%) rotate(21deg) scale(1.06,.83)}
89%{transform:translate(-61%,-53%) rotate(-16deg) scale(.82,1.17)}}
@keyframes svetlo{0%,100%{opacity:.8;transform:scale(1)}13%{opacity:1;transform:scale(1.1)}29%{opacity:.48;transform:scale(.88)}41%{opacity:.91;transform:scale(1.06)}56%{opacity:.6;transform:scale(.95)}73%{opacity:1;transform:scale(1.14)}88%{opacity:.7;transform:scale(.96)}}
@keyframes jiskreni{from{opacity:.9;transform:scale(.88,1.13)}to{opacity:1;transform:scale(1.1,.89)}}
@media(prefers-reduced-motion:reduce){.svicka .zar,.svicka .vosk,.svicka .ohen,.svicka .ohen::before{animation:none}}

.svicka.bezi .zar{animation:svetlo 3.71s ease-in-out infinite}.svicka.bezi .vosk{animation:svetlo 2.33s ease-in-out infinite alternate}.svicka.bezi .ohen{animation:plamen 1.37s ease-in-out infinite}.svicka.bezi .ohen::before{animation:jiskreni .23s ease-in-out infinite alternate}