canvas[data-v-e683a8d2]{position:relative;width:100%;height:100%;display:block}.flower[data-v-e193ff14]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1px;aspect-ratio:1/1}.flower .cell[data-v-e193ff14]{position:relative;overflow:hidden;contain:paint;transform:translateZ(0);clip-path:inset(0);display:flex;justify-content:center;align-items:center}.flower .cell .ring[data-v-e193ff14]{flex-shrink:0;display:block;width:200%;height:200%;border-radius:50%;background-image:radial-gradient(circle at 50%,transparent 29.5%,var(--c-black) 30%);pointer-events:none;transition:transform .9s var(--f-cubic-in)}@media(min-width:1024px){.flower .cell[data-v-e193ff14]{background-color:rgba(var(--c-white-rgb),0);transition:background-color 3s var(--f-cubic)}.flower .cell .ring[data-v-e193ff14]{scale:1;transition:transform .9s var(--f-cubic-in),scale 3s var(--f-cubic)}.flower .cell[data-v-e193ff14]:hover{background-color:rgba(var(--c-white-rgb),.6);transition:background-color 0s}.flower .cell:hover .ring[data-v-e193ff14]{scale:1.5;transition:transform .9s var(--f-cubic-in),scale 0s}.flower .cell.-hover[data-v-e193ff14]{background-color:rgba(var(--c-white-rgb),0);transition:background-color 3s var(--f-cubic)}.flower .cell.-hover .ring[data-v-e193ff14]{scale:1;transition:transform .9s var(--f-cubic-in),scale 3s var(--f-cubic)}}