/* Tailwind base styles, but scoped to the editor */
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

@import '@squiz/sds/lib/package.css';
@import '@squiz/sds/lib/styles/_imports.scss';
@import '@squiz/resource-browser-ui-lib/src/index';

// Components
@import './ResourcePicker/resource-picker';
@import './ResourceBrowserInlineButton/ResourceBrowserInlineButton';
@import '@squiz/generic-browser-lib/src/Spinner/spinner';
@import '@squiz/generic-browser-lib/src/Skeleton/skeleton';

*,
button {
    @apply antialiased;
    letter-spacing: -0.02em;
}

svg {
    @apply text-gray-600;
}

// In tailwind there is no break-word as it is deprecated, but break-words which is slightly different does not work here, so I have added the suggested combination here
// https://v1.tailwindcss.com/docs/word-break
// https://github.com/tailwindlabs/tailwindcss/discussions/2213
.break-word {
    word-break: break-word;
    overflow-wrap: anywhere;
}