@keyframes confetti{0%{color:#804cd9}25%{color:#1241cf}to{color:#cf128d}}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.App .background{display:none}.App.confetti{background-image:url(/spongebob-squarepants-spongebob.gif);background-size:cover;background-position:center;background-repeat:no-repeat}.App.confetti .background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.App .switch{z-index:20;display:flex;flex-direction:column;align-items:center;gap:.5rem}.App .switch button{all:unset}.App .switch .switch-label{text-align:center;font-size:1.2rem;font-weight:500}.App .switch .switch-label.confetti span{animation:confetti 2s infinite}.App .switch .switch-root{width:60px;height:35px;background-color:#e4e5e7;border-radius:9999px;position:relative;box-shadow:0 2px 10px #0000001a}.App .switch .switch-root[data-state=checked]{background-color:#804cd9}.App .switch .switch-thumb{display:block;width:30px;height:30px;background-color:#fff;border-radius:9999px;box-shadow:0 2px 2px #0000001a;transition:transform .1s;transform:translate(2px);will-change:transform}.App .switch .switch-thumb[data-state=checked]{transform:translate(29px)}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}