@property --bg-color{syntax:"<color>";inherits:true;initial-value:#fff}#wrapper.svelte-1qqlmkz{background-color:var(--bg-color);place-items:center;block-size:100%;display:grid}.cross.svelte-1qqlmkz{aspect-ratio:1;background-color:contrast-color(var(--bg-color));width:clamp(20px,100px,100dvw);color:contrast-color(contrast-color(var(--bg-color)));--width:10%;clip-path:polygon(0% calc(50% - var(--width) / 2), calc(50% - var(--width) / 2) calc(50% - var(--width) / 2), calc(50% - var(--width) / 2) 0%, calc(50% + var(--width) / 2) 0%, calc(50% + var(--width) / 2) calc(50% - var(--width) / 2), 100% calc(50% - var(--width) / 2), 100% calc(50% + var(--width) / 2), calc(50% + var(--width) / 2) calc(50% + var(--width) / 2), calc(50% + var(--width) / 2) 100%, calc(50% - var(--width) / 2) 100%, calc(50% - var(--width) / 2) calc(50% + var(--width) / 2), 0% calc(50% + var(--width) / 2));place-items:center;font-size:20px;display:grid}@keyframes svelte-1qqlmkz-cross{to{clip-path:polygon(0% calc(50% - var(--width) / 2), 0% 0%, calc(50% - var(--width) / 2) 0%, calc(50% + var(--width) / 2) 0%,  100% 0%,  100% calc(50% - var(--width) / 2), 100% calc(50% + var(--width) / 2), 100% 100%, calc(50% + var(--width) / 2) 100%, calc(50% - var(--width) / 2) 100%, 0% 100%, 0% calc(50% + var(--width) / 2))}}@media screen and (prefers-reduced-motion:no-preference){.cross.svelte-1qqlmkz{animation:1s ease-in-out infinite alternate-reverse svelte-1qqlmkz-cross}}