.fireplace-container{justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:0;display:flex;position:relative;overflow:hidden}.fire-wrapper{transform-origin:bottom;justify-content:center;align-items:flex-end;width:100px;height:120px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;bottom:0}.fire-glow{filter:blur(20px);z-index:0;pointer-events:none;border-radius:50%;width:200px;height:200px;transition:all .5s;position:absolute;bottom:-20px}.flames-container{z-index:2;justify-content:center;align-items:flex-end;width:100px;height:120px;display:flex;position:absolute;bottom:0}.flame{transform-origin:100% 100%;mix-blend-mode:screen;will-change:transform;border-radius:50% 0 50% 50%;animation:2s ease-in-out infinite flickerOuter;position:absolute;bottom:0;transform:rotate(-45deg);box-shadow:inset 0 0 15px #0003}@keyframes flickerOuter{0%,to{transform:rotate(-45deg)scale(1)}20%{transform:rotate(-43deg)scale(1.05)}40%{transform:rotate(-46deg)scale(.95)}70%{transform:rotate(-42deg)scale(1.1)}}@keyframes flickerMid{0%,to{transform:rotate(-45deg)scale(1)}25%{transform:rotate(-47deg)scale(1.1)}50%{transform:rotate(-44deg)scale(.9)}75%{transform:rotate(-46deg)scale(1.05)}}@keyframes flickerInner{0%,to{transform:rotate(-45deg)scale(1)}33%{transform:rotate(-44deg)scale(1.15)}66%{transform:rotate(-46deg)scale(.85)}}@keyframes flickerChaosLeft{0%,to{transform:rotate(-45deg)scale(.8)translate(0)}25%{transform:rotate(-40deg)scale(1.2)translate(-5px,-20px)}50%{transform:rotate(-48deg)scale(.7)translate(-10px,8px)}75%{transform:rotate(-43deg)scale(1.1)translateY(-25px)}}@keyframes flickerChaosRight{0%,to{transform:rotate(-45deg)scale(.9)translate(0)}25%{transform:rotate(-42deg)scale(1.3)translate(8px,-15px)}50%{transform:rotate(-47deg)scale(.6)translate(12px,4px)}75%{transform:rotate(-44deg)scale(1.2)translateY(-20px)}}@keyframes emberFloat{0%{opacity:0;transform:translate(0)scale(0)}15%{opacity:1;transform:translate(0, calc(var(--ember-height) * -.1)) scale(1)}80%{opacity:.6;transform:translate(var(--ember-drift), calc(var(--ember-height) * -.85)) scale(.8)}to{opacity:0;transform:translate(var(--ember-drift), calc(var(--ember-height) * -1)) scale(0)}}.outer-flame{z-index:1;width:80px;height:80px;animation-name:flickerOuter;bottom:-5px}.mid-flame{z-index:2;width:60px;height:60px;animation-name:flickerMid;bottom:-2px}.inner-flame{z-index:3;width:40px;height:40px;animation-name:flickerInner;bottom:2px;box-shadow:inset 0 0 20px #fffc}.chaos-flame-left{z-index:1;width:50px;height:50px;animation-name:flickerChaosLeft;bottom:10px;left:0}.chaos-flame-right{z-index:1;width:45px;height:45px;animation-name:flickerChaosRight;bottom:15px;right:5px}.embers-container{pointer-events:none;z-index:4;width:150px;height:200px;position:absolute;bottom:0}.ember{filter:blur(.5px);border-radius:50%;position:absolute;bottom:20px;box-shadow:0 0 5px #fffc}.ember--anim{will-change:transform, opacity;animation:linear infinite emberFloat}.fire-wrapper.chaos .flame{mix-blend-mode:hard-light}