User: Чем отличаются
    Lampa.Template.add(
      "new_interface_style",
      '<style>\n.new-interface .card--small.card--wide {\n  width: 18.3em;\n}\n.new-interface-info {\n  position: relative;\n padding: 1.5em;\n height: 24.5em;\n}\n.new-interface-info__body {\n width: 80%;\n padding-top: 1.25em;\n}\n.new-interface-info__head {\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.5em;\n font-size: 1.5em;\n min-height: 1em;\n}\n.new-interface-info__head span {\n color: #fff;\n}\n.new-interface-info__title {\n font-size: 3.5em;\n font-weight: 400;\n margin-bottom: 0.2em;\n overflow: hidden;\n -o-text-overflow: ".";\n  text-overflow: ".";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n  line-clamp: 2; \n -webkit-box-orient: vertical;\n margin-left: -0.05em;\n line-height: 1.26;\n}\n.new-interface-info__details {\n margin-bottom: 1.5em;\n display: -webkit-box;\n display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  -moz-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n  -webkit-flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  min-height: 2.5em;\n  font-size: 1.1em;\n}\n.new-interface-info__split {\n  margin: 0 1em;\n  font-size: 0.5em\n}\n.new-interface-info__description {\n font-size: 1.2em;\n font-weight: 300;\n line-height: 1.5;\n overflow: hidden;\n -o-text-overflow: ".";\n  text-overflow: ".";\n display: -webkit-box;\n -webkit-line-clamp: 4;\n  line-clamp: 4;\n  -webkit-box-orient: vertical;\n width: 70%;\n}\n.new-interface .full-start__background {\n  height: 108%;\n top: -6em;\n}\n.new-interface .full-start__rate {\n margin-right: 0;\n  margin-left: -0.25em;\n}\n.new-interface .full-start__rate > div:first-child {\n  padding: 0 1em;\n background: rgba(255, 255, 255, 0.1);\n}\nbody.light--version .new-interface .full-start__rate > div:first-child {\n  font-size: 1em;\n padding: 0;\n margin-top: -0.1em;\n margin-right: 0.2em;\n}\nbody.light--version .new-interface .full-start__rate > div:last-child {\n  font-size: 0.8em;\n padding: 0;\n opacity: 0.7;\n}\n.new-interface .card__promo {\n display: none;\n}\n.new-interface .card.card--wide + .card-more .card-more__box {\n padding-bottom: 95%;\n}\n.new-interface .card.card--wide .card-watched {\n  display: none !important;\n}\n/* general */\nbody {\n background: #000;\n}\nbody.light--version .new-interface-info__body {\n width: 69%;\n padding-top: 1.5em;\n}\nbody.light--version .new-interface-info {\n height: 25.5em;\n}\nbody.light--version .new-interface .card-episode ::after {\n -webkit-border-radius: .4em;\n -moz-border-radius: .4em;\n border-radius: .4em;\n}\nbody .full-start-new__title {\n  font-size: 3.6em;\n font-weight: 400;\n -webkit-line-clamp: 2;\n  line-clamp: 2;\n  line-height: 1.26;\n}\n/* iptv */\nbody .iptv-channel {\n  padding-bottom:55%;\n}\nbody .iptv-details__title {\n  font-size: 3.6em;\n  font-weight: 400;\n}\n/* menu */\n.menu__list {\n  padding-left:.5em\n}\n.menu__item {\n color: #eee;\n}\n.menu__item.focus,\n.menu__item.traverse {\n background-color: transparent;\n  color: #eee;\n}\n.menu.editable .menu__item.focus:not(.traverse)::after {\n color: #e50914;\n filter: invert(20%) sepia(80%) saturate(5000%) hue-rotate(350deg) brightness(100%) contrast(100%);\n}\n.menu__item.focus .menu__ico>img,\n.menu__item.traverse .menu__ico>img {\n -webkit-filter:invert(1);\n filter:invert(1)\n}\n.menu__item.focus .menu__ico [stroke],\n.menu__item.traverse .menu__ico [stroke] {\n stroke: #e50914\n}\n.menu__item.focus .menu__ico path[fill],\n.menu__item.focus .menu__ico rect[fill],\n.menu__item.focus .menu__ico circle[fill],\n.menu__item.traverse .menu__ico path[fill],\n.menu__item.traverse .menu__ico rect[fill],\n.menu__item.traverse .menu__ico circle[fill] {\n  fill: #e50914\n}\n.menu__ico {\n  margin-right: 1.5em;\n  width: 1.75em;\n  height: 1.75em;\n}\n.menu__split {\n  color: #eee;\n  opacity: 0.5;\n}\n.menu__text{\n  opacity: 0.75;\n}\n.menu__item.focus .menu__text {\n  opacity: 1.0;\n}\n/* settings */\n.settings__content, .selectbox__content {\n background: #1a1a1a;\n}\n.settings-folder__name {\n line-height: 1.4;\n}\n.modal__content{\n  background-color: #1a1a1a;\n}\n/* loader */\n.activity__loader {\n  fill: #e50914;\n  filter: invert(80%) sepia(80%) saturate(5000%) hue-rotate(350deg) brightness(100%) contrast(100%);\n}\n</style>'
    );
и
      Lampa.Template.add(
'new_interface_style', 
"\n        <style>\n        .new-interface .card--small.card--wide {\n            width: 18.3em;\n        }\n        \n        .new-interface-info {\n            position: relative;\n            padding: 1.5em;\n            height: 24em;\n        }\n        \n        .new-interface-info__body {\n            width: 80%;\n            padding-top: 1.1em;\n        }\n        \n        .new-interface-info__head {\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 1em;\n            font-size: 1.3em;\n            min-height: 1em;\n        }\n        \n        .new-interface-info__head span {\n            color: #fff;\n        }\n        \n        .new-interface-info__title {\n            font-size: 4em;\n            font-weight: 600;\n            margin-bottom: 0.3em;\n            overflow: hidden;\n            -o-text-overflow: \".\";\n            text-overflow: \".\";\n            display: -webkit-box;\n            -webkit-line-clamp: 1;\n            line-clamp: 1;\n            -webkit-box-orient: vertical;\n            margin-left: -0.03em;\n            line-height: 1.3;\n        }\n        \n        .new-interface-info__details {\n            margin-bottom: 1.6em;\n            display: -webkit-box;\n            display: -webkit-flex;\n            display: -moz-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -webkit-align-items: center;\n            -moz-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n            -webkit-flex-wrap: wrap;\n            -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n            min-height: 1.9em;\n            font-size: 1.1em;\n        }\n        \n        .new-interface-info__split {\n            margin: 0 1em;\n            font-size: 0.7em;\n        }\n        \n        .new-interface-info__description {\n            font-size: 1.2em;\n            font-weight: 300;\n            line-height: 1.5;\n            overflow: hidden;\n            -o-text-overflow: \".\";\n            text-overflow: \".\";\n            display: -webkit-box;\n            -webkit-line-clamp: 4;\n            line-clamp: 4;\n            -webkit-box-orient: vertical;\n            width: 70%;\n        }\n        \n        .new-interface .card-more__box {\n            padding-bottom: 95%;\n        }\n        \n        .new-interface .full-start__background {\n            height: 108%;\n            top: -6em;\n        }\n        \n        .new-interface .full-start__rate {\n            font-size: 1.3em;\n            margin-right: 0;\n        }\n        \n        .new-interface .card__promo {\n            display: none;\n        }\n        \n        .new-interface .card.card--wide+.card-more .card-more__box {\n            padding-bottom: 95%;\n        }\n        \n        .new-interface .card.card--wide .card-watched {\n            display: none !important;\n        }\n        \n        body.light--version .new-interface-info__body {\n            width: 69%;\n            padding-top: 1.5em;\n        }\n        \n        body.light--version .new-interface-info {\n            height: 25.3em;\n        }\n\n        body.advanced--animation:not(.no--animation) .new-interface .card--small.card--wide.focus .card__view{\n            animation: animation-card-focus 0.2s\n        }\n        body.advanced--animation:not(.no--animation) .new-interface .card--small.card--wide.animate-trigger-enter .card__view{\n            animation: animation-trigger-enter 0.2s forwards\n        }\n        </style>\n    ");

Assistant: Обе версии кода добавляют стили для класса интерфейса с именем `"new-interface"`, но между ними есть некоторые различия в значениях стилей и дополнительных элементах. Вот основные отличия:

1. **Высота `.new-interface-info`:**
   - В первой версии: `height: 24.5em;`
   - Во второй версии: `height: 24em;`

2. **Высота линии заголовка `.new-interface-info__head`:**
   - В первой версии: `margin-bottom: 0.5em; font-size: 1.5em;`
   - Во второй версии: `margin-bottom: 1em; font-size: 1.3em;`

3. **Стиль заголовка `.new-interface-info__title`:**
   - В первой версии: `font-size: 3.5em; font-weight: 400; -webkit-line-clamp: 2;`
   - Во второй версии: `font-size: 4em; font-weight: 600; -webkit-line-clamp: 1;`

4. **Минимальная высота и размер шрифта `.new-interface-info__details`:**
   - В первой версии: `min-height: 2.5em;`
   - Во второй версии: `min-height: 1.9em;`

5. **Размер разделителя `.new-interface-info__split`:**
   - В первой версии: `font-size: 0.5em;`
   - Во второй версии: `font-size: 0.7em;`

6. **Стиль `.new-interface .full-start__rate`:**
   - В первой версии: отсутствует свойство `font-size`.
   - Во второй версии: `font-size: 1.3em;`

7. **Анимация для фокусировки `.card--small.card--wide`:**
   - Присутствует только во второй версии.

8. **Отсутствующие/присутствующие стили:**
   - В первой версии стилей больше (например, стили для `.menu__item`, `.settings__content`, `activity__loader` и так далее), чем во второй, которая более сосредоточена на некоторых специфических элементах интерфейса.

Каждая версия может соответствовать разным визуальным предпочтениям или функциональным возможностям конечного продукта, где стиль интерфейса должен быть адаптирован к конкретной теме или функциональности.
User: а можешь в первую версию добавить Анимация для фокусировки .card--small.card--wide и мне нужно подробнее что есть во второй версии чего нет в первой
Assistant: