@property --start-angle{syntax:"<angle>";inherits:true;initial-value:.3turn}@property --first-angle{syntax:"<angle>";inherits:true;initial-value:0turn}@property --second-angle{syntax:"<angle>";inherits:true;initial-value:0turn}@property --first-color{syntax:"<color>";inherits:true;initial-value:red}@property --second-color{syntax:"<color>";inherits:true;initial-value:#00f}@property --size{syntax:"<length>";inherits:true;initial-value:20px}.twirly.svelte-89dv27{background-image:linear-gradient(calc(var(--start-angle) + var(--first-angle)), transparent 48%, var(--first-color) 49%, var(--first-color) 51%, transparent 52%), linear-gradient(calc(var(--start-angle) + var(--second-angle)), transparent 48%, var(--second-color) 49%, var(--second-color) 51%, transparent 52%);background-size:var(--size) var(--size), var(--size) var(--size);animation:2s ease-in-out infinite svelte-89dv27-twirly}#wrapper.svelte-89dv27{place-items:center;display:grid}main.svelte-89dv27{--opacity:.4;background-image:linear-gradient(to right, rgba(from white r g b / var(--opacity)));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;place-content:center;padding:5em;display:grid}main.svelte-89dv27 input:where(.svelte-89dv27){vertical-align:center}main.svelte-89dv27 input:where(.svelte-89dv27):not(#size){margin-inline-start:1em}#size-marker.svelte-89dv27{margin-inline-start:1em}#size-marker.svelte-89dv27:has(#size[max="500"]:where(.svelte-89dv27)){background-image:linear-gradient(90deg,#0000 9%,#000 9.5% 10.5%,#0000 11%)}@keyframes svelte-89dv27-twirly{0%{--first-angle:0turn;--second-angle:0turn}50%{--first-angle:calc((1 / 8) * 1turn);--second-angle:calc((3 / 8) * 1turn)}to{--first-angle:.5turn;--second-angle:.5turn}}