.candle-icon{justify-content:center;align-items:flex-end;display:inline-flex;position:relative}.candle-icon *{position:absolute}.candle-icon .candle-body{background:linear-gradient(#e48825,#e78e0e,#833c03,#4c1a03 50%,#1c0900);border-radius:40% 40% 45% 45%/10% 10% 15% 15%;width:100%;height:65%;bottom:0;box-shadow:inset 4px -6px 10px #0006,inset -4px 0 10px #0006}.candle-icon .candle-body:before{content:"";background:radial-gradient(#eaa121,#8e4901 45%,#b86409 80%);border:1px solid #d47401;border-radius:50%;width:100%;height:30%;position:absolute;top:0;left:0}.candle-icon .candle-thread{z-index:1;background:linear-gradient(#d6994a,#4b232c,#121212,#000,#e8bb31 90%);border-radius:40% 40% 0 0;width:8%;height:18%;bottom:62%;left:50%;transform:translate(-50%)}.candle-icon .candle-flame{transform-origin:50% 100%;opacity:1;background:linear-gradient(#fff 80%,#0000);border-radius:50% 50% 20% 20%;width:30%;height:45%;transition:opacity .4s;animation:6s linear infinite candleMoveFlame,5s linear infinite candleEnlargeFlame;bottom:75%;left:50%;transform:translate(-50%)}.candle-icon .candle-flame:before{content:"";width:100%;height:100%;box-shadow:var(--candle-flame-shadow,0 0 6px 0 #f75d0066,0 -3px 2px 0 #f78000b3);border-radius:50% 50% 20% 20%;position:absolute}.candle-icon .candle-glow{opacity:1;background:#0085ffb3;border-radius:50% 50% 35% 35%;width:32%;height:30%;transition:opacity .4s;bottom:58%;left:50%;transform:translate(-50%);box-shadow:0 -8px 6px #dc8a0c,0 8px 10px #dc8a0c,inset 1px 0 1px #0085ff99,inset -1px 0 1px #0085ff99}.candle-icon .candle-blink{filter:blur(8px);opacity:1;background:#ff6000;border-radius:50%;width:80%;height:80%;transition:opacity .4s;animation:.1s infinite candleBlinkIt;bottom:50%;left:50%;transform:translate(-50%)}.candle-icon.candle-unlit .candle-flame{opacity:0;animation:none}.candle-icon.candle-unlit .candle-glow{opacity:0}.candle-icon.candle-unlit .candle-blink{opacity:0;animation:none}.candle-icon.candle-unlit .candle-body{filter:brightness(.6)saturate(.4)}.candle-icon.candle-unlit .candle-thread{filter:brightness(.5)}.candle-icon.candle-unlit:hover .candle-flame{opacity:.3;animation:6s linear infinite candleMoveFlame}.candle-icon.candle-unlit:hover .candle-glow{opacity:.2}.candle-icon.candle-unlit:hover .candle-body{filter:brightness(.8)saturate(.7)}@keyframes candleMoveFlame{0%,to{transform:translate(-50%)rotate(-2deg)}50%{transform:translate(-50%)rotate(2deg)}}@keyframes candleEnlargeFlame{0%,to{height:45%}50%{height:52%}}@keyframes candleBlinkIt{50%{opacity:.8}}