/**handles:virtual-candle-style**/
#candle-area{background:#111;display:flex;margin:0;width:100%;height:100%;overflow:hidden;padding-bottom:16px;padding-top:60px;margin-top:20px}.candle{width:34px;margin:100px auto 0 auto;position:relative;height:80%;align-self:flex-end;animation:blink .1s infinite}.wick{position:absolute;width:6px;height:50px;background:#23161a;top:110px;left:50%;transform:translateX(-50%) skewX(2deg);border-radius:10%;box-shadow:0 0 2px 0 #000}.wick:before{content:"";position:absolute;width:0;left:50%;height:10px;box-shadow:0 -14px 10px 8px #fff,0 -10px 10px 8px rgba(255,215,0,.7),0 -3px 10px 8px rgba(255,106,0,.7),0 6px 3px 4px #000}.wick:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:0;box-shadow:0 5px 2px 3px gold,0 20px 2px 14px gold,0 -6px 4px 5px rgba(98,33,27,.8),0 0 1px 4px rgba(255,106,0,.7),0 0 3px 4px #ff6a00,0 5px 3px 4px gold}.flame{width:20px;height:150px;margin:0 auto;position:relative;animation:flicker 1.5s infinite ease-in-out;transform-origin:50% 90%}.flame .top{width:20px;height:100%;position:absolute;top:0;left:0;background:#fff;border-top-left-radius:500%;border-bottom-left-radius:50px;border-top-right-radius:500%;border-bottom-right-radius:50px;transform:skewY(-10deg);box-shadow:0 0 0 3px #fff,0 -20px 1px 4px #fff,0 -25px 2px 3px gold,0 -30px 5px 4px #ff6a00,0 0 150px 10px #ff6a00,0 -10px 2px 4px #fff,0 -5px 3px 3px #fff;animation:flame-variation 2s infinite ease-in-out alternate}.flame .shadows{position:absolute;left:50%;top:0;width:1px;height:60px;border-radius:50%;box-shadow:0 5px 20px 15px gold,0 0 100px 20px #ff6a00,0 15px 50px 15px #ff6a00,5px 30px 5px 13px #ff6a00,5px 50px 5px 13px #ff6a00,0 75px 50px 30px #000}.flame .bottom{transform:scale(.9);position:absolute;bottom:6px;left:9px;width:1px;height:8px;border-radius:1%;background:#2c2b39;box-shadow:0 6px 10px 12px rgba(60,76,125,.3),0 0 4px 8px #2c2b39,0 -12px 10px 8px rgba(255,106,0,.5),0 5px 7px 12px #2c2b39,0 -3px 10px 12px #2c2b39,5px -10px 10px 5px red,0 -15px 10px 10px gold,5px -25px 10px 5px gold,0 2px 5px 10px #30537d,0 -2px 2px 14px #76daff,0 2px 10px 12px #76daff}.wax{position:relative;top:0;width:100%;height:160px;background:linear-gradient(to bottom,#ff9224 0,#ff9224 20px,#58523a 50px);border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:inset 0 7px 12px -2px #fbf348,inset 0 9px 57px -3px rgba(255,0,0,.4),inset 0 -5px 8px 2px #000,0 0 3px 0 #ff6a00}@keyframes flicker{0%,100%{transform:scale(1) rotate(0)}10%{transform:scale(1.02) rotate(1deg)}20%{transform:scale(.98) rotate(-1deg)}30%{transform:scale(1.03) rotate(1.5deg)}40%{transform:scale(.97) rotate(-1.2deg)}50%{transform:scale(1.01) rotate(.5deg)}60%{transform:scale(1) rotate(-.5deg)}70%{transform:scale(1.04) rotate(1deg)}80%{transform:scale(.96) rotate(-1deg)}90%{transform:scale(1.02) rotate(.3deg)}}@keyframes flame-variation{0%{box-shadow:0 -25px 5px 3px gold,0 -30px 10px 4px #ff6a00}50%{box-shadow:0 -20px 4px 2px #fff,0 -35px 6px 5px #ff6a00}100%{box-shadow:0 -28px 6px 3px gold,0 -32px 8px 5px #ff6a00}}