@layer components{.box{text-align:center;border-radius:var(--radius-md);border:1px solid var(--color-line-base);background-color:var(--color-surface-raised);color:var(--color-text-strong);font-size:var(--font-size-sm);justify-content:center;align-items:center;padding:15px 20px;display:flex}.box:where(.dark,.dark *){border-color:#ffffff0d;border-color:lab(100% 0 0/.05)}.box-perspective-pink{border-radius:var(--radius-md);border:1px solid var(--color-pink-70);background-color:color-mix(in oklab,var(--color-pink-70) 10%,transparent)}.demo-ground{contain:content;background-clip:padding-box;flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;display:flex;position:relative}.demo{contain:content;border-radius:var(--radius-lg);border:1px solid var(--color-line-subtle);background-clip:padding-box;flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;display:flex;position:relative}.app-demo{contain:content;padding:var(--spacing-xl);background-clip:padding-box;flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:30rem){.app-demo{padding:var(--spacing-2xl)}}}@layer defaults{.demo-ground,.demo,.app-demo{background:var(--stripe)}}@layer theme{:root,:host{--radius-md:.375rem;--color-line-base:#0000001f;--color-surface-raised:#fff;--color-gray-90:#1e1e1e;--color-text-strong:var(--color-neutral-100);--color-neutral-100:#08090c;--font-size-sm:.875rem;--color-pink-70:#e20070;--radius-lg:.5rem;--color-line-subtle:#0000000f;--spacing-xl:2rem;--spacing-2xl:3rem;--color-line-muted:#00000017}@supports (color:lab(0% 0 0)){:root,:host{--color-line-base:lab(0% 0 0/.12);--color-surface-raised:lab(100% 0 0);--color-gray-90:lab(11.26% .00000745058 -.00000298023);--color-neutral-100:lab(2.45684% .114791 -1.30006);--color-pink-70:lab(49.4466% 76.5551 5.55357);--color-line-subtle:lab(0% 0 0/.06);--color-line-muted:lab(0% 0 0/.09)}}.light{--color-line-base:#0000001f;--color-surface-raised:#fff;--color-text-strong:var(--color-neutral-100);--color-line-subtle:#0000000f;--stripe:0 / 7.5px 7.5px linear-gradient(135deg, var(--color-line-muted) 4.5%, transparent 0, transparent 50%, var(--color-line-muted) 0, var(--color-line-muted) 54.5%, transparent 0) transparent;--color-line-muted:#00000017}@supports (color:lab(0% 0 0)){.light{--color-line-base:lab(0% 0 0/.12);--color-surface-raised:lab(100% 0 0);--color-line-subtle:lab(0% 0 0/.06);--color-line-muted:lab(0% 0 0/.09)}}.dark{--color-line-base:#ffffff1f;--color-surface-raised:var(--color-gray-90);--color-text-strong:#fff;--color-line-subtle:#ffffff0f;--stripe:0 / 7.5px 7.5px linear-gradient(135deg, var(--color-line-muted) 4.5%, transparent 0, transparent 50%, var(--color-line-muted) 0, var(--color-line-muted) 54.5%, transparent 0) transparent;--color-line-muted:#ffffff17}@supports (color:lab(0% 0 0)){.dark{--color-line-base:lab(100% 0 0/.12);--color-text-strong:lab(100% 0 0);--color-line-subtle:lab(100% 0 0/.06);--color-line-muted:lab(100% 0 0/.09)}}}