/*!
 * Livespace design tokens
 * Generated from @livespace-it/ls-components@1.0.30.
 * Do not edit — regenerate with `yarn build` in @livespace/plugin-sdk.
 */

:root,
.ls-plugin {
	--color-white: #fdfdfd;
	--color-black-800: #24293b;
	--color-black-700: #444e73;
	--color-gray-900: #585a65;
	--color-gray-800: #76767c;
	--color-gray-700: #919196;
	--color-gray-500: #cbced4;
	--color-gray-400: #dadce2;
	--color-gray-300: #e2e3e8;
	--color-gray-200: #e8eaef;
	--color-gray-100: #f0f2f7;
	--color-gray-75: #f5f6f8;
	--color-gray-50: #fafbfc;
	--color-purple-900: #1e1c60;
	--color-purple-800: #3033a0;
	--color-purple-500: #5546b8;
	--color-purple-400: #6460c0;
	--color-purple-300: #8682e1;
	--color-purple-100: #bdbbef;
	--color-purple-75: #e0d9fd;
	--color-purple-50: #eeebfa;
	--color-green-1000: #0a5412;
	--color-green-900: #006e0c;
	--color-green-800: #008a22;
	--color-green-700: #26ae4d;
	--color-green-600: #3bba5d;
	--color-green-400: #4fd465;
	--color-green-75: #d0f3d5;
	--color-green-50: #e7f9e9;
	--color-red-800: #aa143e;
	--color-red-700: #bf1f4c;
	--color-red-500: #df224b;
	--color-red-175: #f3aebd;
	--color-red-75: #fad6e0;
	--color-red-50: #fce9ed;
	--color-yellow-900: #763900;
	--color-yellow-700: #9e6b00;
	--color-yellow-300: #ffb71c;
	--color-yellow-75: #f5dc9e;
	--color-yellow-50: #fef0cb;
	--color-orange-500: #fa782f;
	--color-orange-75: #ffe0c3;
	--color-teal-900: #0b3f44;
	--color-teal-500: #69afb6;
	--color-teal-300: #a5ccd0;
	--color-teal-100: #c6e6ea;
	--color-teal-75: #e0f3f5;
	--color-primary: var(--color-black-800);
	--color-primary-hover: var(--color-black-700);
	--color-destructive: var(--color-red-700);
	--color-destructive-hover: var(--color-red-800);
	--color-ring: var(--color-purple-500);
	--radius-small: 2px;
	--radius-regular: 4px;
	--radius-medium: 6px;
	--radius-large: 8px;
	--radius-xlarge: 12px;
	--spacing-3xs: 2px;
	--spacing-2xs: 4px;
	--spacing-2xs-plus: 6px;
	--spacing-xs: 8px;
	--spacing-sm: 12px;
	--spacing-regular: 16px;
	--spacing-md: 24px;
	--spacing-lg: 32px;
	--spacing-xl: 40px;
	--spacing-2xl: 48px;
	--spacing-3xl: 64px;
	--text-variant-h1: 24px;
	--text-variant-h1--font-weight: 400;
	--text-variant-h1--line-height: normal;
	--text-variant-h1--letter-spacing: -0.24px;
	--text-variant-h2: 18px;
	--text-variant-h2--font-weight: 500;
	--text-variant-h2--line-height: normal;
	--text-variant-h2--letter-spacing: -0.18px;
	--text-variant-h3: 18px;
	--text-variant-h3--font-weight: 400;
	--text-variant-h3--line-height: normal;
	--text-variant-h3--letter-spacing: -0.18px;
	--text-variant-h4: 16px;
	--text-variant-h4--font-weight: 500;
	--text-variant-h4--line-height: normal;
	--text-variant-h4--letter-spacing: -0.16px;
	--text-variant-h5: 16px;
	--text-variant-h5--font-weight: 400;
	--text-variant-h5--line-height: normal;
	--text-variant-h5--letter-spacing: -0.16px;
	--text-variant-h6: 14px;
	--text-variant-h6--font-weight: 500;
	--text-variant-h6--line-height: 114.286%;
	--text-variant-h6--letter-spacing: -0.14px;
	--text-variant-body: 14px;
	--text-variant-body--font-weight: 400;
	--text-variant-body--line-height: normal;
	--text-variant-body--letter-spacing: -0.14px;
	--text-variant-paragraph: 14px;
	--text-variant-paragraph--font-weight: 400;
	--text-variant-paragraph--line-height: 142.857%;
	--text-variant-paragraph--letter-spacing: -0.14px;
	--text-variant-caption: 12px;
	--text-variant-caption--font-weight: 400;
	--text-variant-caption--line-height: 125%;
	--text-variant-caption--letter-spacing: -0.12px;
	--text-variant-caption-medium: 12px;
	--text-variant-caption-medium--font-weight: 500;
	--text-variant-caption-medium--line-height: normal;
	--text-variant-caption-medium--letter-spacing: -0.12px;
	--shadow-sm: 0px 1px 2px 0px rgba(36, 41, 58, 0.05);
	--shadow-frame: 0px 1px 3px 0px rgba(36, 41, 58, 0.04),
		0px 2px 8px 0px rgba(36, 41, 58, 0.06);
	--shadow-lg: 0px 4px 16px 0px rgba(36, 41, 58, 0.1),
		0px 2px 6px 0px rgba(36, 41, 58, 0.06);
	--font-sans: "DsUbuntu", "Ubuntu", system-ui, sans-serif;
}
@keyframes accordion-down {
    from {
        height: 0;
    }
    to {
        height: var(--accordion-panel-height, auto);
    }
}
@keyframes accordion-up {
    from {
        height: var(--accordion-panel-height, auto);
    }
    to {
        height: 0;
    }
}