:root{--lava-color-1:linear-gradient(90deg,#ff7e5f,#feb47b);--lava-color-2:linear-gradient(90deg,#553e9a,#363dc2);--lava-color-3:linear-gradient(135deg,#a0dedb,#03a5d1);--lava-color-4:linear-gradient(135deg,#b6f455,#3f8057);--lava-color-5:linear-gradient(320deg,#55e7af,#558de7,#af55e7,#e7558d,#e7af55,#8de755);--lava-color-6:linear-gradient(90deg,#fbbd64,#ffcf8b);--lava-color-7:linear-gradient(175deg,#760817,#9e0c21)}.lava{opacity:var(--lava-opacity);transform:translate(-50%,-50%);position:absolute;top:50%;left:var(--lava-position);width:var(--lava-size);min-width:10rem;max-width:20rem}.lava-inner{-webkit-animation:lavaMove calc(var(--lava-speed)*4) ease-in-out both infinite;animation:lavaMove calc(var(--lava-speed)*4) ease-in-out both infinite;-webkit-animation-delay:calc(var(--lava-delay)*-2);animation-delay:calc(var(--lava-delay)*-2);-webkit-animation-play-state:var(--lava-move);animation-play-state:var(--lava-move);position:relative}.lava-inner:before{-webkit-animation:lavaMorph var(--lava-speed) ease-in-out both infinite;animation:lavaMorph var(--lava-speed) ease-in-out both infinite;-webkit-animation-delay:var(--lava-delay);animation-delay:var(--lava-delay);content:"";display:block;padding-top:100%;background:var(--lava-color);border-radius:var(--lava-shape)}@-webkit-keyframes lavaMorph{50%{border-radius:var(--lava-shape-animation)}}@keyframes lavaMorph{50%{border-radius:var(--lava-shape-animation)}}@-webkit-keyframes lavaMove{0%,to{transform:translateY(-100vh)}50%{transform:translateY(100vh) rotate(90deg)}}@keyframes lavaMove{0%,to{transform:translateY(-100vh)}50%{transform:translateY(100vh) rotate(90deg)}}:root{--color-bg:#141b1f;--color-content:#21262e;--color-text:#f0f6fc;--font-family:-apple-system,Roboto,Helvetica,Arial,sans-serif;--icon-size:2rem}html{box-sizing:border-box;font-family:var(--font-family);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:inherit}body{margin:0;background-color:var(--color-bg);color:var(--color-text)}body,html{overflow:hidden;height:100%}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;outline:0;color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;margin:0;padding:0}.settings{overflow:hidden;position:absolute;bottom:1rem;left:1rem;width:calc(var(--icon-size) + 1rem);max-width:230px;height:calc(var(--icon-size) + 1rem);background-color:var(--color-content);border-radius:1rem;text-align:left}.settings.is-active{width:100%;height:auto;max-height:250px}.settings.is-active form{opacity:1;transform:scale(1) translateZ(0);padding:.5rem 1rem}.settings.is-active svg{transform:rotate(45deg)}.settings form{transition:all .3s ease-out;opacity:0;clear:both;transform:scale(0) translateZ(0);transform-origin:bottom left}.settings button{float:right;padding:.5rem}.settings input[type=range]{width:100%}.settings label,.settings span{display:block}svg{transition:transform .3s ease-out;width:var(--icon-size);height:var(--icon-size);fill:currentColor;vertical-align:middle}#app{position:fixed;top:0;right:0;bottom:0;left:0}