@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.example.svelte-u0nvvy{width:calc(var(--spacing,.25rem)*48);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));background-color:var(--color-gray-100,oklch(96.7% .003 264.542));max-width:100%;padding:calc(var(--spacing,.25rem)*2);margin-inline:auto}@media(min-width:64rem){.example.svelte-u0nvvy{width:calc(var(--spacing,.25rem)*64)}}@media(min-width:80rem){.example.svelte-u0nvvy{width:calc(var(--spacing,.25rem)*96)}}.example.svelte-u0nvvy>:first-child{margin-top:calc(var(--spacing,.25rem)*0)}.example.auto.svelte-u0nvvy{width:fit-content}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}