@layer theme;@layer base;@layer components;@layer design-system;@layer utilities;:root{--sq-primary: #2F94C6;--sq-on-primary: #FFFFFF;--sq-primary-fg: #0476AE;--sq-success: #34B273;--sq-success-fg: #0F8A4D;--sq-error: #E64C66;--sq-error-fg: #D92644;--sq-gold: #FFD500;--sq-grey-000: #FFFFFF;--sq-grey-100: #ECEEEF;--sq-grey-200: #D4D8DB;--sq-grey-300: #B8C0C4;--sq-grey-400: #9AA6AD;--sq-grey-500: #7B8B93;--sq-grey-600: #606D74;--sq-grey-700: #454E52;--sq-grey-800: #2A2E30;--sq-grey-900: #0C0D0D;--sq-card: #FFFFFF;--sq-field: #ECEEEF;--spacing: .25rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sq-font-size-xs: .75rem;--sq-font-size-sm: .875rem;--sq-font-size-base: 1rem;--sq-font-size-lg: 1.125rem;--sq-font-size-xl: 1.25rem;--sq-font-size-2xl: 1.5rem;--sq-font-size-3xl: 1.875rem;--sq-font-size-4xl: 2.25rem;--sq-font-size-5xl: 3rem;--sq-font-size-6xl: 3.75rem;--sq-font-size-7xl: 4.5rem;--sq-font-size-8xl: 6rem;--sq-font-size-9xl: 8rem;--sq-radius-xs: .125rem;--sq-radius-sm: .25rem;--sq-radius-md: .375rem;--sq-radius-lg: .5rem;--sq-radius-xl: .75rem;--sq-radius-2xl: 1rem;--sq-radius-3xl: 1.5rem;--sq-radius-4xl: 2rem;--sq-radius-full: 9999px;--sq-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--sq-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sq-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sq-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sq-ring-focus-color: var(--sq-primary-fg);--sq-ring-focus-width: 2px;--sq-ring-focus-offset: 2px}:root[data-color-scheme=light]{--sq-primary: #2F94C6;--sq-on-primary: #FFFFFF;--sq-primary-fg: #0476AE;--sq-success: #34B273;--sq-success-fg: #0F8A4D;--sq-error: #E64C66;--sq-error-fg: #D92644;--sq-gold: #FFD500;--sq-grey-000: #FFFFFF;--sq-grey-100: #ECEEEF;--sq-grey-200: #D4D8DB;--sq-grey-300: #B8C0C4;--sq-grey-400: #9AA6AD;--sq-grey-500: #7B8B93;--sq-grey-600: #606D74;--sq-grey-700: #454E52;--sq-grey-800: #2A2E30;--sq-grey-900: #0C0D0D;--sq-card: #FFFFFF;--sq-field: #ECEEEF;--spacing: .25rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sq-font-size-xs: .75rem;--sq-font-size-sm: .875rem;--sq-font-size-base: 1rem;--sq-font-size-lg: 1.125rem;--sq-font-size-xl: 1.25rem;--sq-font-size-2xl: 1.5rem;--sq-font-size-3xl: 1.875rem;--sq-font-size-4xl: 2.25rem;--sq-font-size-5xl: 3rem;--sq-font-size-6xl: 3.75rem;--sq-font-size-7xl: 4.5rem;--sq-font-size-8xl: 6rem;--sq-font-size-9xl: 8rem;--sq-radius-xs: .125rem;--sq-radius-sm: .25rem;--sq-radius-md: .375rem;--sq-radius-lg: .5rem;--sq-radius-xl: .75rem;--sq-radius-2xl: 1rem;--sq-radius-3xl: 1.5rem;--sq-radius-4xl: 2rem;--sq-radius-full: 9999px;--sq-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--sq-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sq-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sq-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sq-ring-focus-color: var(--sq-primary-fg);--sq-ring-focus-width: 2px;--sq-ring-focus-offset: 2px}:root[data-color-scheme=dark]{--sq-primary: #2F94C6;--sq-on-primary: #FFFFFF;--sq-primary-fg: #6CB9E0;--sq-success: #34B273;--sq-success-fg: #61D199;--sq-error: #E64C66;--sq-error-fg: #F7A1AF;--sq-gold: #FFD500;--sq-grey-000: #181D20;--sq-grey-100: #252E32;--sq-grey-200: #364349;--sq-grey-300: #495A63;--sq-grey-400: #5E737D;--sq-grey-500: #778C97;--sq-grey-600: #96A5AC;--sq-grey-700: #B6BFC3;--sq-grey-800: #D5D9DB;--sq-grey-900: #F4F5F5;--sq-card: #252E32;--sq-field: #364349;--spacing: .25rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sq-font-size-xs: .75rem;--sq-font-size-sm: .875rem;--sq-font-size-base: 1rem;--sq-font-size-lg: 1.125rem;--sq-font-size-xl: 1.25rem;--sq-font-size-2xl: 1.5rem;--sq-font-size-3xl: 1.875rem;--sq-font-size-4xl: 2.25rem;--sq-font-size-5xl: 3rem;--sq-font-size-6xl: 3.75rem;--sq-font-size-7xl: 4.5rem;--sq-font-size-8xl: 6rem;--sq-font-size-9xl: 8rem;--sq-radius-xs: .125rem;--sq-radius-sm: .25rem;--sq-radius-md: .375rem;--sq-radius-lg: .5rem;--sq-radius-xl: .75rem;--sq-radius-2xl: 1rem;--sq-radius-3xl: 1.5rem;--sq-radius-4xl: 2rem;--sq-radius-full: 9999px;--sq-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--sq-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sq-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sq-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sq-ring-focus-color: var(--sq-primary-fg);--sq-ring-focus-width: 2px;--sq-ring-focus-offset: 2px}@media(prefers-color-scheme:dark){:root{--sq-primary: #2F94C6;--sq-on-primary: #FFFFFF;--sq-primary-fg: #6CB9E0;--sq-success: #34B273;--sq-success-fg: #61D199;--sq-error: #E64C66;--sq-error-fg: #F7A1AF;--sq-gold: #FFD500;--sq-grey-000: #181D20;--sq-grey-100: #252E32;--sq-grey-200: #364349;--sq-grey-300: #495A63;--sq-grey-400: #5E737D;--sq-grey-500: #778C97;--sq-grey-600: #96A5AC;--sq-grey-700: #B6BFC3;--sq-grey-800: #D5D9DB;--sq-grey-900: #F4F5F5;--sq-card: #252E32;--sq-field: #364349;--spacing: .25rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sq-font-size-xs: .75rem;--sq-font-size-sm: .875rem;--sq-font-size-base: 1rem;--sq-font-size-lg: 1.125rem;--sq-font-size-xl: 1.25rem;--sq-font-size-2xl: 1.5rem;--sq-font-size-3xl: 1.875rem;--sq-font-size-4xl: 2.25rem;--sq-font-size-5xl: 3rem;--sq-font-size-6xl: 3.75rem;--sq-font-size-7xl: 4.5rem;--sq-font-size-8xl: 6rem;--sq-font-size-9xl: 8rem;--sq-radius-xs: .125rem;--sq-radius-sm: .25rem;--sq-radius-md: .375rem;--sq-radius-lg: .5rem;--sq-radius-xl: .75rem;--sq-radius-2xl: 1rem;--sq-radius-3xl: 1.5rem;--sq-radius-4xl: 2rem;--sq-radius-full: 9999px;--sq-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--sq-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sq-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sq-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sq-ring-focus-color: var(--sq-primary-fg);--sq-ring-focus-width: 2px;--sq-ring-focus-offset: 2px}}