:root{--surface:oklch(30% 0 0);--surface2:oklch(from var(--surface) 10% c h)}@property --pulse{syntax:"<percentage>";initial-value:15%;inherits:true}body{animation:pulse 2.4s linear infinite alternate;background-color:#007276;background-color:oklch(50% .5 200);background:linear-gradient(to left top,var(--surface),var(--surface2));background:radial-gradient(var(--surface) var(--pulse),var(--surface2));background-repeat:no-repeat;background-size:cover;font:30px sans-serif;height:100vh;margin:0;overflow:hidden;padding:0}@keyframes pulse{to{--pulse:25%}}#debug{left:0;pointer-events:none;position:absolute;top:0}.buttonPlay{background-color:#280010;background-color:oklch(18% .1 0);border:0;border-radius:4px;box-shadow:1px 1px 1px var(--accent);color:#fff;font-size:1rem;left:50%;padding:.8rem 2rem;position:absolute;top:50%;translate:-50% -50%}.sectionCredits{bottom:10px;left:20px;position:fixed}.textCredit{color:#904961;font-size:.75rem}.textCredit a{color:#d2849c}.panel{background-color:#161616;border-radius:3px;max-width:150px;padding-block:.1rem;position:fixed;right:1rem;top:1rem;width:100%}.panel .panel__item{background-color:#2e2e2e;color:#9e9e9e;display:grid;font-size:.7rem;grid-template-columns:.7fr 1.3fr}.panel .panel__item input{width:100%}.panel .panel__item>:first-child{padding:3px 8px}.panel .panel__item>:nth-child(2){background-color:#3a3a3a;margin-left:0;padding-inline:8px}.panel .panel__item input[type=range]{margin-left:8px;width:70px}.panel .panel__toggle{align-items:center;background-color:#3a3a3a;border-radius:4px;color:#717171;display:flex;height:35px;justify-content:center;margin-top:2px;width:100%}.panel .panel__toggle input[type=checkbox]{pointer-events:none;position:absolute;visibility:hidden}.panel .panel__toggle:has(input:checked) svg{color:#ff0}.panel .panel__toggle:has(input) svg path[data-name=on],.panel .panel__toggle:has(input:checked) svg path[data-name=off]{visibility:hidden}.panel .panel__toggle:has(input) svg path[data-name=off],.panel .panel__toggle:has(input:checked) svg path[data-name=on]{visibility:visible}
