@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-17amoog{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-17amoog-twirly}#wrapper.svelte-17amoog{place-items:center;block-size:100%;display:grid}main.svelte-17amoog{--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-17amoog input:where(.svelte-17amoog){vertical-align:center}main.svelte-17amoog input:where(.svelte-17amoog):not(#size){margin-inline-start:1em}#size-marker.svelte-17amoog{margin-inline-start:1em}#size-marker.svelte-17amoog:has(#size[max="500"]:where(.svelte-17amoog)){background-image:linear-gradient(90deg,#0000 9%,#000 9.5% 10.5%,#0000 11%)}@keyframes svelte-17amoog-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}}