.candle-wrapper{isolation:isolate;flex-direction:column;justify-content:flex-end;align-items:center;width:auto;height:180px;font-family:sans-serif;display:flex;position:relative;overflow:visible}.candle-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fff8ebb3,#fff3dc99);border:1px solid #ffc87859;border-radius:18px;flex-direction:column;align-items:center;padding:16px 24px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014,inset 0 1px #fff6}.candle{z-index:2;width:70px;height:200px;position:relative}.candle-small{transform-origin:bottom;transform:scale(.78)}.candle-holder{z-index:0;background:linear-gradient(#2b352b 0%,#1c241c 100%);border-radius:50% 50% 45% 45%;width:66px;height:18px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:inset 0 3px 6px #0000008c,inset 0 -2px 3px #ffffff0a,0 6px 12px #00000040}.candle-holder:before{content:"";border-radius:inherit;opacity:.7;background:radial-gradient(circle at 30% 35%,#78b4782e,#0000 55%),radial-gradient(circle at 70% 60%,#508c501f,#0000 60%);position:absolute;inset:0}.wax{background:linear-gradient(#f7ead9 0%,#e2caa8 60%,#d8b98f 100%);border-radius:16px;width:100%;height:150px;position:absolute;bottom:0;overflow:hidden;box-shadow:inset -10px 0 18px #00000014,inset 10px 0 18px #ffffff2e}.wax-top{background:radial-gradient(circle at 30% 30%,#fff2df,#e6caa6);border-radius:50%;height:14px;position:absolute;top:-6px;left:8px;right:8px}.wax-drip{opacity:0;background:#e8c79f;border-radius:10px;width:6px;height:18px;animation:2.5s ease-in infinite dripFall;position:absolute;top:6px}.drip1{animation-delay:.2s;left:14px}.drip2{animation-delay:.6s;right:14px}.drip3{animation-delay:1s;left:50%;transform:translate(-50%)}@keyframes dripFall{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(80px)scaleY(1.4)}}.flame-anchor{z-index:10;width:0;height:0;position:absolute;top:22px;left:50%;transform:translate(-50%)}.flame-anchor .wick{background:#1f1f1f;width:2px;height:14px;position:absolute;bottom:0;left:0;transform:translate(-50%)}.candle.lit .flame-anchor .wick{opacity:0;visibility:hidden}.flame{transform:translateX(calc(-50% + var(--wind,0) * 5px));z-index:10;pointer-events:none;position:absolute;bottom:0;left:50%}.flame-layer{border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flame-layer.outer{filter:blur(1px);background:#ff9600cc;width:20px;height:34px;animation:.22s infinite alternate flicker}.flame-layer.mid{background:#ff6e00d9;width:14px;height:24px;animation:.18s infinite alternate flicker}.flame-layer.core{background:#fff0c8f2;width:8px;height:16px;animation:.14s infinite alternate flicker}.glow{pointer-events:none;background:radial-gradient(circle,#ffbe7847,#0000 72%);width:90px;height:90px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}@keyframes flicker{0%{opacity:.82;transform:scale(.98)}to{opacity:1;transform:scale(1.04)}}.grass-tuft{z-index:1;pointer-events:none;width:30px;height:26px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.grass-tuft span{transform-origin:bottom;clip-path:polygon(50% 0%,80% 25%,100% 100%,0% 100%,20% 25%);background:linear-gradient(#6fbf6f 0%,#4f8a4f 40%,#2e5f2e 70%,#1b3a1b 100%);border-radius:50% 50% 40% 40%;width:4px;position:absolute;bottom:0;box-shadow:inset 0 -2px 3px #00000040,inset 0 2px 2px #ffffff1a}.grass-tuft span:first-child{opacity:.7;height:18px;left:2px;transform:rotate(-24deg)}.grass-tuft span:nth-child(2){opacity:.95;height:24px;left:10px;transform:rotate(-6deg)}.grass-tuft span:nth-child(3){opacity:.95;height:23px;left:18px;transform:rotate(8deg)}.grass-tuft span:nth-child(4){opacity:.75;height:17px;left:26px;transform:rotate(22deg)}.grass-tuft span:first-child{animation:5s ease-in-out infinite alternate sway1}.grass-tuft span:nth-child(2){animation:5.5s ease-in-out infinite alternate sway2}.grass-tuft span:nth-child(3){animation:4.8s ease-in-out infinite alternate sway3}.grass-tuft span:nth-child(4){animation:5.2s ease-in-out infinite alternate sway4}@keyframes sway1{0%{transform:rotate(-26deg)}to{transform:rotate(-18deg)}}@keyframes sway2{0%{transform:rotate(-8deg)}to{transform:rotate(2deg)}}@keyframes sway3{0%{transform:rotate(6deg)}to{transform:rotate(14deg)}}@keyframes sway4{0%{transform:rotate(20deg)}to{transform:rotate(28deg)}}