Как использовать :deep(), :global() и :slotted() в scoped styles?

В scoped styles Vue добавляет уникальный атрибут data-v-xxxx к элементам, ограничивая CSS текущим компонентом. :deep() позволяет стилизовать дочерние компоненты "сквозь" scoped-барьер. :global() создаёт глобальное правило прямо внутри scoped-блока. :slotted() стилизует контент, переданный в слот из родителя.