.grid.svelte-1gnle1a{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:50vh}.square.svelte-1gnle1a{aspect-ratio:1;border-radius:.5rem;border:1px solid rgba(0 0 0 / .3)}::view-transition-group(.color-grid){animation-duration:.25s;animation-timing-function:ease-in-out}.grid.svelte-r99tmh{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:50vh}.square.svelte-r99tmh{aspect-ratio:1;border-radius:.5rem;border:1px solid rgba(0 0 0 / .3)}@keyframes svelte-r99tmh-shuffle-scale{0%{transform:scale(1) rotate(0)}50%{transform:scale(2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}::view-transition-image-pair(.color-grid-scale){animation:.5s ease-in-out svelte-r99tmh-shuffle-scale}::view-transition-group(.color-grid-scale){animation-duration:.5s;animation-timing-function:ease-in-out}.demo.svelte-dou5ml{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:-moz-min-content;width:min-content;margin-block:1rem}.randomize.svelte-dou5ml{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}