Демо встраиваемого калькулятора

На этой странице нарочно заданы агрессивные стили — розовые пунктирные рамки, засечный шрифт, box-sizing:content-box и width:100%!important на всех полях. Виджет ниже живёт в Shadow DOM и ничего этого не замечает.

Код вставки

<div id="la-calc"></div> <script src="https://kp.logangels.com/widget.js"></script>

Как это выглядит

Поле сайта-владельца для сравнения

Так выглядят стили этой страницы. Внутри виджета их нет: