@foxford/ui 1.9.82 → 1.9.86

package/es/components/Amount/Amount.js

@@ -50,11 +50,10 @@ function createSplitter(partSize) {
   return parts;
 }
 
-function formatAmount(value, fractionalPart, currencyCode) {
-  var fractionDigits = Math.log10(fractionalPart);
+function formatAmount(value, digitsAfterPoint, currencyCode) {
   var isNegative = value < 0;
   var valueAbs = Math.abs(value);
-  var valueAbsStr = (valueAbs / fractionalPart).toFixed(fractionDigits);
+  var valueAbsStr = valueAbs.toFixed(digitsAfterPoint);
   var numberParts = valueAbsStr.split('.');
   var majorPart = numberParts[0];
   var minorPart = numberParts[1];
@@ -136,15 +135,15 @@ function (_PureComponent) {
     value: function render() {
       var _this$props2 = this.props,
           value = _this$props2.value,
-          fractionalPart = _this$props2.fractionalPart,
+          digitsAfterPoint = _this$props2.digitsAfterPoint,
           currency = _this$props2.currency,
           isHeader = _this$props2.isHeader,
           className = _this$props2.className,
           crossedOut = _this$props2.crossedOut,
           onlyCurrency = _this$props2.onlyCurrency,
-          rest = _objectWithoutProperties(_this$props2, ["value", "fractionalPart", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
+          rest = _objectWithoutProperties(_this$props2, ["value", "digitsAfterPoint", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
 
-      var _formatAmount = formatAmount(value, fractionalPart, currency),
+      var _formatAmount = formatAmount(value, digitsAfterPoint, currency),
           majorPart = _formatAmount.majorPart,
           minorPart = _formatAmount.minorPart,
           isNegative = _formatAmount.isNegative,
@@ -153,9 +152,10 @@ function (_PureComponent) {
       var classNames = cx('amount', css.root, crossedOut && css.crossedOut, className);
       var amountInner = React.createElement("span", {
         className: classNames
-      }, !onlyCurrency ? React.createElement("span", {
-        className: "major"
-      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart) : null, this.renderMinorPart(minorPart), currency && this.renderCurrencySymbol(currencySymbol));
+      }, !onlyCurrency ? [React.createElement("span", {
+        className: "major",
+        key: "0"
+      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart), this.renderMinorPart(minorPart)] : null, currency && this.renderCurrencySymbol(currencySymbol));
       var Element = isHeader ? Text.Heading : Text;
       return React.createElement(Element, _extends({}, rest, {
         as: "span"
@@ -173,11 +173,7 @@ _defineProperty(Amount, "propTypes", {
    * Value for amount
    */
   value: PropTypes.number,
-
-  /**
-   * Type of fractional part for amount
-   */
-  fractionalPart: PropTypes.oneOf([1, 10, 100, 1000]),
+  digitsAfterPoint: PropTypes.number,
 
   /**
    * Show zero minor part
@@ -218,9 +214,9 @@ _defineProperty(Amount, "propTypes", {
 
 _defineProperty(Amount, "defaultProps", {
   isHeader: false,
-  showZeroMinorPart: true,
+  showZeroMinorPart: false,
   crossedOut: false,
-  fractionalPart: 1,
+  digitsAfterPoint: 2,
   separator: ',',
   onlyCurrency: false
 });

package/es/components/Icon/Icon.sass

@@ -14,12 +14,12 @@ $legacySizes: ('xxxl': 42px,
 'xxs': 14px,
 'xxxs': 10px)
 $localSizes: map-merge($legacySizes, $sizesNumeric)
-$vAligns: ('top': 'top',
-'middle': 'middle',
-'bottom': 'bottom',
-'text-top': 'text-top',
-'text-bottom': 'text-bottom',
-'baseline': 'baseline')
+$vAligns: ('top': top,
+'middle': middle,
+'bottom': bottom,
+'text-top': text-top,
+'text-bottom': text-bottom,
+'baseline': baseline)
 
 @value sizes #{$localSizes}
 @value vAligns #{$vAligns}

package/es/components/Icon/_Icons.js

@@ -40,6 +40,7 @@ import Page from './images/page.module.svg';
 import Print from './images/print.module.svg';
 import Objective from './images/objective.module.svg';
 import Present from './images/present.module.svg';
+import Coins from './images/coins.module.svg';
 export var book =
 /*#__PURE__*/
 Book();
@@ -163,6 +164,9 @@ Objective();
 export var present =
 /*#__PURE__*/
 Present();
+export var coins =
+/*#__PURE__*/
+Coins();
 export var calendar =
 /*#__PURE__*/
 React.createElement("svg", {

package/es/components/Icon/images/coins.module.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M3 10a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm4-6a6 6 0 1 0 0 12A6 6 0 0 0 7 4Zm5.333 11.963A8.034 8.034 0 0 0 14 13.873a4.002 4.002 0 0 0 0-7.747 8.034 8.034 0 0 0-1.668-2.09 6 6 0 1 1 0 11.927Z"/></svg>

package/es/components/Text/Text.js

@@ -16,12 +16,14 @@ function BaseText(props) {
       underlineLinks = props.underlineLinks,
       className = props.className,
       lineHeight = props.lineHeight,
-      fontStyle = props.fontStyle;
+      fontStyle = props.fontStyle,
+      title = props.title;
   var classNames = cx(css.root, Hn && css["display-".concat(Hn)], weight && css["weight-".concat(weight)], lineHeight && css["lineHeight-".concat(lineHeight)], textAlign && css["text-align-".concat(textAlign)], fontStyle && css["fontStyle-".concat(fontStyle)], underlineLinks && css.underlineLinks, className);
 
   if (children) {
     return React.createElement(Hn, {
-      className: classNames
+      className: classNames,
+      title: title
     }, children);
   }
 
@@ -30,6 +32,7 @@ function BaseText(props) {
   };
   return React.createElement(Hn, {
     className: classNames,
+    title: title,
     dangerouslySetInnerHTML: html
   });
 }
@@ -117,13 +120,18 @@ BaseText.propTypes = {
   PropTypes.oneOf(['left', 'center', 'right']),
 
   /**
-   * Text align
+   * Line height
    */
   lineHeight:
   /*#__PURE__*/
   PropTypes.oneOf(
   /*#__PURE__*/
-  Object.keys(Text.lineHeight))
+  Object.keys(Text.lineHeight)),
+
+  /**
+   * Element title
+   */
+  title: PropTypes.string
 };
 Text.defaultProps = {
   as: 'div',

package/es/components/Text/Text.md

@@ -176,7 +176,7 @@
 </div>
 ```
 
-## Responsive font size
+### Responsive font size
 
 ```js
 <Text
@@ -189,3 +189,12 @@
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 </Text>
 ```
+
+### Standart element title
+
+```js
+<Text title='Example of title'
+>
+  Hover over this text to see element's title
+</Text>
+```

package/lib/components/Amount/Amount.js

@@ -93,11 +93,10 @@ function createSplitter(partSize) {
   return parts;
 }
 
-function formatAmount(value, fractionalPart, currencyCode) {
-  var fractionDigits = Math.log10(fractionalPart);
+function formatAmount(value, digitsAfterPoint, currencyCode) {
   var isNegative = value < 0;
   var valueAbs = Math.abs(value);
-  var valueAbsStr = (valueAbs / fractionalPart).toFixed(fractionDigits);
+  var valueAbsStr = valueAbs.toFixed(digitsAfterPoint);
   var numberParts = valueAbsStr.split('.');
   var majorPart = numberParts[0];
   var minorPart = numberParts[1];
@@ -179,15 +178,15 @@ function (_PureComponent) {
     value: function render() {
       var _this$props2 = this.props,
           value = _this$props2.value,
-          fractionalPart = _this$props2.fractionalPart,
+          digitsAfterPoint = _this$props2.digitsAfterPoint,
           currency = _this$props2.currency,
           isHeader = _this$props2.isHeader,
           className = _this$props2.className,
           crossedOut = _this$props2.crossedOut,
           onlyCurrency = _this$props2.onlyCurrency,
-          rest = _objectWithoutProperties(_this$props2, ["value", "fractionalPart", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
+          rest = _objectWithoutProperties(_this$props2, ["value", "digitsAfterPoint", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
 
-      var _formatAmount = formatAmount(value, fractionalPart, currency),
+      var _formatAmount = formatAmount(value, digitsAfterPoint, currency),
           majorPart = _formatAmount.majorPart,
           minorPart = _formatAmount.minorPart,
           isNegative = _formatAmount.isNegative,
@@ -197,9 +196,10 @@ function (_PureComponent) {
 
       var amountInner = _react2.default.createElement("span", {
         className: classNames
-      }, !onlyCurrency ? _react2.default.createElement("span", {
-        className: "major"
-      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart) : null, this.renderMinorPart(minorPart), currency && this.renderCurrencySymbol(currencySymbol));
+      }, !onlyCurrency ? [_react2.default.createElement("span", {
+        className: "major",
+        key: "0"
+      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart), this.renderMinorPart(minorPart)] : null, currency && this.renderCurrencySymbol(currencySymbol));
 
       var Element = isHeader ? _Text.Text.Heading : _Text.Text;
       return _react2.default.createElement(Element, _extends({}, rest, {
@@ -218,11 +218,7 @@ _defineProperty(Amount, "propTypes", {
    * Value for amount
    */
   value: _propTypes2.default.number,
-
-  /**
-   * Type of fractional part for amount
-   */
-  fractionalPart: _propTypes2.default.oneOf([1, 10, 100, 1000]),
+  digitsAfterPoint: _propTypes2.default.number,
 
   /**
    * Show zero minor part
@@ -263,9 +259,9 @@ _defineProperty(Amount, "propTypes", {
 
 _defineProperty(Amount, "defaultProps", {
   isHeader: false,
-  showZeroMinorPart: true,
+  showZeroMinorPart: false,
   crossedOut: false,
-  fractionalPart: 1,
+  digitsAfterPoint: 2,
   separator: ',',
   onlyCurrency: false
 });

package/lib/components/Icon/Icon.sass

@@ -14,12 +14,12 @@ $legacySizes: ('xxxl': 42px,
 'xxs': 14px,
 'xxxs': 10px)
 $localSizes: map-merge($legacySizes, $sizesNumeric)
-$vAligns: ('top': 'top',
-'middle': 'middle',
-'bottom': 'bottom',
-'text-top': 'text-top',
-'text-bottom': 'text-bottom',
-'baseline': 'baseline')
+$vAligns: ('top': top,
+'middle': middle,
+'bottom': bottom,
+'text-top': text-top,
+'text-bottom': text-bottom,
+'baseline': baseline)
 
 @value sizes #{$localSizes}
 @value vAligns #{$vAligns}

package/lib/components/Icon/_Icons.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.video = exports.playPause = exports.cancel = exports.document = exports.questionFilled = exports.home = exports.check = exports.info = exports.checkCircle = exports.reload = exports.play = exports.plusThin = exports.plus = exports.sharpCross = exports.tinyCross = exports.tasks = exports.search = exports.radioNotChecked = exports.radioChecked = exports.phoneNoFill = exports.pencil = exports.lessons = exports.fileBordered = exports.file = exports.externalLink = exports.dropDownArrow = exports.dialog = exports.cross = exports.chevronLeft = exports.chevronRight = exports.chevronUp = exports.chevronDown = exports.calendar_simple = exports.calendar = exports.present = exports.objective = exports.print = exports.copy = exports.edit = exports.wallet = exports.message = exports.trophy = exports.textbook = exports.target = exports.student = exports.settings = exports.star = exports.prof = exports.phone = exports.priceTag = exports.page = exports.headphones = exports.externat = exports.discount = exports.courses = exports.clockFilled = exports.clock = exports.cart = exports.camps = exports.fire = exports.logout = exports.login = exports.list = exports.infoInverse = exports.diamondSolid = exports.diamondFilled = exports.diamond = exports.person = exports.unsort = exports.sort = exports.email = exports.eye = exports.burger = exports.blackBoard = exports.book = undefined;
+exports.video = exports.playPause = exports.cancel = exports.document = exports.questionFilled = exports.home = exports.check = exports.info = exports.checkCircle = exports.reload = exports.play = exports.plusThin = exports.plus = exports.sharpCross = exports.tinyCross = exports.tasks = exports.search = exports.radioNotChecked = exports.radioChecked = exports.phoneNoFill = exports.pencil = exports.lessons = exports.fileBordered = exports.file = exports.externalLink = exports.dropDownArrow = exports.dialog = exports.cross = exports.chevronLeft = exports.chevronRight = exports.chevronUp = exports.chevronDown = exports.calendar_simple = exports.calendar = exports.coins = exports.present = exports.objective = exports.print = exports.copy = exports.edit = exports.wallet = exports.message = exports.trophy = exports.textbook = exports.target = exports.student = exports.settings = exports.star = exports.prof = exports.phone = exports.priceTag = exports.page = exports.headphones = exports.externat = exports.discount = exports.courses = exports.clockFilled = exports.clock = exports.cart = exports.camps = exports.fire = exports.logout = exports.login = exports.list = exports.infoInverse = exports.diamondSolid = exports.diamondFilled = exports.diamond = exports.person = exports.unsort = exports.sort = exports.email = exports.eye = exports.burger = exports.blackBoard = exports.book = undefined;
 
 var _react =
 /*#__PURE__*/
@@ -341,6 +341,14 @@ var _presentModule2 =
 /*#__PURE__*/
 _interopRequireDefault(_presentModule);
 
+var _coinsModule =
+/*#__PURE__*/
+require("./images/coins.module.svg");
+
+var _coinsModule2 =
+/*#__PURE__*/
+_interopRequireDefault(_coinsModule);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var book =
@@ -466,6 +474,9 @@ exports.objective = (0, _objectiveModule2.default)();
 var present =
 /*#__PURE__*/
 exports.present = (0, _presentModule2.default)();
+var coins =
+/*#__PURE__*/
+exports.coins = (0, _coinsModule2.default)();
 
 var calendar =
 /*#__PURE__*/

package/lib/components/Icon/images/coins.module.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M3 10a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm4-6a6 6 0 1 0 0 12A6 6 0 0 0 7 4Zm5.333 11.963A8.034 8.034 0 0 0 14 13.873a4.002 4.002 0 0 0 0-7.747 8.034 8.034 0 0 0-1.668-2.09 6 6 0 1 1 0 11.927Z"/></svg>

package/lib/components/Text/Text.js

@@ -58,12 +58,14 @@ function BaseText(props) {
       underlineLinks = props.underlineLinks,
       className = props.className,
       lineHeight = props.lineHeight,
-      fontStyle = props.fontStyle;
+      fontStyle = props.fontStyle,
+      title = props.title;
   var classNames = (0, _classnames2.default)(_Text2.default.root, Hn && _Text2.default["display-".concat(Hn)], weight && _Text2.default["weight-".concat(weight)], lineHeight && _Text2.default["lineHeight-".concat(lineHeight)], textAlign && _Text2.default["text-align-".concat(textAlign)], fontStyle && _Text2.default["fontStyle-".concat(fontStyle)], underlineLinks && _Text2.default.underlineLinks, className);
 
   if (children) {
     return _react2.default.createElement(Hn, {
-      className: classNames
+      className: classNames,
+      title: title
     }, children);
   }
 
@@ -72,6 +74,7 @@ function BaseText(props) {
   };
   return _react2.default.createElement(Hn, {
     className: classNames,
+    title: title,
     dangerouslySetInnerHTML: html
   });
 }
@@ -159,13 +162,18 @@ BaseText.propTypes = {
   _propTypes2.default.oneOf(['left', 'center', 'right']),
 
   /**
-   * Text align
+   * Line height
    */
   lineHeight:
   /*#__PURE__*/
   _propTypes2.default.oneOf(
   /*#__PURE__*/
-  Object.keys(Text.lineHeight))
+  Object.keys(Text.lineHeight)),
+
+  /**
+   * Element title
+   */
+  title: _propTypes2.default.string
 };
 Text.defaultProps = {
   as: 'div',

package/lib/components/Text/Text.md

@@ -176,7 +176,7 @@
 </div>
 ```
 
-## Responsive font size
+### Responsive font size
 
 ```js
 <Text
@@ -189,3 +189,12 @@
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 </Text>
 ```
+
+### Standart element title
+
+```js
+<Text title='Example of title'
+>
+  Hover over this text to see element's title
+</Text>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "1.9.82",
+  "version": "1.9.86",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/netology-group/ui/issues"
@@ -36,7 +36,7 @@
     "postcoverage": "tap --coverage-report=text-lcov > coverage/coverage.lcov && codecov",
     "docs/build": "cross-env BABEL_ENV=styleguidist styleguidist build",
     "docs/serve": "cross-env BABEL_ENV=styleguidist styleguidist server",
-    "docs/deploy": "BUCKET=foxford-ui LOCAL_DIR=./styleguide scripts/docs.sh",
+    "docs/deploy": "BUCKET=ui.foxford.ru LOCAL_DIR=./styleguide scripts/docs.sh",
     "predocs/deploy": "npm run docs/build",
     "lint": "concurrently -n eslint,flow \"npm run eslint\" \"npm run flow\"",
     "flow": "flow",
@@ -51,12 +51,12 @@
     "@foxford/foxford-utils": "0.3.8",
     "classnames": "2.2.6",
     "debug": "4.1.1",
-    "prop-types": "15.6.2",
+    "prop-types": "15.7.2",
     "ramda": "0.26.1",
     "react": "^17.0.1",
     "react-custom-scrollbars": "4.2.1",
     "react-dom": "^17.0.1",
-    "react-floater": "0.6.4",
+    "react-floater": "0.7.3",
     "react-input-mask": "2.0.4",
     "react-modal": "3.4.4",
     "react-router-dom": "5.1.2",
@@ -116,21 +116,20 @@
     "webpack": "4.26.1"
   },
   "peerDependencies": {
-    "@foxford/foxford-utils": "^0.3.х",
-    "classnames": "^2.2",
-    "prop-types": "^15.6",
-    "ramda": "^0.25.x || ^0.26.x",
-    "react-custom-scrollbars": "^4.2.1",
-    "react-dom": "^16.x || ^17.x",
-    "react-floater": "^0.5.5 || ^0.6",
-    "react-input-mask": "^2.0",
-    "react-modal": "^3.4.4",
-    "react-router-dom": "^5.x.x",
-    "react-select": "^1.0.0-rc.10",
-    "react": "^16.x || ^17.x"
+    "@foxford/foxford-utils": ">=0.3",
+    "classnames": ">=2.2",
+    "prop-types": ">=15.6",
+    "ramda": ">=0.25",
+    "react-custom-scrollbars": ">=4.2",
+    "react-dom": ">=16",
+    "react-floater": ">=0.7",
+    "react-input-mask": ">=2.0",
+    "react-modal": ">=3.4.4",
+    "react-router-dom": ">=5.x.x",
+    "react-select": ">=1.0.0-rc.10",
+    "react": ">=16"
   },
   "engines": {
-    "node": "^10.14.2",
-    "npm": "^6.5.0"
+    "node": ">=10"
   }
 }

package/packages/Acordeon/Acordeon.css

@@ -1,6 +1,6 @@
 .Acordeon_root__3GvjA{display:block}
-
 @-webkit-keyframes a{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes a{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:none;transform:none}}.Tab_root__fKpuy{display:block;padding:24px 20px 24px 32px;text-align:left;border-radius:5px;background-color:rgba(246,247,251,.27);border:1px solid #e9e9e9;transition:top .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:pointer;will-change:all}.Tab_root__fKpuy+.Tab_root__fKpuy{margin-top:15px}.Tab_root__fKpuy:active,.Tab_root__fKpuy:hover{position:relative;z-index:1;background-color:#f7fdff;border-color:#1a96f6}@media screen and (min-width:768px) and (max-width:1023px){.Tab_root__fKpuy{padding:24px 30px}}@media screen and (max-width:767px){.Tab_root__fKpuy{padding:16px 20px 20px}.Tab_root__fKpuy+.Tab_root__fKpuy{margin-top:10px}}.Tab_heading__2KLvp{display:block;width:60%;flex-shrink:1;flex-grow:0;transition:color .25s ease}@media screen and (max-width:767px){.Tab_heading__2KLvp{width:auto}}.Tab_header__2LIVB{display:flex;flex-wrap:nowrap;flex-flow:row;align-items:center;justify-content:space-between}@media screen and (max-width:767px){.Tab_header__2LIVB{display:block}}.Tab_headerRight__3x6Z_{display:block;flex-shrink:0;flex-grow:0;height:30px;line-height:30px}@media screen and (max-width:767px){.Tab_headerRight__3x6Z_{margin-top:10px}}.Tab_hours__2qpCe{white-space:nowrap;color:#d4d4d4;transition:color .25s ease}.Tab_hours__2qpCe,.Tab_hours__2qpCe .Tab_hoursIcon__l8NJ5{display:inline-block;vertical-align:middle}.Tab_hours__2qpCe .Tab_hoursIcon__l8NJ5{width:19px;height:19px;margin-right:10px;color:inherit}.Tab_hours__2qpCe .Tab_hoursIcon__l8NJ5 svg{display:block;width:100%;height:100%;fill:currentColor}.Tab_hours__2qpCe .Tab_hoursText__3cziL{display:inline-block;min-width:70px;vertical-align:middle;height:19px;color:inherit}@media screen and (max-width:767px){.Tab_hours__2qpCe{height:14px}}.Tab_divider__1xyYE{display:inline-block;vertical-align:middle;height:30px;width:2px;margin:0 30px;background-color:#d4d4d4}@media screen and (max-width:767px){.Tab_divider__1xyYE{display:none}}.Tab_arrow__e8ATx{display:inline-block;vertical-align:middle;width:30px;height:30px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:all .5s ease;color:#333}@media screen and (max-width:767px){.Tab_arrow__e8ATx{float:right}}.Tab_arrow__e8ATx svg{display:block;width:100%;height:100%;fill:currentColor}.Tab_content__2LzpI{margin-top:33px;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;will-change:all;-webkit-animation-name:a;animation-name:a;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media screen and (max-width:767px){.Tab_content__2LzpI{margin-top:19px}}.Tab_contentItem__1-CoD{position:relative;color:#6e727f}.Tab_contentItem__1-CoD+.Tab_contentItem__1-CoD{margin-top:10px}@media screen and (max-width:767px){.Tab_contentItem__1-CoD+.Tab_contentItem__1-CoD{margin-top:2px}}.Tab_contentItem__1-CoD:before{position:absolute;content:"";left:-24px;top:.6em;display:block;width:7px;height:7px;border-radius:100%;background:#e3e3e3;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width:768px) and (max-width:1023px){.Tab_contentItem__1-CoD:before{left:-29px}}@media screen and (max-width:767px){.Tab_contentItem__1-CoD:before{left:-17px}}.Tab_active__1G2ZX{position:relative;z-index:2;top:-20px;margin:0 -20px -40px;background-color:#f7fdff;border-color:#1a96f6;box-shadow:0 10px 40px 0 rgba(0,17,48,.14);padding:39px 39px 35px 50px}@media screen and (min-width:768px) and (max-width:1023px){.Tab_active__1G2ZX{padding:39px 50px 35px}}@media screen and (max-width:767px){.Tab_active__1G2ZX{top:-15px;margin:0 -20px -30px;padding:20px 40px 30px}}.Tab_active__1G2ZX .Tab_header__2LIVB{color:#1a96f6}.Tab_active__1G2ZX .Tab_heading__2KLvp,.Tab_active__1G2ZX .Tab_hours__2qpCe{color:inherit}.Tab_active__1G2ZX .Tab_arrow__e8ATx{color:inherit;-webkit-transform:none;transform:none}
+
 .Text_root__YFq83{line-height:inherit;margin:initial}.Text_root__YFq83 a{text-decoration:none}.Text_root__YFq83 a:hover{text-decoration:none}.Text_underlineLinks__3IjOx a{text-decoration:underline}.Text_underlineLinks__3IjOx a:hover{text-decoration:none}.Text_lineHeight-l__3npV_{line-height:1.5}.Text_lineHeight-m__27bFF{line-height:1.3}.Text_lineHeight-s__2Dkxr{line-height:1.15}.Text_lineHeight-xs__15Iyr{line-height:1}.Text_weight-lighter__UjG6s{font-weight:100}.Text_weight-normal__1GXrZ{font-weight:400}.Text_weight-bold__1h_Zv{font-weight:600}.Text_weight-bolder__rT-OK{font-weight:800}.Text_text-align-left__2a-JR{text-align:left}.Text_text-align-center__2Yt38{text-align:center}.Text_text-align-right__1UGey{text-align:right}.Text_fontStyle-normal__1J56y{font-style:normal}.Text_fontStyle-italic__2kGCf{font-style:italic}
 .FontSize_fontSize-xxxl__3Td5T{font-size:24px}.FontSize_fontSize-xxl__3FD0X{font-size:22px}.FontSize_fontSize-xl__3zA1H{font-size:20px}.FontSize_fontSize-l__2Ykor{font-size:18px}.FontSize_fontSize-m__1QIIJ{font-size:16px}.FontSize_fontSize-s__j0aSu{font-size:14px}.FontSize_fontSize-xs__39DSN{font-size:12px}.FontSize_fontSize-xxs__MXS7E{font-size:10px}.FontSize_fontSize-xxxs__19j3C{font-size:8px}.FontSize_fontSize-60__2YcPF{font-size:60px}.FontSize_fontSize-56__1TZUE{font-size:56px}.FontSize_fontSize-52__1eSkY{font-size:52px}.FontSize_fontSize-48__-Nkgg{font-size:48px}.FontSize_fontSize-44__PoYrt{font-size:44px}.FontSize_fontSize-40__3N3_x{font-size:40px}.FontSize_fontSize-36__1s2Wr{font-size:36px}.FontSize_fontSize-32__2KRhI{font-size:32px}.FontSize_fontSize-28__kIr3d{font-size:28px}.FontSize_fontSize-24__1rW5w{font-size:24px}.FontSize_fontSize-20__XZb7G{font-size:20px}.FontSize_fontSize-16__140P2{font-size:16px}.FontSize_fontSize-12__3WFWH{font-size:12px}.FontSize_fontSize-10__3YaVJ{font-size:10px}.FontSize_fontSize-8__Ba4Fu{font-size:8px}@media screen and (max-width:1279px){.FontSize_fontSize-l-xxxl__UflDC{font-size:24px}.FontSize_fontSize-l-xxl__1H0Z8{font-size:22px}.FontSize_fontSize-l-xl__15MOY{font-size:20px}.FontSize_fontSize-l-l__3H9_x{font-size:18px}.FontSize_fontSize-l-m__UAtFK{font-size:16px}.FontSize_fontSize-l-s__-tlTZ{font-size:14px}.FontSize_fontSize-l-xs__1ARD2{font-size:12px}.FontSize_fontSize-l-xxs__11fBB{font-size:10px}.FontSize_fontSize-l-xxxs__1TIy3{font-size:8px}.FontSize_fontSize-l-60__28c5j{font-size:60px}.FontSize_fontSize-l-56__30GuN{font-size:56px}.FontSize_fontSize-l-52__b2tak{font-size:52px}.FontSize_fontSize-l-48__3jV8p{font-size:48px}.FontSize_fontSize-l-44__3gw3r{font-size:44px}.FontSize_fontSize-l-40__3ethL{font-size:40px}.FontSize_fontSize-l-36__1y5mb{font-size:36px}.FontSize_fontSize-l-32__361yk{font-size:32px}.FontSize_fontSize-l-28__TQV_u{font-size:28px}.FontSize_fontSize-l-24__3ic7X{font-size:24px}.FontSize_fontSize-l-20__bqSYs{font-size:20px}.FontSize_fontSize-l-16__3tRPK{font-size:16px}.FontSize_fontSize-l-12__2URNh{font-size:12px}.FontSize_fontSize-l-10__25jHE{font-size:10px}.FontSize_fontSize-l-8__SpqVS{font-size:8px}}@media screen and (max-width:1023px){.FontSize_fontSize-m-xxxl__1mCgO{font-size:24px}.FontSize_fontSize-m-xxl__1DsAf{font-size:22px}.FontSize_fontSize-m-xl__3r0ny{font-size:20px}.FontSize_fontSize-m-l__3eWxE{font-size:18px}.FontSize_fontSize-m-m__3zVDB{font-size:16px}.FontSize_fontSize-m-s__VNF-q{font-size:14px}.FontSize_fontSize-m-xs__12t92{font-size:12px}.FontSize_fontSize-m-xxs__1_eE_{font-size:10px}.FontSize_fontSize-m-xxxs__3aWE_{font-size:8px}.FontSize_fontSize-m-60__xYO9S{font-size:60px}.FontSize_fontSize-m-56__2gwIk{font-size:56px}.FontSize_fontSize-m-52__y2om1{font-size:52px}.FontSize_fontSize-m-48__3iWcs{font-size:48px}.FontSize_fontSize-m-44__U9uod{font-size:44px}.FontSize_fontSize-m-40__2l8yr{font-size:40px}.FontSize_fontSize-m-36__2w0Um{font-size:36px}.FontSize_fontSize-m-32__DQo7B{font-size:32px}.FontSize_fontSize-m-28__3zhEq{font-size:28px}.FontSize_fontSize-m-24__2mlbz{font-size:24px}.FontSize_fontSize-m-20__1nXRY{font-size:20px}.FontSize_fontSize-m-16__1Zrq4{font-size:16px}.FontSize_fontSize-m-12__vxB7z{font-size:12px}.FontSize_fontSize-m-10__-isv0{font-size:10px}.FontSize_fontSize-m-8__3V5Zj{font-size:8px}}@media screen and (max-width:767px){.FontSize_fontSize-s-xxxl__YF7CD{font-size:24px}.FontSize_fontSize-s-xxl__1Vdug{font-size:22px}.FontSize_fontSize-s-xl__3frrL{font-size:20px}.FontSize_fontSize-s-l__1uwEJ{font-size:18px}.FontSize_fontSize-s-m__3Tse6{font-size:16px}.FontSize_fontSize-s-s__3vkjQ{font-size:14px}.FontSize_fontSize-s-xs__1oIKS{font-size:12px}.FontSize_fontSize-s-xxs__1a-Wh{font-size:10px}.FontSize_fontSize-s-xxxs__3G-bh{font-size:8px}.FontSize_fontSize-s-60__3-a9K{font-size:60px}.FontSize_fontSize-s-56__3e8vg{font-size:56px}.FontSize_fontSize-s-52__1j7ac{font-size:52px}.FontSize_fontSize-s-48__3OrDu{font-size:48px}.FontSize_fontSize-s-44__23smh{font-size:44px}.FontSize_fontSize-s-40__1Kto4{font-size:40px}.FontSize_fontSize-s-36__1GsAq{font-size:36px}.FontSize_fontSize-s-32__3PcT8{font-size:32px}.FontSize_fontSize-s-28__DPJDE{font-size:28px}.FontSize_fontSize-s-24__iNzIP{font-size:24px}.FontSize_fontSize-s-20__1TgQW{font-size:20px}.FontSize_fontSize-s-16__2CmpQ{font-size:16px}.FontSize_fontSize-s-12__3BdFx{font-size:12px}.FontSize_fontSize-s-10__LI63o{font-size:10px}.FontSize_fontSize-s-8__1Vej6{font-size:8px}}@media screen and (max-width:374px){.FontSize_fontSize-xs-xxxl__32IRZ{font-size:24px}.FontSize_fontSize-xs-xxl__2gcgp{font-size:22px}.FontSize_fontSize-xs-xl__3bYli{font-size:20px}.FontSize_fontSize-xs-l__3My2K{font-size:18px}.FontSize_fontSize-xs-m__2ZCtR{font-size:16px}.FontSize_fontSize-xs-s__2Vqnp{font-size:14px}.FontSize_fontSize-xs-xs__2lC2a{font-size:12px}.FontSize_fontSize-xs-xxs__1_sX8{font-size:10px}.FontSize_fontSize-xs-xxxs__2T34D{font-size:8px}.FontSize_fontSize-xs-60__2pjY4{font-size:60px}.FontSize_fontSize-xs-56__1NMXh{font-size:56px}.FontSize_fontSize-xs-52__2q1St{font-size:52px}.FontSize_fontSize-xs-48__1afiB{font-size:48px}.FontSize_fontSize-xs-44__2PgVN{font-size:44px}.FontSize_fontSize-xs-40__3wymc{font-size:40px}.FontSize_fontSize-xs-36__1_Gk8{font-size:36px}.FontSize_fontSize-xs-32__JjPBh{font-size:32px}.FontSize_fontSize-xs-28__7q1xO{font-size:28px}.FontSize_fontSize-xs-24__2v9OO{font-size:24px}.FontSize_fontSize-xs-20__sq6mw{font-size:20px}.FontSize_fontSize-xs-16__9qHjN{font-size:16px}.FontSize_fontSize-xs-12__Gs8Oq{font-size:12px}.FontSize_fontSize-xs-10__-7K_K{font-size:10px}.FontSize_fontSize-xs-8__1Bqov{font-size:8px}}
 .Color_color-white__33LUN{color:#fff}.Color_color-black__1HwLl{color:#4a4a4a}.Color_color-mineShaft__1kg8D{color:#333}.Color_color-silver__389yr{color:#b8b8b8}.Color_color-alto__hCiM0{color:#d4d4d4}.Color_color-mercury__1sA3j{color:#e9e9e9}.Color_color-wildSand__1AyFs{color:#f6f6f6}.Color_color-whiteLilac__1aPw6{color:#f6f7fb}.Color_color-atlantis__27OAP{color:#7fc92e}.Color_color-yellowOrange___uo0o{color:#ffb334}.Color_color-mystic__2fpvR{color:#dcdfea}.Color_color-nebula__sFtiD{color:#d8e6e2}.Color_color-seaNymph__2I_jh{color:#7ca79b}.Color_color-chromeWhite__33bQp{color:#daefc9}.Color_color-onahau__bzGkp{color:#c6e6ff}.Color_color-citrineWhite__1n7St{color:#faf3dd}.Color_color-coralReef__2Fsiq{color:#c9c1a6}.Color_color-creemBrulee__1GLAV{color:#ffe89e}.Color_color-frangipani__3GVkQ{color:#ffdcb5}.Color_color-yourPink__bJvg2{color:#ffc2c2}.Color_color-periwinkleGray__1J7h-{color:#d4d9ee}.Color_color-baliHai__3HpZy{color:#8890b4}.Color_color-pomegranate__32jwE{color:#f94b28}.Color_color-oliveDrab__aD5n5{color:#6ca82a}.Color_color-curious__1vANS{color:#007cee}.Color_color-orangePeel__3WlKe{color:#f90}.Color_color-primary__3OwvX{color:#ff732b}.Color_color-accent__urjCp{color:#1a96f6}.Color_color-tundora__2miXv{color:#4a4a4a}.Color_color-bostonBlue__3NepO{color:#0060d0}.Color_color-cinnabar__TjjnI{color:#e00000}.Color_color-sail__HwVu8{color:#a9dbf8}.Color_color-bittersweet__3g1pK{color:#f66}.Color_color-turquoise__3vr06{color:#3cc}.Color_color-dodgerBlue__gTpKO{color:#3cf}.Color_color-mantis__3Hjli{color:#6c6}.Color_color-azure__YNMEi{color:#369}.Color_color-bahamaBlue__SnmTv{color:#069}.Color_color-shamrock__mv8jn{color:#3c9}.Color_color-olive__1eYOc{color:#990}.Color_color-copperRose__30BKu{color:#966}.Color_color-cyan__1oHK4{color:#39f}.Color_color-plum__1ew-E{color:#939}.Color_color-hokeyPokey__2DPQS{color:#c93}.Color_color-monaLisa__m-0VS{color:#f99}.Color_color-mariner__1Wtny{color:#36c}.Color_color-heliotrope__3MNnr{color:#c3f}.Color_color-dandelion__2B2ii{color:#ffce03}.Color_color-fruitSalad__2QQ0e{color:#49a15d}.Color_color-fuchsiaBlue__fsUb0{color:#8d58bc}.Color_color-persianGreen__gjJeN{color:#099}.Color_color-watermelon__11BIK{color:#ff4679}.Color_color-tropaz__3zidV{color:#2863a8}.Color_color-atlantisBrightly__3xZD4{color:#9c3}.Color_color-transparent__12Bj8{color:transparent}.Color_color-blue__3q352{color:#1a96f6}.Color_color-red__2bUdg{color:#f94b28}.Color_color-green__2TQyx{color:#7fc92e}.Color_color-grey__2GxMr{color:#b8b8b8}.Color_color-darkgrey__1XO3N{color:#333}.Color_color-lightgrey__36uMh{color:#d4d4d4}.Color_color-superlightgrey__1fX6e{color:#e9e9e9}.Color_color-inherit__2VyWS{color:inherit}.Color_color-mathematics__Q83ye{color:#f90}.Color_color-physics__3gLUQ{color:#007cee}.Color_color-informatics__Bezk8{color:#3cc}.Color_color-chemistry__2xC38{color:#3c9}.Color_color-biology__Ztepr{color:#6c6}.Color_color-english__4vQCG{color:#f66}.Color_color-russian__3OuZq{color:#3cf}.Color_color-history__VVKOP{color:#069}.Color_color-society__3f3EM{color:#ff732b}.Color_color-geography__XBZhE{color:#966}.Color_color-developing__1E65i{color:#990}.Color_color-literature__JDEyP{color:#39f}.Color_color-intersubject__2HdCb{color:#939}.Color_color-primarySchool__3XwHL{color:#c93}.Color_color-recommended__3dUux{color:#f99}.Color_color-astronomy__-GvHg{color:#36c}.Color_color-ecology__16yJ3{color:#9c3}.Color_color-technology__33E3x{color:#3cc}.Color_color-languages__3hERu{color:#f66}.Color_color-art__3pmrq{color:#c3f}.Color_color-physicalCulture__2Jr1Z{color:#990}.Color_color-logic__Fpky2{color:#ffce03}.Color_color-businessLogic__3XCBQ{color:#49a15d}.Color_color-rap__2xet9{color:#8d58bc}.Color_color-ikt__EWIBz{color:#099}.Color_color-kids__1GHkc{color:#ff4679}.Color_color-fgos__1ooig{color:#2863a8}.Color_color-rtk__1XHZp{color:#8d00ff}.Color_color-profession__OJ0er{color:#bfecf0}.Color_color-professionDark__3z_jl{color:#5fd0da}.Color_color-camps__2D-VG{color:#daefc9}.Color_color-campsDark__3u_jc{color:#7fc92e}.Color_color-courses__3cTbN{color:#c6e6ff}.Color_color-coursesDark__1E3Vu{color:#62aee9}.Color_color-openLesson__9MVRz{color:#fdedd2}.Color_color-openLessonDark__9iY6g{color:#fbd291}.Color_color-externat__3LI-r{color:#ffdcec}.Color_color-externatDark__KWdd-{color:#ffa6ce}.Color_color-olympiad__dup1o{color:#ffc2c2}.Color_color-olympiadDark__35vvp{color:#f66}.Color_color-textbook__11C5U{color:#ffeb9a}.Color_color-textbookDark__3kJzR{color:#ffce03}.Color_color-tutors__PDDrI{color:#d8dff6}.Color_color-tutorsDark__IaTc0{color:#9fafe9}.Color_color-training__381j7{color:#cdedcc}.Color_color-trainingDark__ONwBx{color:#82d180}