.if-demo[data-astro-cid-yycbi2yd]{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.label[data-astro-cid-yycbi2yd]{opacity:.7;font-size:.875rem}input[data-astro-cid-yycbi2yd][type=range]{accent-color:oklch(55% .18 260);width:100%;max-width:320px}.if-card[data-astro-cid-yycbi2yd]{--right:0;aspect-ratio:1;border-radius:if(style(--right: 1): 50% ; else: 8px);background:if(style(--right: 1): oklch(65% .18 150) ; else: oklch(55% .18 260));justify-content:center;align-items:center;width:180px;transition:border-radius .4s cubic-bezier(0,0,0,1),background .4s;display:flex}.if-status[data-astro-cid-yycbi2yd]{color:#fff;text-align:center;padding:0 1rem;font-size:.8rem;font-weight:500}.if-status[data-astro-cid-yycbi2yd]:before{content:if(style(--right: 1): "Circle" ; else: "Square")}