.swatch.svelte-36t0ed{position:relative;display:inline-block;flex-shrink:0;overflow:hidden;isolation:isolate;background-color:color-mix(in oklch,var(--foreground) 5%,transparent)}.checkerboard.svelte-36t0ed{background-image:repeating-conic-gradient(color-mix(in oklch,var(--foreground) 100%,transparent) 0% 25%,transparent 0% 50%),repeating-conic-gradient(color-mix(in oklch,var(--foreground) 100%,transparent) 0% 25%,transparent 0% 50%);background-size:8px 8px,8px 8px;background-position:0 0,4px 4px;mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 40%,transparent 100%)}