ecomlab-components-next 0.1.27 → 0.1.29

package/dist/components/ConstructorComponents/Footer/CopyrightBox/CopyrightBox.js

@@ -0,0 +1,27 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CopyrightBox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _link = _interopRequireDefault(require("next/link"));
+require("./CopyrightBox.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var CopyrightBox = exports.CopyrightBox = function CopyrightBox() {
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "copyright"
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    className: "footer__copyright"
+  }, "\xA9 \u041E\u041E\u041E \u0415\u041A\u041E\u041C\u0421\u0415\u041B\u041B\u0415\u0420, 2024 \u0433. \u0412\u0441\u0435 \u043F\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043D\u044B."), /*#__PURE__*/_react["default"].createElement(_link["default"], {
+    href: "/article/publichnaja_oferta_(predlozhenie_o_zakljuchenii_dogovora_okazanija_uslug_distantsionnym_sposobom)/1846",
+    className: "footer__copyright"
+  }, "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u043E\u0435 \u0441\u043E\u0433\u043B\u0430\u0448\u0435\u043D\u0438\u0435"), /*#__PURE__*/_react["default"].createElement(_link["default"], {
+    href: "/article/Politika_konfidentsialnosti/397",
+    className: "footer__copyright"
+  }, "\u041F\u043E\u043B\u0438\u0442\u0438\u043A\u0430 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438"), /*#__PURE__*/_react["default"].createElement(_link["default"], {
+    href: "#",
+    className: "footer__copyright"
+  }, "\u0420\u043E\u0441\u0441\u0438\u044F"));
+};

package/dist/components/ConstructorComponents/Footer/CopyrightBox/CopyrightBox.scss

@@ -0,0 +1,36 @@
+* {
+    body {
+
+        .copyright {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            max-width: 100%;
+            flex-wrap: wrap;
+            column-gap: 32px;
+            row-gap: 1em;
+            width: 100%;
+            margin-right: auto;
+
+            & .footer__link {
+                color: #8B8B8B;
+                font-family: "Golos Text";
+                font-size: 0.75em;
+                font-style: normal;
+                font-weight: 400;
+                line-height: 24px;
+                padding-left: 2em;
+                padding-right: 2em;
+                text-align: center;
+            }
+
+            & .country {
+                justify-self: flex-end;
+                margin-left: auto;
+                border-left: none;
+                width: 100px;
+                margin-top: 0;
+            }
+        }
+    }
+}

package/dist/components/ConstructorComponents/Footer/CopyrightBox/img/ok.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6673 10.0002C16.6673 16.6668 16.6673 16.6668 10.0007 16.6668C3.33398 16.6668 3.33398 16.6668 3.33398 10.0002C3.33398 3.3335 3.33398 3.3335 10.0007 3.3335C16.6673 3.3335 16.6673 3.3335 16.6673 10.0002Z" stroke="#111111" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.3044 10.1365C9.17434 10.1365 8.23513 9.19804 8.23513 8.08763C8.23513 6.93881 9.17434 6 10.3048 6C11.4736 6 12.374 6.93841 12.374 8.08763C12.372 8.63285 12.1536 9.15497 11.7667 9.53923C11.3799 9.92349 10.8564 10.1384 10.3112 10.1369L10.3044 10.1365ZM10.3044 7.20682C9.82594 7.20682 9.46194 7.60882 9.46194 8.08803C9.46194 8.56643 9.82594 8.93044 10.3048 8.93044C10.8028 8.93044 11.1476 8.56643 11.1476 8.08803C11.148 7.60842 10.8028 7.20682 10.3044 7.20682ZM11.1284 11.8413L12.2976 12.9713C12.5276 13.2197 12.5276 13.5837 12.2976 13.8137C12.0488 14.0621 11.6652 14.0621 11.4736 13.8137L10.3048 12.6645L9.17434 13.8137C9.05954 13.9285 8.90593 13.9857 8.73313 13.9857C8.59913 13.9857 8.44593 13.9281 8.31153 13.8137C8.08152 13.5837 8.08152 13.2197 8.31153 12.9709L9.49954 11.8409C9.07051 11.7138 8.65894 11.5339 8.27433 11.3053C7.98672 11.1521 7.92952 10.7693 8.08272 10.4817C8.27433 10.1945 8.61913 10.1181 8.92593 10.3097C9.34138 10.5632 9.81866 10.6973 10.3054 10.6973C10.792 10.6973 11.2693 10.5632 11.6848 10.3097C11.9916 10.1181 12.3552 10.1945 12.5276 10.4817C12.7004 10.7693 12.6232 11.1517 12.3548 11.3053C11.9912 11.5353 11.5692 11.7073 11.1284 11.8413Z" fill="#111111"/>
+</svg>

package/dist/components/ConstructorComponents/Footer/CopyrightBox/img/tg.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6673 10.0002C16.6673 16.6668 16.6673 16.6668 10.0007 16.6668C3.33398 16.6668 3.33398 16.6668 3.33398 10.0002C3.33398 3.3335 3.33398 3.3335 10.0007 3.3335C16.6673 3.3335 16.6673 3.3335 16.6673 10.0002Z" stroke="#111111" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.9772 7.61078L12.77 13.3041C12.6789 13.706 12.4414 13.806 12.1038 13.6167L10.2644 12.2612L9.3768 13.1148C9.27857 13.2131 9.19642 13.2952 9.00712 13.2952L9.13927 11.4218L12.5485 8.3412C12.6967 8.20905 12.5164 8.13583 12.3181 8.26798L8.10347 10.9218L6.28902 10.3539C5.89434 10.2307 5.8872 9.9592 6.37117 9.7699L13.4682 7.03573C13.7968 6.9125 14.0844 7.10895 13.9772 7.61078Z" fill="#111111"/>
+</svg>

package/dist/components/ConstructorComponents/Footer/CopyrightBox/img/vk.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.67625 3.125C5.00043 3.12763 4.35304 3.39727 3.87515 3.87515C3.39727 4.35304 3.12763 5.00043 3.125 5.67625V14.3237C3.12763 14.9996 3.39727 15.647 3.87515 16.1248C4.35304 16.6027 5.00043 16.8724 5.67625 16.875H14.3237C14.9996 16.8724 15.647 16.6027 16.1248 16.1248C16.6027 15.647 16.8724 14.9996 16.875 14.3237V5.67625C16.8724 5.00043 16.6027 4.35304 16.1248 3.87515C15.647 3.39727 14.9996 3.12763 14.3237 3.125H5.67625ZM5.67625 4.375H14.3237C14.4949 4.374 14.6646 4.40698 14.8229 4.47202C14.9812 4.53707 15.1251 4.63288 15.2461 4.75391C15.3671 4.87494 15.4629 5.01878 15.528 5.17711C15.593 5.33543 15.626 5.50509 15.625 5.67625V14.3237C15.626 14.4949 15.593 14.6646 15.528 14.8229C15.4629 14.9812 15.3671 15.1251 15.2461 15.2461C15.1251 15.3671 14.9812 15.4629 14.8229 15.528C14.6646 15.593 14.4949 15.626 14.3237 15.625H5.67625C5.50507 15.6261 5.33537 15.5932 5.17701 15.5281C5.01865 15.4631 4.87477 15.3673 4.75372 15.2463C4.63267 15.1252 4.53687 14.9814 4.47185 14.823C4.40684 14.6646 4.37392 14.4949 4.375 14.3237V5.67625C4.374 5.50509 4.40698 5.33543 4.47202 5.17711C4.53707 5.01878 4.63288 4.87494 4.75391 4.75391C4.87494 4.63288 5.01878 4.53707 5.17711 4.47202C5.33543 4.40698 5.50509 4.374 5.67625 4.375ZM9.82438 7.64375C9.365 7.63937 8.97438 7.64375 8.755 7.75125C8.60813 7.8225 8.49625 7.98312 8.56437 7.99062C8.65 8.00312 8.8425 8.04437 8.94562 8.18375C9.07687 8.36188 9.0725 8.765 9.0725 8.765C9.0725 8.765 9.14562 9.87313 8.89375 10.0125C8.72062 10.1075 8.48375 9.91437 7.97125 9.03312C7.71 8.57937 7.5125 8.07875 7.5125 8.07875C7.5125 8.07875 7.475 7.98563 7.4075 7.93688C7.32438 7.87625 7.20937 7.85625 7.20937 7.85625L5.98625 7.86375C5.98625 7.86375 5.80313 7.87125 5.7375 7.94938C5.67625 8.0225 5.7325 8.16625 5.7325 8.16625C5.7325 8.16625 6.68938 10.405 7.77313 11.5331C8.76688 12.5688 9.895 12.5 9.895 12.5H10.4075C10.4075 12.5 10.5613 12.4831 10.6394 12.4C10.7131 12.3219 10.7106 12.175 10.7106 12.175C10.7106 12.175 10.7006 11.4894 11.0181 11.3869C11.3331 11.2887 11.7331 12.0506 12.1606 12.3438C12.4856 12.5656 12.7319 12.5169 12.7319 12.5169L13.875 12.5C13.875 12.5 14.4706 12.4631 14.1875 11.9919C14.1656 11.9556 14.0238 11.6456 13.3406 11.0106C12.6225 10.3469 12.7181 10.4544 13.5819 9.30438C14.1069 8.60375 14.3169 8.17625 14.2506 7.99062C14.1881 7.8175 13.8019 7.86375 13.8019 7.86375L12.515 7.87125C12.515 7.87125 12.42 7.85875 12.3494 7.90062C12.3008 7.93669 12.2621 7.98441 12.2369 8.03937C12.2369 8.03937 12.0319 8.58125 11.7606 9.04313C11.1894 10.0144 10.9575 10.0681 10.865 10.0075C10.6475 9.86562 10.7013 9.44063 10.7013 9.14062C10.7013 8.19562 10.845 7.805 10.4231 7.70312C10.2838 7.66875 10.1806 7.64687 9.82438 7.64375Z" fill="#111111"/>
+</svg>

package/dist/components/ConstructorComponents/Footer/Footer.js

@@ -0,0 +1,109 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _link = _interopRequireDefault(require("next/link"));
+var _FooterItem = require("./FooterItem/FooterItem");
+var _image = _interopRequireDefault(require("next/image"));
+var _bxChevronDown = _interopRequireDefault(require("./img/bx-chevron-down.svg"));
+var _CopyrightBox = require("./CopyrightBox/CopyrightBox");
+var _mir = _interopRequireDefault(require("./img/mir.png"));
+require("./Footer.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var transactionPlatforms = [_mir["default"]];
+var Footer = function Footer(_ref) {
+  var footerItems = _ref.footerItems;
+  var _useState = (0, _react.useState)(new Set()),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentDrop = _useState2[0],
+    _setCurrentDrop = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement("footer", {
+    className: "footer"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__upper-box"
+  }, /*#__PURE__*/_react["default"].createElement("nav", {
+    className: "footer__nav"
+  }, footerItems.map(function (_ref2) {
+    var label = _ref2.label,
+      subItems = _ref2.subItems;
+    return /*#__PURE__*/_react["default"].createElement(_FooterItem.FooterItem, {
+      currentDrop: currentDrop,
+      setCurrentDrop: function setCurrentDrop(e) {
+        return _setCurrentDrop(e);
+      },
+      key: label,
+      label: label,
+      subItems: subItems
+    });
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__title-point",
+    onClick: function onClick(e) {
+      var newState = new Set(currentDrop);
+      if (currentDrop.has('GTCOM.IO')) {
+        newState["delete"]('GTCOM.IO');
+      } else {
+        newState.add('GTCOM.IO');
+      }
+      _setCurrentDrop(newState);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("h4", {
+    className: "footer__title"
+  }, "ECOMRU.RU"), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "footer__btn-drop"
+  }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+    src: _bxChevronDown["default"],
+    alt: "icon"
+  }))), /*#__PURE__*/_react["default"].createElement("address", {
+    className: "footer__address"
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: currentDrop.has('GTCOM.IO') ? "footer__list" : "footer__list_active"
+  }, /*#__PURE__*/_react["default"].createElement("li", {
+    className: "footer__list_item"
+  }, /*#__PURE__*/_react["default"].createElement(_link["default"], {
+    href: "tel:8(800)301-65-63",
+    className: "footer__link address__link_tel"
+  }, "8(800)301-65-63")), /*#__PURE__*/_react["default"].createElement("li", {
+    className: "footer__list_item"
+  }, /*#__PURE__*/_react["default"].createElement(_link["default"], {
+    href: "mailto:info@ecomru.ru ",
+    className: "footer__link address__link_mail"
+  }, "info@ecomru.ru"))))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__bottom"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__bottom-box"
+  }, /*#__PURE__*/_react["default"].createElement(_CopyrightBox.CopyrightBox, null)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__org_info",
+    style: {
+      width: '100%',
+      display: 'flex'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer__org-inner"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "footer__copyright"
+  }, "\u0411\u0435\u0437\u043D\u0430\u043B\u0438\u0447\u043D\u044B\u0439 \u0440\u0430\u0441\u0447\u0435\u0442 \u0434\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446 \u0438 \u0438\u043D\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043B\u044C\u043D\u044B\u0445 \u043F\u0440\u0435\u0434\u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0442\u0435\u043B\u0435\u0439"), transactionPlatforms === null || transactionPlatforms === void 0 ? void 0 : transactionPlatforms.map(function (el, ind) {
+    return /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      src: el,
+      alt: "\u0424\u043E\u0442\u043E \u043F\u043B\u0430\u0442\u0435\u0436\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B",
+      key: el + ind
+    });
+  }))))));
+};
+var _default = exports["default"] = Footer;

package/dist/components/ConstructorComponents/Footer/Footer.scss

@@ -0,0 +1,279 @@
+body {
+    .footer {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        height: auto;
+        background-color: #fff;
+        padding: 22px 60px;
+
+        // Заголовок
+
+        &__content {
+            max-width: 1440px;
+            display: flex;
+            flex-direction: column;
+            width: 100%;
+            margin-left: auto;
+            margin-right: auto;
+            padding-left: 0px;
+            padding-right: 0px;
+        }
+
+        &__address {
+            display: flex;
+            flex-direction: column;
+            gap: 1em;
+            max-width: 204px;
+        }
+
+        // вверхняя часть одвала
+        &__upper-box {
+            display: flex;
+            flex-direction: column;
+            width: 100%;
+            gap: 2.5em;
+            height: 100%;
+            justify-content: center;
+        }
+
+        // нижняя часть подвала
+
+        &__bottom {
+            display: flex;
+            gap: 32px;
+            flex-direction: column;
+            padding-top: 32px;
+            padding-bottom: 32px;
+        }
+
+        &__bottom-box {
+            display: flex;
+            align-items: flex-start;
+            width: 100%;
+            margin-left: auto;
+            margin-right: auto;
+
+        }
+
+        &__link {
+            display: inline-block;
+            color: #333;
+            font-family: "Golos Text";
+            font-size: 16px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 24px;
+            // white-space: nowrap;
+            max-height: 400px;
+            transition: max-height 0.5s;
+        }
+
+        &__list,
+        &__list_active {
+            display: flex;
+            flex-direction: column;
+            flex-wrap: wrap;
+            row-gap: 12px;
+            column-gap: 22pxpx;
+            margin: 0;
+            padding: 0;
+        }
+
+        &__nav {
+            display: flex;
+            flex-wrap: wrap;
+            width: 100%;
+            column-gap: 3.33em;
+            row-gap: 1.9em;
+            justify-content: space-between;
+            margin-left: auto;
+            margin-right: auto;
+            padding-top: 40px;
+            border-top: 1px solid #D9D9D9;
+        }
+
+        &__item {
+            display: block;
+            width: auto;
+            height: auto;
+            max-width: 200px;
+        }
+
+        &__copyright {
+            display: inline-block;
+            color: #8B8B8B;
+            font-family: "Golos Text";
+            font-size: 16px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 24px;
+            white-space: wrap;
+        }
+
+        &__btn-drop {
+            display: none;
+        }
+
+        &__org-inner {
+            display: flex;
+            flex-wrap: wrap;
+            column-gap: 32px;
+            row-gap: 20px;
+            justify-content: start !important;
+        }
+    }
+
+    .country-box {
+        width: 200px;
+    }
+
+    .icon_square {
+        display: block;
+        margin: auto;
+    }
+
+    @media (max-width: 1300px) {
+        .country {
+            margin-right: auto;
+            width: auto;
+        }
+    }
+
+    @media (max-width: 1100px) {
+
+        .footer {
+            padding: 22px 24px;
+
+            &__org_info {
+                width: 50%;
+                justify-content: start !important;
+            }
+
+            &__bottom {
+                flex-direction: row;
+                align-items: flex-start;
+                gap: 60px;
+            }
+
+
+        }
+
+        .copyright {
+            flex-direction: column;
+            align-items: start;
+
+            & .footer__link {
+                padding: 0;
+                border: none;
+            }
+
+            .country {
+                margin-left: 0;
+                width: auto;
+            }
+
+            .footer__copyright {
+                border: none;
+            }
+        }
+
+        .copyright {
+
+            & .footer__link {
+                border: none;
+            }
+
+            .footer__copyright {
+                border: none;
+            }
+        }
+    }
+
+    @media (max-width: 430px) {
+        .copyright {
+            flex-direction: column;
+            align-items: start;
+
+            & .footer__link {
+                padding: 0;
+                border: none;
+            }
+
+            .country {
+                margin-left: 0;
+                width: auto;
+            }
+
+            .footer__copyright {
+                border: none;
+            }
+        }
+
+        .footer {
+            padding: 22px 16px;
+
+
+            &__bottom {
+                flex-direction: column;
+                align-items: flex-start;
+                gap: 1em;
+            }
+
+            &__org_info {
+                justify-content: start !important;
+            }
+
+            &__btn-drop {
+                display: inline-block;
+            }
+
+            &__upper-box {
+                border-bottom: none;
+            }
+
+            &__item {
+                border-bottom: 1px #D9D9D9 solid;
+            }
+
+            &__btn-drop {
+                cursor: pointer;
+                background-color: inherit;
+                border: none;
+            }
+
+            &__title-point {
+                display: flex;
+                justify-content: space-between;
+                min-height: 40px;
+                align-items: center;
+                width: 100%;
+                gap: 24px;
+                cursor: pointer;
+            }
+
+            &__title {
+                margin-bottom: 0;
+            }
+
+            &__nav {
+                padding-top: 0;
+                flex-direction: column;
+                gap: 0;
+            }
+
+            &__list {
+                padding-top: 12px;
+                padding-bottom: 12px;
+            }
+
+            &__list_active {
+                transition: max-height 0.5s;
+                max-height: 0;
+                overflow: hidden;
+            }
+        }
+
+    }
+}