Применение внутреннего эффекта тени от Figma к веб -странице с использованием Tailwind CSS или CSS ⇐ CSS

[Anonymous]

Я пытаюсь реализовать свой дизайн от Figma на мою веб -страницу React с Tailwind CSS, но у меня возникают проблемы с добавлением внутренних тени. Я попытался экспортировать свой дизайн в качестве SVG с тени, но они не были выполнены должным образом, что ожидается, поэтому я попытался экспортировать его без тени, а затем добавив их с CSS/Tailwind CSS. Поскольку вокруг SVG есть квадратная коробка видов, Box-Shadow с вставкой не сработает, а выпадает только на внешней стороне краев. Как я могу воспроизвести этот внутренний эффект тени, или как еще я могу воспроизводить этот компонент на моей веб-странице?

Подробнее здесь: https://stackoverflow.com/questions/796 ... css-or-css