.fixed-header[data-astro-cid-jujwo3m6]{position:fixed;bottom:auto;top:0;border-color:var(--color-border);background-color:var(--color-background);color:var(--color-text)}.modal[data-astro-cid-jujwo3m6].is-open{display:block}body{transition:background .5s ease;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}#canvas1[data-astro-cid-ivo4giat]{background:#000;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%}.playlist-controls[data-astro-cid-ivo4giat]{position:absolute;top:20px;right:20px;z-index:800;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.playlist-controls[data-astro-cid-ivo4giat] button[data-astro-cid-ivo4giat]{margin:5px;padding:10px;font-size:24px;background-color:#ffffff1a;border:none;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s;z-index:800}.playlist-controls[data-astro-cid-ivo4giat] button[data-astro-cid-ivo4giat]:hover{background-color:#ffffff4d}.playlist-controls[data-astro-cid-ivo4giat] ul[data-astro-cid-ivo4giat]{list-style-type:none;padding:0;margin-top:20px}.playlist-controls[data-astro-cid-ivo4giat] li[data-astro-cid-ivo4giat]{cursor:pointer;padding:8px;margin-bottom:5px;background-color:#ffffff1a;border-radius:4px;transition:background-color .3s}.playlist-controls[data-astro-cid-ivo4giat] li[data-astro-cid-ivo4giat]:hover{background-color:#fff3}#visualizerMenu[data-astro-cid-ivo4giat]{position:absolute;top:20px;right:120px;background-color:#fff;padding:20px;border-radius:5px;color:#696969;z-index:800}#visualizerSelect[data-astro-cid-ivo4giat]{font-size:16px;padding:5px;z-index:800}ul[data-astro-cid-ivo4giat]{display:none;z-index:800}.slider-container[data-astro-cid-ivo4giat]{z-index:800;position:absolute;top:20px;left:400px;width:300px;color:#fff}.rotation-slider[data-astro-cid-ivo4giat]{position:absolute;top:20px;left:400px;z-index:800;color:#fff}.hidden[data-astro-cid-ivo4giat]{visibility:hidden}button[data-astro-cid-ivo4giat]{width:62px;height:42px;border:2px solid #414141;border-radius:14%;font-size:14px;font-weight:700;color:#000;cursor:pointer;outline:none;transition:all 1s ease;display:inline-block;margin:5px}#toggleBtns[data-astro-cid-ivo4giat]{width:300px;height:50px;background:transparent;background-image:url(/ui/menuButton.webp);background-size:cover;background-position:center;position:absolute;top:-40px;left:63vw;z-index:800;text-align:center;transform-origin:top center;display:flex;justify-content:space-evenly;align-items:center;gap:2px;padding-top:20px}#toggleBtns[data-astro-cid-ivo4giat]:hover{padding-top:90px;animation:popdown .6s ease-out forwards}@keyframes popdown{0%{transform:translateY(0);transform-origin:top center}to{transform:translateY(50px);transform-origin:top center}}.fxButtons[data-astro-cid-ivo4giat]{color:bisque;font-family:Orbitron,sans-serif;text-shadow:1px 1px 2px tomato;width:200px;height:80px;background:transparent;background-size:cover;background-position:center;border:none;border-radius:0;font-size:18px;text-overflow:clip;cursor:pointer;outline:none;display:inline-flex;justify-content:center;align-items:center;padding-bottom:45px;transform-origin:top center}#toggleButton[data-astro-cid-ivo4giat]{background-image:url(/ui/effectButton.webp);--initial-rotation: 90deg;animation:springEffect .4s ease-out forwards}#toggleButton[data-astro-cid-ivo4giat].active{background-image:url(/ui/effectButton.webp);--initial-rotation: 0deg;animation:springEffect .4s ease-out forwards}#blurButton[data-astro-cid-ivo4giat]{background-image:url(/ui/effectButton.webp);--initial-rotation: 90deg;animation:springEffect .4s ease-out forwards}#blurButton[data-astro-cid-ivo4giat].active{background-image:url(/ui/effectButton.webp);--initial-rotation: 0deg;animation:springEffect .4s ease-out forwards}#fx1Button[data-astro-cid-ivo4giat]{background-image:url(/ui/effectButton.webp);--initial-rotation: 90deg;animation:springEffect .4s ease-out forwards}#fx1Button[data-astro-cid-ivo4giat].active{background-image:url(/ui/effectButton.webp);--initial-rotation: 0deg;animation:springEffect .4s ease-out forwards}#fxButton[data-astro-cid-ivo4giat]{background-image:url(/ui/effectButton.webp);--initial-rotation: 90deg;animation:springEffect .4s ease-out forwards}#fxButton[data-astro-cid-ivo4giat].active{background-image:url(/ui/effectButton.webp);--initial-rotation: 0deg;animation:springEffect .4s ease-out forwards}#blendModeButton[data-astro-cid-ivo4giat]{background-image:url(/ui/effectButton.webp);--initial-rotation: 90deg;animation:springEffect .4s ease-out forwards}#blendModeButton[data-astro-cid-ivo4giat].active{background-image:url(/ui/effectButton.webp);--initial-rotation: 0deg;animation:springEffect .4s ease-out forwards}@keyframes springEffect{0%{transform:translateY(0) rotate(var(--initial-rotation, 0deg)) scale(1);transform-origin:top center}20%{transform:translateY(-10px) rotate(calc(var(--initial-rotation, 0deg) - 30deg)) scale(.9)}40%{transform:translateY(-20px) rotate(calc(var(--initial-rotation, 0deg) - 60deg)) scale(.95)}60%{transform:translateY(-15px) rotate(calc(var(--initial-rotation, 0deg) - 80deg)) scale(1.05)}80%{transform:translateY(-10px) rotate(calc(var(--initial-rotation, 0deg) - 85deg)) scale(1)}to{transform:translateY(0) rotate(calc(var(--initial-rotation, 0deg) - 90deg)) scale(1)}}#toggleCanvasBackgroundBtn[data-astro-cid-ivo4giat]{left:-3px;position:absolute;width:280px;background:linear-gradient(135deg,#4ca3eb,#2370b8);color:#000;border:3px solid transparent;font-size:16px;cursor:pointer;border-radius:5px;transition:background .3s ease,transform .3s ease,left .3s ease}#toggleCanvasBackgroundBtn[data-astro-cid-ivo4giat]:hover{left:2px;background:linear-gradient(135deg,#45a07d,#19b41e);transform:scale(1.05)}#smokeExplosion[data-astro-cid-ivo4giat],#fireExplosion[data-astro-cid-ivo4giat]{display:none}#audioupload[data-astro-cid-ivo4giat]{border-radius:5px;padding:7px;z-index:800}#audio1[data-astro-cid-ivo4giat]{z-index:800}