Skip to content

Instantly share code, notes, and snippets.

@senaev

senaev/gist:d3657b6c545385b7c7f98553709fa643

Created March 29, 2022 14:21
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save senaev/d3657b6c545385b7c7f98553709fa643 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save senaev/d3657b6c545385b7c7f98553709fa643 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
This file has been truncated, but you can view the full file.
(this["webpackJsonptchaikovsky"] = this["webpackJsonptchaikovsky"] || []).push([["main"],{
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/align-justify.svg":
/*!*************************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/align-justify.svg ***!
\*************************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2, _path3;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgAlignJustify({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M3 6H21",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M3 12H21",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M3 18H21",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgAlignJustify);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/align-justify.8ab80a67.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/app-store.svg":
/*!*********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/app-store.svg ***!
\*********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _rect;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgAppStore({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 96,
height: 32,
viewBox: "0 0 96 32",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M65.2207 15.3608V17.1936H64.0719V18.3956H65.2207V22.4795C65.2207 23.8741 65.8516 24.4319 67.4387 24.4319C67.7176 24.4319 67.9832 24.3987 68.2156 24.3588V23.1702C68.0164 23.1901 67.8902 23.2034 67.6711 23.2034C66.9605 23.2034 66.6484 22.8713 66.6484 22.1143V18.3956H68.2156V17.1936H66.6484V15.3608H65.2207Z",
fill: "white"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M72.2587 24.5315C74.3704 24.5315 75.6653 23.117 75.6653 20.7729C75.6653 18.442 74.3638 17.0209 72.2587 17.0209C70.147 17.0209 68.8454 18.442 68.8454 20.7729C68.8454 23.117 70.1403 24.5315 72.2587 24.5315ZM72.2587 23.2631C71.0169 23.2631 70.3196 22.3534 70.3196 20.7729C70.3196 19.2057 71.0169 18.2893 72.2587 18.2893C73.4939 18.2893 74.1978 19.2057 74.1978 20.7729C74.1978 22.3467 73.4939 23.2631 72.2587 23.2631Z",
fill: "white"
})), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M76.7733 24.392H78.201V20.1221C78.201 19.1061 78.9647 18.4221 80.0471 18.4221C80.2994 18.4221 80.7244 18.4686 80.844 18.5084V17.1006C80.6912 17.0608 80.419 17.0409 80.2065 17.0409C79.2635 17.0409 78.46 17.5588 78.2541 18.2694H78.1479V17.1604H76.7733V24.392Z",
fill: "white"
})), _path4 || (_path4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M84.389 18.2362C85.4449 18.2362 86.1355 18.9733 86.1687 20.1088H82.5163C82.596 18.9799 83.3331 18.2362 84.389 18.2362ZM86.162 22.4397C85.8964 23.0041 85.3054 23.3163 84.4421 23.3163C83.2999 23.3163 82.5628 22.5127 82.5163 21.2444V21.1647H87.623V20.6666C87.623 18.3956 86.4077 17.0209 84.3956 17.0209C82.357 17.0209 81.062 18.4885 81.062 20.7995C81.062 23.1104 82.3304 24.5315 84.4023 24.5315C86.0558 24.5315 87.2113 23.7346 87.5367 22.4397H86.162Z",
fill: "white"
})), _path5 || (_path5 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M55.8578 21.7215C55.968 23.4973 57.4478 24.6329 59.6503 24.6329C62.0042 24.6329 63.4771 23.4422 63.4771 21.5426C63.4771 20.049 62.6374 19.223 60.6001 18.7481L59.5057 18.4797C58.2118 18.1769 57.6887 17.7708 57.6887 17.0618C57.6887 16.1671 58.5008 15.582 59.7191 15.582C60.8754 15.582 61.6738 16.1533 61.8184 17.0687H63.3188C63.2293 15.3962 61.7564 14.2192 59.7397 14.2192C57.5717 14.2192 56.1263 15.3962 56.1263 17.1651C56.1263 18.6242 56.9453 19.4915 58.7417 19.9113L60.0219 20.2211C61.3366 20.5308 61.9147 20.985 61.9147 21.7422C61.9147 22.6232 61.0062 23.2633 59.7673 23.2633C58.4389 23.2633 57.5166 22.6644 57.3858 21.7215H55.8578Z",
fill: "white"
})), _path6 || (_path6 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M41.068 17.0409C40.0852 17.0409 39.2352 17.5323 38.7969 18.3557H38.6906V17.1604H37.316V26.7959H38.7437V23.2963H38.8566C39.2352 24.06 40.052 24.5116 41.0813 24.5116C42.9074 24.5116 44.0695 23.0706 44.0695 20.7729C44.0695 18.4752 42.9074 17.0409 41.068 17.0409ZM40.6629 23.2299C39.4676 23.2299 38.7172 22.287 38.7172 20.7795C38.7172 19.2655 39.4676 18.3225 40.6695 18.3225C41.8781 18.3225 42.602 19.2456 42.602 20.7729C42.602 22.3069 41.8781 23.2299 40.6629 23.2299Z",
fill: "white"
})), _path7 || (_path7 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M49.0654 17.0409C48.0826 17.0409 47.2326 17.5323 46.7943 18.3557H46.6881V17.1604H45.3135V26.7959H46.7412V23.2963H46.8541C47.2326 24.06 48.0494 24.5116 49.0787 24.5116C50.9049 24.5116 52.067 23.0706 52.067 20.7729C52.067 18.4752 50.9049 17.0409 49.0654 17.0409ZM48.6603 23.2299C47.465 23.2299 46.7146 22.287 46.7146 20.7795C46.7146 19.2655 47.465 18.3225 48.667 18.3225C49.8756 18.3225 50.5994 19.2456 50.5994 20.7729C50.5994 22.3069 49.8756 23.2299 48.6603 23.2299Z",
fill: "white"
})), _path8 || (_path8 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M34.7544 24.392H36.3925L32.8066 14.4601H31.1478L27.5619 24.392H29.1449L30.0603 21.7559H33.8459L34.7544 24.392ZM31.898 16.2634H32.0151L33.4536 20.4619H30.4527L31.898 16.2634Z",
fill: "white"
})), _path9 || (_path9 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M19.8152 16.2406C19.8325 14.8958 20.5547 13.6233 21.7004 12.919C20.9777 11.8867 19.767 11.2322 18.5075 11.1928C17.1641 11.0518 15.8618 11.9967 15.1772 11.9967C14.4794 11.9967 13.4254 11.2068 12.2904 11.2302C10.811 11.278 9.43181 12.1191 8.71205 13.4125C7.16485 16.0912 8.31893 20.028 9.80101 22.1933C10.5425 23.2536 11.4092 24.438 12.5431 24.396C13.6528 24.3499 14.0672 23.6884 15.4066 23.6884C16.7336 23.6884 17.1225 24.396 18.2794 24.3693C19.4701 24.3499 20.2203 23.3043 20.9358 22.234C21.4686 21.4785 21.8786 20.6435 22.1506 19.7599C20.7513 19.1681 19.8168 17.7599 19.8152 16.2406Z",
fill: "white"
})), _path10 || (_path10 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M17.6299 9.76881C18.2791 8.98945 18.5989 7.9877 18.5215 6.97632C17.5296 7.08049 16.6134 7.55454 15.9554 8.30401C15.312 9.03627 14.9771 10.0204 15.0404 10.9931C16.0327 11.0033 17.0081 10.5421 17.6299 9.76881Z",
fill: "white"
})), _path11 || (_path11 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M29.1521 8.96825H29.8135C29.9274 8.98242 30.0429 8.97286 30.1529 8.94016C30.2629 8.90746 30.3649 8.85233 30.4525 8.77825C30.5402 8.70417 30.6115 8.61274 30.662 8.50972C30.7126 8.4067 30.7412 8.29433 30.7462 8.1797C30.7462 7.72349 30.4029 7.4288 29.8208 7.4288C29.7041 7.4125 29.5854 7.41973 29.4716 7.45008C29.3578 7.48043 29.2512 7.53328 29.1581 7.6055C29.0651 7.67772 28.9875 7.76785 28.9298 7.87058C28.8722 7.9733 28.8357 8.08653 28.8225 8.20358H28.0963C28.1088 7.9911 28.1649 7.78347 28.2611 7.59361C28.3574 7.40376 28.4916 7.23574 28.6556 7.10003C28.8196 6.96431 29.0097 6.8638 29.2142 6.80476C29.4187 6.74571 29.6332 6.7294 29.8442 6.75683C30.8182 6.75683 31.504 7.30209 31.504 8.087C31.5062 8.34995 31.4183 8.60572 31.2547 8.81163C31.0912 9.01754 30.8619 9.16113 30.6053 9.21841V9.2767C30.9095 9.2902 31.1961 9.4236 31.4022 9.64775C31.6084 9.8719 31.7175 10.1686 31.7055 10.4729C31.683 10.6917 31.6171 10.9037 31.5115 11.0967C31.406 11.2896 31.263 11.4596 31.0909 11.5965C30.9188 11.7335 30.7212 11.8348 30.5095 11.8943C30.2977 11.9539 30.0763 11.9706 29.858 11.9435C29.6393 11.9733 29.4168 11.9588 29.2039 11.9008C28.9909 11.8428 28.7918 11.7425 28.6184 11.6059C28.445 11.4693 28.3009 11.2992 28.1946 11.1058C28.0884 10.9123 28.0222 10.6994 28 10.4798H28.7375C28.7821 10.953 29.2168 11.2582 29.858 11.2582C30.4992 11.2582 30.9178 10.9154 30.9178 10.432C30.9178 9.94182 30.5235 9.63984 29.8346 9.63984H29.1521V8.96825Z",
fill: "white"
})), _path12 || (_path12 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M32.5435 10.7679C32.5435 10.096 33.0446 9.70859 33.9319 9.65353L34.9431 9.59524V9.27303C34.9431 8.87875 34.6832 8.65611 34.1788 8.65611C33.7676 8.65611 33.4834 8.8071 33.4008 9.07103H32.6876C32.7629 8.42983 33.3668 8.01855 34.2137 8.01855C35.1496 8.01855 35.6774 8.48447 35.6774 9.27303V11.8237H34.9674V11.299H34.9091C34.7908 11.4872 34.6247 11.6406 34.4277 11.7436C34.2307 11.8466 34.0099 11.8954 33.7878 11.8852C33.6311 11.9015 33.4727 11.8848 33.3229 11.8361C33.173 11.7874 33.035 11.7079 32.9178 11.6026C32.8005 11.4974 32.7066 11.3687 32.6422 11.225C32.5777 11.0812 32.5441 10.9255 32.5435 10.7679ZM34.9431 10.449V10.1369L34.0315 10.1952C33.5174 10.2296 33.2842 10.4044 33.2842 10.7335C33.2842 11.0695 33.5757 11.265 33.9764 11.265C34.0939 11.2769 34.2125 11.2651 34.3253 11.2302C34.438 11.1953 34.5426 11.1381 34.6328 11.0619C34.723 10.9858 34.7969 10.8923 34.8502 10.787C34.9035 10.6817 34.9351 10.5667 34.9431 10.449Z",
fill: "white"
})), _path13 || (_path13 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M37.6326 8.71073V11.8236H36.8959V8.09058H39.3538V8.71069L37.6326 8.71073Z",
fill: "white"
})), _path14 || (_path14 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M43.8187 9.95541C43.8187 11.1415 43.2188 11.8851 42.2765 11.8851C42.0451 11.9009 41.8141 11.8503 41.6106 11.7392C41.407 11.6281 41.2395 11.4612 41.1276 11.2581H41.0693V13.0647H40.3326V8.0905H41.0418V8.70744H41.0969C41.2107 8.49724 41.3805 8.32259 41.5873 8.20279C41.7942 8.08299 42.0302 8.02271 42.2692 8.02859C43.2188 8.02857 43.8187 8.76894 43.8187 9.95541ZM43.061 9.95541C43.061 9.16686 42.6877 8.69041 42.0635 8.69041C41.4434 8.69041 41.0556 9.17698 41.0556 9.95865C41.0556 10.7367 41.4434 11.2237 42.0603 11.2237C42.6877 11.2236 43.061 10.7472 43.061 9.95541Z",
fill: "white"
})), _path15 || (_path15 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M44.8 13.1607V12.5264C44.8797 12.5365 44.96 12.5411 45.0404 12.5401C45.1974 12.5518 45.3531 12.505 45.4777 12.4089C45.6023 12.3127 45.687 12.1739 45.7156 12.0192L45.7707 11.8374L44.4194 8.09058H45.2217L46.1577 11.0557H46.216L47.1486 8.09058H47.9299L46.5382 11.9779C46.2192 12.8862 45.8662 13.1777 45.1052 13.1777C45.0437 13.1777 44.8688 13.1708 44.8 13.1607Z",
fill: "white"
})), _path16 || (_path16 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M48.5039 10.7643H49.2374C49.3094 11.0935 49.6179 11.2651 50.0494 11.2651C50.54 11.2651 50.8412 11.0489 50.8412 10.7129C50.8412 10.3531 50.5708 10.1814 50.0494 10.1814H49.4908V9.60905H50.0397C50.485 9.60905 50.7117 9.43782 50.7117 9.12572C50.7117 8.85167 50.4923 8.6424 50.0397 8.6424C49.6276 8.6424 49.3264 8.81727 49.2786 9.11197H48.5686C48.6217 8.77334 48.8056 8.46908 49.0807 8.26461C49.3558 8.06014 49.7001 7.97181 50.0397 8.0186C50.927 8.0186 51.4346 8.41976 51.4346 9.05044C51.4388 9.22606 51.3825 9.39779 51.2752 9.5369C51.1679 9.67601 51.0161 9.77408 50.8452 9.8147V9.87299C51.0487 9.89924 51.2355 9.99927 51.3701 10.1541C51.5047 10.3089 51.5778 10.5078 51.5755 10.7129C51.5755 11.4226 50.9715 11.8921 50.0494 11.8921C49.2341 11.8921 48.5719 11.5185 48.5039 10.7643Z",
fill: "white"
})), _path17 || (_path17 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M52.6365 11.8236V8.09058H53.3667V10.6582H53.425L55.1454 8.09058H55.8757V11.8236H55.1454V9.24225H55.0904L53.3667 11.8237L52.6365 11.8236Z",
fill: "white"
})), _path18 || (_path18 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M59.8986 8.71069H58.723V11.8236H57.9855V8.71069H56.8099V8.09058H59.8986V8.71069Z",
fill: "white"
})), _path19 || (_path19 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M63.8672 10.8157C63.7668 11.1568 63.5498 11.4519 63.254 11.6493C62.9582 11.8467 62.6024 11.9339 62.2488 11.8957C62.0029 11.9022 61.7585 11.8551 61.5326 11.7576C61.3067 11.6602 61.1047 11.5148 60.9406 11.3314C60.7765 11.1481 60.6543 10.9313 60.5824 10.696C60.5106 10.4607 60.4908 10.2125 60.5244 9.96882C60.4917 9.72435 60.5118 9.4757 60.5835 9.2397C60.6552 9.00369 60.7768 8.78585 60.94 8.60092C61.1032 8.41598 61.3042 8.26828 61.5295 8.16779C61.7547 8.06731 61.999 8.01639 62.2456 8.0185C63.2843 8.0185 63.9118 8.72814 63.9118 9.90039V10.1575H61.2757V10.1988C61.264 10.3358 61.2812 10.4737 61.326 10.6037C61.3708 10.7338 61.4423 10.8529 61.536 10.9537C61.6296 11.0544 61.7433 11.1344 61.8697 11.1886C61.9961 11.2427 62.1324 11.2699 62.2699 11.2682C62.446 11.2893 62.6244 11.2575 62.7824 11.1769C62.9404 11.0963 63.0709 10.9706 63.1572 10.8156L63.8672 10.8157ZM61.2757 9.6126H63.1604C63.1697 9.48738 63.1528 9.36159 63.1106 9.24331C63.0684 9.12504 63.0019 9.0169 62.9155 8.92583C62.829 8.83476 62.7245 8.76278 62.6086 8.71451C62.4926 8.66624 62.3679 8.64275 62.2424 8.64554C62.1149 8.64381 61.9884 8.66764 61.8703 8.71563C61.7522 8.76362 61.6449 8.83479 61.5548 8.92495C61.4647 9.0151 61.3936 9.1224 61.3456 9.24051C61.2977 9.35862 61.2739 9.48515 61.2757 9.6126H61.2757Z",
fill: "white"
})), _path20 || (_path20 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M66.9907 8.09058H68.6738C69.4041 8.09058 69.8324 8.46056 69.8324 9.03981C69.8335 9.22362 69.7715 9.40223 69.6567 9.54578C69.5419 9.68932 69.3812 9.78908 69.2017 9.82836V9.88665C69.4197 9.90043 69.6241 9.99741 69.7726 10.1576C69.9212 10.3177 70.0026 10.5288 69.9999 10.7473C69.9999 11.3986 69.5101 11.8236 68.6908 11.8236H66.9907V8.09058ZM67.7209 8.65608V9.62273H68.4512C68.8965 9.62273 69.1094 9.4515 69.1094 9.13576C69.1094 8.84471 68.924 8.65607 68.533 8.65607L67.7209 8.65608ZM67.7209 10.1644V11.2581H68.5945C69.0301 11.2581 69.2632 11.0659 69.2632 10.7129C69.2632 10.3393 68.9993 10.1644 68.5022 10.1644L67.7209 10.1644Z",
fill: "white"
})), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: 0.5,
y: 0.5,
width: 95,
height: 31,
rx: 6.5,
stroke: "white"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgAppStore);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/app-store.a9bd47e9.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/appStoreBadge.svg":
/*!*************************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/appStoreBadge.svg ***!
\*************************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _rect, _g, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgAppStoreBadge({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 135,
height: 40,
viewBox: "0 0 135 40",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 135,
height: 40,
fill: "#555555"
})), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0_4152_55839)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 1440,
height: 887,
transform: "translate(-866 -578)",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: -10,
y: -395,
width: 258,
height: 522,
rx: 8,
fill: "url(#paint0_linear_4152_55839)"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: 6.5,
y: -22.5,
width: 225,
height: 73,
rx: 5.5,
stroke: "white",
strokeOpacity: 0.2
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: 10,
y: -19,
width: 110,
height: 66,
rx: 4,
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M47.616 29.644C48.032 29.82 48.36 30.088 48.6 30.448C48.84 30.808 48.96 31.212 48.96 31.66C48.96 32.308 48.732 32.86 48.276 33.316C47.82 33.772 47.268 34 46.62 34H42.96V25.6H46.344C46.96 25.6 47.492 25.824 47.94 26.272C48.38 26.712 48.6 27.24 48.6 27.856C48.6 28.64 48.272 29.236 47.616 29.644ZM46.344 26.392H43.8V29.32H46.344C46.728 29.32 47.06 29.18 47.34 28.9C47.62 28.604 47.76 28.256 47.76 27.856C47.76 27.464 47.62 27.12 47.34 26.824C47.06 26.536 46.728 26.392 46.344 26.392ZM43.8 33.208H46.62C47.036 33.208 47.388 33.06 47.676 32.764C47.972 32.468 48.12 32.1 48.12 31.66C48.12 31.228 47.972 30.864 47.676 30.568C47.388 30.264 47.036 30.112 46.62 30.112H43.8V33.208ZM58.2494 28H59.1614V34H58.3694V29.212L56.2694 32.62H56.1734L54.0734 29.212V34H53.2814V28H54.1934L56.2214 31.288L58.2494 28ZM63.612 27.856C64.508 27.856 65.224 28.172 65.76 28.804C66.312 29.428 66.588 30.168 66.588 31.024C66.588 31.064 66.58 31.188 66.564 31.396H61.296C61.376 31.996 61.632 32.476 62.064 32.836C62.496 33.196 63.036 33.376 63.684 33.376C64.596 33.376 65.24 33.036 65.616 32.356L66.312 32.764C66.048 33.196 65.684 33.536 65.22 33.784C64.764 34.024 64.248 34.144 63.672 34.144C62.728 34.144 61.96 33.848 61.368 33.256C60.776 32.664 60.48 31.912 60.48 31C60.48 30.096 60.772 29.348 61.356 28.756C61.94 28.156 62.692 27.856 63.612 27.856ZM63.612 28.624C62.988 28.624 62.464 28.808 62.04 29.176C61.624 29.544 61.376 30.028 61.296 30.628H65.772C65.684 29.988 65.44 29.496 65.04 29.152C64.624 28.8 64.148 28.624 63.612 28.624ZM70.6438 34.144C69.7398 34.144 68.9878 33.844 68.3878 33.244C67.7878 32.628 67.4878 31.88 67.4878 31C67.4878 30.112 67.7878 29.368 68.3878 28.768C68.9878 28.16 69.7398 27.856 70.6438 27.856C71.2358 27.856 71.7678 28 72.2398 28.288C72.7118 28.568 73.0558 28.948 73.2718 29.428L72.6238 29.8C72.4638 29.44 72.2038 29.156 71.8438 28.948C71.4918 28.732 71.0918 28.624 70.6438 28.624C69.9798 28.624 69.4198 28.856 68.9638 29.32C68.5078 29.776 68.2798 30.336 68.2798 31C68.2798 31.656 68.5078 32.22 68.9638 32.692C69.4198 33.148 69.9798 33.376 70.6438 33.376C71.0838 33.376 71.4798 33.272 71.8318 33.064C72.1918 32.856 72.4718 32.568 72.6718 32.2L73.3318 32.584C73.0838 33.064 72.7198 33.444 72.2398 33.724C71.7598 34.004 71.2278 34.144 70.6438 34.144ZM76.2357 28H78.6717V34H77.8797V31.696H76.8477L74.9997 34H73.9917L75.8877 31.672C75.3997 31.6 74.9997 31.4 74.6877 31.072C74.3837 30.736 74.2317 30.332 74.2317 29.86C74.2317 29.324 74.4237 28.88 74.8077 28.528C75.2077 28.176 75.6837 28 76.2357 28ZM76.2357 30.952H77.8797V28.768H76.2357C75.8917 28.768 75.6037 28.872 75.3717 29.08C75.1397 29.28 75.0237 29.54 75.0237 29.86C75.0237 30.18 75.1397 30.444 75.3717 30.652C75.6037 30.852 75.8917 30.952 76.2357 30.952ZM85.2717 28V33.232H86.2317V35.608H85.4397V34H80.3517V28H81.1437V33.232H84.4797V28H85.2717Z",
fill: "#242424"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M38.3671 -0.510001L43.1511 -2.2H46.2711V16H42.6831V1.596L39.2511 2.558L38.3671 -0.510001ZM59.5757 -2.2L55.5457 3.702C57.4351 3.754 58.9691 4.36933 60.1477 5.548C61.3264 6.72667 61.9157 8.21733 61.9157 10.02C61.9157 11.8747 61.3004 13.4 60.0697 14.596C58.8391 15.7747 57.2531 16.364 55.3117 16.364C53.3704 16.364 51.7844 15.7747 50.5537 14.596C49.3404 13.4347 48.7337 11.9093 48.7337 10.02C48.7337 8.65067 49.0891 7.42867 49.7997 6.354L55.4677 -2.2H59.5757ZM58.3537 10.02C58.3537 9.15333 58.0677 8.45133 57.4957 7.914C56.9237 7.35933 56.1957 7.082 55.3117 7.082C54.4277 7.082 53.6997 7.35067 53.1277 7.888C52.5731 8.42533 52.2957 9.136 52.2957 10.02C52.2957 10.904 52.5731 11.6233 53.1277 12.178C53.6997 12.7153 54.4277 12.984 55.3117 12.984C56.1957 12.984 56.9237 12.7153 57.4957 12.178C58.0677 11.6233 58.3537 10.904 58.3537 10.02ZM74.7126 3.754C74.7126 5.158 74.3486 6.38867 73.6206 7.446H73.6466L67.9786 16H63.8706L67.9266 10.072C66.0373 10.0547 64.4946 9.45667 63.2986 8.278C62.12 7.09933 61.5306 5.59133 61.5306 3.754C61.5306 1.882 62.1373 0.365332 63.3506 -0.796001C64.5813 -1.97467 66.1673 -2.564 68.1086 -2.564C70.05 -2.564 71.636 -1.97467 72.8666 -0.796001C74.0973 0.382666 74.7126 1.89933 74.7126 3.754ZM65.0926 3.754C65.0926 4.638 65.3786 5.35733 65.9506 5.912C66.5226 6.44933 67.242 6.718 68.1086 6.718C69.01 6.718 69.738 6.44933 70.2926 5.912C70.8646 5.35733 71.1506 4.638 71.1506 3.754C71.1506 2.87 70.8646 2.15933 70.2926 1.622C69.738 1.08467 69.01 0.815999 68.1086 0.815999C67.242 0.815999 66.5226 1.09333 65.9506 1.648C65.3786 2.18533 65.0926 2.88733 65.0926 3.754ZM84.3777 9.682H81.1537V11.112H86.9517V13.4H81.1537V16H77.5917V13.4H75.6417V11.112H77.5917V9.682H75.6417V6.536H77.5917V-2.2H84.3777C86.0937 -2.2 87.541 -1.61067 88.7197 -0.432001C89.9157 0.746666 90.5137 2.168 90.5137 3.832C90.5137 5.496 89.9244 6.89133 88.7457 8.018C87.5844 9.12733 86.1284 9.682 84.3777 9.682ZM84.3777 1.154H81.1537V6.536H84.3777C85.1057 6.536 85.7124 6.276 86.1977 5.756C86.7004 5.236 86.9517 4.59467 86.9517 3.832C86.9517 3.06933 86.7004 2.43667 86.1977 1.934C85.7124 1.414 85.1057 1.154 84.3777 1.154Z",
fill: "#242424"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: -47.5,
y: -577.5,
width: 621,
height: 812,
fill: "white",
stroke: "#E6E7EA"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M0 5C0 2.23858 2.23858 0 5 0H130C132.761 0 135 2.23858 135 5V35C135 37.7614 132.761 40 130 40H5C2.23857 40 0 37.7614 0 35V5Z",
fill: "black"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M68.136 21.7511C65.784 21.7511 63.867 23.5401 63.867 26.0041C63.867 28.4531 65.784 30.2571 68.136 30.2571C70.489 30.2571 72.406 28.4531 72.406 26.0041C72.405 23.5401 70.488 21.7511 68.136 21.7511ZM68.136 28.5831C66.847 28.5831 65.736 27.5201 65.736 26.0051C65.736 24.4741 66.848 23.4271 68.136 23.4271C69.425 23.4271 70.536 24.4741 70.536 26.0051C70.536 27.5191 69.425 28.5831 68.136 28.5831ZM58.822 21.7511C56.47 21.7511 54.553 23.5401 54.553 26.0041C54.553 28.4531 56.47 30.2571 58.822 30.2571C61.175 30.2571 63.092 28.4531 63.092 26.0041C63.092 23.5401 61.175 21.7511 58.822 21.7511ZM58.822 28.5831C57.533 28.5831 56.422 27.5201 56.422 26.0051C56.422 24.4741 57.534 23.4271 58.822 23.4271C60.111 23.4271 61.222 24.4741 61.222 26.0051C61.223 27.5191 60.111 28.5831 58.822 28.5831ZM47.744 23.0571V24.8611H52.062C51.933 25.8761 51.595 26.6171 51.079 27.1321C50.451 27.7601 49.468 28.4531 47.744 28.4531C45.086 28.4531 43.008 26.3101 43.008 23.6521C43.008 20.9941 45.086 18.8511 47.744 18.8511C49.178 18.8511 50.225 19.4151 50.998 20.1401L52.271 18.8671C51.191 17.8361 49.758 17.0471 47.744 17.0471C44.103 17.0471 41.042 20.0111 41.042 23.6521C41.042 27.2931 44.103 30.2571 47.744 30.2571C49.709 30.2571 51.192 29.6121 52.351 28.4041C53.543 27.2121 53.914 25.5361 53.914 24.1831C53.914 23.7651 53.882 23.3781 53.817 23.0561H47.744V23.0571ZM93.052 24.4581C92.698 23.5081 91.618 21.7511 89.411 21.7511C87.22 21.7511 85.399 23.4751 85.399 26.0041C85.399 28.3881 87.204 30.2571 89.62 30.2571C91.569 30.2571 92.697 29.0651 93.165 28.3721L91.715 27.4051C91.232 28.1141 90.571 28.5811 89.62 28.5811C88.67 28.5811 87.993 28.1461 87.558 27.2921L93.245 24.9401L93.052 24.4581ZM87.252 25.8761C87.204 24.2321 88.525 23.3951 89.476 23.3951C90.217 23.3951 90.845 23.7661 91.055 24.2971L87.252 25.8761ZM82.629 30.0001H84.497V17.4991H82.629V30.0001ZM79.567 22.7021H79.503C79.084 22.2021 78.278 21.7511 77.264 21.7511C75.137 21.7511 73.188 23.6201 73.188 26.0211C73.188 28.4051 75.137 30.2581 77.264 30.2581C78.279 30.2581 79.084 29.8071 79.503 29.2921H79.567V29.9041C79.567 31.5311 78.697 32.4011 77.296 32.4011C76.152 32.4011 75.443 31.5801 75.153 30.8871L73.526 31.5641C73.993 32.6911 75.233 34.0771 77.296 34.0771C79.487 34.0771 81.34 32.7881 81.34 29.6461V22.0101H79.568V22.7021H79.567ZM77.425 28.5831C76.136 28.5831 75.057 27.5031 75.057 26.0211C75.057 24.5221 76.136 23.4271 77.425 23.4271C78.697 23.4271 79.696 24.5221 79.696 26.0211C79.696 27.5031 78.697 28.5831 77.425 28.5831ZM101.806 17.4991H97.335V30.0001H99.2V25.2641H101.805C103.873 25.2641 105.907 23.7671 105.907 21.3821C105.907 18.9971 103.874 17.4991 101.806 17.4991ZM101.854 23.5241H99.2V19.2391H101.854C103.249 19.2391 104.041 20.3941 104.041 21.3821C104.041 22.3501 103.249 23.5241 101.854 23.5241ZM113.386 21.7291C112.035 21.7291 110.636 22.3241 110.057 23.6431L111.713 24.3341C112.067 23.6431 112.727 23.4171 113.418 23.4171C114.383 23.4171 115.364 23.9961 115.38 25.0251V25.1541C115.042 24.9611 114.318 24.6721 113.434 24.6721C111.649 24.6721 109.831 25.6531 109.831 27.4861C109.831 29.1591 111.295 30.2361 112.935 30.2361C114.189 30.2361 114.881 29.6731 115.315 29.0131H115.379V29.9781H117.181V25.1851C117.182 22.9671 115.524 21.7291 113.386 21.7291ZM113.16 28.5801C112.55 28.5801 111.697 28.2741 111.697 27.5181C111.697 26.5531 112.759 26.1831 113.676 26.1831C114.495 26.1831 114.882 26.3601 115.38 26.6011C115.235 27.7601 114.238 28.5801 113.16 28.5801ZM123.743 22.0021L121.604 27.4221H121.54L119.32 22.0021H117.31L120.639 29.5771L118.741 33.7911H120.687L125.818 22.0021H123.743ZM106.937 30.0001H108.802V17.4991H106.937V30.0001Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M47.418 10.2429C47.418 11.0809 47.1701 11.7479 46.673 12.2459C46.109 12.8379 45.3731 13.1339 44.4691 13.1339C43.6031 13.1339 42.8661 12.8339 42.2611 12.2339C41.6551 11.6329 41.3521 10.8889 41.3521 10.0009C41.3521 9.11194 41.6551 8.36794 42.2611 7.76794C42.8661 7.16694 43.6031 6.86694 44.4691 6.86694C44.8991 6.86694 45.3101 6.95094 45.7001 7.11794C46.0911 7.28594 46.404 7.50894 46.6381 7.78794L46.111 8.31594C45.714 7.84094 45.167 7.60394 44.468 7.60394C43.836 7.60394 43.29 7.82594 42.829 8.26994C42.368 8.71394 42.1381 9.29094 42.1381 9.99994C42.1381 10.7089 42.368 11.2859 42.829 11.7299C43.29 12.1739 43.836 12.3959 44.468 12.3959C45.138 12.3959 45.6971 12.1729 46.1441 11.7259C46.4341 11.4349 46.602 11.0299 46.647 10.5109H44.468V9.78994H47.375C47.405 9.94694 47.418 10.0979 47.418 10.2429Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M52.0281 7.737H49.2961V9.639H51.7601V10.36H49.2961V12.262H52.0281V13H48.5251V7H52.0281V7.737Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M55.279 13H54.508V7.737H52.832V7H56.955V7.737H55.279V13Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M59.938 13V7H60.709V13H59.938Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M64.1281 13H63.3572V7.737H61.6812V7H65.8042V7.737H64.1281V13Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M73.6089 12.225C73.0189 12.831 72.2859 13.134 71.4089 13.134C70.5319 13.134 69.7989 12.831 69.2099 12.225C68.6199 11.619 68.3259 10.877 68.3259 9.99999C68.3259 9.12299 68.6199 8.38099 69.2099 7.77499C69.7989 7.16899 70.5319 6.86499 71.4089 6.86499C72.2809 6.86499 73.0129 7.16999 73.6049 7.77899C74.1969 8.38799 74.4929 9.12799 74.4929 9.99999C74.4929 10.877 74.1979 11.619 73.6089 12.225ZM69.7789 11.722C70.2229 12.172 70.7659 12.396 71.4089 12.396C72.0519 12.396 72.5959 12.171 73.0389 11.722C73.4829 11.272 73.7059 10.698 73.7059 9.99999C73.7059 9.30199 73.4829 8.72799 73.0389 8.27799C72.5959 7.82799 72.0519 7.60399 71.4089 7.60399C70.7659 7.60399 70.2229 7.82899 69.7789 8.27799C69.3359 8.72799 69.1129 9.30199 69.1129 9.99999C69.1129 10.698 69.3359 11.272 69.7789 11.722Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M75.5749 13V7H76.513L79.429 11.667H79.4619L79.429 10.511V7H80.1999V13H79.3949L76.344 8.106H76.3109L76.344 9.262V13H75.5749Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M47.418 10.2429C47.418 11.0809 47.1701 11.7479 46.673 12.2459C46.109 12.8379 45.3731 13.1339 44.4691 13.1339C43.6031 13.1339 42.8661 12.8339 42.2611 12.2339C41.6551 11.6329 41.3521 10.8889 41.3521 10.0009C41.3521 9.11194 41.6551 8.36794 42.2611 7.76794C42.8661 7.16694 43.6031 6.86694 44.4691 6.86694C44.8991 6.86694 45.3101 6.95094 45.7001 7.11794C46.0911 7.28594 46.404 7.50894 46.6381 7.78794L46.111 8.31594C45.714 7.84094 45.167 7.60394 44.468 7.60394C43.836 7.60394 43.29 7.82594 42.829 8.26994C42.368 8.71394 42.1381 9.29094 42.1381 9.99994C42.1381 10.7089 42.368 11.2859 42.829 11.7299C43.29 12.1739 43.836 12.3959 44.468 12.3959C45.138 12.3959 45.6971 12.1729 46.1441 11.7259C46.4341 11.4349 46.602 11.0299 46.647 10.5109H44.468V9.78994H47.375C47.405 9.94694 47.418 10.0979 47.418 10.2429Z",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M52.0281 7.737H49.2961V9.639H51.7601V10.36H49.2961V12.262H52.0281V13H48.5251V7H52.0281V7.737Z",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M55.279 13H54.508V7.737H52.832V7H56.955V7.737H55.279V13Z",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M59.938 13V7H60.709V13H59.938Z",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M64.1281 13H63.3572V7.737H61.6812V7H65.8042V7.737H64.1281V13Z",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M73.6089 12.225C73.0189 12.831 72.2859 13.134 71.4089 13.134C70.5319 13.134 69.7989 12.831 69.2099 12.225C68.6199 11.619 68.3259 10.877 68.3259 9.99999C68.3259 9.12299 68.6199 8.38099 69.2099 7.77499C69.7989 7.16899 70.5319 6.86499 71.4089 6.86499C72.2809 6.86499 73.0129 7.16999 73.6049 7.77899C74.1969 8.38799 74.4929 9.12799 74.4929 9.99999C74.4929 10.877 74.1979 11.619 73.6089 12.225ZM69.7789 11.722C70.2229 12.172 70.7659 12.396 71.4089 12.396C72.0519 12.396 72.5959 12.171 73.0389 11.722C73.4829 11.272 73.7059 10.698 73.7059 9.99999C73.7059 9.30199 73.4829 8.72799 73.0389 8.27799C72.5959 7.82799 72.0519 7.60399 71.4089 7.60399C70.7659 7.60399 70.2229 7.82899 69.7789 8.27799C69.3359 8.72799 69.1129 9.30199 69.1129 9.99999C69.1129 10.698 69.3359 11.272 69.7789 11.722Z",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M75.5749 13V7H76.513L79.429 11.667H79.4619L79.429 10.511V7H80.1999V13H79.3949L76.344 8.106H76.3109L76.344 9.262V13H75.5749Z",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
filter: "url(#filter0_ii_4152_55839)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M10.4361 7.53803C10.1451 7.84603 9.97314 8.32403 9.97314 8.94303V31.059C9.97314 31.679 10.1451 32.156 10.4361 32.464L10.5101 32.536L22.8991 20.147V20.001V19.855L10.5101 7.46503L10.4361 7.53803Z",
fill: "url(#paint1_linear_4152_55839)"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M27.0279 24.278L22.8989 20.147V20.001V19.855L27.0289 15.725L27.1219 15.778L32.0149 18.558C33.4119 19.352 33.4119 20.651 32.0149 21.446L27.1219 24.226L27.0279 24.278Z",
fill: "url(#paint2_linear_4152_55839)"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
filter: "url(#filter1_i_4152_55839)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M27.122 24.225L22.898 20.001L10.436 32.464C10.896 32.952 11.657 33.012 12.514 32.526L27.122 24.225Z",
fill: "url(#paint3_linear_4152_55839)"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M27.122 15.777L12.514 7.47701C11.657 6.99001 10.896 7.05101 10.436 7.53901L22.899 20.002L27.122 15.777Z",
fill: "url(#paint4_linear_4152_55839)"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M5 1H130V-1H5V1ZM134 5V35H136V5H134ZM130 39H5V41H130V39ZM1 35V5H-1V35H1ZM5 39C2.79086 39 1 37.2091 1 35H-1C-1 38.3137 1.68629 41 5 41V39ZM134 35C134 37.2091 132.209 39 130 39V41C133.314 41 136 38.3137 136 35H134ZM130 1C132.209 1 134 2.79086 134 5H136C136 1.68629 133.314 -1 130 -1V1ZM5 -1C1.68629 -1 -1 1.68629 -1 5H1C1 2.79086 2.79086 1 5 1V-1Z",
fill: "#A6A6A6"
}))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("filter", {
id: "filter0_ii_4152_55839",
x: 9.97314,
y: 7.14093,
width: 23.0894,
height: 25.7207,
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feFlood", {
floodOpacity: 0,
result: "BackgroundImageFix"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feOffset", {
dy: -0.15
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feComposite", {
in2: "hardAlpha",
operator: "arithmetic",
k2: -1,
k3: 1
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feBlend", {
mode: "normal",
in2: "shape",
result: "effect1_innerShadow_4152_55839"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feOffset", {
dy: 0.15
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feComposite", {
in2: "hardAlpha",
operator: "arithmetic",
k2: -1,
k3: 1
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feBlend", {
mode: "normal",
in2: "effect1_innerShadow_4152_55839",
result: "effect2_innerShadow_4152_55839"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("filter", {
id: "filter1_i_4152_55839",
x: 10.436,
y: 20.001,
width: 16.686,
height: 12.8607,
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feFlood", {
floodOpacity: 0,
result: "BackgroundImageFix"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feOffset", {
dy: -0.15
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feComposite", {
in2: "hardAlpha",
operator: "arithmetic",
k2: -1,
k3: 1
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feBlend", {
mode: "normal",
in2: "shape",
result: "effect1_innerShadow_4152_55839"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint0_linear_4152_55839",
x1: 66.54,
y1: -457.803,
x2: 207.452,
y2: 135.997,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#0F4D7C"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#16336C"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint1_linear_4152_55839",
x1: 21.8009,
y1: 8.70903,
x2: 5.01895,
y2: 25.491,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#00A0FF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.0066,
stopColor: "#00A1FF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.2601,
stopColor: "#00BEFF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.5122,
stopColor: "#00D2FF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.7604,
stopColor: "#00DFFF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#00E3FF"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint2_linear_4152_55839",
x1: 33.8334,
y1: 20.001,
x2: 9.63753,
y2: 20.001,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#FFE000"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.4087,
stopColor: "#FFBD00"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.7754,
stopColor: "#FFA500"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#FF9C00"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint3_linear_4152_55839",
x1: 24.8281,
y1: 22.2949,
x2: 2.06964,
y2: 45.0534,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#FF3A44"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#C31162"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint4_linear_4152_55839",
x1: 7.29743,
y1: 0.176806,
x2: 17.4597,
y2: 10.3391,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#32A071"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.0685,
stopColor: "#2DA771"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.4762,
stopColor: "#15CF74"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.8009,
stopColor: "#06E775"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#00F076"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0_4152_55839"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 1440,
height: 887,
fill: "white",
transform: "translate(-866 -578)"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgAppStoreBadge);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/appStoreBadge.2d50154b.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/appStoreBadgeg.svg":
/*!**************************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/appStoreBadgeg.svg ***!
\**************************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _rect, _g, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgAppStoreBadgeg({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 120,
height: 40,
viewBox: "0 0 120 40",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 120,
height: 40,
fill: "#555555"
})), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0_4152_55839)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 1440,
height: 887,
transform: "translate(-1017 -578)",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: -161,
y: -395,
width: 258,
height: 522,
rx: 8,
fill: "url(#paint0_linear_4152_55839)"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: -144.5,
y: -22.5,
width: 225,
height: 73,
rx: 5.5,
stroke: "white",
strokeOpacity: 0.2
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M-10.3214 -0.510001L-5.53742 -2.2H-2.41742V16H-6.00542V1.596L-9.43742 2.558L-10.3214 -0.510001ZM10.8873 -2.2L6.85727 3.702C8.7466 3.754 10.2806 4.36933 11.4593 5.548C12.6379 6.72667 13.2273 8.21733 13.2273 10.02C13.2273 11.8747 12.6119 13.4 11.3813 14.596C10.1506 15.7747 8.5646 16.364 6.62327 16.364C4.68193 16.364 3.09593 15.7747 1.86527 14.596C0.651932 13.4347 0.0452657 11.9093 0.0452657 10.02C0.0452657 8.65067 0.400599 7.42867 1.11127 6.354L6.77927 -2.2H10.8873ZM9.66527 10.02C9.66527 9.15333 9.37927 8.45133 8.80727 7.914C8.23527 7.35933 7.50727 7.082 6.62327 7.082C5.73927 7.082 5.01127 7.35067 4.43927 7.888C3.8846 8.42533 3.60727 9.136 3.60727 10.02C3.60727 10.904 3.8846 11.6233 4.43927 12.178C5.01127 12.7153 5.73927 12.984 6.62327 12.984C7.50727 12.984 8.23527 12.7153 8.80727 12.178C9.37927 11.6233 9.66527 10.904 9.66527 10.02ZM26.0241 3.754C26.0241 5.158 25.6601 6.38867 24.9321 7.446H24.9581L19.2901 16H15.1821L19.2381 10.072C17.3488 10.0547 15.8061 9.45667 14.6101 8.278C13.4315 7.09933 12.8421 5.59133 12.8421 3.754C12.8421 1.882 13.4488 0.365332 14.6621 -0.796001C15.8928 -1.97467 17.4788 -2.564 19.4201 -2.564C21.3615 -2.564 22.9475 -1.97467 24.1781 -0.796001C25.4088 0.382666 26.0241 1.89933 26.0241 3.754ZM16.4041 3.754C16.4041 4.638 16.6901 5.35733 17.2621 5.912C17.8341 6.44933 18.5535 6.718 19.4201 6.718C20.3215 6.718 21.0495 6.44933 21.6041 5.912C22.1761 5.35733 22.4621 4.638 22.4621 3.754C22.4621 2.87 22.1761 2.15933 21.6041 1.622C21.0495 1.08467 20.3215 0.815999 19.4201 0.815999C18.5535 0.815999 17.8341 1.09333 17.2621 1.648C16.6901 2.18533 16.4041 2.88733 16.4041 3.754ZM34.8052 16.364C32.5346 16.364 30.7492 15.506 29.4492 13.79C28.1666 12.0393 27.5252 9.74267 27.5252 6.9C27.5252 4.05733 28.1666 1.76933 29.4492 0.0359994C30.7492 -1.69733 32.5346 -2.564 34.8052 -2.564C37.1106 -2.564 38.8959 -1.69733 40.1612 0.0359994C41.4439 1.76933 42.0852 4.05733 42.0852 6.9C42.0852 9.74267 41.4439 12.0393 40.1612 13.79C38.8959 15.506 37.1106 16.364 34.8052 16.364ZM38.5232 6.9C38.5232 4.95867 38.2026 3.47667 37.5612 2.454C36.9372 1.43133 36.0186 0.919999 34.8052 0.919999C33.5919 0.919999 32.6732 1.43133 32.0492 2.454C31.4252 3.47667 31.1132 4.95867 31.1132 6.9C31.1132 8.84133 31.4252 10.3233 32.0492 11.346C32.6732 12.3513 33.5919 12.854 34.8052 12.854C36.0186 12.854 36.9372 12.3427 37.5612 11.32C38.2026 10.2973 38.5232 8.824 38.5232 6.9ZM52.0662 9.682H48.8422V11.112H54.6402V13.4H48.8422V16H45.2802V13.4H43.3302V11.112H45.2802V9.682H43.3302V6.536H45.2802V-2.2H52.0662C53.7822 -2.2 55.2295 -1.61067 56.4082 -0.432001C57.6042 0.746666 58.2022 2.168 58.2022 3.832C58.2022 5.496 57.6129 6.89133 56.4342 8.018C55.2729 9.12733 53.8169 9.682 52.0662 9.682ZM52.0662 1.154H48.8422V6.536H52.0662C52.7942 6.536 53.4009 6.276 53.8862 5.756C54.3889 5.236 54.6402 4.59467 54.6402 3.832C54.6402 3.06933 54.3889 2.43667 53.8862 1.934C53.4009 1.414 52.7942 1.154 52.0662 1.154Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M-2.78937 34H-8.12937V33.244L-5.10537 30.196C-4.24137 29.332 -3.80937 28.592 -3.80937 27.976C-3.80937 27.456 -3.97337 27.044 -4.30137 26.74C-4.62137 26.428 -5.02137 26.272 -5.50137 26.272C-6.35737 26.272 -6.98537 26.668 -7.38537 27.46L-8.09337 27.04C-7.83737 26.528 -7.48137 26.136 -7.02538 25.864C-6.56937 25.592 -6.06137 25.456 -5.50137 25.456C-4.82937 25.456 -4.24137 25.684 -3.73737 26.14C-3.22537 26.58 -2.96937 27.192 -2.96937 27.976C-2.96937 28.44 -3.09737 28.896 -3.35337 29.344C-3.60937 29.784 -4.00137 30.268 -4.52937 30.796L-6.92937 33.184H-2.78937V34ZM3.69813 32.968C3.14613 33.752 2.36613 34.144 1.35813 34.144C0.358125 34.144 -0.425875 33.752 -0.993875 32.968C-1.54587 32.176 -1.82187 31.12 -1.82187 29.8C-1.82187 28.472 -1.54587 27.42 -0.993875 26.644C-0.425875 25.852 0.358125 25.456 1.35813 25.456C2.36613 25.456 3.14613 25.852 3.69813 26.644C4.25813 27.42 4.53813 28.472 4.53813 29.8C4.53813 31.128 4.25813 32.184 3.69813 32.968ZM-0.369875 32.404C0.0541251 33.02 0.630125 33.328 1.35813 33.328C2.09413 33.328 2.66613 33.02 3.07413 32.404C3.49013 31.796 3.69813 30.928 3.69813 29.8C3.69813 28.672 3.49013 27.804 3.07413 27.196C2.66613 26.58 2.09413 26.272 1.35813 26.272C0.630125 26.272 0.0541251 26.58 -0.369875 27.196C-0.777875 27.812 -0.981875 28.68 -0.981875 29.8C-0.981875 30.92 -0.777875 31.788 -0.369875 32.404ZM10.8395 34H5.49953V33.244L8.52353 30.196C9.38753 29.332 9.81953 28.592 9.81953 27.976C9.81953 27.456 9.65553 27.044 9.32753 26.74C9.00753 26.428 8.60753 26.272 8.12753 26.272C7.27153 26.272 6.64353 26.668 6.24353 27.46L5.53553 27.04C5.79153 26.528 6.14753 26.136 6.60353 25.864C7.05953 25.592 7.56753 25.456 8.12753 25.456C8.79953 25.456 9.38753 25.684 9.89153 26.14C10.4035 26.58 10.6595 27.192 10.6595 27.976C10.6595 28.44 10.5315 28.896 10.2755 29.344C10.0195 29.784 9.62753 30.268 9.09953 30.796L6.69953 33.184H10.8395V34ZM15.9696 29.668C16.4016 29.868 16.7416 30.148 16.9896 30.508C17.2376 30.868 17.3616 31.272 17.3616 31.72C17.3616 32.48 17.0936 33.076 16.5576 33.508C16.0136 33.932 15.3456 34.144 14.5536 34.144C13.7616 34.144 13.0936 33.932 12.5496 33.508C12.0136 33.076 11.7456 32.48 11.7456 31.72C11.7456 31.272 11.8696 30.868 12.1176 30.508C12.3656 30.148 12.7056 29.868 13.1376 29.668C12.3936 29.244 12.0216 28.616 12.0216 27.784C12.0216 27.032 12.2696 26.456 12.7656 26.056C13.2776 25.656 13.8736 25.456 14.5536 25.456C15.2416 25.456 15.8336 25.656 16.3296 26.056C16.8336 26.456 17.0856 27.032 17.0856 27.784C17.0856 28.616 16.7136 29.244 15.9696 29.668ZM12.8616 27.784C12.8616 28.248 13.0216 28.616 13.3416 28.888C13.6696 29.16 14.0736 29.296 14.5536 29.296C15.0336 29.296 15.4336 29.16 15.7536 28.888C16.0816 28.616 16.2456 28.248 16.2456 27.784C16.2456 27.296 16.0896 26.924 15.7776 26.668C15.4656 26.404 15.0576 26.272 14.5536 26.272C14.0496 26.272 13.6416 26.404 13.3296 26.668C13.0176 26.924 12.8616 27.296 12.8616 27.784ZM13.1256 32.92C13.4776 33.192 13.9536 33.328 14.5536 33.328C15.1536 33.328 15.6296 33.192 15.9816 32.92C16.3416 32.64 16.5216 32.24 16.5216 31.72C16.5216 31.208 16.3416 30.812 15.9816 30.532C15.6136 30.252 15.1376 30.112 14.5536 30.112C13.9696 30.112 13.4936 30.252 13.1256 30.532C12.7656 30.812 12.5856 31.208 12.5856 31.72C12.5856 32.248 12.7656 32.648 13.1256 32.92ZM22.1598 30.64H19.9998V31.768H23.1198V32.464H19.9998V34H19.1598V32.464H18.0798V31.768H19.1598V30.64H18.0798V29.848H19.1598V25.6H22.1598C22.8478 25.6 23.4398 25.848 23.9358 26.344C24.4318 26.84 24.6798 27.432 24.6798 28.12C24.6798 28.808 24.4318 29.4 23.9358 29.896C23.4398 30.392 22.8478 30.64 22.1598 30.64ZM22.1598 26.392H19.9998V29.848H22.1598C22.6238 29.848 23.0198 29.68 23.3478 29.344C23.6758 28.992 23.8398 28.584 23.8398 28.12C23.8398 27.648 23.6758 27.24 23.3478 26.896C23.0198 26.56 22.6238 26.392 22.1598 26.392ZM32.574 30.916C33.23 31.156 33.558 31.624 33.558 32.32C33.558 32.816 33.39 33.22 33.054 33.532C32.726 33.844 32.266 34 31.674 34H28.758V28H31.434C32.01 28 32.458 28.148 32.778 28.444C33.106 28.74 33.27 29.128 33.27 29.608C33.27 30.208 33.038 30.644 32.574 30.916ZM31.434 28.768H29.55V30.592H31.434C32.13 30.592 32.478 30.28 32.478 29.656C32.478 29.376 32.386 29.16 32.202 29.008C32.026 28.848 31.77 28.768 31.434 28.768ZM29.55 33.232H31.674C32.026 33.232 32.294 33.148 32.478 32.98C32.67 32.812 32.766 32.576 32.766 32.272C32.766 31.984 32.67 31.76 32.478 31.6C32.294 31.44 32.026 31.36 31.674 31.36H29.55V33.232ZM37.758 28H41.598V28.768H38.55V34H37.758V28ZM47.3563 33.244C46.7403 33.844 45.9963 34.144 45.1243 34.144C44.2363 34.144 43.4883 33.844 42.8803 33.244C42.2723 32.636 41.9683 31.888 41.9683 31C41.9683 30.112 42.2723 29.368 42.8803 28.768C43.4883 28.16 44.2363 27.856 45.1243 27.856C46.0043 27.856 46.7483 28.16 47.3563 28.768C47.9723 29.368 48.2803 30.112 48.2803 31C48.2803 31.88 47.9723 32.628 47.3563 33.244ZM43.4443 32.692C43.9003 33.148 44.4603 33.376 45.1243 33.376C45.7883 33.376 46.3483 33.148 46.8043 32.692C47.2603 32.22 47.4883 31.656 47.4883 31C47.4883 30.336 47.2603 29.776 46.8043 29.32C46.3483 28.856 45.7883 28.624 45.1243 28.624C44.4603 28.624 43.9003 28.856 43.4443 29.32C42.9883 29.776 42.7603 30.336 42.7603 31C42.7603 31.656 42.9883 32.22 43.4443 32.692ZM54.4113 28V33.232H55.2513V35.608H54.4593V34H49.5633V35.608H48.7713V33.232H49.5033C49.9112 32.688 50.1152 31.932 50.1152 30.964V28H54.4113ZM50.4633 33.232H53.6193V28.768H50.9073V30.964C50.9073 31.892 50.7593 32.648 50.4633 33.232Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M-8.60938 30.4H24.9198V31H-8.60938V30.4Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: 117,
y: -395,
width: 258,
height: 522,
rx: 8,
fill: "url(#paint1_linear_4152_55839)"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: -198.5,
y: -577.5,
width: 621,
height: 812,
fill: "white",
stroke: "#E6E7EA"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M0 10.5C0 7.23841 0 5.60761 0.532843 4.32122C1.2433 2.60602 2.60602 1.2433 4.32122 0.532843C5.60761 0 7.23841 0 10.5 0H109.5C112.762 0 114.392 0 115.679 0.532843C117.394 1.2433 118.757 2.60602 119.467 4.32122C120 5.60761 120 7.23841 120 10.5V29.5C120 32.7616 120 34.3924 119.467 35.6788C118.757 37.394 117.394 38.7567 115.679 39.4672C114.392 40 112.762 40 109.5 40H10.5C7.23841 40 5.60761 40 4.32122 39.4672C2.60602 38.7567 1.2433 37.394 0.532843 35.6788C0 34.3924 0 32.7616 0 29.5V10.5Z",
fill: "#0C0D10"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M81.5257 19.2009V21.4919H80.0896V22.9944H81.5257V28.0994C81.5257 29.8425 82.3143 30.5398 84.2981 30.5398C84.6468 30.5398 84.9788 30.4983 85.2693 30.4485V28.9626C85.0203 28.9875 84.8626 29.0041 84.5887 29.0041C83.7005 29.0041 83.3104 28.5891 83.3104 27.6428V22.9944H85.2693V21.4919H83.3104V19.2009H81.5257Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M90.3232 30.6643C92.9628 30.6643 94.5815 28.8962 94.5815 25.9661C94.5815 23.0525 92.9545 21.2761 90.3232 21.2761C87.6835 21.2761 86.0566 23.0525 86.0566 25.9661C86.0566 28.8962 87.6752 30.6643 90.3232 30.6643ZM90.3232 29.0789C88.7709 29.0789 87.8994 27.9416 87.8994 25.9661C87.8994 24.0071 88.7709 22.8616 90.3232 22.8616C91.8671 22.8616 92.747 24.0071 92.747 25.9661C92.747 27.9333 91.8671 29.0789 90.3232 29.0789Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M95.9664 30.49H97.7511V25.1526C97.7511 23.8826 98.7056 23.0276 100.059 23.0276C100.374 23.0276 100.905 23.0857 101.055 23.1355V21.3757C100.864 21.3259 100.524 21.301 100.258 21.301C99.0792 21.301 98.0748 21.9485 97.8175 22.8367H97.6846V21.4504H95.9664V30.49Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M105.486 22.7952C106.806 22.7952 107.669 23.7165 107.711 25.136H103.145C103.245 23.7248 104.166 22.7952 105.486 22.7952ZM107.702 28.0496C107.37 28.7551 106.632 29.1453 105.552 29.1453C104.125 29.1453 103.203 28.1409 103.145 26.5554V26.4558H109.529V25.8332C109.529 22.9944 108.009 21.2761 105.494 21.2761C102.946 21.2761 101.327 23.1106 101.327 25.9993C101.327 28.8879 102.913 30.6643 105.503 30.6643C107.57 30.6643 109.014 29.6682 109.421 28.0496H107.702Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M69.8221 27.1518C69.9598 29.3715 71.8095 30.7911 74.5626 30.7911C77.505 30.7911 79.3462 29.3027 79.3462 26.9281C79.3462 25.0612 78.2966 24.0287 75.7499 23.4351L74.382 23.0996C72.7645 22.721 72.1106 22.2134 72.1106 21.3272C72.1106 20.2088 73.1259 19.4775 74.6487 19.4775C76.0941 19.4775 77.0921 20.1916 77.2727 21.3358H79.1483C79.0365 19.2452 77.1953 17.774 74.6745 17.774C71.9644 17.774 70.1576 19.2452 70.1576 21.4563C70.1576 23.2802 71.1815 24.3643 73.427 24.8891L75.0272 25.2763C76.6705 25.6634 77.3932 26.2312 77.3932 27.1776C77.3932 28.2789 76.2575 29.079 74.7089 29.079C73.0484 29.079 71.8955 28.3305 71.7321 27.1518H69.8221Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M51.3348 21.301C50.1063 21.301 49.0437 21.9153 48.4959 22.9446H48.3631V21.4504H46.6448V33.4949H48.4295V29.1204H48.5706C49.0437 30.0749 50.0647 30.6394 51.3514 30.6394C53.6341 30.6394 55.0867 28.8381 55.0867 25.9661C55.0867 23.094 53.6341 21.301 51.3348 21.301ZM50.8284 29.0373C49.3343 29.0373 48.3963 27.8586 48.3963 25.9744C48.3963 24.0818 49.3343 22.9031 50.8367 22.9031C52.3475 22.9031 53.2522 24.0569 53.2522 25.9661C53.2522 27.8835 52.3475 29.0373 50.8284 29.0373Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M61.3316 21.301C60.103 21.301 59.0405 21.9153 58.4927 22.9446H58.3599V21.4504H56.6416V33.4949H58.4263V29.1204H58.5674C59.0405 30.0749 60.0615 30.6394 61.3482 30.6394C63.6309 30.6394 65.0835 28.8381 65.0835 25.9661C65.0835 23.094 63.6309 21.301 61.3316 21.301ZM60.8252 29.0373C59.3311 29.0373 58.3931 27.8586 58.3931 25.9744C58.3931 24.0818 59.3311 22.9031 60.8335 22.9031C62.3443 22.9031 63.249 24.0569 63.249 25.9661C63.249 27.8835 62.3443 29.0373 60.8252 29.0373Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M43.4428 30.49H45.4905L41.008 18.0751H38.9346L34.4521 30.49H36.431L37.5752 27.1948H42.3072L43.4428 30.49ZM39.8724 20.3292H40.0186L41.8168 25.5774H38.0656L39.8724 20.3292Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M35.6514 8.71094V14.7H37.8137C39.5984 14.7 40.6318 13.6001 40.6318 11.6868C40.6318 9.80249 39.5901 8.71094 37.8137 8.71094H35.6514ZM36.5811 9.55762H37.71C38.9509 9.55762 39.6855 10.3462 39.6855 11.6992C39.6855 13.073 38.9634 13.8533 37.71 13.8533H36.5811V9.55762Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M43.7969 14.7871C45.1167 14.7871 45.9261 13.9031 45.9261 12.438C45.9261 10.9812 45.1126 10.093 43.7969 10.093C42.4771 10.093 41.6636 10.9812 41.6636 12.438C41.6636 13.9031 42.4729 14.7871 43.7969 14.7871ZM43.7969 13.9944C43.0208 13.9944 42.585 13.4258 42.585 12.438C42.585 11.4585 43.0208 10.8857 43.7969 10.8857C44.5689 10.8857 45.0088 11.4585 45.0088 12.438C45.0088 13.4216 44.5689 13.9944 43.7969 13.9944Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M52.8182 10.1802H51.9259L51.1207 13.6292H51.0501L50.1205 10.1802H49.2655L48.3358 13.6292H48.2694L47.4601 10.1802H46.5553L47.8004 14.7H48.7176L49.6473 11.3713H49.7179L50.6517 14.7H51.5772L52.8182 10.1802Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M53.8458 14.7H54.7382V12.0562C54.7382 11.3506 55.1574 10.9106 55.8173 10.9106C56.4772 10.9106 56.7926 11.2717 56.7926 11.998V14.7H57.685V11.7739C57.685 10.699 57.1288 10.093 56.1203 10.093C55.4396 10.093 54.9914 10.396 54.7714 10.8982H54.705V10.1802H53.8458V14.7Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M59.0903 14.7H59.9826V8.41626H59.0903V14.7Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M63.3386 14.7871C64.6584 14.7871 65.4678 13.9031 65.4678 12.438C65.4678 10.9812 64.6543 10.093 63.3386 10.093C62.0188 10.093 61.2053 10.9812 61.2053 12.438C61.2053 13.9031 62.0146 14.7871 63.3386 14.7871ZM63.3386 13.9944C62.5625 13.9944 62.1267 13.4258 62.1267 12.438C62.1267 11.4585 62.5625 10.8857 63.3386 10.8857C64.1106 10.8857 64.5505 11.4585 64.5505 12.438C64.5505 13.4216 64.1106 13.9944 63.3386 13.9944Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M68.1265 14.0234C67.6409 14.0234 67.2881 13.7869 67.2881 13.3801C67.2881 12.9817 67.5704 12.77 68.1929 12.7285L69.2969 12.658V13.0356C69.2969 13.5959 68.7989 14.0234 68.1265 14.0234ZM67.8982 14.7747C68.4917 14.7747 68.9856 14.5173 69.2554 14.0649H69.326V14.7H70.1851V11.6121C70.1851 10.6575 69.5459 10.093 68.4129 10.093C67.3877 10.093 66.6573 10.5911 66.566 11.3672H67.4292C67.5289 11.0476 67.8733 10.865 68.3714 10.865C68.9815 10.865 69.2969 11.1348 69.2969 11.6121V12.0022L68.0726 12.0728C66.9976 12.1392 66.3916 12.6082 66.3916 13.4216C66.3916 14.2476 67.0267 14.7747 67.8982 14.7747Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M73.2132 14.7747C73.8358 14.7747 74.3629 14.48 74.6327 13.9861H74.7032V14.7H75.5582V8.41626H74.6659V10.8982H74.5995C74.3546 10.4001 73.8316 10.1055 73.2132 10.1055C72.0719 10.1055 71.3373 11.0103 71.3373 12.438C71.3373 13.8699 72.0636 14.7747 73.2132 14.7747ZM73.4664 10.9065C74.2135 10.9065 74.6825 11.5 74.6825 12.4421C74.6825 13.3884 74.2176 13.9736 73.4664 13.9736C72.711 13.9736 72.2586 13.3967 72.2586 12.438C72.2586 11.4875 72.7152 10.9065 73.4664 10.9065Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M81.3447 14.7871C82.6645 14.7871 83.4738 13.9031 83.4738 12.438C83.4738 10.9812 82.6604 10.093 81.3447 10.093C80.0249 10.093 79.2114 10.9812 79.2114 12.438C79.2114 13.9031 80.0207 14.7871 81.3447 14.7871ZM81.3447 13.9944C80.5686 13.9944 80.1328 13.4258 80.1328 12.438C80.1328 11.4585 80.5686 10.8857 81.3447 10.8857C82.1166 10.8857 82.5566 11.4585 82.5566 12.438C82.5566 13.4216 82.1166 13.9944 81.3447 13.9944Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M84.655 14.7H85.5474V12.0562C85.5474 11.3506 85.9666 10.9106 86.6265 10.9106C87.2864 10.9106 87.6018 11.2717 87.6018 11.998V14.7H88.4941V11.7739C88.4941 10.699 87.938 10.093 86.9294 10.093C86.2488 10.093 85.8005 10.396 85.5806 10.8982H85.5142V10.1802H84.655V14.7Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M92.6039 9.05542V10.2009H91.8858V10.9521H92.6039V13.5046C92.6039 14.3762 92.9981 14.7249 93.9901 14.7249C94.1644 14.7249 94.3304 14.7041 94.4757 14.6792V13.9363C94.3512 13.9487 94.2723 13.957 94.1353 13.957C93.6913 13.957 93.4962 13.7495 93.4962 13.2764V10.9521H94.4757V10.2009H93.4962V9.05542H92.6039Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M95.6735 14.7H96.5658V12.0603C96.5658 11.3755 96.9726 10.9148 97.703 10.9148C98.3339 10.9148 98.6701 11.28 98.6701 12.0022V14.7H99.5624V11.7822C99.5624 10.7073 98.9689 10.0972 98.006 10.0972C97.3253 10.0972 96.848 10.4001 96.6281 10.9065H96.5575V8.41626H95.6735V14.7Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M102.781 10.8525C103.441 10.8525 103.873 11.3132 103.894 12.0229H101.611C101.661 11.3174 102.122 10.8525 102.781 10.8525ZM103.89 13.4797C103.724 13.8325 103.354 14.0276 102.815 14.0276C102.101 14.0276 101.64 13.5254 101.611 12.7327V12.6829H104.803V12.3716C104.803 10.9521 104.043 10.093 102.786 10.093C101.511 10.093 100.702 11.0103 100.702 12.4546C100.702 13.8989 101.495 14.7871 102.79 14.7871C103.823 14.7871 104.545 14.2891 104.749 13.4797H103.89Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M24.769 20.3008C24.7907 18.6198 25.6934 17.0292 27.1256 16.1488C26.2221 14.8584 24.7088 14.0403 23.1344 13.9911C21.4552 13.8148 19.8272 14.9959 18.9715 14.9959C18.0992 14.9959 16.7817 14.0086 15.363 14.0378C13.5137 14.0975 11.7898 15.1489 10.8901 16.7656C8.95607 20.1141 10.3987 25.0351 12.2513 27.7417C13.1782 29.0671 14.2615 30.5475 15.6789 30.495C17.066 30.4375 17.584 29.6105 19.2583 29.6105C20.9171 29.6105 21.4031 30.495 22.8493 30.4616C24.3377 30.4375 25.2754 29.1304 26.1698 27.7925C26.8358 26.8481 27.3483 25.8044 27.6882 24.7C25.9391 23.9602 24.771 22.2 24.769 20.3008Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M22.0373 12.2111C22.8489 11.2369 23.2487 9.98469 23.1518 8.72046C21.912 8.85068 20.7668 9.44324 19.9443 10.3801C19.14 11.2954 18.7214 12.5255 18.8006 13.7415C20.0408 13.7542 21.2601 13.1777 22.0373 12.2111Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M4.32122 39.4672L3.93853 40.391L4.32122 39.4672ZM119.467 35.6788L120.391 36.0615L119.467 35.6788ZM115.679 39.4672L116.061 40.391L115.679 39.4672ZM115.679 0.532843L116.061 -0.391036L115.679 0.532843ZM119.467 4.32122L120.391 3.93853L119.467 4.32122ZM10.5 1H109.5V-1H10.5V1ZM119 10.5V29.5H121V10.5H119ZM109.5 39H10.5V41H109.5V39ZM1 29.5V10.5H-1V29.5H1ZM10.5 39C8.85552 39 7.67224 38.9995 6.73798 38.9357C5.8127 38.8726 5.20494 38.7508 4.7039 38.5433L3.93853 40.391C4.72389 40.7163 5.57473 40.861 6.60184 40.9311C7.61997 41.0005 8.88288 41 10.5 41V39ZM-1 29.5C-1 31.1171 -1.00054 32.38 -0.931075 33.3982C-0.860996 34.4253 -0.716341 35.2761 -0.391036 36.0615L1.45672 35.2961C1.24918 34.7951 1.12742 34.1873 1.06429 33.262C1.00054 32.3278 1 31.1445 1 29.5H-1ZM4.7039 38.5433C3.23373 37.9343 2.06569 36.7663 1.45672 35.2961L-0.391036 36.0615C0.420915 38.0217 1.97831 39.5791 3.93853 40.391L4.7039 38.5433ZM119 29.5C119 31.1445 118.999 32.3278 118.936 33.262C118.873 34.1873 118.751 34.7951 118.543 35.2961L120.391 36.0615C120.716 35.2761 120.861 34.4253 120.931 33.3982C121.001 32.38 121 31.1171 121 29.5H119ZM109.5 41C111.117 41 112.38 41.0005 113.398 40.9311C114.425 40.861 115.276 40.7163 116.061 40.391L115.296 38.5433C114.795 38.7508 114.187 38.8726 113.262 38.9357C112.328 38.9995 111.144 39 109.5 39V41ZM118.543 35.2961C117.934 36.7663 116.766 37.9343 115.296 38.5433L116.061 40.391C118.022 39.5791 119.579 38.0217 120.391 36.0615L118.543 35.2961ZM109.5 1C111.144 1 112.328 1.00054 113.262 1.06429C114.187 1.12742 114.795 1.24918 115.296 1.45672L116.061 -0.391036C115.276 -0.716341 114.425 -0.860996 113.398 -0.931075C112.38 -1.00054 111.117 -1 109.5 -1V1ZM121 10.5C121 8.88289 121.001 7.61997 120.931 6.60184C120.861 5.57473 120.716 4.72389 120.391 3.93853L118.543 4.7039C118.751 5.20494 118.873 5.8127 118.936 6.73798C118.999 7.67225 119 8.85552 119 10.5H121ZM115.296 1.45672C116.766 2.06569 117.934 3.23373 118.543 4.7039L120.391 3.93853C119.579 1.97831 118.022 0.420915 116.061 -0.391036L115.296 1.45672ZM10.5 -1C8.88289 -1 7.61997 -1.00054 6.60184 -0.931075C5.57473 -0.860996 4.72389 -0.716341 3.93853 -0.391036L4.7039 1.45672C5.20494 1.24918 5.8127 1.12742 6.73798 1.06429C7.67225 1.00054 8.85552 1 10.5 1V-1ZM1 10.5C1 8.85552 1.00054 7.67225 1.06429 6.73798C1.12742 5.8127 1.24918 5.20494 1.45672 4.7039L-0.391036 3.93853C-0.716341 4.72389 -0.860996 5.57473 -0.931075 6.60184C-1.00054 7.61997 -1 8.88289 -1 10.5H1ZM3.93853 -0.391036C1.97831 0.420915 0.420915 1.97831 -0.391036 3.93853L1.45672 4.7039C2.06569 3.23373 3.23373 2.06569 4.7039 1.45672L3.93853 -0.391036Z",
fill: "#A6A6A6"
}))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint0_linear_4152_55839",
x1: -84.46,
y1: -457.803,
x2: 56.4522,
y2: 135.997,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#0F4D7C"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#16336C"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint1_linear_4152_55839",
x1: 141.94,
y1: -402.341,
x2: 338.062,
y2: 131.081,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#228172"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#276A60"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0_4152_55839"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 1440,
height: 887,
fill: "white",
transform: "translate(-1017 -578)"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgAppStoreBadgeg);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/appStoreBadgeg.979fbb01.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/cancel-dark.svg":
/*!***********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/cancel-dark.svg ***!
\***********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgCancelDark({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M5 5L19 19",
stroke: "#242424",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M5 19L19 5",
stroke: "#242424",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgCancelDark);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/cancel-dark.dbb5f8c1.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/color-google.svg":
/*!************************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/color-google.svg ***!
\************************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgColorGoogle({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 135,
height: 40,
viewBox: "0 0 135 40",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M130 0H5C2.23858 0 0 2.23858 0 5V35C0 37.7614 2.23858 40 5 40H130C132.761 40 135 37.7614 135 35V5C135 2.23858 132.761 0 130 0Z",
fill: "black"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M130 0.8C131.114 0.8 132.182 1.2425 132.97 2.03015C133.758 2.8178 134.2 3.88609 134.2 5V35C134.2 36.1139 133.758 37.1822 132.97 37.9698C132.182 38.7575 131.114 39.2 130 39.2H5C3.88609 39.2 2.8178 38.7575 2.03015 37.9698C1.2425 37.1822 0.8 36.1139 0.8 35V5C0.8 3.88609 1.2425 2.8178 2.03015 2.03015C2.8178 1.2425 3.88609 0.8 5 0.8H130ZM130 0H5C3.67392 0 2.40215 0.526784 1.46447 1.46447C0.526784 2.40215 0 3.67392 0 5V35C0 36.3261 0.526784 37.5979 1.46447 38.5355C2.40215 39.4732 3.67392 40 5 40H130C131.326 40 132.598 39.4732 133.536 38.5355C134.473 37.5979 135 36.3261 135 35V5C135 3.67392 134.473 2.40215 133.536 1.46447C132.598 0.526784 131.326 0 130 0Z",
fill: "#A6A6A6"
})), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M68.14 21.75C67.2974 21.752 66.4744 22.0037 65.7749 22.4735C65.0755 22.9432 64.531 23.6098 64.2104 24.389C63.8898 25.1682 63.8075 26.0249 63.9738 26.8509C64.1401 27.6768 64.5476 28.4349 65.1448 29.0293C65.742 29.6237 66.502 30.0276 67.3287 30.1901C68.1555 30.3525 69.0118 30.2661 69.7895 29.9419C70.5671 29.6176 71.2311 29.07 71.6976 28.3684C72.164 27.6667 72.412 26.8425 72.41 26C72.4181 25.4379 72.3131 24.88 72.1012 24.3593C71.8892 23.8387 71.5746 23.366 71.1762 22.9695C70.7778 22.5729 70.3037 22.2606 69.7821 22.0511C69.2604 21.8416 68.702 21.7392 68.14 21.75ZM68.14 28.58C67.6236 28.6161 67.1082 28.496 66.6609 28.2354C66.2137 27.9747 65.8552 27.5855 65.632 27.1184C65.4088 26.6513 65.3314 26.1279 65.4097 25.6161C65.4879 25.1044 65.7184 24.6281 66.0709 24.249C66.4235 23.87 66.882 23.6058 67.3867 23.4908C67.8915 23.3757 68.4192 23.4152 68.9012 23.6041C69.3832 23.7929 69.7972 24.1224 70.0895 24.5497C70.3818 24.977 70.5387 25.4823 70.54 26C70.5561 26.328 70.5063 26.6559 70.3937 26.9644C70.2811 27.2729 70.1078 27.5557 69.8841 27.7962C69.6604 28.0366 69.3909 28.2299 69.0913 28.3645C68.7918 28.4991 68.4683 28.5724 68.14 28.58ZM58.82 21.75C57.9774 21.752 57.1544 22.0037 56.4549 22.4735C55.7555 22.9432 55.211 23.6098 54.8904 24.389C54.5698 25.1682 54.4875 26.0249 54.6538 26.8509C54.8201 27.6768 55.2276 28.4349 55.8248 29.0293C56.422 29.6237 57.182 30.0276 58.0087 30.1901C58.8355 30.3525 59.6918 30.2661 60.4695 29.9419C61.2471 29.6176 61.9111 29.07 62.3776 28.3684C62.844 27.6667 63.0919 26.8425 63.09 26C63.0981 25.4379 62.9931 24.88 62.7812 24.3593C62.5692 23.8387 62.2546 23.366 61.8562 22.9695C61.4578 22.5729 60.9837 22.2606 60.4621 22.0511C59.9404 21.8416 59.382 21.7392 58.82 21.75ZM58.82 28.58C58.3036 28.6161 57.7882 28.496 57.3409 28.2354C56.8937 27.9747 56.5352 27.5855 56.312 27.1184C56.0888 26.6513 56.0114 26.1279 56.0897 25.6161C56.1679 25.1044 56.3984 24.6281 56.7509 24.249C57.1035 23.87 57.562 23.6058 58.0667 23.4908C58.5715 23.3757 59.0992 23.4152 59.5812 23.6041C60.0632 23.7929 60.4772 24.1224 60.7695 24.5497C61.0618 24.977 61.2187 25.4823 61.22 26C61.2361 26.328 61.1863 26.6559 61.0737 26.9644C60.9611 27.2729 60.7878 27.5557 60.5641 27.7962C60.3404 28.0366 60.0709 28.2299 59.7713 28.3645C59.4718 28.4991 59.1483 28.5724 58.82 28.58ZM47.74 23.06V24.86H52.06C51.9922 25.7078 51.6398 26.5078 51.06 27.13C50.6266 27.5715 50.1054 27.9171 49.5301 28.1445C48.9547 28.3719 48.3381 28.476 47.72 28.45C46.4469 28.45 45.226 27.9443 44.3259 27.0441C43.4257 26.1439 42.92 24.923 42.92 23.65C42.92 22.3769 43.4257 21.156 44.3259 20.2559C45.226 19.3557 46.4469 18.85 47.72 18.85C48.9404 18.8318 50.1189 19.2953 51 20.14L52.27 18.87C51.674 18.2805 50.9663 17.8159 50.1884 17.5034C49.4106 17.1908 48.5782 17.0367 47.74 17.05C46.851 17.0154 45.9641 17.1606 45.1326 17.477C44.3011 17.7933 43.5419 18.2743 42.9007 18.891C42.2595 19.5077 41.7494 20.2476 41.401 21.0662C41.0525 21.8848 40.8729 22.7653 40.8729 23.655C40.8729 24.5447 41.0525 25.4252 41.401 26.2438C41.7494 27.0624 42.2595 27.8022 42.9007 28.419C43.5419 29.0357 44.3011 29.5167 45.1326 29.833C45.9641 30.1494 46.851 30.2946 47.74 30.26C48.5954 30.2941 49.4484 30.147 50.2429 29.8281C51.0374 29.5093 51.7555 29.026 52.35 28.41C53.4001 27.2564 53.9596 25.7392 53.91 24.18C53.9136 23.8047 53.8834 23.4299 53.82 23.06H47.74ZM93.05 24.46C92.7892 23.6927 92.3015 23.0228 91.6515 22.5388C91.0015 22.0549 90.2198 21.7798 89.41 21.75C88.863 21.7489 88.3216 21.86 87.8192 22.0765C87.3169 22.293 86.8643 22.6102 86.4894 23.0085C86.1145 23.4068 85.8252 23.8778 85.6396 24.3924C85.4539 24.9069 85.3758 25.454 85.41 26C85.4014 26.9128 85.6884 27.804 86.2281 28.5402C86.7678 29.2765 87.5312 29.8185 88.4042 30.0851C89.2773 30.3518 90.2132 30.3288 91.0722 30.0197C91.9311 29.7106 92.667 29.1318 93.17 28.37L91.72 27.37C91.5038 27.7303 91.1972 28.0278 90.8306 28.233C90.464 28.4382 90.0501 28.5441 89.63 28.54C89.1965 28.5579 88.7678 28.4442 88.4002 28.214C88.0325 27.9838 87.7431 27.6477 87.57 27.25L93.26 24.9L93.05 24.46ZM87.25 25.88C87.2297 25.5694 87.2716 25.2578 87.3733 24.9636C87.4749 24.6694 87.6342 24.3984 87.8419 24.1665C88.0495 23.9346 88.3014 23.7465 88.5827 23.6132C88.8639 23.4798 89.169 23.404 89.48 23.39C89.8022 23.3703 90.123 23.4462 90.4023 23.6081C90.6816 23.7699 90.9069 24.0106 91.05 24.3L87.25 25.88ZM82.63 30H84.5V17.5H82.63V30ZM79.57 22.7H79.5C79.2206 22.3818 78.8759 22.1278 78.4893 21.9552C78.1027 21.7826 77.6833 21.6956 77.26 21.7C76.1672 21.753 75.1366 22.2244 74.382 23.0166C73.6273 23.8087 73.2063 24.8609 73.2063 25.955C73.2063 27.0491 73.6273 28.1012 74.382 28.8934C75.1366 29.6856 76.1672 30.157 77.26 30.21C77.6839 30.2185 78.1046 30.1333 78.4918 29.9604C78.879 29.7875 79.2233 29.5313 79.5 29.21H79.57V29.82C79.57 31.45 78.7 32.32 77.3 32.32C76.8323 32.3097 76.3782 32.1607 75.9954 31.8918C75.6126 31.623 75.3183 31.2464 75.15 30.81L73.53 31.48C73.8295 32.2322 74.3502 32.8759 75.0234 33.3258C75.6965 33.7758 76.4904 34.0109 77.3 34C79.49 34 81.3 32.71 81.3 29.57V22H79.57V22.7ZM77.42 28.58C76.7648 28.5391 76.1498 28.2501 75.7003 27.7716C75.2508 27.2932 75.0005 26.6615 75.0005 26.005C75.0005 25.3485 75.2508 24.7167 75.7003 24.2383C76.1498 23.7599 76.7648 23.4708 77.42 23.43C77.7402 23.4438 78.0544 23.5219 78.3438 23.6596C78.6333 23.7973 78.8921 23.9919 79.1048 24.2317C79.3175 24.4714 79.4798 24.7516 79.5821 25.0553C79.6843 25.3591 79.7244 25.6804 79.7 26C79.7273 26.3207 79.6892 26.6436 79.5881 26.9491C79.4871 27.2547 79.3251 27.5366 79.1119 27.7778C78.8988 28.0189 78.639 28.2144 78.3482 28.3523C78.0574 28.4902 77.7416 28.5676 77.42 28.58ZM101.81 17.5H97.33V30H99.2V25.26H101.81C102.343 25.2983 102.878 25.2264 103.382 25.0487C103.886 24.8711 104.348 24.5915 104.739 24.2275C105.13 23.8634 105.442 23.4227 105.655 22.9328C105.869 22.4429 105.979 21.9143 105.979 21.38C105.979 20.8457 105.869 20.3171 105.655 19.8272C105.442 19.3372 105.13 18.8965 104.739 18.5325C104.348 18.1685 103.886 17.8889 103.382 17.7113C102.878 17.5336 102.343 17.4617 101.81 17.5ZM101.81 23.5H99.2V19.24H101.85C102.131 19.24 102.409 19.2953 102.669 19.4029C102.929 19.5104 103.164 19.6681 103.363 19.8668C103.562 20.0655 103.72 20.3014 103.827 20.561C103.935 20.8207 103.99 21.099 103.99 21.38C103.99 21.661 103.935 21.9393 103.827 22.1989C103.72 22.4586 103.562 22.6945 103.363 22.8932C103.164 23.0919 102.929 23.2495 102.669 23.3571C102.409 23.4646 102.131 23.52 101.85 23.52L101.81 23.5ZM113.35 21.71C112.669 21.668 111.991 21.8265 111.399 22.166C110.807 22.5055 110.328 23.011 110.02 23.62L111.67 24.31C111.837 24.0094 112.087 23.7635 112.39 23.602C112.694 23.4405 113.038 23.3704 113.38 23.4C113.617 23.3723 113.858 23.3921 114.088 23.4583C114.317 23.5245 114.531 23.6358 114.718 23.7857C114.904 23.9356 115.058 24.121 115.172 24.3312C115.286 24.5414 115.356 24.7722 115.38 25.01V25.13C114.779 24.8139 114.109 24.6491 113.43 24.65C111.65 24.65 109.83 25.65 109.83 27.47C109.848 27.8568 109.943 28.2362 110.11 28.5855C110.277 28.9349 110.513 29.2471 110.803 29.5036C111.093 29.7601 111.431 29.9557 111.799 30.0788C112.166 30.2018 112.554 30.2499 112.94 30.22C113.409 30.2459 113.877 30.1466 114.295 29.9323C114.713 29.7179 115.067 29.3961 115.32 29H115.38V30H117.18V25.19C117.18 23 115.52 21.73 113.39 21.73L113.35 21.71ZM113.12 28.56C112.51 28.56 111.66 28.25 111.66 27.5C111.66 26.5 112.72 26.16 113.66 26.16C114.254 26.1453 114.841 26.2904 115.36 26.58C115.297 27.1231 115.04 27.625 114.635 27.9927C114.231 28.3604 113.707 28.5691 113.16 28.58L113.12 28.56ZM123.74 22L121.6 27.42H121.54L119.32 22H117.32L120.65 29.58L118.75 33.79H120.7L125.82 22H123.74ZM106.94 30H108.8V17.5H106.94V30Z",
fill: "white"
})), _path4 || (_path4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M10.44 7.54C10.1105 7.92962 9.94233 8.43047 9.97 8.94V31.06C9.93597 31.5704 10.1049 32.0735 10.44 32.46L10.51 32.54L22.9 20.15V19.85L10.51 7.47L10.44 7.54Z",
fill: "url(#paint0_linear_6722_123896)"
})), _path5 || (_path5 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M27 24.28L22.9 20.15V19.85L27 15.72L27.09 15.78L32 18.56C33.4 19.35 33.4 20.65 32 21.45L27.11 24.23L27 24.28Z",
fill: "url(#paint1_linear_6722_123896)"
})), _path6 || (_path6 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M27.1199 24.22L22.8999 20L10.4399 32.46C10.7225 32.7115 11.0842 32.8562 11.4623 32.869C11.8404 32.8818 12.211 32.7619 12.5099 32.53L27.1199 24.22Z",
fill: "url(#paint2_linear_6722_123896)"
})), _path7 || (_path7 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M27.1199 15.78L12.5099 7.48C12.213 7.24491 11.8426 7.12206 11.464 7.13303C11.0854 7.14401 10.7228 7.28811 10.4399 7.54L22.8999 20L27.1199 15.78Z",
fill: "url(#paint3_linear_6722_123896)"
})), _path8 || (_path8 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
opacity: 0.2,
d: "M26.9999 24.13L12.5099 32.38C12.2219 32.5974 11.8708 32.715 11.5099 32.715C11.1491 32.715 10.798 32.5974 10.5099 32.38L10.4399 32.45L10.5099 32.53C10.798 32.7474 11.1491 32.865 11.5099 32.865C11.8708 32.865 12.2219 32.7474 12.5099 32.53L27.1199 24.22L26.9999 24.13Z",
fill: "black"
})), _path9 || (_path9 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
opacity: 0.12,
d: "M10.44 32.32C10.1188 31.9234 9.96138 31.4189 10 30.91V31.06C9.96597 31.5704 10.1349 32.0735 10.47 32.46L10.54 32.39L10.44 32.32Z",
fill: "black"
})), _path10 || (_path10 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
opacity: 0.12,
d: "M32 21.3L27 24.13L27.09 24.22L32 21.44C32.2898 21.3174 32.5413 21.119 32.7278 20.8656C32.9143 20.6122 33.0291 20.3132 33.06 20C32.9975 20.2846 32.869 20.5505 32.6849 20.7763C32.5007 21.0021 32.2662 21.1815 32 21.3Z",
fill: "black"
})), _path11 || (_path11 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
opacity: 0.25,
d: "M12.51 7.62001L32 18.7C32.2661 18.8185 32.5007 18.9979 32.6848 19.2237C32.869 19.4495 32.9975 19.7154 33.06 20C33.0291 19.6869 32.9143 19.3878 32.7278 19.1344C32.5412 18.881 32.2898 18.6826 32 18.56L12.51 7.48001C11.12 6.68001 9.96997 7.34001 9.96997 8.94001V9.09001C9.99997 7.49001 11.12 6.83001 12.51 7.62001Z",
fill: "white"
})), _path12 || (_path12 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M42.11 14.27H41.38V12.27H42C42.279 11.9672 42.4887 11.6073 42.6148 11.2153C42.7408 10.8234 42.7801 10.4087 42.73 10V7H46.73V12.26H47.4V14.26H46.66V13H42.11V14.27ZM43.5 10C43.5446 10.8033 43.346 11.6014 42.93 12.29H45.93V7.74H43.5V10Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path13 || (_path13 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M53.41 12.22C53.122 12.5087 52.7799 12.7378 52.4032 12.8942C52.0266 13.0505 51.6228 13.1309 51.215 13.1309C50.8072 13.1309 50.4034 13.0505 50.0267 12.8942C49.6501 12.7378 49.308 12.5087 49.02 12.22C48.4479 11.6225 48.1285 10.8272 48.1285 9.99999C48.1285 9.17277 48.4479 8.37749 49.02 7.77999C49.308 7.49124 49.6501 7.26214 50.0267 7.10583C50.4034 6.94951 50.8072 6.86905 51.215 6.86905C51.6228 6.86905 52.0266 6.94951 52.4032 7.10583C52.7799 7.26214 53.122 7.49124 53.41 7.77999C53.6989 8.07199 53.9264 8.41882 54.0793 8.80007C54.2321 9.18133 54.3072 9.5893 54.3 9.99999C54.3118 10.4113 54.2389 10.8206 54.0858 11.2025C53.9327 11.5844 53.7026 11.9308 53.41 12.22ZM49.58 11.72C49.7907 11.9388 50.0441 12.1121 50.3245 12.2291C50.6048 12.346 50.9062 12.4042 51.21 12.4C51.514 12.406 51.8159 12.3487 52.0966 12.2316C52.3772 12.1145 52.6304 11.9403 52.84 11.72C53.2715 11.2511 53.511 10.6372 53.511 9.99999C53.511 9.36279 53.2715 8.74886 52.84 8.27999C52.6304 8.0597 52.3772 7.88546 52.0966 7.76839C51.8159 7.65131 51.514 7.59396 51.21 7.59999C50.9062 7.59578 50.6048 7.65395 50.3245 7.77092C50.0441 7.88788 49.7907 8.06115 49.58 8.27999C49.1548 8.752 48.9196 9.36474 48.9196 9.99999C48.9196 10.6352 49.1548 11.248 49.58 11.72Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path14 || (_path14 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M58.18 13.13C57.7754 13.1364 57.3737 13.0608 56.999 12.9078C56.6244 12.7549 56.2846 12.5277 56 12.24C55.423 11.637 55.101 10.8346 55.101 10C55.101 9.16542 55.423 8.36302 56 7.76001C56.2892 7.46735 56.6356 7.23732 57.0175 7.08421C57.3994 6.9311 57.8087 6.85819 58.22 6.87001C58.6387 6.85817 59.0545 6.9421 59.4357 7.1154C59.817 7.28871 60.1537 7.54681 60.42 7.87001L59.89 8.39001C59.6936 8.13743 59.4394 7.93567 59.1488 7.80169C58.8582 7.6677 58.5397 7.6054 58.22 7.62001C57.9122 7.61216 57.6061 7.66757 57.3205 7.78282C57.035 7.89806 56.7761 8.07069 56.56 8.29001C56.1293 8.76322 55.8905 9.38011 55.8905 10.02C55.8905 10.6599 56.1293 11.2768 56.56 11.75C56.7761 11.9693 57.035 12.142 57.3205 12.2572C57.6061 12.3725 57.9122 12.4279 58.22 12.42C58.5636 12.4103 58.901 12.3255 59.2084 12.1718C59.5159 12.0181 59.786 11.799 60 11.53L60.54 12.06C60.2661 12.3883 59.9251 12.6542 59.54 12.84C59.1146 13.0388 58.6495 13.1379 58.18 13.13Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path15 || (_path15 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M63.68 13H62.91V7.74H61.23V7H65.35V7.74H63.68V13Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path16 || (_path16 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M70.65 7L68.38 12.06C68.325 12.2629 68.2265 12.4514 68.0913 12.6124C67.9562 12.7734 67.7877 12.9031 67.5974 12.9925C67.4072 13.0819 67.1997 13.1289 66.9895 13.1302C66.7793 13.1315 66.5713 13.0871 66.38 13L66.58 12.29C66.7024 12.3588 66.8397 12.3965 66.98 12.4C67.128 12.4074 67.2747 12.369 67.4 12.29C67.5215 12.1889 67.6145 12.058 67.67 11.91L67.89 11.43L65.89 7H66.8L68.28 10.44L69.74 7H70.65Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path17 || (_path17 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M71.52 13V7H75.86V13H75.09V7.74H72.29V13H71.52Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path18 || (_path18 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M77.23 13V7H78V9.57H81V7H81.78V13H81V10.29H78V13H77.23Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path19 || (_path19 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M88.06 12.22C87.7712 12.509 87.4282 12.7384 87.0507 12.8948C86.6732 13.0513 86.2686 13.1318 85.86 13.1318C85.4514 13.1318 85.0468 13.0513 84.6693 12.8948C84.2918 12.7384 83.9488 12.509 83.66 12.22C83.0879 11.6225 82.7686 10.8272 82.7686 9.99999C82.7686 9.17277 83.0879 8.37749 83.66 7.77999C83.948 7.49124 84.2901 7.26214 84.6667 7.10583C85.0434 6.94951 85.4472 6.86905 85.855 6.86905C86.2628 6.86905 86.6666 6.94951 87.0433 7.10583C87.4199 7.26214 87.762 7.49124 88.05 7.77999C88.6176 8.37981 88.9338 9.17422 88.9338 9.99999C88.9338 10.8258 88.6176 11.6202 88.05 12.22H88.06ZM84.23 11.72C84.4396 11.9403 84.6928 12.1145 84.9734 12.2316C85.254 12.3487 85.556 12.406 85.86 12.4C86.1638 12.4042 86.4652 12.346 86.7455 12.2291C87.0259 12.1121 87.2793 11.9388 87.49 11.72C87.9151 11.248 88.1504 10.6352 88.1504 9.99999C88.1504 9.36474 87.9151 8.752 87.49 8.27999C87.2793 8.06115 87.0259 7.88788 86.7455 7.77092C86.4652 7.65395 86.1638 7.59578 85.86 7.59999C85.556 7.59396 85.254 7.65131 84.9734 7.76839C84.6928 7.88546 84.4396 8.0597 84.23 8.27999C83.7985 8.74886 83.559 9.36279 83.559 9.99999C83.559 10.6372 83.7985 11.2511 84.23 11.72Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _path20 || (_path20 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M92.09 13V7H94.26C94.7098 6.99548 95.1451 7.15959 95.48 7.46C95.6471 7.60501 95.7803 7.78498 95.8701 7.98716C95.96 8.18934 96.0043 8.40879 96 8.63C96.0024 8.89937 95.9259 9.16357 95.78 9.39C95.6324 9.60471 95.4281 9.77432 95.19 9.88C95.4787 9.97872 95.7323 10.1594 95.92 10.4C96.1038 10.6451 96.2021 10.9437 96.2 11.25C96.2051 11.4805 96.1593 11.7094 96.066 11.9202C95.9727 12.1311 95.8341 12.3188 95.66 12.47C95.3129 12.793 94.854 12.9686 94.38 12.96L92.09 13ZM92.86 9.57H94.26C94.391 9.57758 94.522 9.55543 94.6432 9.50521C94.7644 9.45499 94.8727 9.378 94.96 9.28C95.1295 9.11383 95.2266 8.88739 95.23 8.65C95.2394 8.41187 95.1571 8.17919 95 8C94.9159 7.90674 94.8122 7.83327 94.6964 7.78485C94.5805 7.73644 94.4554 7.71429 94.33 7.72H92.89L92.86 9.57ZM92.86 12.26H94.42C94.5554 12.2645 94.6902 12.2391 94.8146 12.1855C94.9391 12.1319 95.0502 12.0515 95.14 11.95C95.3126 11.7656 95.4091 11.5226 95.41 11.27C95.4039 11.0195 95.304 10.7804 95.13 10.6C95.0336 10.4988 94.917 10.4189 94.7878 10.3655C94.6586 10.3121 94.5197 10.2864 94.38 10.29H92.86V12.26Z",
fill: "white",
stroke: "white",
strokeWidth: 0.2,
strokeMiterlimit: 10
})), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint0_linear_6722_123896",
x1: 21.8,
y1: 8.71,
x2: 5.02,
y2: 25.49,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#00A0FF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.01,
stopColor: "#00A1FF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.26,
stopColor: "#00BEFF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.51,
stopColor: "#00D2FF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.76,
stopColor: "#00DFFF"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#00E3FF"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint1_linear_6722_123896",
x1: 33.83,
y1: 20,
x2: 9.64003,
y2: 20,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#FFE000"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.41,
stopColor: "#FFBD00"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.78,
stopColor: "#FFA500"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#FF9C00"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint2_linear_6722_123896",
x1: 24.8299,
y1: 22.3,
x2: 2.06994,
y2: 45.05,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#FF3A44"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#C31162"
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint3_linear_6722_123896",
x1: 7.29994,
y1: 0.18,
x2: 17.4599,
y2: 10.34,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#32A071"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.07,
stopColor: "#2DA771"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.48,
stopColor: "#15CF74"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 0.8,
stopColor: "#06E775"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#00F076"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgColorGoogle);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/color-google.ead6081e.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/cross.svg":
/*!*****************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/cross.svg ***!
\*****************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgCross({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M18 6L6 18",
stroke: "black",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M6 6L18 18",
stroke: "black",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgCross);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/cross.dd287d17.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/headphones.svg":
/*!**********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/headphones.svg ***!
\**********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgHeadphones({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M3 18V12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12V18",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M21 19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H18C17.4696 21 16.9609 20.7893 16.5858 20.4142C16.2107 20.0391 16 19.5304 16 19V16C16 15.4696 16.2107 14.9609 16.5858 14.5858C16.9609 14.2107 17.4696 14 18 14H21V19ZM3 19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H6C6.53043 21 7.03914 20.7893 7.41421 20.4142C7.78929 20.0391 8 19.5304 8 19V16C8 15.4696 7.78929 14.9609 7.41421 14.5858C7.03914 14.2107 6.53043 14 6 14H3V19Z",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgHeadphones);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/headphones.571b64b9.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/mobile-ios.svg":
/*!**********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/mobile-ios.svg ***!
\**********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _g, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgMobileIos({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 120,
height: 40,
viewBox: "0 0 120 40",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0_6722_123917)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M110.444 7.92969e-06H9.56145C9.19372 7.92969e-06 8.8304 7.92975e-06 8.46364 0.00200793C8.15663 0.00400793 7.85207 0.00981793 7.54211 0.0147079C6.86874 0.0226097 6.19695 0.0816842 5.53259 0.191418C4.86915 0.303541 4.2265 0.514924 3.62637 0.818418C3.02697 1.12448 2.47929 1.52218 2.00318 1.99708C1.52457 2.47064 1.12561 3.01802 0.82165 3.61817C0.516847 4.21712 0.305496 4.85895 0.194896 5.52149C0.083244 6.18319 0.0231632 6.85253 0.0151925 7.52349C0.00588648 7.83009 0.00490373 8.13771 0 8.44435V31.5586C0.00490373 31.8691 0.00588648 32.1699 0.0151925 32.4805C0.0231657 33.1514 0.0832464 33.8207 0.194896 34.4824C0.30519 35.1453 0.516554 35.7875 0.82165 36.3867C1.12548 36.9849 1.52449 37.5301 2.00318 38.001C2.47748 38.478 3.02552 38.876 3.62637 39.1797C4.2265 39.484 4.86908 39.6967 5.53259 39.8105C6.19707 39.9194 6.86879 39.9785 7.54211 39.9873C7.85207 39.9941 8.15663 39.998 8.46364 39.998C8.83039 40 9.19374 40 9.56145 40H110.444C110.804 40 111.171 40 111.531 39.998C111.837 39.998 112.15 39.9941 112.455 39.9873C113.128 39.9789 113.798 39.9198 114.461 39.8105C115.127 39.6959 115.772 39.4833 116.375 39.1797C116.975 38.8758 117.522 38.4779 117.996 38.001C118.474 37.5282 118.874 36.9835 119.181 36.3867C119.484 35.7871 119.693 35.145 119.802 34.4824C119.914 33.8206 119.976 33.1515 119.988 32.4805C119.992 32.1699 119.992 31.8691 119.992 31.5586C120 31.1953 120 30.834 120 30.4648V9.53614C120 9.16993 120 8.80665 119.992 8.44435C119.992 8.13771 119.992 7.83009 119.988 7.52345C119.976 6.85243 119.914 6.18324 119.802 5.52145C119.693 4.85929 119.484 4.21751 119.181 3.61813C118.562 2.4152 117.581 1.43603 116.375 0.818328C115.772 0.515575 115.127 0.304248 114.461 0.191328C113.798 0.0811107 113.128 0.0220157 112.455 0.0145679C112.15 0.00968793 111.837 0.00382793 111.531 0.00187793C111.171 -0.00012207 110.804 -0.00012207 110.444 -0.00012207V7.92969e-06Z",
fill: "#A6A6A6"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M8.46856 39.125C8.16303 39.125 7.86487 39.1211 7.56174 39.1143C6.93376 39.1061 6.30725 39.0516 5.68735 38.9512C5.10932 38.8519 4.54937 38.6673 4.02596 38.4033C3.50735 38.1415 3.03433 37.7983 2.62504 37.3867C2.20981 36.98 1.86412 36.5082 1.60166 35.9902C1.33631 35.4688 1.15267 34.9099 1.05714 34.333C0.953972 33.7131 0.898156 33.0863 0.890169 32.458C0.883812 32.2471 0.875488 31.5449 0.875488 31.5449V8.44434C0.875488 8.44434 0.884353 7.75293 0.89022 7.5498C0.897867 6.92248 0.953358 6.29665 1.05621 5.67773C1.15192 5.09925 1.3357 4.53875 1.6012 4.01563C1.8627 3.49794 2.20647 3.02586 2.61919 2.61768C3.03145 2.20562 3.50597 1.8606 4.02547 1.59521C4.54767 1.33209 5.10657 1.14873 5.68343 1.05127C6.30537 0.949836 6.93405 0.894996 7.5642 0.88721L8.46906 0.875H111.526L112.442 0.8877C113.066 0.895099 113.689 0.94945 114.305 1.05029C114.888 1.14898 115.453 1.33362 115.981 1.59814C117.022 2.13299 117.869 2.97916 118.403 4.01807C118.664 4.53758 118.845 5.09351 118.939 5.66699C119.044 6.29099 119.102 6.92174 119.114 7.5542C119.117 7.8374 119.117 8.1416 119.117 8.44434C119.125 8.81934 119.125 9.17627 119.125 9.53613V30.4648C119.125 30.8281 119.125 31.1826 119.117 31.54C119.117 31.8652 119.117 32.1631 119.113 32.4697C119.101 33.0909 119.044 33.7104 118.941 34.3232C118.848 34.9043 118.665 35.4675 118.4 35.9932C118.136 36.5056 117.792 36.9733 117.381 37.3789C116.972 37.7927 116.498 38.1379 115.978 38.4014C115.451 38.6674 114.887 38.8527 114.305 38.9512C113.686 39.0522 113.059 39.1067 112.431 39.1143C112.137 39.1211 111.83 39.125 111.531 39.125L110.444 39.127L8.46856 39.125Z",
fill: "black"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M24.8384 20.3007C24.8492 19.466 25.0715 18.6477 25.4847 17.9217C25.8978 17.1957 26.4885 16.5858 27.2015 16.1486C26.7485 15.5035 26.1509 14.9725 25.4561 14.598C24.7614 14.2234 23.9886 14.0156 23.1992 13.991C21.5152 13.8147 19.8827 14.9958 19.0246 14.9958C18.1499 14.9958 16.8287 14.0085 15.406 14.0376C14.4857 14.0673 13.5889 14.3341 12.8028 14.8122C12.0167 15.2903 11.3682 15.9632 10.9205 16.7655C8.98105 20.1139 10.4277 25.035 12.2855 27.7416C13.215 29.0669 14.3013 30.5474 15.7228 30.4949C17.1137 30.4374 17.6332 29.6104 19.3122 29.6104C20.9756 29.6104 21.463 30.4949 22.9133 30.4615C24.4058 30.4374 25.3462 29.1303 26.2431 27.7924C26.911 26.848 27.4249 25.8043 27.7658 24.6999C26.8987 24.3341 26.1587 23.722 25.6381 22.9397C25.1175 22.1574 24.8394 21.2396 24.8384 20.3007Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M22.0991 12.2109C22.9129 11.2367 23.3138 9.98451 23.2167 8.72028C21.9734 8.8505 20.8249 9.44306 20.0001 10.3799C19.5968 10.8376 19.288 11.37 19.0912 11.9468C18.8944 12.5235 18.8135 13.1333 18.8532 13.7413C19.4751 13.7477 20.0903 13.6132 20.6525 13.3482C21.2148 13.0831 21.7094 12.6942 22.0991 12.2109Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M42.421 27.1396H37.6743L36.5344 30.4961H34.5239L39.0199 18.0781H41.1088L45.6047 30.4961H43.5599L42.421 27.1396ZM38.166 25.5908H41.9285L40.0737 20.1435H40.0218L38.166 25.5908Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M55.3145 25.9697C55.3145 28.7832 53.8044 30.5908 51.5256 30.5908C50.9483 30.6209 50.3742 30.4883 49.869 30.2082C49.3638 29.928 48.9479 29.5117 48.6689 29.0068H48.6258V33.4912H46.7622V21.4424H48.5661V22.9482H48.6004C48.8922 22.4458 49.3151 22.0316 49.8241 21.7497C50.3332 21.4679 50.9093 21.3289 51.4913 21.3476C53.7956 21.3477 55.3145 23.1641 55.3145 25.9697ZM53.399 25.9697C53.399 24.1367 52.449 22.9316 50.9997 22.9316C49.5758 22.9316 48.618 24.1621 48.618 25.9697C48.618 27.7939 49.5758 29.0156 50.9997 29.0156C52.4491 29.0156 53.399 27.8193 53.399 25.9697Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M65.3074 25.9697C65.3074 28.7832 63.7973 30.5908 61.5185 30.5908C60.9412 30.6209 60.3671 30.4883 59.8619 30.2082C59.3567 29.928 58.9408 29.5117 58.6619 29.0068H58.6187V33.4912H56.7551V21.4424H58.559V22.9482H58.5933C58.885 22.4458 59.308 22.0316 59.817 21.7497C60.3261 21.4679 60.9022 21.3289 61.4842 21.3476C63.7885 21.3476 65.3074 23.164 65.3074 25.9697ZM63.3919 25.9697C63.3919 24.1367 62.442 22.9316 60.9926 22.9316C59.5687 22.9316 58.6109 24.1621 58.6109 25.9697C58.6109 27.7939 59.5687 29.0156 60.9926 29.0156C62.442 29.0156 63.3919 27.8193 63.3919 25.9697H63.3919Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M71.9117 27.0361C72.0498 28.2676 73.2495 29.0761 74.8888 29.0761C76.4596 29.0761 77.5898 28.2675 77.5898 27.1572C77.5898 26.1933 76.9081 25.6162 75.2943 25.2207L73.6804 24.833C71.3937 24.2822 70.3321 23.2158 70.3321 21.4853C70.3321 19.3427 72.2046 17.871 74.8634 17.871C77.4947 17.871 79.2986 19.3427 79.3594 21.4853H77.4781C77.3655 20.246 76.3382 19.498 74.8369 19.498C73.3356 19.498 72.3083 20.2548 72.3083 21.3564C72.3083 22.2343 72.9645 22.7509 74.5696 23.1464L75.9416 23.4823C78.4966 24.0849 79.5581 25.1083 79.5581 26.9247C79.5581 29.248 77.7023 30.703 74.7507 30.703C71.9891 30.703 70.1245 29.2821 70.004 27.036L71.9117 27.0361Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M83.5802 19.2998V21.4424H85.3067V22.9141H83.5802V27.9053C83.5802 28.6807 83.9259 29.042 84.6849 29.042C84.8898 29.0384 85.0945 29.0241 85.2979 28.999V30.4619C84.9567 30.5255 84.6099 30.5543 84.2628 30.5478C82.4246 30.5478 81.7078 29.8593 81.7078 28.1035V22.9141H80.3877V21.4424H81.7078V19.2998H83.5802Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M86.3066 25.9697C86.3066 23.1211 87.9891 21.3311 90.6126 21.3311C93.245 21.3311 94.9196 23.1211 94.9196 25.9697C94.9196 28.8262 93.2538 30.6084 90.6126 30.6084C87.9724 30.6084 86.3066 28.8262 86.3066 25.9697ZM93.0207 25.9697C93.0207 24.0156 92.1227 22.8623 90.6126 22.8623C89.1025 22.8623 88.2055 24.0244 88.2055 25.9697C88.2055 27.9316 89.1025 29.0762 90.6126 29.0762C92.1227 29.0762 93.0207 27.9316 93.0207 25.9697H93.0207Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M96.4561 21.4424H98.2335V22.9834H98.2766C98.3969 22.5021 98.6796 22.0768 99.0773 21.7789C99.475 21.481 99.9634 21.3287 100.46 21.3476C100.675 21.3469 100.889 21.3702 101.099 21.417V23.1553C100.828 23.0726 100.545 23.0347 100.262 23.043C99.9909 23.032 99.721 23.0796 99.4704 23.1825C99.2199 23.2854 98.9946 23.4411 98.8102 23.639C98.6257 23.8369 98.4863 24.0723 98.4016 24.3289C98.317 24.5856 98.289 24.8575 98.3197 25.126V30.4961H96.4561L96.4561 21.4424Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M109.691 27.8369C109.441 29.4805 107.836 30.6084 105.782 30.6084C103.141 30.6084 101.501 28.8437 101.501 26.0127C101.501 23.1729 103.15 21.3311 105.704 21.3311C108.216 21.3311 109.795 23.0518 109.795 25.7969V26.4336H103.383V26.5459C103.353 26.8791 103.395 27.2148 103.505 27.5306C103.616 27.8464 103.793 28.1352 104.024 28.3778C104.255 28.6203 104.535 28.8111 104.845 28.9374C105.156 29.0637 105.49 29.1226 105.825 29.1103C106.265 29.1515 106.707 29.0498 107.085 28.8203C107.463 28.5909 107.756 28.246 107.922 27.8369L109.691 27.8369ZM103.392 25.1348H107.931C107.947 24.8352 107.902 24.5354 107.797 24.2541C107.692 23.9729 107.53 23.7164 107.321 23.5006C107.111 23.2849 106.86 23.1145 106.582 23.0003C106.303 22.8861 106.004 22.8305 105.704 22.8369C105.4 22.8351 105.099 22.8933 104.819 23.008C104.538 23.1227 104.282 23.2918 104.067 23.5054C103.853 23.7191 103.682 23.973 103.566 24.2527C103.45 24.5323 103.391 24.8321 103.392 25.1348V25.1348Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M36.8414 11.2534H37.6415C37.7792 11.2705 37.919 11.259 38.0521 11.2195C38.1851 11.1801 38.3085 11.1136 38.4145 11.0242C38.5205 10.9349 38.6068 10.8246 38.6679 10.7003C38.729 10.5761 38.7637 10.4405 38.7697 10.3023C38.7697 9.75196 38.3544 9.39649 37.6503 9.39649C37.5092 9.37683 37.3656 9.38556 37.2279 9.42217C37.0903 9.45878 36.9613 9.52252 36.8488 9.60964C36.7362 9.69675 36.6423 9.80547 36.5726 9.92938C36.5029 10.0533 36.4588 10.1899 36.4428 10.3311H35.5644C35.5795 10.0748 35.6474 9.82431 35.7638 9.5953C35.8801 9.36629 36.0426 9.16362 36.2409 8.99992C36.4392 8.83621 36.6693 8.71498 36.9166 8.64375C37.164 8.57253 37.4234 8.55285 37.6787 8.58594C38.8568 8.58594 39.6863 9.24365 39.6863 10.1904C39.6891 10.5076 39.5827 10.8161 39.3848 11.0645C39.187 11.3129 38.9097 11.4861 38.5993 11.5552V11.6255C38.9673 11.6418 39.3139 11.8027 39.5633 12.0731C39.8127 12.3434 39.9446 12.7013 39.9302 13.0684C39.9029 13.3323 39.8231 13.5881 39.6955 13.8208C39.5678 14.0536 39.3948 14.2585 39.1867 14.4238C38.9786 14.589 38.7394 14.7111 38.4834 14.783C38.2273 14.8548 37.9594 14.875 37.6954 14.8423C37.4308 14.8783 37.1617 14.8607 36.9041 14.7908C36.6465 14.7208 36.4056 14.5999 36.1959 14.4351C35.9862 14.2703 35.8118 14.0651 35.6833 13.8317C35.5548 13.5984 35.4747 13.3416 35.4479 13.0767H36.34C36.3939 13.6475 36.9198 14.0157 37.6954 14.0157C38.471 14.0157 38.9773 13.6021 38.9773 13.0191C38.9773 12.4278 38.5004 12.0635 37.667 12.0635H36.8414V11.2534Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M40.9437 13.4243C40.9437 12.6138 41.5499 12.1465 42.6232 12.0801L43.8464 12.0098V11.6211C43.8464 11.1455 43.532 10.877 42.9219 10.877C42.4244 10.877 42.0807 11.0591 41.9808 11.3774H41.118C41.2091 10.604 41.9397 10.1079 42.964 10.1079C44.0961 10.1079 44.7346 10.6699 44.7346 11.6211V14.6977H43.8758V14.0649H43.8053C43.6621 14.2919 43.4612 14.477 43.2229 14.6012C42.9846 14.7254 42.7175 14.7843 42.4489 14.7719C42.2594 14.7916 42.0678 14.7714 41.8865 14.7127C41.7052 14.654 41.5383 14.5581 41.3965 14.4311C41.2547 14.3042 41.1411 14.149 41.0631 13.9756C40.9851 13.8021 40.9445 13.6144 40.9437 13.4243ZM43.8464 13.0395V12.6631L42.7436 12.7334C42.1218 12.7749 41.8397 12.9858 41.8397 13.3828C41.8397 13.7881 42.1923 14.0239 42.6771 14.0239C42.8191 14.0383 42.9626 14.024 43.099 13.9819C43.2354 13.9398 43.3619 13.8708 43.471 13.7789C43.5801 13.6871 43.6696 13.5743 43.734 13.4473C43.7985 13.3202 43.8367 13.1816 43.8464 13.0395Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M47.0997 10.9429V14.6978H46.2085V10.1948H49.1817V10.9428L47.0997 10.9429Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M54.5825 12.4444C54.5825 13.875 53.8568 14.772 52.7169 14.772C52.4371 14.7911 52.1576 14.73 51.9114 14.596C51.6653 14.462 51.4626 14.2606 51.3273 14.0156H51.2568V16.1948H50.3656V10.1948H51.2235V10.939H51.2901C51.4278 10.6855 51.6331 10.4748 51.8834 10.3303C52.1336 10.1858 52.419 10.1131 52.7081 10.1202C53.8568 10.1201 54.5825 11.0132 54.5825 12.4444ZM53.6659 12.4444C53.6659 11.4932 53.2144 10.9185 52.4594 10.9185C51.7093 10.9185 51.2401 11.5054 51.2401 12.4483C51.2401 13.3867 51.7092 13.9741 52.4554 13.9741C53.2144 13.9741 53.6659 13.3994 53.6659 12.4444Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M55.7694 16.3106V15.5454C55.8658 15.5576 55.963 15.5632 56.0602 15.562C56.2501 15.576 56.4384 15.5197 56.5892 15.4037C56.7399 15.2877 56.8424 15.1203 56.8769 14.9336L56.9435 14.7144L55.3091 10.1948H56.2796L57.4117 13.7715H57.4822L58.6104 10.1948H59.5554L57.872 14.8838C57.4861 15.9795 57.0592 16.3311 56.1386 16.3311C56.0642 16.3311 55.8526 16.3228 55.7694 16.3106Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M60.2498 13.4199H61.137C61.2242 13.8169 61.5973 14.0239 62.1193 14.0239C62.7127 14.0239 63.077 13.7632 63.077 13.3579C63.077 12.9239 62.7499 12.7168 62.1193 12.7168H61.4435V12.0264H62.1075C62.6461 12.0264 62.9203 11.8199 62.9203 11.4434C62.9203 11.1128 62.6549 10.8604 62.1075 10.8604C61.609 10.8604 61.2447 11.0713 61.1869 11.4268H60.3281C60.3923 11.0183 60.6147 10.6513 60.9475 10.4047C61.2802 10.1581 61.6968 10.0515 62.1075 10.108C63.1808 10.108 63.7948 10.5918 63.7948 11.3526C63.7998 11.5644 63.7318 11.7716 63.602 11.9394C63.4722 12.1072 63.2886 12.2255 63.0819 12.2745V12.3448C63.328 12.3764 63.554 12.4971 63.7168 12.6839C63.8796 12.8706 63.968 13.1105 63.9652 13.358C63.9652 14.214 63.2347 14.7803 62.1193 14.7803C61.1331 14.7803 60.332 14.3296 60.2498 13.4199Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M65.2485 14.6978V10.1948H66.1319V13.292H66.2024L68.2834 10.1948H69.1667V14.6978H68.2834V11.584H68.2168L66.1319 14.6978L65.2485 14.6978Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M74.033 10.9429H72.611V14.6978H71.7189V10.9429H70.2969V10.1949H74.033V10.9429Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M78.8334 13.4819C78.712 13.8934 78.4494 14.2493 78.0916 14.4875C77.7338 14.7256 77.3035 14.8308 76.8758 14.7847C76.5783 14.7925 76.2827 14.7357 76.0094 14.6181C75.7361 14.5006 75.4918 14.3252 75.2933 14.104C75.0949 13.8829 74.947 13.6213 74.8601 13.3375C74.7732 13.0537 74.7492 12.7544 74.7899 12.4604C74.7503 12.1655 74.7747 11.8656 74.8614 11.5809C74.9481 11.2963 75.0952 11.0335 75.2926 10.8104C75.49 10.5874 75.7332 10.4092 76.0057 10.288C76.2781 10.1668 76.5735 10.1054 76.8719 10.1079C78.1283 10.1079 78.8873 10.9639 78.8873 12.3779V12.688H75.6987V12.7378C75.6846 12.9031 75.7053 13.0695 75.7595 13.2263C75.8137 13.3831 75.9002 13.5269 76.0135 13.6484C76.1267 13.7699 76.2642 13.8664 76.4171 13.9317C76.57 13.9971 76.7349 14.0298 76.9013 14.0278C77.1143 14.0532 77.3301 14.0149 77.5212 13.9177C77.7123 13.8204 77.8701 13.6688 77.9746 13.4819L78.8334 13.4819ZM75.6987 12.0308H77.9785C77.9897 11.8797 77.9692 11.728 77.9182 11.5853C77.8671 11.4426 77.7868 11.3122 77.6822 11.2023C77.5776 11.0925 77.4511 11.0057 77.3109 10.9474C77.1707 10.8892 77.0198 10.8609 76.868 10.8643C76.7138 10.8622 76.5607 10.8909 76.4179 10.9488C76.2751 11.0067 76.1453 11.0925 76.0363 11.2013C75.9273 11.31 75.8413 11.4395 75.7833 11.5819C75.7253 11.7244 75.6965 11.877 75.6987 12.0308H75.6987Z",
fill: "white"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M82.6116 10.1948H84.6475C85.5309 10.1948 86.0489 10.6411 86.0489 11.3398C86.0503 11.5615 85.9753 11.777 85.8364 11.9501C85.6975 12.1233 85.5033 12.2436 85.2861 12.291V12.3613C85.5498 12.3779 85.797 12.4949 85.9767 12.6881C86.1564 12.8813 86.2548 13.1359 86.2516 13.3994C86.2516 14.185 85.6592 14.6977 84.6681 14.6977H82.6116V10.1948ZM83.4949 10.877V12.043H84.3782C84.9169 12.043 85.1744 11.8364 85.1744 11.4556C85.1744 11.1045 84.9502 10.8769 84.4772 10.8769L83.4949 10.877ZM83.4949 12.6963V14.0156H84.5516C85.0785 14.0156 85.3605 13.7837 85.3605 13.3579C85.3605 12.9072 85.0413 12.6963 84.44 12.6963L83.4949 12.6963Z",
fill: "white"
}))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0_6722_123917"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 120,
height: 40,
fill: "white"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgMobileIos);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/mobile-ios.6ad7f608.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/nav-logo-text.svg":
/*!*************************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/nav-logo-text.svg ***!
\*************************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgNavLogoText({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 121,
height: 24,
viewBox: "0 0 121 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M15.8917 18.1987H12.8847L11.7005 14.7115H4.46833L3.27989 18.1987H0.248535L6.41382 0.885498H9.76027L15.8917 18.1987ZM8.08229 4.22392L5.39032 12.0373H10.7742L8.08229 4.22392Z",
fill: "white"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M21.6372 14.8405L24.7415 5.83669H27.5308L22.8785 18.5995C22.3146 20.1666 21.5223 21.3373 20.5016 22.1115C19.481 22.8857 18.2992 23.2297 16.9564 23.1434V20.6472C18.5071 20.7464 19.5825 19.9556 20.1823 18.2749L20.2553 18.1013L15.1621 5.8313H17.9513L21.6372 14.8405Z",
fill: "white"
})), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M38.637 5.8313V15.6751H40.2621V21.5119H37.6918V18.1983H29.3726V21.5119H26.8022V15.6751H28.2825C29.0255 14.6205 29.3973 13.1285 29.398 11.1991V5.8313H38.637ZM31.1669 15.6751H36.0666V8.28012H31.9673V11.1991C31.9673 12.9797 31.7005 14.4717 31.1669 15.6751Z",
fill: "white"
})), _path4 || (_path4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M44.4817 13.6716L50.6903 5.8313H52.7045V18.1983H50.1331V10.3332L43.9244 18.1983H41.9155V5.8313H44.4859L44.4817 13.6716Z",
fill: "white"
})), _path5 || (_path5 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M60.9707 18.5195C59.1754 18.5195 57.6634 17.893 56.4348 16.64C55.1935 15.3683 54.5725 13.8267 54.5718 12.0152C54.5711 10.2036 55.1935 8.66201 56.439 7.39033C57.6676 6.13662 59.1796 5.50977 60.975 5.50977C62.7703 5.50977 64.2819 6.13662 65.5098 7.39033C66.754 8.65985 67.3764 10.2015 67.3771 12.0152C67.3778 13.8289 66.7554 15.3705 65.5098 16.64C64.2812 17.893 62.7682 18.5195 60.9707 18.5195ZM57.1866 12.0152C57.1866 13.1366 57.5506 14.0683 58.2788 14.8101C59.0069 15.552 59.9042 15.9215 60.9707 15.9186C61.4702 15.9304 61.9666 15.8377 62.4296 15.6463C62.8926 15.4549 63.3122 15.1689 63.6627 14.8058C64.3901 14.0632 64.7538 13.1316 64.7538 12.0109C64.7538 10.8901 64.3901 9.95849 63.6627 9.21589C62.9352 8.47258 62.0379 8.10165 60.9707 8.10309C59.9035 8.10452 59.0062 8.47546 58.2788 9.21589C57.5542 9.96064 57.1915 10.8937 57.1908 12.0152H57.1866Z",
fill: "white"
})), _path6 || (_path6 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M75.1379 9.31997L82.2431 18.1987H78.92L72.2271 9.96264V18.1987H69.439V0.885498H72.2271V8.64927L78.6768 0.885498H81.9989L75.1379 9.31997Z",
fill: "white"
})), _path7 || (_path7 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M84.836 5.8313H94.1247V18.1983H91.5057V8.40413H87.455V13.0074C87.455 14.9368 87.0427 16.3217 86.218 17.1621C85.3932 18.0024 84.1886 18.3489 82.604 18.2016V15.7031C83.3484 15.8354 83.9063 15.6748 84.2778 15.2211C84.6492 14.7675 84.8353 13.9883 84.836 12.8834V5.8313Z",
fill: "white"
})), _path8 || (_path8 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M102.249 14.8403L105.354 5.83649H108.142L103.49 18.5993C102.926 20.1664 102.134 21.3371 101.114 22.1113C100.094 22.8855 98.913 23.2317 97.5716 23.1497V20.647C99.1224 20.7462 100.198 19.9554 100.798 18.2747L100.871 18.1011L95.7773 5.83325H98.5666L102.249 14.8403Z",
fill: "white"
})), _path9 || (_path9 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M114.933 18.5199C113.089 18.5199 111.569 17.9089 110.373 16.6868C109.209 15.4496 108.626 13.8749 108.626 11.9627C108.626 9.88521 108.934 8.26776 109.548 7.11038C110.147 5.97313 111.392 4.9261 113.283 3.96929L113.611 3.80862C113.764 3.73422 113.928 3.65658 114.108 3.57355L114.642 3.32662C115.32 3.01247 115.74 2.81442 115.902 2.73247C115.999 2.68287 116.281 2.50172 116.748 2.19332C117.312 1.78069 117.692 1.19517 117.888 0.436768L120.02 1.69838C119.94 2.60559 119.382 3.43804 118.348 4.19573C118.169 4.36179 117.839 4.55912 117.354 4.78987L116.311 5.28481L115.104 5.80671C114.052 6.23803 113.277 6.6751 112.778 7.11793C112.273 7.57008 111.91 8.16378 111.735 8.82488C112.706 7.70345 114.023 7.14273 115.688 7.14273C117.111 7.14273 118.349 7.66211 119.4 8.70087C120.467 9.73892 121 11.0828 121 12.7326C121 14.4134 120.434 15.7983 119.302 16.8873C118.184 17.9764 116.727 18.5206 114.933 18.5199ZM114.909 16.0225C115.926 16.0225 116.759 15.7131 117.406 15.0941C118.054 14.4752 118.377 13.688 118.376 12.7326C118.376 11.76 118.057 10.9603 117.418 10.3334C116.779 9.70657 115.951 9.39314 114.933 9.39314C114.04 9.38858 113.173 9.70376 112.484 10.2838C111.755 10.8445 111.391 11.6195 111.391 12.6086C111.392 13.5978 111.732 14.4141 112.411 15.0575C113.089 15.7037 113.922 16.0269 114.909 16.0269V16.0225Z",
fill: "white"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgNavLogoText);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/nav-logo-text.a03020af.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/nav-logo.svg":
/*!********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/nav-logo.svg ***!
\********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgNavLogo({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 35,
height: 31,
viewBox: "0 0 35 31",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M17.0341 11.7802L19.8738 18.6008H14.1944L17.0341 11.7802ZM6.192 20.1482V18.3321V13.9506C6.192 7.96887 11.0537 3.10285 17.03 3.10285C23.0064 3.10285 27.8721 7.96887 27.8721 13.9506V18.3524V20.1522V24.7984H25.8054L18.4621 7.15447C18.222 6.57625 17.6565 6.20163 17.0341 6.20163C16.4076 6.20163 15.8461 6.57625 15.6061 7.15447L10.4475 19.5414C10.4475 19.5455 10.4434 19.5455 10.4434 19.5496L8.25871 24.7984H6.19607V20.1482H6.192ZM3.096 13.9506V15.502H2.83156C1.26932 15.498 0 16.7684 0 18.3321V28.1659C0 29.7295 1.26932 31 2.83156 31H3.36451C4.92675 31 6.19607 29.7295 6.19607 28.1659V27.8972H9.29206C9.91859 27.8972 10.48 27.5225 10.72 26.9443L12.9047 21.6996H21.1635L23.3481 26.9443C23.5882 27.5225 24.1537 27.8972 24.7761 27.8972H27.8721V28.1455C27.8721 29.7173 29.1496 30.9959 30.72 30.9959H31.2163C32.7867 30.9959 34.0641 29.7173 34.0641 28.1455V18.3524C34.0641 16.7806 32.7867 15.502 31.2163 15.502H30.9681V13.9506C30.9722 6.25864 24.7192 0 17.0341 0C9.34902 0 3.096 6.25864 3.096 13.9506Z",
fill: "url(#paint0_linear_3122_893)"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M17.0341 11.7802L19.8738 18.6008H14.1944L17.0341 11.7802ZM6.192 20.1482V18.3321V13.9506C6.192 7.96887 11.0537 3.10285 17.03 3.10285C23.0064 3.10285 27.8721 7.96887 27.8721 13.9506V18.3524V20.1522V24.7984H25.8054L18.4621 7.15447C18.222 6.57625 17.6565 6.20163 17.0341 6.20163C16.4076 6.20163 15.8461 6.57625 15.6061 7.15447L10.4475 19.5414C10.4475 19.5455 10.4434 19.5455 10.4434 19.5496L8.25871 24.7984H6.19607V20.1482H6.192ZM3.096 13.9506V15.502H2.83156C1.26932 15.498 0 16.7684 0 18.3321V28.1659C0 29.7295 1.26932 31 2.83156 31H3.36451C4.92675 31 6.19607 29.7295 6.19607 28.1659V27.8972H9.29206C9.91859 27.8972 10.48 27.5225 10.72 26.9443L12.9047 21.6996H21.1635L23.3481 26.9443C23.5882 27.5225 24.1537 27.8972 24.7761 27.8972H27.8721V28.1455C27.8721 29.7173 29.1496 30.9959 30.72 30.9959H31.2163C32.7867 30.9959 34.0641 29.7173 34.0641 28.1455V18.3524C34.0641 16.7806 32.7867 15.502 31.2163 15.502H30.9681V13.9506C30.9722 6.25864 24.7192 0 17.0341 0C9.34902 0 3.096 6.25864 3.096 13.9506Z",
fill: "#2358B1"
})), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("linearGradient", {
id: "paint0_linear_3122_893",
x1: 17.0341,
y1: 31,
x2: 17.0341,
y2: 2.46708e-7,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
stopColor: "#306BCE"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("stop", {
offset: 1,
stopColor: "#53C6F7"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgNavLogo);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/nav-logo.8a4e235b.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/rotation.svg":
/*!********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/rotation.svg ***!
\********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgRotation({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 64,
height: 64,
viewBox: "0 0 64 64",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M43.9466 6.72C52.6666 10.8533 58.9066 19.3067 59.8666 29.3333H63.8666C62.5066 12.9067 48.7733 0 32 0L30.24 0.08L40.4 10.24L43.9466 6.72ZM27.28 4.66667C25.7066 3.09333 23.1733 3.09333 21.6266 4.66667L4.66663 21.6267C3.0933 23.2 3.0933 25.7333 4.66663 27.28L36.72 59.3333C38.2933 60.9067 40.8266 60.9067 42.3733 59.3333L59.3333 42.3733C60.9066 40.8 60.9066 38.2667 59.3333 36.72L27.28 4.66667ZM39.5466 56.5067L7.4933 24.4533L24.4533 7.49333L56.5066 39.5467L39.5466 56.5067ZM20.0533 57.28C11.3333 53.1733 5.0933 44.6933 4.1333 34.6667H0.133301C1.4933 51.0933 15.2266 64 32 64L33.76 63.92L23.6 53.76L20.0533 57.28Z",
fill: "white"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgRotation);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/rotation.bb650d17.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/speed-0.5.svg":
/*!*********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/speed-0.5.svg ***!
\*********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _g, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgSpeed05({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M15 16L22 10L15 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M5 16L12 10L5 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M10.102 21.484C9.814 21.88 9.41 22.078 8.89 22.078C8.37 22.078 7.964 21.88 7.672 21.484C7.384 21.088 7.24 20.56 7.24 19.9C7.24 19.24 7.384 18.712 7.672 18.316C7.964 17.92 8.37 17.722 8.89 17.722C9.41 17.722 9.814 17.92 10.102 18.316C10.394 18.712 10.54 19.24 10.54 19.9C10.54 20.56 10.394 21.088 10.102 21.484ZM8.89 21.406C9.202 21.406 9.44 21.276 9.604 21.016C9.768 20.756 9.85 20.384 9.85 19.9C9.85 19.416 9.768 19.044 9.604 18.784C9.44 18.524 9.202 18.394 8.89 18.394C8.582 18.394 8.344 18.524 8.176 18.784C8.012 19.044 7.93 19.416 7.93 19.9C7.93 20.384 8.012 20.756 8.176 21.016C8.344 21.276 8.582 21.406 8.89 21.406ZM11.6837 21.94C11.5957 22.028 11.4897 22.072 11.3657 22.072C11.2417 22.072 11.1357 22.028 11.0477 21.94C10.9597 21.852 10.9157 21.746 10.9157 21.622C10.9157 21.498 10.9577 21.392 11.0417 21.304C11.1297 21.216 11.2377 21.172 11.3657 21.172C11.4897 21.172 11.5957 21.216 11.6837 21.304C11.7717 21.392 11.8157 21.498 11.8157 21.622C11.8157 21.746 11.7717 21.852 11.6837 21.94ZM13.777 19.384C14.177 19.384 14.515 19.504 14.791 19.744C15.067 19.98 15.205 20.308 15.205 20.728C15.205 21.148 15.063 21.478 14.779 21.718C14.495 21.958 14.147 22.078 13.735 22.078C13.403 22.078 13.109 22.002 12.853 21.85C12.597 21.694 12.415 21.47 12.307 21.178L12.901 20.836C13.013 21.216 13.291 21.406 13.735 21.406C13.971 21.406 14.159 21.346 14.299 21.226C14.443 21.102 14.515 20.936 14.515 20.728C14.515 20.52 14.445 20.356 14.305 20.236C14.165 20.116 13.979 20.056 13.747 20.056H12.523L12.685 17.8H15.025V18.448H13.321L13.249 19.384H13.777ZM18.4565 22H17.7065L16.9625 20.974L16.2125 22H15.4565L16.5845 20.458L15.5165 19H16.2665L16.9565 19.948L17.6465 19H18.4025L17.3345 20.464L18.4565 22Z",
fill: "#F33540"
}))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 24,
height: 24,
fill: "white"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgSpeed05);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/speed-0.5.99da1709.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/speed-1.0.svg":
/*!*********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/speed-1.0.svg ***!
\*********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _g, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgSpeed10({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M15 16L22 10L15 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M5 16L12 10L5 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M8.182 17.8H8.782V22H8.092V18.538L7.246 18.778L7.078 18.19L8.182 17.8ZM10.3184 21.94C10.2304 22.028 10.1244 22.072 10.0004 22.072C9.87642 22.072 9.77042 22.028 9.68242 21.94C9.59442 21.852 9.55042 21.746 9.55042 21.622C9.55042 21.498 9.59242 21.392 9.67642 21.304C9.76442 21.216 9.87242 21.172 10.0004 21.172C10.1244 21.172 10.2304 21.216 10.3184 21.304C10.4064 21.392 10.4504 21.498 10.4504 21.622C10.4504 21.746 10.4064 21.852 10.3184 21.94ZM13.6821 21.484C13.3941 21.88 12.9901 22.078 12.4701 22.078C11.9501 22.078 11.5441 21.88 11.2521 21.484C10.9641 21.088 10.8201 20.56 10.8201 19.9C10.8201 19.24 10.9641 18.712 11.2521 18.316C11.5441 17.92 11.9501 17.722 12.4701 17.722C12.9901 17.722 13.3941 17.92 13.6821 18.316C13.9741 18.712 14.1201 19.24 14.1201 19.9C14.1201 20.56 13.9741 21.088 13.6821 21.484ZM12.4701 21.406C12.7821 21.406 13.0201 21.276 13.1841 21.016C13.3481 20.756 13.4301 20.384 13.4301 19.9C13.4301 19.416 13.3481 19.044 13.1841 18.784C13.0201 18.524 12.7821 18.394 12.4701 18.394C12.1621 18.394 11.9241 18.524 11.7561 18.784C11.5921 19.044 11.5101 19.416 11.5101 19.9C11.5101 20.384 11.5921 20.756 11.7561 21.016C11.9241 21.276 12.1621 21.406 12.4701 21.406ZM17.4194 22H16.6694L15.9254 20.974L15.1754 22H14.4194L15.5474 20.458L14.4794 19H15.2294L15.9194 19.948L16.6094 19H17.3654L16.2974 20.464L17.4194 22Z",
fill: "#F33540"
}))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 24,
height: 24,
fill: "white"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgSpeed10);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/speed-1.0.7b627e1c.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/speed-1.5.svg":
/*!*********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/speed-1.5.svg ***!
\*********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _g, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgSpeed15({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M15 16L22 10L15 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M5 16L12 10L5 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M8.182 17.8H8.782V22H8.092V18.538L7.246 18.778L7.078 18.19L8.182 17.8ZM10.3184 21.94C10.2304 22.028 10.1244 22.072 10.0004 22.072C9.87642 22.072 9.77042 22.028 9.68242 21.94C9.59442 21.852 9.55042 21.746 9.55042 21.622C9.55042 21.498 9.59242 21.392 9.67642 21.304C9.76442 21.216 9.87242 21.172 10.0004 21.172C10.1244 21.172 10.2304 21.216 10.3184 21.304C10.4064 21.392 10.4504 21.498 10.4504 21.622C10.4504 21.746 10.4064 21.852 10.3184 21.94ZM12.4117 19.384C12.8117 19.384 13.1497 19.504 13.4257 19.744C13.7017 19.98 13.8397 20.308 13.8397 20.728C13.8397 21.148 13.6977 21.478 13.4137 21.718C13.1297 21.958 12.7817 22.078 12.3697 22.078C12.0377 22.078 11.7437 22.002 11.4877 21.85C11.2317 21.694 11.0497 21.47 10.9417 21.178L11.5357 20.836C11.6477 21.216 11.9257 21.406 12.3697 21.406C12.6057 21.406 12.7937 21.346 12.9337 21.226C13.0777 21.102 13.1497 20.936 13.1497 20.728C13.1497 20.52 13.0797 20.356 12.9397 20.236C12.7997 20.116 12.6137 20.056 12.3817 20.056H11.1577L11.3197 17.8H13.6597V18.448H11.9557L11.8837 19.384H12.4117ZM17.0913 22H16.3413L15.5973 20.974L14.8473 22H14.0913L15.2193 20.458L14.1513 19H14.9013L15.5913 19.948L16.2813 19H17.0373L15.9693 20.464L17.0913 22Z",
fill: "#F33540"
}))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 24,
height: 24,
fill: "white"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgSpeed15);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/speed-1.5.98aa8f37.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/speed-2.0.svg":
/*!*********************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/speed-2.0.svg ***!
\*********************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _g, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgSpeed20({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M15 16L22 10L15 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M5 16L12 10L5 4V16Z",
stroke: "#F33540",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M7.186 22V21.46L8.65 19.966C9.006 19.61 9.184 19.302 9.184 19.042C9.184 18.838 9.122 18.68 8.998 18.568C8.878 18.452 8.724 18.394 8.536 18.394C8.184 18.394 7.924 18.568 7.756 18.916L7.174 18.574C7.306 18.294 7.492 18.082 7.732 17.938C7.972 17.794 8.238 17.722 8.53 17.722C8.898 17.722 9.214 17.838 9.478 18.07C9.742 18.302 9.874 18.618 9.874 19.018C9.874 19.446 9.636 19.902 9.16 20.386L8.212 21.334H9.952V22H7.186ZM11.2618 21.94C11.1738 22.028 11.0678 22.072 10.9438 22.072C10.8198 22.072 10.7138 22.028 10.6258 21.94C10.5378 21.852 10.4938 21.746 10.4938 21.622C10.4938 21.498 10.5358 21.392 10.6198 21.304C10.7078 21.216 10.8158 21.172 10.9438 21.172C11.0678 21.172 11.1738 21.216 11.2618 21.304C11.3498 21.392 11.3938 21.498 11.3938 21.622C11.3938 21.746 11.3498 21.852 11.2618 21.94ZM14.6254 21.484C14.3374 21.88 13.9334 22.078 13.4134 22.078C12.8934 22.078 12.4874 21.88 12.1954 21.484C11.9074 21.088 11.7634 20.56 11.7634 19.9C11.7634 19.24 11.9074 18.712 12.1954 18.316C12.4874 17.92 12.8934 17.722 13.4134 17.722C13.9334 17.722 14.3374 17.92 14.6254 18.316C14.9174 18.712 15.0634 19.24 15.0634 19.9C15.0634 20.56 14.9174 21.088 14.6254 21.484ZM13.4134 21.406C13.7254 21.406 13.9634 21.276 14.1274 21.016C14.2914 20.756 14.3734 20.384 14.3734 19.9C14.3734 19.416 14.2914 19.044 14.1274 18.784C13.9634 18.524 13.7254 18.394 13.4134 18.394C13.1054 18.394 12.8674 18.524 12.6994 18.784C12.5354 19.044 12.4534 19.416 12.4534 19.9C12.4534 20.384 12.5354 20.756 12.6994 21.016C12.8674 21.276 13.1054 21.406 13.4134 21.406ZM18.3627 22H17.6127L16.8687 20.974L16.1187 22H15.3627L16.4907 20.458L15.4227 19H16.1727L16.8627 19.948L17.5527 19H18.3087L17.2407 20.464L18.3627 22Z",
fill: "#F33540"
}))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 24,
height: 24,
fill: "white"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgSpeed20);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/speed-2.0.40bdb567.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/store-google.svg":
/*!************************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/store-google.svg ***!
\************************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2, _g, _rect, _defs;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgStoreGoogle({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 108,
height: 32,
viewBox: "0 0 108 32",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M54.5088 17.4009C52.6272 17.4009 51.0936 18.8321 51.0936 20.8033C51.0936 22.7625 52.6272 24.2057 54.5088 24.2057C56.3912 24.2057 57.9248 22.7625 57.9248 20.8033C57.924 18.8321 56.3904 17.4009 54.5088 17.4009ZM54.5088 22.8665C53.4776 22.8665 52.5888 22.0161 52.5888 20.8041C52.5888 19.5793 53.4784 18.7417 54.5088 18.7417C55.54 18.7417 56.4288 19.5793 56.4288 20.8041C56.4288 22.0153 55.54 22.8665 54.5088 22.8665ZM47.0576 17.4009C45.176 17.4009 43.6424 18.8321 43.6424 20.8033C43.6424 22.7625 45.176 24.2057 47.0576 24.2057C48.94 24.2057 50.4736 22.7625 50.4736 20.8033C50.4736 18.8321 48.94 17.4009 47.0576 17.4009ZM47.0576 22.8665C46.0264 22.8665 45.1376 22.0161 45.1376 20.8041C45.1376 19.5793 46.0272 18.7417 47.0576 18.7417C48.0888 18.7417 48.9776 19.5793 48.9776 20.8041C48.9784 22.0153 48.0888 22.8665 47.0576 22.8665ZM38.1952 18.4457V19.8889H41.6496C41.5464 20.7009 41.276 21.2937 40.8632 21.7057C40.3608 22.2081 39.5744 22.7625 38.1952 22.7625C36.0688 22.7625 34.4064 21.0481 34.4064 18.9217C34.4064 16.7953 36.0688 15.0809 38.1952 15.0809C39.3424 15.0809 40.18 15.5321 40.7984 16.1121L41.8168 15.0937C40.9528 14.2689 39.8064 13.6377 38.1952 13.6377C35.2824 13.6377 32.8336 16.0089 32.8336 18.9217C32.8336 21.8345 35.2824 24.2057 38.1952 24.2057C39.7672 24.2057 40.9536 23.6897 41.8808 22.7233C42.8344 21.7697 43.1312 20.4289 43.1312 19.3465C43.1312 19.0121 43.1056 18.7025 43.0536 18.4449H38.1952V18.4457ZM74.4416 19.5665C74.1584 18.8065 73.2944 17.4009 71.5288 17.4009C69.776 17.4009 68.3192 18.7801 68.3192 20.8033C68.3192 22.7105 69.7632 24.2057 71.696 24.2057C73.2552 24.2057 74.1576 23.2521 74.532 22.6977L73.372 21.9241C72.9856 22.4913 72.4568 22.8649 71.696 22.8649C70.936 22.8649 70.3944 22.5169 70.0464 21.8337L74.596 19.9521L74.4416 19.5665ZM69.8016 20.7009C69.7632 19.3857 70.82 18.7161 71.5808 18.7161C72.1736 18.7161 72.676 19.0129 72.844 19.4377L69.8016 20.7009ZM66.1032 24.0001H67.5976V13.9993H66.1032V24.0001ZM63.6536 18.1617H63.6024C63.2672 17.7617 62.6224 17.4009 61.8112 17.4009C60.1096 17.4009 58.5504 18.8961 58.5504 20.8169C58.5504 22.7241 60.1096 24.2065 61.8112 24.2065C62.6232 24.2065 63.2672 23.8457 63.6024 23.4337H63.6536V23.9233C63.6536 25.2249 62.9576 25.9209 61.8368 25.9209C60.9216 25.9209 60.3544 25.2641 60.1224 24.7097L58.8208 25.2513C59.1944 26.1529 60.1864 27.2617 61.8368 27.2617C63.5896 27.2617 65.072 26.2305 65.072 23.7169V17.6081H63.6544V18.1617H63.6536ZM61.94 22.8665C60.9088 22.8665 60.0456 22.0025 60.0456 20.8169C60.0456 19.6177 60.9088 18.7417 61.94 18.7417C62.9576 18.7417 63.7568 19.6177 63.7568 20.8169C63.7568 22.0025 62.9576 22.8665 61.94 22.8665ZM81.4448 13.9993H77.868V24.0001H79.36V20.2113H81.444C83.0984 20.2113 84.7256 19.0137 84.7256 17.1057C84.7256 15.1977 83.0992 13.9993 81.4448 13.9993ZM81.4832 18.8193H79.36V15.3913H81.4832C82.5992 15.3913 83.2328 16.3153 83.2328 17.1057C83.2328 17.8801 82.5992 18.8193 81.4832 18.8193ZM90.7088 17.3833C89.628 17.3833 88.5088 17.8593 88.0456 18.9145L89.3704 19.4673C89.6536 18.9145 90.1816 18.7337 90.7344 18.7337C91.5064 18.7337 92.2912 19.1969 92.304 20.0201V20.1233C92.0336 19.9689 91.4544 19.7377 90.7472 19.7377C89.3192 19.7377 87.8648 20.5225 87.8648 21.9889C87.8648 23.3273 89.036 24.1889 90.348 24.1889C91.3512 24.1889 91.9048 23.7385 92.252 23.2105H92.3032V23.9825H93.7448V20.1481C93.7456 18.3737 92.4192 17.3833 90.7088 17.3833ZM90.528 22.8641C90.04 22.8641 89.3576 22.6193 89.3576 22.0145C89.3576 21.2425 90.2072 20.9465 90.9408 20.9465C91.596 20.9465 91.9056 21.0881 92.304 21.2809C92.188 22.2081 91.3904 22.8641 90.528 22.8641ZM98.9944 17.6017L97.2832 21.9377H97.232L95.456 17.6017H93.848L96.5112 23.6617L94.9928 27.0329H96.5496L100.654 17.6017H98.9944ZM85.5496 24.0001H87.0416V13.9993H85.5496V24.0001Z",
fill: "white"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M8.08486 6.4744C8.01589 6.66813 7.97839 6.89591 7.97839 7.15442V24.8472C7.97839 25.1063 8.01594 25.3342 8.08499 25.5279L17.611 16.0005L8.08486 6.4744ZM8.78492 26.2422C9.12616 26.3459 9.55141 26.2816 10.0112 26.0208L21.2467 19.6362L18.3181 16.7076L8.78492 26.2422ZM22.149 19.1243L25.612 17.1568C26.7296 16.5208 26.7296 15.4816 25.612 14.8464L22.1474 12.8778L19.0251 16.0005L22.149 19.1243ZM21.2456 12.3654L10.0112 5.98163C9.55136 5.72032 9.12607 5.65623 8.78481 5.76014L18.318 15.2934L21.2456 12.3654Z",
fill: "white"
})), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
clipPath: "url(#clip0_3122_4662)"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M33.687 11.4424H33.0818V9.79841H33.5643C33.9896 9.43036 34.1941 8.80877 34.1859 7.91728V5.48816H37.4656V9.79841H38.0136V11.4424H37.4084V10.3955H33.687V11.4424ZM34.8157 7.91728C34.8239 8.69427 34.6685 9.31586 34.3495 9.79841H36.8277V6.09339H34.8157V7.91728Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M42.9291 9.7657C42.4466 10.2646 41.8495 10.51 41.1298 10.51C40.41 10.51 39.813 10.2646 39.3304 9.7657C38.8479 9.26679 38.6025 8.66155 38.6025 7.94181C38.6025 7.22208 38.8397 6.61684 39.3222 6.12611C39.813 5.6272 40.41 5.38184 41.1298 5.38184C41.8413 5.38184 42.4384 5.6272 42.9291 6.12611C43.4117 6.62502 43.657 7.23025 43.657 7.94181C43.6489 8.66155 43.4117 9.26679 42.9291 9.7657ZM39.7966 9.35675C40.1565 9.7248 40.6063 9.90474 41.1298 9.90474C41.6532 9.90474 42.1031 9.7248 42.4629 9.35675C42.8228 8.98871 43.0109 8.52251 43.0109 7.94999C43.0109 7.37747 42.831 6.91128 42.4629 6.54323C42.1031 6.17518 41.6532 5.99525 41.1298 5.99525C40.6063 5.99525 40.1565 6.17518 39.7966 6.54323C39.4286 6.9031 39.2486 7.37747 39.2486 7.94181C39.2486 8.50615 39.4286 8.98871 39.7966 9.35675Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M46.8222 10.51C46.1025 10.51 45.4973 10.2646 45.0065 9.77388C44.5158 9.28314 44.2704 8.67791 44.2704 7.94181C44.2704 7.20572 44.5158 6.60048 45.0065 6.10975C45.4973 5.61902 46.1025 5.37366 46.8222 5.37366C47.5583 5.37366 48.1636 5.64356 48.6216 6.17518L48.1881 6.60866C47.8528 6.19154 47.4029 5.98707 46.8222 5.98707C46.2906 5.98707 45.8326 6.16701 45.4646 6.52687C45.0965 6.88674 44.9166 7.36112 44.9166 7.94181C44.9166 8.52251 45.0965 8.99689 45.4646 9.35675C45.8326 9.71662 46.2824 9.89656 46.8222 9.89656C47.4111 9.89656 47.91 9.65937 48.3272 9.185L48.7688 9.62666C48.548 9.89656 48.2617 10.1092 47.9264 10.2646C47.5911 10.4282 47.223 10.51 46.8222 10.51Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M51.3206 10.3955H50.6908V6.09339H49.3168V5.48816H52.6865V6.09339H51.3206V10.3955Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M57.0213 5.48816L55.1647 9.63483C54.9111 10.2155 54.5267 10.51 54.0196 10.51C53.8724 10.51 53.7088 10.4773 53.5289 10.4036L53.6925 9.82295C53.7988 9.8802 53.9051 9.91291 54.0196 9.91291C54.1668 9.91291 54.2814 9.88838 54.355 9.83113C54.4286 9.77387 54.5104 9.66755 54.5758 9.52033L54.7557 9.12774L53.1036 5.50452H53.8479L55.0583 8.31804H55.0829L56.2688 5.50452H57.0213V5.48816Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M57.7328 10.3955V5.48816H61.2824V10.3955H60.6527V6.09339H58.3626V10.3955H57.7328Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M62.4111 10.3955V5.48816H63.0409V7.59012H65.4945V5.48816H66.1243V10.3955H65.4945V8.18718H63.0409V10.4036H62.4111V10.3955Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M71.2606 9.7657C70.7781 10.2646 70.181 10.51 69.4613 10.51C68.7415 10.51 68.1445 10.2646 67.6619 9.7657C67.1794 9.26679 66.9422 8.66155 66.9422 7.94999C66.9422 7.23843 67.1794 6.62502 67.6619 6.13429C68.1445 5.63538 68.7415 5.39001 69.4613 5.39001C70.1728 5.39001 70.7699 5.63538 71.2606 6.13429C71.7432 6.6332 71.9885 7.23843 71.9885 7.94999C71.9804 8.66155 71.7432 9.26679 71.2606 9.7657ZM68.1281 9.35675C68.488 9.7248 68.9378 9.90474 69.4613 9.90474C69.9847 9.90474 70.4346 9.7248 70.7944 9.35675C71.1543 8.98871 71.3424 8.52251 71.3424 7.94999C71.3424 7.37747 71.1625 6.91128 70.7944 6.54323C70.4346 6.17518 69.9847 5.99525 69.4613 5.99525C68.9378 5.99525 68.488 6.17518 68.1281 6.54323C67.7683 6.91128 67.5801 7.37747 67.5801 7.94999C67.5801 8.52251 67.7683 8.98871 68.1281 9.35675Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M74.5649 10.3955V5.48816H76.3397C76.7241 5.48816 77.0594 5.61902 77.3375 5.86439C77.6156 6.11793 77.7628 6.43691 77.7628 6.82131C77.7628 7.0585 77.7056 7.26297 77.5829 7.43472C77.4602 7.61466 77.3048 7.74552 77.1003 7.83549V7.86002C77.3457 7.94181 77.542 8.08085 77.6974 8.28532C77.8528 8.48979 77.9346 8.7188 77.9346 8.98053C77.9346 9.38129 77.7873 9.71662 77.4929 9.97834C77.1985 10.2401 76.8468 10.3791 76.446 10.3791H74.5649V10.3955ZM75.1947 7.5983H76.3397C76.5769 7.5983 76.765 7.51651 76.9122 7.36111C77.0594 7.20572 77.1249 7.03396 77.1249 6.84585C77.1249 6.65773 77.0594 6.48598 76.9122 6.33058C76.7732 6.17518 76.5932 6.09339 76.3642 6.09339H75.1947V7.5983ZM75.1947 9.79841H76.4624C76.7077 9.79841 76.904 9.71662 77.0512 9.54487C77.1985 9.37311 77.2803 9.19318 77.2803 8.9887C77.2803 8.78423 77.2066 8.6043 77.0431 8.44072C76.8877 8.27714 76.6832 8.18718 76.4297 8.18718H75.1865V9.79841H75.1947Z",
fill: "white",
stroke: "white",
strokeWidth: 0.163577,
strokeMiterlimit: 10
}))), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
x: 0.5,
y: 0.5,
width: 107,
height: 31,
rx: 4.5,
stroke: "white"
})), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("clipPath", {
id: "clip0_3122_4662"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
width: 45,
height: 6.2241,
fill: "white",
transform: "translate(33 5.30005)"
})))));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgStoreGoogle);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/store-google.6cb85374.svg");
/***/ }),
/***/ "./node_modules/@svgr/webpack/lib/index.js?-svgo,+titleProp,+ref!./src/assets/svg/timer.svg":
/*!*****************************************************************************************!*\
!*** ./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/svg/timer.svg ***!
\*****************************************************************************************/
/*! exports provided: default, ReactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return ForwardRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path, _path2;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function SvgTimer({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("title", {
id: titleId
}, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
d: "M12 6V12L16 14",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round"
})));
}
const ForwardRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](SvgTimer);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/timer.1cf6e018.svg");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss":
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".album-player {\n display: flex;\n align-items: center; }\n\n.album-button {\n margin-left: 36px;\n margin-right: 10px; }\n .album-button img {\n max-width: none; }\n\n.album-track {\n display: flex;\n align-items: center; }\n .album-track img {\n margin-right: 16px;\n margin-left: 10px;\n border-radius: 4px; }\n\n.album-title {\n font-style: normal;\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #202020;\n white-space: pre-wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n max-width: 100%;\n margin-right: 60px;\n -webkit-box-orient: vertical; }\n\n.album-author {\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n color: #46556B; }\n", "",{"version":3,"sources":["webpack://src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,mBAAmB,EAAA;;AAGrB;EACE,iBAAiB;EACjB,kBAAkB,EAAA;EAFpB;IAII,eAAe,EAAA;;AAInB;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAII,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB,EAAA;;AAItB;EACE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,oBAAoB;EACpB,qBAAqB;EACrB,eAAe;EACf,kBAAkB;EAClB,4BAA4B,EAAA;;AAG9B;EACE,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,cAAc,EAAA","sourcesContent":[".album-player {\n display: flex;\n align-items: center;\n}\n\n.album-button {\n margin-left: 36px;\n margin-right: 10px;\n img {\n max-width: none;\n }\n}\n\n.album-track {\n display: flex;\n align-items: center;\n img {\n margin-right: 16px;\n margin-left: 10px;\n border-radius: 4px;\n }\n}\n\n.album-title {\n font-style: normal;\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #202020;\n white-space: pre-wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n max-width: 100%;\n margin-right: 60px;\n -webkit-box-orient: vertical;\n}\n\n.album-author {\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n color: #46556B;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/AudiobookDrawer/style.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/AudiobookDrawer/style.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".audio-book-container {\n padding: 32px 48px;\n display: flex;\n flex-direction: column;\n height: 100%; }\n\n.audio-book-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 44px; }\n\n.audio-book-input {\n height: 48px;\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none;\n margin-bottom: 40px; }\n\n.audio-book-textarea {\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none;\n margin-bottom: 40px; }\n\n.audio-book-content {\n text-align: justify;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n padding-right: 5px; }\n", "",{"version":3,"sources":["webpack://src/components/AudiobookDrawer/style.scss"],"names":[],"mappings":"AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,YAAY,EAAA;;AAGd;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,mBAAmB,EAAA;;AAGrB;EACE,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;EAClB,YAAY;EACZ,mBAAmB,EAAA;;AAGrB;EACE,yBAAyB;EACzB,kBAAkB;EAClB,YAAY;EACZ,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB;EACnB,YAAY;EACZ,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.audio-book-container {\n padding: 32px 48px;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.audio-book-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 44px;\n}\n\n.audio-book-input {\n height: 48px;\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none;\n margin-bottom: 40px;\n}\n\n.audio-book-textarea {\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none;\n margin-bottom: 40px;\n}\n\n.audio-book-content {\n text-align: justify;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n padding-right: 5px;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/AudiobookDrawers/styles/chaptersDrawer.scss":
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/AudiobookDrawers/styles/chaptersDrawer.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".chapters-drawer {\n width: 622px; }\n .chapters-drawer__emty {\n position: absolute;\n bottom: 88px;\n right: 51px; }\n .chapters-drawer__header {\n padding: 27px 48px 0;\n border-bottom: 1px solid #E8E9EC; }\n .chapters-drawer__header .chapters-drawer__nav-item {\n padding-bottom: 16px;\n position: relative;\n font-weight: 600;\n font-size: 18px;\n line-height: 20px;\n color: #46556B;\n transition: 0.2s ease-in-out color; }\n .chapters-drawer__header .chapters-drawer__nav-item:before {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n height: 2px;\n width: 100%;\n background-color: #F33540;\n opacity: 0;\n transition: 0.2s ease-in-out opacity; }\n .chapters-drawer__header .chapters-drawer__nav-item:hover {\n color: #F33540; }\n .chapters-drawer__header .chapters-drawer__nav-item:hover:before {\n opacity: 1; }\n .chapters-drawer__header .chapters-drawer__nav-item.is-active {\n color: #F33540; }\n .chapters-drawer__header .chapters-drawer__nav-item.is-active:before {\n opacity: 1; }\n .chapters-drawer__header .chapters-drawer__nav-item:not(:last-child) {\n margin-right: 48px; }\n .chapters-drawer__content {\n margin-top: 59px;\n padding-bottom: 20%;\n display: flex;\n flex-direction: column;\n height: 100%; }\n .chapters-drawer__title {\n margin-left: 48px;\n margin-bottom: 48px;\n max-width: 548px;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding-bottom: 32px;\n height: 0; }\n .chapters-drawer__chapters {\n position: relative;\n height: 100%;\n padding-bottom: 15px; }\n .chapters-drawer__chapters .item__duration {\n padding-right: 37px; }\n .chapters-drawer__chapters .playlist__backdrop {\n position: fixed;\n top: 190px;\n bottom: 0;\n right: 0;\n left: 0;\n background-color: rgba(246, 246, 246, 0.5);\n z-index: 2; }\n .chapters-drawer__empty {\n display: flex;\n height: 100%;\n width: 100%;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 26px;\n line-height: 28px;\n color: #D0D0D0; }\n", "",{"version":3,"sources":["webpack://src/components/AudiobookDrawers/styles/chaptersDrawer.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,YAAY,EAAA;EAEZ;IACE,kBAAkB;IAClB,YAAY;IACZ,WAAW,EAAA;EAGb;IACE,oBAAoB;IACpB,gCCHiB,EAAA;IDClB;MAKG,oBAAoB;MACpB,kBAAkB;MAClB,gBAAgB;MAChB,eAAe;MACf,iBAAiB;MACjB,cCfa;MDgBb,kCAAkC,EAAA;MAXrC;QAcK,WAAW;QACX,kBAAkB;QAClB,YAAY;QACZ,OAAO;QACP,QAAQ;QACR,WAAW;QACX,WAAW;QACX,yBCTe;QDUf,UAAU;QACV,oCAAoC,EAAA;MAvBzC;QA2BK,cCfe,EAAA;QDZpB;UA8BO,UAAU,EAAA;MA9BjB;QAmCK,cCvBe,EAAA;QDZpB;UAsCO,UAAU,EAAA;MAtCjB;QA2CK,kBAAkB,EAAA;EAKxB;IACE,gBAAgB;IAChB,mBAAmB;IACnB,aAAa;IACb,sBAAsB;IACtB,YAAY,EAAA;EAGd;IACE,iBAAiB;IACjB,mBAAmB;IACnB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,cCxEW;IDyEX,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,oBAAoB;IACpB,SAAS,EAAA;EAGX;IACE,kBAAkB;IAClB,YAAY;IACZ,oBAAoB,EAAA;IAHrB;MAMG,mBAAmB,EAAA;IANtB;MAUG,eAAe;MACf,UAAU;MACV,SAAS;MACT,QAAQ;MACR,OAAO;MACP,0CAA8B;MAC9B,UAAU,EAAA;EAId;IACE,aAAa;IACb,YAAY;IACZ,WAAW;IACX,mBAAmB;IACnB,uBAAuB;IACvB,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,cAAc,EAAA","sourcesContent":["@import 'styles/variables';\n\n.chapters-drawer {\n width: 622px;\n\n &__emty{\n position: absolute;\n bottom: 88px;\n right: 51px;\n }\n\n &__header {\n padding: 27px 48px 0;\n border-bottom: 1px solid $border-gray;\n\n .chapters-drawer__nav-item {\n padding-bottom: 16px;\n position: relative;\n font-weight: 600;\n font-size: 18px;\n line-height: 20px;\n color: $dark-gray;\n transition: 0.2s ease-in-out color;\n\n &:before {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n height: 2px;\n width: 100%;\n background-color: $primary-color;\n opacity: 0;\n transition: 0.2s ease-in-out opacity;\n }\n\n &:hover {\n color: $primary-color;\n\n &:before {\n opacity: 1;\n }\n }\n\n &.is-active {\n color: $primary-color;\n\n &:before {\n opacity: 1;\n }\n }\n\n &:not(:last-child) {\n margin-right: 48px;\n }\n }\n }\n\n &__content {\n margin-top: 59px;\n padding-bottom: 20%;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n &__title {\n margin-left: 48px;\n margin-bottom: 48px;\n max-width: 548px;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding-bottom: 32px;\n height: 0;\n }\n\n &__chapters {\n position: relative;\n height: 100%;\n padding-bottom: 15px;\n\n .item__duration {\n padding-right: 37px;\n }\n\n .playlist__backdrop {\n position: fixed;\n top: 190px;\n bottom: 0;\n right: 0;\n left: 0;\n background-color: rgba(#F6F6F6, 0.5);\n z-index: 2;\n }\n }\n\n &__empty {\n display: flex;\n height: 100%;\n width: 100%;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 26px;\n line-height: 28px;\n color: #D0D0D0;\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/AuthorsContainer/style.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/AuthorsContainer/style.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".authors-container {\n margin: 0 48px 16px 0;\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%; }\n\n.author-container {\n display: block;\n padding-left: 48px;\n text-decoration: none; }\n .author-container:last-child {\n margin-bottom: 16px; }\n .author-container:not(:first-child) .author-wrapper {\n border-top: 1px solid #E6E7EA; }\n .author-container:hover {\n cursor: pointer;\n background: #f6f6f6; }\n .author-container:hover:not(:first-child) .author-wrapper {\n border-top: 1px solid #F6F6F6; }\n .author-container:hover + .author-container .author-wrapper {\n border-top: 1px solid #F6F6F6; }\n\n.podcast-author:hover {\n cursor: auto; }\n\n.author-wrapper {\n display: flex;\n align-items: center;\n padding-top: 16px;\n padding-bottom: 16px; }\n .author-wrapper .img-container {\n margin-right: 15px; }\n\n.author-title {\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #202020; }\n", "",{"version":3,"sources":["webpack://src/components/AuthorsContainer/style.scss"],"names":[],"mappings":"AAEA;EACE,qBAAqB;EACrB,gBAAgB;EAChB,kBAAkB;EAClB,YAAY,EAAA;;AAGd;EACE,cAAc;EACd,kBAAkB;EAClB,qBAAqB,EAAA;EAHvB;IAMI,mBAAmB,EAAA;EANvB;IAUI,6BAA6B,EAAA;EAVjC;IAcI,eAAe;IACf,mBAAmB,EAAA;IAfvB;MAkBM,6BAA6B,EAAA;IAlBnC;MAuBQ,6BAA6B,EAAA;;AAMrC;EAEI,YAAY,EAAA;;AAIhB;EACE,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,oBAAoB,EAAA;EAJtB;IAOI,kBAAkB,EAAA;;AAItB;EACE,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,cAAc,EAAA","sourcesContent":["@import 'styles/variables';\n\n.authors-container {\n margin: 0 48px 16px 0;\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%;\n}\n\n.author-container {\n display: block;\n padding-left: 48px;\n text-decoration: none;\n\n &:last-child {\n margin-bottom: 16px;\n }\n\n &:not(:first-child) .author-wrapper {\n border-top: 1px solid #E6E7EA;\n }\n\n &:hover {\n cursor: pointer;\n background: #f6f6f6;\n\n &:not(:first-child) .author-wrapper {\n border-top: 1px solid #F6F6F6;\n }\n\n & + .author-container {\n .author-wrapper {\n border-top: 1px solid #F6F6F6;\n }\n }\n }\n}\n\n.podcast-author {\n &:hover {\n cursor: auto;\n }\n}\n\n.author-wrapper {\n display: flex;\n align-items: center;\n padding-top: 16px;\n padding-bottom: 16px;\n\n .img-container {\n margin-right: 15px;\n }\n}\n\n.author-title {\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #202020;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/BackgroundImg/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/BackgroundImg/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-backgroundImg {\n width: 100%;\n height: 100%;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n max-height: 454px; }\n", "",{"version":3,"sources":["webpack://src/components/BackgroundImg/style.scss"],"names":[],"mappings":"AAEA;EACE,WAAW;EACX,YAAY;EACZ,4BAA4B;EAC5B,2BAA2B;EAC3B,sBAAsB;EACtB,iBAAiB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-backgroundImg {\n width: 100%;\n height: 100%;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n max-height: 454px;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Card/styles/card.scss":
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Card/styles/card.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".book-title {\n cursor: default;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #46556B; }\n\n.p-card {\n display: flex;\n flex-direction: column;\n white-space: nowrap;\n margin-bottom: 12px;\n position: relative;\n width: 196px;\n cursor: pointer; }\n .p-card__button {\n height: 100%;\n width: 100%; }\n .p-card__image {\n width: 196px;\n height: 196px;\n overflow: hidden;\n border-radius: 4px;\n margin-bottom: 12px; }\n .p-card__image:disabled {\n opacity: 30%; }\n .p-card__image img {\n height: 100%;\n width: 100%; }\n .p-card__type {\n font-size: 12px;\n text-transform: uppercase;\n color: #F33540;\n margin-bottom: 8px; }\n .p-card__title {\n display: flex;\n flex-direction: column;\n margin-bottom: 40px; }\n .p-card__title > *:not(:last-child) {\n margin-bottom: 4px; }\n .p-card__title .group {\n font-weight: 600;\n font-size: 17px;\n display: flex;\n justify-content: space-between;\n align-items: flex-start; }\n .p-card__title .group p {\n white-space: pre-wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n line-height: 20px; }\n .p-card__title .group img {\n margin-top: 5px;\n width: 10px;\n height: 10px; }\n .p-card__title .artist {\n font-weight: 400;\n font-size: 15px;\n color: #46556b; }\n .p-card__slide {\n width: 196px; }\n", "",{"version":3,"sources":["webpack://src/components/Card/styles/card.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,uBAAuB;EACvB,cAAc,EAAA;;AAGhB;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;EACZ,eAAe,EAAA;EAEf;IACE,YAAY;IACZ,WAAW,EAAA;EAGb;IACE,YAAY;IACZ,aAAa;IACb,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB,EAAA;IALpB;MAQG,YAAY,EAAA;IARf;MAYG,YAAY;MACZ,WAAW,EAAA;EAIf;IACE,eAAe;IACf,yBAAyB;IACzB,cCpBmB;IDsBnB,kBAAkB,EAAA;EAGpB;IACE,aAAa;IACb,sBAAsB;IACtB,mBAAmB,EAAA;IAHpB;MAMG,kBAAkB,EAAA;IANrB;MAUG,gBAAgB;MAChB,eAAe;MACf,aAAa;MACb,8BAA8B;MAC9B,uBAAuB,EAAA;MAd1B;QAiBK,qBAAqB;QACrB,gBAAgB;QAChB,uBAAuB;QACvB,oBAAoB;QACpB,qBAAqB;QACrB,4BAA4B;QAC5B,iBAAiB,EAAA;MAvBtB;QA2BK,eAAe;QACf,WAAW;QACX,YAAY,EAAA;IA7BjB;MAkCG,gBAAgB;MAChB,eAAe;MACf,cAAc,EAAA;EAIlB;IACE,YAAY,EAAA","sourcesContent":["@import 'styles/variables';\n\n.book-title {\n cursor: default;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #46556B;\n}\n\n.p-card {\n display: flex;\n flex-direction: column;\n white-space: nowrap;\n margin-bottom: 12px;\n position: relative;\n width: 196px;\n cursor: pointer;\n\n &__button {\n height: 100%;\n width: 100%;\n }\n\n &__image {\n width: 196px;\n height: 196px;\n overflow: hidden;\n border-radius: 4px;\n margin-bottom: 12px;\n\n &:disabled {\n opacity: 30%;\n }\n\n img {\n height: 100%;\n width: 100%;\n }\n }\n\n &__type {\n font-size: 12px;\n text-transform: uppercase;\n color: $primary-color;\n\n margin-bottom: 8px;\n }\n\n &__title {\n display: flex;\n flex-direction: column;\n margin-bottom: 40px;\n\n & > *:not(:last-child) {\n margin-bottom: 4px;\n }\n\n .group {\n font-weight: 600;\n font-size: 17px;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n\n p {\n white-space: pre-wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n line-height: 20px;\n }\n\n img {\n margin-top: 5px;\n width: 10px;\n height: 10px;\n }\n }\n\n .artist {\n font-weight: 400;\n font-size: 15px;\n color: #46556b;\n }\n }\n\n &__slide {\n width: 196px;\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Card/styles/cardSelection.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Card/styles/cardSelection.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-music-card {\n display: flex;\n min-width: 196px;\n overflow: hidden;\n flex-direction: column;\n border-radius: 4px; }\n .p-music-card .p-music-img {\n height: 196px;\n width: 196px; }\n .p-music-card .p-music-img img {\n border-bottom: none; }\n .p-music-card .p-music-info {\n padding: 12px;\n display: flex;\n flex-direction: column;\n background-color: #746A68; }\n .p-music-card .p-music-info * {\n color: #ffffff; }\n .p-music-card .p-music-info .p-music-info-title {\n margin-bottom: 4px;\n font-size: 14px;\n font-weight: bold; }\n .p-music-card .p-music-info .p-music-info-artists {\n font-size: 12px;\n font-weight: 300; }\n", "",{"version":3,"sources":["webpack://src/components/Card/styles/cardSelection.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB,EAAA;EALpB;IAQI,aAAa;IACb,YAAY,EAAA;IAThB;MAYM,mBAAmB,EAAA;EAZzB;IAiBI,aAAa;IACb,aAAa;IACb,sBAAsB;IACtB,yBAAyB,EAAA;IApB7B;MAuBM,cCtBS,EAAA;IDDf;MA2BM,kBAAkB;MAClB,eCHQ;MDIR,iBAAiB,EAAA;IA7BvB;MAiCM,eCTQ;MDUR,gBAAgB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-music-card {\n display: flex;\n min-width: 196px;\n overflow: hidden;\n flex-direction: column;\n border-radius: 4px;\n\n .p-music-img {\n height: 196px;\n width: 196px;\n\n img {\n border-bottom: none;\n }\n }\n\n .p-music-info {\n padding: 12px;\n display: flex;\n flex-direction: column;\n background-color: #746A68;\n\n * {\n color: $white;\n }\n\n .p-music-info-title {\n margin-bottom: 4px;\n font-size: $font-14;\n font-weight: bold;\n }\n\n .p-music-info-artists {\n font-size: $font-12;\n font-weight: 300;\n }\n }\n\n}","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/CardWrap/styles/cardWrap.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/CardWrap/styles/cardWrap.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-card-wrap {\n display: flex;\n flex-wrap: wrap; }\n .p-card-wrap .p-card, .p-card-wrap .p-music-card {\n margin-right: 24px;\n margin-bottom: 24px; }\n", "",{"version":3,"sources":["webpack://src/components/CardWrap/styles/cardWrap.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,eAAe,EAAA;EAFjB;IAKI,kBAAkB;IAClB,mBAAmB,EAAA","sourcesContent":["@import \"styles/variables\";\n\n.p-card-wrap {\n display: flex;\n flex-wrap: wrap;\n\n .p-card, .p-music-card {\n margin-right: 24px;\n margin-bottom: 24px;\n }\n\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/CircleImage/style.scss":
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/CircleImage/style.scss ***!
\***************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".img-container__circle-img {\n border-radius: 100px; }\n", "",{"version":3,"sources":["webpack://src/components/CircleImage/style.scss"],"names":[],"mappings":"AAEE;EACE,oBAAoB,EAAA","sourcesContent":[".img-container {\n\n &__circle-img {\n border-radius: 100px;\n }\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Comments/styles/comments.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Comments/styles/comments.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".comments-drawer {\n width: 622px;\n height: 100%;\n display: flex;\n flex-direction: column; }\n .comments-drawer__header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end; }\n .comments-drawer__title {\n margin-left: 30px;\n margin-top: 60px;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020; }\n .comments-drawer__feed {\n margin-left: 30px;\n margin-bottom: 18px;\n display: flex;\n flex-direction: row;\n margin-top: 30px; }\n .comments-drawer__feed-title {\n font-size: 16px;\n font-weight: bold;\n color: #202020; }\n .comments-drawer__feed-subtitle {\n font-size: 16px;\n color: #46556B; }\n .comments-drawer__feed > div {\n margin-right: 15px; }\n .comments-drawer__form {\n margin: 30px 30px 0px 30px;\n display: flex;\n flex-direction: column;\n align-items: flex-end; }\n .comments-drawer__form > textarea {\n padding: 20px 20px;\n background: #F6F6F6;\n border-radius: 4px; }\n .comments-drawer__form > button {\n padding: 8px 20px;\n margin-top: 14px;\n margin-bottom: 24px;\n letter-spacing: 1px; }\n .comments-drawer__form-container::after {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 622px;\n margin-right: 0px;\n border-bottom: 1px solid #E8E9EC; }\n .comments-drawer__my-comment {\n margin-bottom: 30px; }\n .comments-drawer__cards-list {\n overflow-y: auto;\n height: 100%;\n margin-right: 26px; }\n .comments-drawer__sorting {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n margin-right: 30px;\n margin-top: 34px;\n margin-bottom: 25px; }\n\n.disabled {\n background-color: #d0d0d0;\n color: white; }\n", "",{"version":3,"sources":["webpack://src/components/Comments/styles/comments.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,sBAAsB,EAAA;EAEtB;IACE,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,qBAAqB,EAAA;EAGvB;IACE,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,cCnBW,EAAA;EDsBb;IACE,iBAAiB;IACjB,mBAAmB;IACnB,aAAa;IACb,mBAAmB;IACnB,gBAAgB,EAAA;IAEhB;MACE,eAAe;MACf,iBAAiB;MACjB,cChCS,EAAA;IDmCX;MACE,eAAe;MACf,cCjCa,EAAA;IDkBhB;MAmBG,kBAAkB,EAAA;EAItB;IACE,0BAA0B;IAC1B,aAAa;IACb,sBAAsB;IACtB,qBAAqB,EAAA;IAJtB;MAOG,kBAAkB;MAClB,mBCnDc;MDoDd,kBAAkB,EAAA;IATrB;MAaG,iBAAiB;MACjB,gBAAgB;MAChB,mBAAmB;MACnB,mBAAmB,EAAA;EAMtB;IAEG,WAAW;IACX,kBAAkB;IAClB,OAAO;IACP,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,gCCnEe,EAAA;EDuEnB;IACE,mBAAmB,EAAA;EAGrB;IACE,gBAAgB;IAChB,YAAY;IACZ,kBAAkB,EAAA;EAGpB;IACE,aAAa;IACb,mBAAmB;IACnB,yBAAyB;IACzB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB,EAAA;;AAIvB;EACE,yBAAyB;EACzB,YAAY,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.comments-drawer {\n width: 622px;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n &__header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n &__title {\n margin-left: 30px;\n margin-top: 60px;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n }\n\n &__feed {\n margin-left: 30px;\n margin-bottom: 18px;\n display: flex;\n flex-direction: row;\n margin-top: 30px;\n\n &-title {\n font-size: 16px;\n font-weight: bold;\n color: $black;\n }\n\n &-subtitle {\n font-size: 16px;\n color: $dark-gray;\n }\n\n & > div {\n margin-right: 15px;\n }\n }\n\n &__form {\n margin: 30px 30px 0px 30px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n\n & > textarea {\n padding: 20px 20px;\n background: $light-gray;\n border-radius: 4px;\n }\n\n & > button {\n padding: 8px 20px;\n margin-top: 14px;\n margin-bottom: 24px;\n letter-spacing: 1px;\n }\n\n\n }\n\n &__form-container{\n &::after {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 622px;\n margin-right: 0px;\n border-bottom: 1px solid $border-gray;\n }\n }\n\n &__my-comment {\n margin-bottom: 30px;\n }\n\n &__cards-list {\n overflow-y: auto;\n height: 100%;\n margin-right: 26px;\n }\n\n &__sorting {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n margin-right: 30px;\n margin-top: 34px;\n margin-bottom: 25px;\n }\n}\n\n.disabled {\n background-color: #d0d0d0;\n color: white;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Comments/styles/commentsCard.scss":
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Comments/styles/commentsCard.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".comments-card-own {\n background-color: #F6F6F6; }\n\n.comments-card {\n padding: 28px 44px 20px 30px;\n display: flex;\n flex: 1 1;\n min-height: 0px;\n flex-direction: column; }\n .comments-card__date {\n font-size: 14px;\n color: #46556B;\n font-weight: 400; }\n .comments-card__title-own {\n color: #F33540 !important; }\n .comments-card__profile {\n margin-top: 12px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: row;\n justify-content: space-between; }\n .comments-card__profile .comments-menu {\n position: relative;\n opacity: 0; }\n .comments-card__profile > div {\n display: flex;\n flex-direction: row; }\n .comments-card__profile-img {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n margin-right: 12px; }\n .comments-card__profile-name {\n font-size: 16px;\n font-weight: 700;\n color: #202020; }\n .comments-card__text {\n font-weight: 500;\n color: #46556B;\n overflow-wrap: anywhere; }\n .comments-card:hover {\n background-color: #F6F6F6; }\n .comments-card:hover .comments-menu {\n opacity: 1; }\n", "",{"version":3,"sources":["webpack://src/components/Comments/styles/commentsCard.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,yBCCkB,EAAA;;ADGpB;EACE,4BAA4B;EAC5B,aAAa;EACb,SAAO;EACP,eAAe;EACf,sBAAsB,EAAA;EAEtB;IACE,eAAe;IACf,cCVe;IDWf,gBAAgB,EAAA;EAGlB;IACE,yBAAgC,EAAA;EAGlC;IACE,gBAAgB;IAChB,mBAAmB;IACnB,aAAa;IACb,mBAAmB;IACnB,8BAA8B,EAAA;IAL/B;MAQG,kBAAkB;MAClB,UAAU,EAAA;IATb;MAaG,aAAa;MACb,mBAAmB,EAAA;IAGrB;MACE,WAAW;MACX,YAAY;MACZ,kBAAkB;MAClB,kBAAkB,EAAA;IAGpB;MACE,eAAe;MACf,gBAAgB;MAChB,cCjDS,EAAA;EDqDb;IACE,gBAAgB;IAChB,cCnDe;IDoDf,uBAAuB,EAAA;EAnD3B;IAuDI,yBC1DgB,EAAA;IDGpB;MA0DM,UAAU,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.comments-card-own {\n background-color: $light-gray;\n}\n\n\n.comments-card {\n padding: 28px 44px 20px 30px;\n display: flex;\n flex: 1;\n min-height: 0px;\n flex-direction: column;\n\n &__date {\n font-size: 14px;\n color: $dark-gray;\n font-weight: 400;\n }\n\n &__title-own{\n color: $primary-color !important;\n }\n\n &__profile {\n margin-top: 12px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n .comments-menu {\n position: relative;\n opacity: 0;\n }\n\n & > div {\n display: flex;\n flex-direction: row;\n }\n\n &-img {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n margin-right: 12px;\n }\n\n &-name {\n font-size: 16px;\n font-weight: 700;\n color: $black;\n }\n }\n\n &__text {\n font-weight: 500;\n color: $dark-gray;\n overflow-wrap: anywhere;\n }\n\n &:hover {\n background-color: $light-gray;\n\n .comments-menu {\n opacity: 1;\n }\n }\n}","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Drawer/style.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Drawer/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".drawer {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n min-width: 100px;\n background: #ffffff;\n border: 1px solid #E8E9EC;\n z-index: 2002;\n transform: translateX(100%);\n transition: .2s ease-in-out;\n max-height: 100%;\n padding-bottom: 62px; }\n .drawer.is-open {\n transform: translateX(0); }\n\n.drawer__backdrop {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1998; }\n\n.drawer__close-button {\n position: absolute;\n display: flex;\n top: 20px;\n right: 20px; }\n", "",{"version":3,"sources":["webpack://src/components/Drawer/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,eAAe;EACf,MAAM;EACN,SAAS;EACT,QAAQ;EACR,gBAAgB;EAChB,mBCLa;EDMb,yBCCmB;EDAnB,aAAa;EACb,2BAA2B;EAC3B,2BAA2B;EAC3B,gBAAgB;EAChB,oBAAoB,EAAA;EAZtB;IAeI,wBAAwB,EAAA;;AAI5B;EACE,eAAe;EACf,MAAM;EACN,SAAS;EACT,QAAQ;EACR,OAAO;EACP,qCC1BmB;ED2BnB,aAAa,EAAA;;AAGf;EACE,kBAAkB;EAClB,aAAa;EACb,SAAS;EACT,WAAW,EAAA","sourcesContent":["@import \"styles/variables\";\n\n.drawer {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n min-width: 100px;\n background: $white;\n border: 1px solid $border-gray;\n z-index: 2002;\n transform: translateX(100%);\n transition: .2s ease-in-out;\n max-height: 100%;\n padding-bottom: 62px;\n\n &.is-open {\n transform: translateX(0);\n }\n}\n\n.drawer__backdrop {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background-color: rgba($total-black, 0.25);\n z-index: 1998;\n}\n\n.drawer__close-button {\n position: absolute;\n display: flex;\n top: 20px;\n right: 20px;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/DropDown/styles/style.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/DropDown/styles/style.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-search-drop-down {\n display: flex;\n font-size: 15px;\n flex-direction: column;\n padding: 4px 0;\n top: 34px;\n position: absolute;\n background: white;\n color: #141413;\n z-index: 30;\n box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.2);\n border-radius: 7px;\n width: 232px;\n left: -14px; }\n .p-search-drop-down__item {\n display: flex;\n align-items: center;\n padding: 14px 26px;\n width: 100%;\n z-index: 1;\n cursor: pointer;\n font-size: 14px; }\n .p-search-drop-down__item > span {\n margin-left: 14px;\n color: #141413;\n font-weight: bold; }\n .p-search-drop-down__item > img {\n margin-left: 14px;\n flex: 1 1; }\n .p-search-drop-down__item:hover {\n background-color: #E8EAEC;\n color: #F33540; }\n .p-search-drop-down__item:hover img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%); }\n .p-search-drop-down__item:hover > span {\n color: #F33540; }\n .p-search-drop-down .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n margin-left: 20px;\n background-color: white; }\n\n.p-from-right {\n left: -170px; }\n .p-from-right .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 20%;\n background-color: white; }\n\n.p-from-right-queue {\n left: -205px; }\n .p-from-right-queue .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 6%;\n background-color: white; }\n\n.p-from-bottom-center {\n left: -56px; }\n .p-from-bottom-center .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 50%;\n background-color: white; }\n\n.p-for-sort {\n left: -11px;\n top: 45px;\n width: 149px; }\n .p-for-sort .p-search-drop-down__item {\n padding: 14px 14px; }\n .p-for-sort > .p-search-drop-down {\n width: 149px; }\n .p-for-sort > .p-search-drop-down .p-search-drop-down__item {\n padding: 14px 14px; }\n .p-for-sort .p-drop-down-item-text {\n margin-left: 0; }\n .p-for-sort .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 5%;\n background-color: white; }\n", "",{"version":3,"sources":["webpack://src/components/DropDown/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,eAAe;EACf,sBAAsB;EACtB,cAAc;EACd,SAAS;EACT,kBAAkB;EAClB,iBAAiB;EACjB,cAAc;EACd,WAAW;EACX,2CAA2C;EAC3C,kBAAkB;EAClB,YAAY;EACZ,WAAW,EAAA;EACX;IACE,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,eAAe;IACf,eAAe,EAAA;IAPhB;MAUG,iBAAiB;MACjB,cAAc;MACd,iBAAiB,EAAA;IAZpB;MAgBG,iBAAiB;MACjB,SAAO,EAAA;IAjBV;MAqBG,yBChCY;MDiCZ,cCfiB,EAAA;MDPpB;QAwBK,gGAAgG,EAAA;MAxBrG;QA4BK,cCrBe,EAAA;EDrBvB;IA+CI,kBAAkB;IAClB,YAAY;IACZ,WAAW;IAEX,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,gBAAgB;IAChB,iBAAiB;IACjB,uBAAuB,EAAA;;AAI3B;EACE,YAAY,EAAA;EADd;IAII,kBAAkB;IAClB,YAAY;IACZ,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,gBAAgB;IAChB,UAAU;IACV,uBAAuB,EAAA;;AAI3B;EACE,YAAY,EAAA;EADd;IAII,kBAAkB;IAClB,YAAY;IACZ,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,gBAAgB;IAChB,SAAS;IACT,uBAAuB,EAAA;;AAI3B;EACE,WAAW,EAAA;EADb;IAII,kBAAkB;IAClB,YAAY;IACZ,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,gBAAgB;IAChB,UAAU;IACV,uBAAuB,EAAA;;AAI3B;EACE,WAAW;EACX,SAAS;EACT,YAAY,EAAA;EAHd;IAMI,kBAAkB,EAAA;EANtB;IASI,YAAY,EAAA;IAThB;MAYM,kBAAkB,EAAA;EAZxB;IAgBI,cAAc,EAAA;EAhBlB;IAoBI,kBAAkB;IAClB,YAAY;IACZ,WAAW;IACX,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,gBAAgB;IAChB,SAAS;IACT,uBAAuB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-search-drop-down {\n display: flex;\n font-size: 15px;\n flex-direction: column;\n padding: 4px 0;\n top: 34px;\n position: absolute;\n background: white;\n color: #141413;\n z-index: 30;\n box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.2);\n border-radius: 7px;\n width: 232px;\n left: -14px;\n &__item {\n display: flex;\n align-items: center;\n padding: 14px 26px;\n width: 100%;\n z-index: 1;\n cursor: pointer;\n font-size: 14px;\n\n & > span {\n margin-left: 14px;\n color: #141413;\n font-weight: bold;\n }\n\n & > img {\n margin-left: 14px;\n flex: 1;\n }\n\n &:hover {\n background-color: $mid-gray;\n color: $primary-color;\n img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%);\n }\n\n & > span {\n color: $primary-color;\n }\n }\n }\n .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n margin-left: 20px;\n background-color: white;\n }\n}\n\n.p-from-right {\n left: -170px;\n\n .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 20%;\n background-color: white;\n }\n}\n\n.p-from-right-queue {\n left: -205px;\n\n .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 6%;\n background-color: white;\n }\n}\n\n.p-from-bottom-center {\n left: -56px;\n\n .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 50%;\n background-color: white;\n }\n}\n\n.p-for-sort {\n left: -11px;\n top: 45px;\n width: 149px;\n\n .p-search-drop-down__item {\n padding: 14px 14px;\n }\n & > .p-search-drop-down {\n width: 149px;\n\n .p-search-drop-down__item {\n padding: 14px 14px;\n }\n }\n .p-drop-down-item-text {\n margin-left: 0;\n }\n\n .top-arrow {\n position: absolute;\n height: 10px;\n width: 10px;\n border-bottom: none;\n border-right: none;\n transform: rotate(44deg);\n margin-top: -9px;\n right: 5%;\n background-color: white;\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/EditPlaylistContainer/style.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/EditPlaylistContainer/style.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".audio-book-items-container {\n overflow-y: auto;\n overflow-x: hidden; }\n\n.playlist-input {\n height: 48px;\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none; }\n\n.playlist-textarea {\n margin-top: 40px;\n margin-bottom: 40px; }\n .playlist-textarea-withTitle {\n margin-top: 0; }\n .playlist-textarea textarea {\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none; }\n\n.audio-book_buttons {\n display: flex;\n justify-content: flex-end;\n margin-top: 45px; }\n .audio-book_buttons button {\n height: 44px;\n width: 121px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px; }\n .audio-book_buttons button:first-of-type {\n margin-right: 16px;\n width: 94px; }\n .audio-book_buttons__cancel {\n background: #FFF;\n border: 1px solid #F33540;\n border-radius: 4px;\n color: #F33540; }\n .audio-book_buttons__cancel:disabled {\n cursor: auto;\n background: #D0D0D0;\n border: none;\n color: white; }\n .audio-book_buttons__save {\n background: #F33540;\n border-radius: 4px;\n color: #FFF; }\n .audio-book_buttons__save:disabled {\n background: #D0D0D0; }\n", "",{"version":3,"sources":["webpack://src/components/EditPlaylistContainer/style.scss"],"names":[],"mappings":"AAEA;EACE,gBAAgB;EAChB,kBAAkB,EAAA;;AAGpB;EACE,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;EAClB,YAAY,EAAA;;AAGd;EACE,gBAAgB;EAChB,mBAAmB,EAAA;EACnB;IACE,aAAa,EAAA;EAJjB;IAOI,yBAAyB;IACzB,kBAAkB;IAClB,YAAY,EAAA;;AAIhB;EACE,aAAa;EACb,yBAAyB;EACzB,gBAAgB,EAAA;EAHlB;IAMI,YAAY;IACZ,YAAY;IACZ,yBAAyB;IACzB,eAAe;IACf,iBAAiB;IACjB,mBAAmB,EAAA;EAXvB;IAeI,kBAAkB;IAClB,WAAW,EAAA;EAGb;IACE,gBAAgB;IAChB,yBAAyB;IACzB,kBAAkB;IAClB,cAAc,EAAA;IAJf;MAMG,YAAY;MACZ,mBAAmB;MACnB,YAAY;MACZ,YAAY,EAAA;EAIhB;IACE,mBAAmB;IACnB,kBAAkB;IAClB,WAAW,EAAA;IAHZ;MAKG,mBAAmB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.audio-book-items-container {\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.playlist-input {\n height: 48px;\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none;\n}\n\n.playlist-textarea {\n margin-top: 40px;\n margin-bottom: 40px;\n &-withTitle {\n margin-top: 0;\n }\n textarea {\n background-color: #F6F6F6;\n border-radius: 4px;\n border: none;\n }\n}\n\n.audio-book_buttons {\n display: flex;\n justify-content: flex-end;\n margin-top: 45px;\n\n button {\n height: 44px;\n width: 121px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px;\n }\n\n button:first-of-type {\n margin-right: 16px;\n width: 94px;\n }\n\n &__cancel {\n background: #FFF;\n border: 1px solid #F33540;\n border-radius: 4px;\n color: #F33540;\n &:disabled {\n cursor: auto;\n background: #D0D0D0;\n border: none;\n color: white;\n }\n }\n\n &__save {\n background: #F33540;\n border-radius: 4px;\n color: #FFF;\n &:disabled {\n background: #D0D0D0;\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/ErrorBoundary/styles/styles.module.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/components/ErrorBoundary/styles/styles.module.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".styles_container__1YiG8 {\n margin-top: 40px;\n margin-left: 56px; }\n\n.styles_title__2_iF9 {\n margin-top: 55px;\n margin-bottom: 40px;\n font-size: 36px;\n line-height: 45px; }\n\n.styles_text__3NXQ- {\n margin-bottom: 40px;\n font-weight: normal;\n font-size: 19px;\n line-height: 23px; }\n\n.styles_updateBtn__1WUsx {\n width: 113px;\n height: 44px;\n font-size: 14px;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 11px 16px; }\n", "",{"version":3,"sources":["webpack://src/components/ErrorBoundary/styles/styles.module.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,iBAAiB,EAAA;;AAGnB;EACE,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,iBAAiB,EAAA;;AAGnB;EACE,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,iBAAiB,EAAA;;AAGnB;EACE,YAAY;EACZ,YAAY;EACZ,eAAe;EACf,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB,EAAA","sourcesContent":[".container {\n margin-top: 40px;\n margin-left: 56px;\n}\n\n.title {\n margin-top: 55px;\n margin-bottom: 40px;\n font-size: 36px;\n line-height: 45px;\n}\n\n.text {\n margin-bottom: 40px;\n font-weight: normal;\n font-size: 19px;\n line-height: 23px;\n}\n\n.updateBtn {\n width: 113px;\n height: 44px;\n font-size: 14px;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 11px 16px;\n}\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"container": "styles_container__1YiG8",
"title": "styles_title__2_iF9",
"text": "styles_text__3NXQ-",
"updateBtn": "styles_updateBtn__1WUsx"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/FooterPlayer/styles/menu-control.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/FooterPlayer/styles/menu-control.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-menu-control__dropdown {\n width: 260px;\n display: flex;\n flex-direction: column;\n padding: 12px 0;\n z-index: 3001; }\n\n.p-rating-container {\n display: flex;\n justify-content: center;\n margin: 18px 27px 23px 27px;\n border-top: 1px solid #ECECEC;\n border-bottom: 1px solid #ECECEC;\n padding: 18px 0 12px 0; }\n\n.p-rating-artist {\n display: flex;\n margin: 11px 0 20px 24px;\n align-items: flex-start; }\n .p-rating-artist-text {\n margin-left: 12px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-top: -2px; }\n .p-rating-artist-title {\n font-style: normal;\n font-weight: bold;\n font-size: 12px;\n line-height: 14px;\n color: #202020; }\n .p-rating-artist-author {\n font-style: normal;\n font-weight: normal;\n font-size: 10px;\n line-height: 12px;\n color: #46556B;\n margin-top: 4px;\n margin-right: 11px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.p-rating-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between; }\n\n.p-rating-count__wrapper {\n padding-right: 6px;\n margin-right: auto;\n text-align: left; }\n\n.p-stat-rating-right {\n display: flex;\n flex-direction: column;\n text-align: center; }\n\n.p-rating-num {\n font-style: normal;\n font-weight: bold;\n font-size: 18px;\n line-height: 100%;\n color: #46556B;\n margin-top: 2px;\n margin-bottom: 6px; }\n\n.p-rating-count {\n font-style: normal;\n font-weight: normal;\n font-size: 10px;\n line-height: 12px;\n color: #D0D0D0;\n white-space: nowrap; }\n\n.p-stat-rating {\n display: flex;\n justify-content: space-between;\n margin-bottom: 6px; }\n .p-stat-rating__star:not(:last-child) {\n cursor: pointer;\n margin-right: 8px;\n height: 20px;\n width: 20px; }\n\n.p-menu-rating {\n display: flex;\n justify-content: space-between; }\n .p-menu-rating__star {\n cursor: pointer; }\n .p-menu-rating__star:not(:last-child) {\n margin-right: 8px;\n height: 20px;\n width: 20px; }\n\n.p-menu-control__item {\n display: flex;\n align-items: center;\n padding: 12px 27px;\n width: 100%;\n z-index: 1000;\n height: 48px; }\n .p-menu-control__item-hidden {\n padding: 0;\n justify-content: center; }\n .p-menu-control__item:hover {\n background-color: #F6F6F6; }\n .p-menu-control__item:hover .p-menu-control__item-icon,\n .p-menu-control__item:hover .p-menu-control__item-value {\n color: #F33540; }\n .p-menu-control__item:hover img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%); }\n .p-menu-control__item.is-active .p-menu-control__item-icon,\n .p-menu-control__item.is-active .p-menu-control__item-value {\n color: #F33540; }\n\n.p-menu-control__item-icon {\n display: flex;\n margin-right: 12px;\n color: #46556B; }\n .p-menu-control__item-icon svg {\n stroke: currentColor; }\n\n.p-menu-control__item-value {\n font-weight: 600;\n font-size: 14px;\n color: #4A4A4A;\n text-align: left; }\n\n.control-active img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%); }\n", "",{"version":3,"sources":["webpack://src/components/FooterPlayer/styles/menu-control.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,eAAe;EACf,aAAa,EAAA;;AAGf;EACE,aAAa;EACb,uBAAuB;EACvB,2BAA2B;EAC3B,6BAA6B;EAC7B,gCAAgC;EAChC,sBAAsB,EAAA;;AAGxB;EACE,aAAa;EACb,wBAAwB;EACxB,uBAAuB,EAAA;EACvB;IACE,iBAAiB;IACjB,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB,EAAA;EAElB;IACE,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,cAAc,EAAA;EAEhB;IACE,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,oBAAoB;IACpB,qBAAqB;IACrB,4BAA4B,EAAA;;AAIhC;EACE,aAAa;EACb,sBAAsB;EACtB,qBAAqB;EACrB,8BAA8B,EAAA;;AAEhC;EACE,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB,EAAA;;AAGlB;EACE,aAAa;EACb,sBAAsB;EACtB,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,eAAe;EACf,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,mBAAmB,EAAA;;AAGrB;EACE,aAAa;EACb,8BAA8B;EAC9B,kBAAkB,EAAA;EAClB;IACE,eAAe;IACf,iBAAiB;IACjB,YAAY;IACZ,WAAW,EAAA;;AAIf;EACE,aAAa;EACb,8BAA8B,EAAA;EAG9B;IACE,eAAe,EAAA;EAEjB;IACE,iBAAiB;IACjB,YAAY;IACZ,WAAW,EAAA;;AAIf;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,WAAW;EACX,aAAa;EACb,YAAY,EAAA;EAEZ;IACE,UAAU;IACV,uBAAuB,EAAA;EAV3B;IAaI,yBC9HgB,EAAA;IDiHpB;;MAgBM,cC9GiB,EAAA;ID8FvB;MAmBM,gGAAgG,EAAA;EAnBtG;;IA0BM,cCxHiB,EAAA;;AD6HvB;EACE,aAAa;EACb,kBAAkB;EAClB,cCjJiB,EAAA;ED8InB;IAMI,oBAAoB,EAAA;;AAIxB;EACE,gBAAgB;EAChB,eAAe;EACf,cAAc;EACd,gBAAgB,EAAA;;AAGlB;EAEI,gGAAgG,EAAA","sourcesContent":["@import \"styles/variables\";\n\n.p-menu-control__dropdown {\n width: 260px;\n display: flex;\n flex-direction: column;\n padding: 12px 0;\n z-index: 3001;\n}\n\n.p-rating-container {\n display: flex;\n justify-content: center;\n margin: 18px 27px 23px 27px;\n border-top: 1px solid #ECECEC;\n border-bottom: 1px solid #ECECEC;\n padding: 18px 0 12px 0;\n}\n\n.p-rating-artist {\n display: flex;\n margin: 11px 0 20px 24px;\n align-items: flex-start;\n &-text {\n margin-left: 12px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-top: -2px;\n }\n &-title {\n font-style: normal;\n font-weight: bold;\n font-size: 12px;\n line-height: 14px;\n color: #202020;\n }\n &-author {\n font-style: normal;\n font-weight: normal;\n font-size: 10px;\n line-height: 12px;\n color: #46556B;\n margin-top: 4px;\n margin-right: 11px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n }\n}\n\n.p-rating-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n}\n.p-rating-count__wrapper{\n padding-right: 6px;\n margin-right: auto;\n text-align: left;\n}\n\n.p-stat-rating-right {\n display: flex;\n flex-direction: column;\n text-align: center;\n}\n\n.p-rating-num {\n font-style: normal;\n font-weight: bold;\n font-size: 18px;\n line-height: 100%;\n color: #46556B;\n margin-top: 2px;\n margin-bottom: 6px;\n}\n\n.p-rating-count {\n font-style: normal;\n font-weight: normal;\n font-size: 10px;\n line-height: 12px;\n color: #D0D0D0;\n white-space: nowrap;\n}\n\n.p-stat-rating {\n display: flex;\n justify-content: space-between;\n margin-bottom: 6px;\n &__star:not(:last-child) {\n cursor: pointer;\n margin-right: 8px;\n height: 20px;\n width: 20px;\n }\n}\n\n.p-menu-rating {\n display: flex;\n justify-content: space-between;\n // margin-left: 26px;\n // margin-bottom: 6px;\n &__star{\n cursor: pointer;\n }\n &__star:not(:last-child) {\n margin-right: 8px;\n height: 20px;\n width: 20px;\n }\n}\n\n.p-menu-control__item {\n display: flex;\n align-items: center;\n padding: 12px 27px;\n width: 100%;\n z-index: 1000;\n height: 48px;\n\n &-hidden {\n padding: 0;\n justify-content: center;\n }\n &:hover {\n background-color: $light-gray;\n .p-menu-control__item-icon,\n .p-menu-control__item-value {\n color: $primary-color;\n }\n img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%);\n }\n }\n\n &.is-active {\n .p-menu-control__item-icon,\n .p-menu-control__item-value {\n color: $primary-color;\n }\n }\n}\n\n.p-menu-control__item-icon {\n display: flex;\n margin-right: 12px;\n color: $dark-gray;\n\n svg {\n stroke: currentColor;\n }\n}\n\n.p-menu-control__item-value {\n font-weight: 600;\n font-size: 14px;\n color: #4A4A4A;\n text-align: left;\n}\n\n.control-active {\n img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%);\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/FooterPlayer/styles/player-fullscreen.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/FooterPlayer/styles/player-fullscreen.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-player-fullscreen {\n width: 102%;\n height: 100%;\n position: fixed;\n top: -46px;\n left: -15px;\n right: 0;\n bottom: 0;\n z-index: 2000;\n filter: brightness(0.7);\n background-size: cover;\n background-position: center; }\n\n.p-player-track-img {\n z-index: 2001;\n width: 560px;\n height: 560px;\n position: absolute;\n left: 50%;\n top: 48%;\n transform: translate(-50%, -50%); }\n\n.z-index-100 {\n z-index: 100; }\n", "",{"version":3,"sources":["webpack://src/components/FooterPlayer/styles/player-fullscreen.scss"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,eAAe;EACf,UAAU;EACV,WAAW;EACX,QAAQ;EACR,SAAS;EACT,aAAa;EACb,uBAAuB;EACvB,sBAAsB;EACtB,2BAA2B,EAAA;;AAG7B;EACE,aAAa;EACb,YAAY;EACZ,aAAa;EACb,kBAAiB;EACjB,SAAQ;EACR,QAAO;EACP,gCAAgC,EAAA;;AAGlC;EACE,YAAY,EAAA","sourcesContent":[".p-player-fullscreen {\n width: 102%;\n height: 100%;\n position: fixed;\n top: -46px;\n left: -15px;\n right: 0;\n bottom: 0;\n z-index: 2000;\n filter: brightness(0.7);\n background-size: cover;\n background-position: center;\n}\n\n.p-player-track-img {\n z-index: 2001;\n width: 560px;\n height: 560px;\n position:absolute;\n left:50%;\n top:48%;\n transform: translate(-50%, -50%)\n}\n\n.z-index-100 {\n z-index: 100;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/FooterPlayer/styles/queue-drawer.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/FooterPlayer/styles/queue-drawer.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".buba {\n margin-left: 0px; }\n\n.queue-drawer {\n width: 622px; }\n\n.queue-drawer__header {\n padding: 27px 48px 0;\n border-bottom: 1px solid #E8E9EC; }\n\n.queue-drawer__title {\n margin-left: 48px;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020; }\n .queue-drawer__title-queue {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 30px; }\n\n.queue-drawer__trash {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-right: 48px; }\n .queue-drawer__trash > p {\n font-size: 14px;\n line-height: 18px;\n font-weight: 600; }\n\n.queue-drawer__nav-item {\n padding-bottom: 16px;\n position: relative;\n font-weight: 600;\n font-size: 18px;\n line-height: 20px;\n color: #46556B;\n transition: 0.2s ease-in-out color; }\n .queue-drawer__nav-item:before {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n height: 2px;\n width: 100%;\n background-color: #F33540;\n opacity: 0;\n transition: 0.2s ease-in-out opacity; }\n .queue-drawer__nav-item.is-active {\n color: #F33540; }\n .queue-drawer__nav-item.is-active:before {\n opacity: 1; }\n .queue-drawer__nav-item:not(:last-child) {\n margin-right: 48px; }\n\n.queue-drawer__content {\n padding: 54px 0px 78px 0px;\n display: flex;\n flex-direction: column;\n height: 100%; }\n\n.queue-drawer__playlist {\n margin: 32px 0; }\n\n.queue-drawer__playlist-item {\n padding-left: 48px;\n padding-right: 45px; }\n .queue-drawer__playlist-item .playlist-item__container {\n margin: 0; }\n\n.queue-drawer__history-item {\n padding-left: 48px;\n padding-right: 48px; }\n .queue-drawer__history-item .playlist-item__container {\n margin: 0; }\n .queue-drawer__history-item .column-title {\n width: 150px; }\n .queue-drawer__history-item .column-author {\n max-width: 150px; }\n\n.hidden {\n opacity: 30%; }\n", "",{"version":3,"sources":["webpack://src/components/FooterPlayer/styles/queue-drawer.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AACA;EACE,gBAAgB,EAAA;;AAElB;EACE,YAAY,EAAA;;AAGd;EACE,oBAAoB;EACpB,gCCAmB,EAAA;;ADGrB;EACE,iBAAiB;EACjB,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,cChBa,EAAA;EDiBb;IACE,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,mBAAmB,EAAA;;AAIvB;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB,EAAA;EALpB;IAQI,eAAe;IACf,iBAAiB;IACjB,gBAAgB,EAAA;;AAIpB;EACE,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,cCzCiB;ED0CjB,kCAAkC,EAAA;EAPpC;IAUI,WAAW;IACX,kBAAkB;IAClB,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACX,yBCnCmB;IDoCnB,UAAU;IACV,oCAAoC,EAAA;EAnBxC;IAuBI,cCzCmB,EAAA;IDkBvB;MA0BM,UAAU,EAAA;EA1BhB;IA+BI,kBAAkB,EAAA;;AAItB;EACE,0BAA0B;EAC1B,aAAa;EACb,sBAAsB;EACtB,YAAY,EAAA;;AAGd;EACE,cAAc,EAAA;;AAGhB;EACE,kBAAkB;EAClB,mBAAmB,EAAA;EAFrB;IAKI,SAAS,EAAA;;AAIb;EACE,kBAAkB;EAClB,mBAAmB,EAAA;EAFrB;IAKI,SAAS,EAAA;EALb;IAQI,YAAY,EAAA;EARhB;IAWI,gBAAgB,EAAA;;AAIpB;EACE,YAAY,EAAA","sourcesContent":["@import 'styles/variables';\n.buba {\n margin-left: 0px;\n}\n.queue-drawer {\n width: 622px;\n}\n\n.queue-drawer__header {\n padding: 27px 48px 0;\n border-bottom: 1px solid $border-gray;\n}\n\n.queue-drawer__title {\n margin-left: 48px;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n &-queue {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 30px;\n }\n}\n\n.queue-drawer__trash {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-right: 48px;\n\n & > p {\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n }\n}\n\n.queue-drawer__nav-item {\n padding-bottom: 16px;\n position: relative;\n font-weight: 600;\n font-size: 18px;\n line-height: 20px;\n color: $dark-gray;\n transition: 0.2s ease-in-out color;\n\n &:before {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n height: 2px;\n width: 100%;\n background-color: $primary-color;\n opacity: 0;\n transition: 0.2s ease-in-out opacity;\n }\n\n &.is-active {\n color: $primary-color;\n\n &:before {\n opacity: 1;\n }\n }\n\n &:not(:last-child) {\n margin-right: 48px;\n }\n}\n\n.queue-drawer__content {\n padding: 54px 0px 78px 0px;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.queue-drawer__playlist {\n margin: 32px 0;\n}\n\n.queue-drawer__playlist-item {\n padding-left: 48px;\n padding-right: 45px;\n .playlist-item__container {\n //padding-right: 10px;\n margin: 0;\n }\n}\n\n.queue-drawer__history-item{\n padding-left: 48px;\n padding-right: 48px;\n .playlist-item__container {\n //padding-right: 10px;\n margin: 0;\n }\n .column-title {\n width: 150px;\n }\n .column-author {\n max-width: 150px;\n }\n}\n\n.hidden {\n opacity: 30%;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/FooterPlayer/styles/sleep-control.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/FooterPlayer/styles/sleep-control.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-sleep-control__dropdown {\n width: 250px;\n display: flex;\n flex-direction: column;\n padding: 12px 0;\n z-index: 1000; }\n\n.p-sleep-control__item {\n display: flex;\n align-items: center;\n padding: 12px 24px; }\n .p-sleep-control__item:hover {\n background-color: #F6F6F6; }\n .p-sleep-control__item.is-active .p-sleep-control__item-icon,\n .p-sleep-control__item.is-active .p-sleep-control__item-value {\n color: #F33540; }\n\n.p-sleep-control__item-icon {\n display: flex;\n margin-right: 12px;\n color: #46556B; }\n .p-sleep-control__item-icon svg {\n stroke: currentColor; }\n\n.p-sleep-control__item-value {\n font-weight: 600;\n font-size: 14px;\n line-height: 18px;\n color: #46556B; }\n\n.sleep-timer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 22px;\n border: 1px solid #46556B;\n border-radius: 3px;\n opacity: 0.64; }\n .sleep-timer > p {\n font-weight: bold;\n font-size: 12px;\n line-height: 16px;\n color: #46556B; }\n", "",{"version":3,"sources":["webpack://src/components/FooterPlayer/styles/sleep-control.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,eAAe;EACf,aAAa,EAAA;;AAGf;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB,EAAA;EAHpB;IAMI,yBCZgB,EAAA;EDMpB;;IAYM,cCCiB,EAAA;;ADIvB;EACE,aAAa;EACb,kBAAkB;EAClB,cCxBiB,EAAA;EDqBnB;IAMI,oBAAoB,EAAA;;AAIxB;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,cCnCiB,EAAA;;ADsCnB;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,yBC7CiB;ED8CjB,kBAAkB;EAClB,aAAa,EAAA;EATf;IAWI,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,cCpDe,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-sleep-control__dropdown {\n width: 250px;\n display: flex;\n flex-direction: column;\n padding: 12px 0;\n z-index: 1000;\n}\n\n.p-sleep-control__item {\n display: flex;\n align-items: center;\n padding: 12px 24px;\n\n &:hover {\n background-color: $light-gray;\n }\n\n &.is-active {\n .p-sleep-control__item-icon,\n .p-sleep-control__item-value {\n color: $primary-color;\n }\n }\n}\n\n.p-sleep-control__item-icon {\n display: flex;\n margin-right: 12px;\n color: $dark-gray;\n\n svg {\n stroke: currentColor;\n }\n}\n\n.p-sleep-control__item-value {\n font-weight: 600;\n font-size: 14px;\n line-height: 18px;\n color: $dark-gray;\n}\n\n.sleep-timer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 22px;\n border: 1px solid $dark-gray;\n border-radius: 3px;\n opacity: 0.64;\n & > p {\n font-weight: bold;\n font-size: 12px;\n line-height: 16px;\n color: $dark-gray;\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/FooterPlayer/styles/speed-control.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/FooterPlayer/styles/speed-control.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-speed-control__dropdown {\n width: 220px;\n display: flex;\n flex-direction: column;\n padding: 12px 0 7px;\n z-index: 1000; }\n\n.p-speed-control__item {\n display: flex;\n align-items: center;\n padding: 12px 24px; }\n .p-speed-control__item:hover {\n background-color: #F6F6F6; }\n .p-speed-control__item.is-active .speed-control__item-icon {\n opacity: 1; }\n .p-speed-control__item.is-active .speed-control__item-value {\n font-weight: 700;\n color: #F33540; }\n\n.speed-control__item-icon {\n display: flex;\n opacity: 0;\n margin-right: 12px; }\n\n.speed-control__item-value {\n font-size: 14px;\n line-height: 18px;\n color: #46556B; }\n", "",{"version":3,"sources":["webpack://src/components/FooterPlayer/styles/speed-control.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,aAAa,EAAA;;AAGf;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB,EAAA;EAHpB;IAMI,yBCZgB,EAAA;EDMpB;IAWM,UAAU,EAAA;EAXhB;IAeM,gBAAgB;IAChB,cCHiB,EAAA;;ADQvB;EACE,aAAa;EACb,UAAU;EACV,kBAAkB,EAAA;;AAGpB;EACE,eAAe;EACf,iBAAiB;EACjB,cClCiB,EAAA","sourcesContent":["@import \"styles/variables\";\n\n.p-speed-control__dropdown {\n width: 220px;\n display: flex;\n flex-direction: column;\n padding: 12px 0 7px;\n z-index: 1000;\n}\n\n.p-speed-control__item {\n display: flex;\n align-items: center;\n padding: 12px 24px;\n\n &:hover {\n background-color: $light-gray;\n }\n\n &.is-active {\n .speed-control__item-icon {\n opacity: 1;\n }\n\n .speed-control__item-value {\n font-weight: 700;\n color: $primary-color;\n }\n }\n}\n\n.speed-control__item-icon {\n display: flex;\n opacity: 0;\n margin-right: 12px;\n}\n\n.speed-control__item-value {\n font-size: 14px;\n line-height: 18px;\n color: $dark-gray\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/FooterPlayer/styles/style.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/FooterPlayer/styles/style.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --swiper-theme-color: #000; }\n\n.invisible {\n width: 0;\n height: 0;\n left: -999em;\n top: -999em;\n position: absolute;\n opacity: 0;\n overflow: hidden;\n z-index: -1000; }\n\n.scroll_tracks {\n overflow-y: auto;\n overflow-x: hidden;\n min-height: 90%;\n padding-bottom: 180px; }\n\n.p-footer-player {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 3000;\n width: 100%;\n display: flex;\n flex-direction: column;\n background: #f6f6f6;\n box-shadow: 0px -15px 32px rgba(26, 52, 90, 0.05); }\n .p-footer-player .player-preloader {\n height: 62px;\n width: 62px;\n position: absolute;\n left: -13px;\n bottom: 15px; }\n .p-footer-player .player-preloader > div {\n z-index: 2000;\n max-width: 40px;\n max-height: 40px; }\n .p-footer-player__inner {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative; }\n .p-footer-player__inner__range {\n position: absolute;\n z-index: 1000;\n height: 12px;\n top: -12px;\n width: 100%;\n background-color: white; }\n .p-footer-player__inner__range .p-range-duration,\n .p-footer-player__inner__range .p-range-time {\n display: block;\n position: absolute;\n top: 0;\n font-size: 9px;\n -webkit-user-select: none;\n user-select: none;\n pointer-events: none; }\n .p-footer-player__inner__range .p-range-time {\n color: white;\n margin-left: 4px; }\n .p-footer-player__inner__range .p-range-duration {\n right: 0;\n color: black;\n margin-right: 25px; }\n .p-footer-player__inner__range input {\n height: 12px;\n width: 100%;\n outline: none;\n border-radius: 1px;\n border: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n overflow: hidden; }\n .p-footer-player__inner__range input::-webkit-slider-thumb {\n background-color: #F33540;\n border: none;\n box-shadow: -100vw 0 0 100vw #F33540; }\n .p-footer-player__inner__range input::-moz-range-thumb {\n opacity: 0;\n border: 0;\n outline: none; }\n .p-footer-player__inner > * {\n display: flex;\n flex-direction: row;\n align-items: center; }\n @media (min-width: 2000px) {\n .p-footer-player__inner > * {\n flex: none; } }\n .p-footer-player__now-playing {\n width: 34.51168%;\n min-width: 230px;\n flex-wrap: nowrap; }\n .p-footer-player__now-playing > *:not(:last-child) {\n margin-right: 22px;\n z-index: 1001; }\n .p-footer-player__now-playing .control-button {\n width: 32px;\n height: 32px; }\n .p-footer-player__now-playing .control-button img {\n max-width: none; }\n .p-footer-player__now-playing .control-button:disabled {\n cursor: auto; }\n .p-footer-player__now-playing .cover {\n width: 62px;\n height: 62px; }\n .p-footer-player__now-playing .cover img {\n max-width: 62px;\n max-height: 62px; }\n .p-footer-player__now-playing .options {\n display: flex;\n align-items: center; }\n .p-footer-player__now-playing .content-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%; }\n .p-footer-player__now-playing .content-info .track {\n font-weight: bold;\n color: #000000;\n line-height: 20px; }\n .p-footer-player__now-playing .content-info .author {\n cursor: pointer;\n color: #46556B;\n font-size: 14px; }\n .p-footer-player__now-playing .content-info .mark__explicit {\n margin-top: 1px; }\n .p-footer-player__controls {\n display: flex;\n flex-direction: row;\n justify-content: center;\n width: 27.70656%;\n min-width: 400px;\n flex-wrap: nowrap; }\n .p-footer-player__controls > * {\n display: flex;\n align-items: center;\n justify-content: flex-start; }\n .p-footer-player__controls .controls-left {\n justify-content: flex-end; }\n .p-footer-player__controls .controls-left > *:not(:last-child) {\n margin-right: 50px; }\n .p-footer-player__controls .controls-right > *:not(:first-child) {\n margin-left: 50px; }\n @media screen and (max-width: 1050px) {\n .p-footer-player__controls .controls-right > *:not(:first-child) {\n margin-left: 25px; } }\n .p-footer-player__controls .control-button {\n align-items: center;\n width: 24px;\n height: 24px; }\n .p-footer-player__controls .control-button img {\n max-width: none; }\n .p-footer-player__controls .control-button:disabled {\n cursor: auto; }\n .p-footer-player__controls .control-button__prev-next {\n width: 20px;\n height: 20px; }\n .p-footer-player__controls .main-control {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin: 0 16px; }\n .p-footer-player__controls .main-control > button {\n width: 36px;\n height: 36px; }\n .p-footer-player__additional-control {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n width: 37.77536%;\n min-width: 238px;\n flex-wrap: nowrap; }\n .p-footer-player__additional-control .control-button {\n height: 24px;\n width: 24px; }\n .p-footer-player__additional-control .control-button img {\n max-width: none; }\n .p-footer-player__additional-control .control-button:disabled {\n cursor: auto; }\n .p-footer-player__additional-control > * {\n margin-right: 24px; }\n .p-footer-player__additional-control > div:first-child {\n margin-left: 24px; }\n\n.list_drawer_buttons {\n display: flex;\n justify-content: flex-end;\n margin-top: 40px;\n margin-right: 48px;\n margin-bottom: 10px; }\n .list_drawer_buttons button {\n height: 44px;\n width: 100px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px; }\n .list_drawer_buttons button:first-of-type {\n margin-right: 16px;\n width: 168px; }\n .list_drawer_buttons__cancel {\n background: #fff;\n border: 1px solid #f33540;\n border-radius: 4px;\n color: #f33540; }\n .list_drawer_buttons__save {\n background: #f33540;\n border-radius: 4px;\n color: #fff; }\n\n.control-button img {\n max-width: none; }\n", "",{"version":3,"sources":["webpack://src/components/FooterPlayer/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,0BAAqB,EAAA;;AAGvB;EACE,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,UAAU;EACV,gBAAgB;EAChB,cAAc,EAAA;;AAGhB;EACE,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,qBAAqB,EAAA;;AAEvB;EACE,eAAe;EACf,OAAO;EACP,QAAQ;EACR,SAAS;EACT,aAAa;EACb,WAAW;EAEX,aAAa;EACb,sBAAsB;EAEtB,mBAAmB;EACnB,iDAAiD,EAAA;EAZnD;IAeI,YAAY;IACZ,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;IAnBhB;MAqBM,aAAa;MACb,eAAe;MACf,gBAAgB,EAAA;EAIpB;IACE,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB,EAAA;IAElB;MACE,kBAAkB;MAClB,aAAa;MACb,YAAY;MACZ,UAAU;MACV,WAAW;MACX,uBAAuB,EAAA;MANxB;;QAUG,cAAc;QACd,kBAAkB;QAClB,MAAM;QACN,cAAc;QACd,yBAAiB;gBAAjB,iBAAiB;QACjB,oBAAoB,EAAA;MAfvB;QAmBG,YAAY;QACZ,gBAAgB,EAAA;MApBnB;QAwBG,QAAQ;QACR,YAAY;QACZ,kBAAkB,EAAA;MA1BrB;QA4CG,YAAY;QACZ,WAAW;QACX,aAAa;QACb,kBAAkB;QAClB,YAAY;QACZ,UAAU;QACV,SAAS;QACT,eAAe;QACf,gBAAgB,EAAA;QApDnB;UAuDK,yBCxFa;UDyFb,YAAY;UACZ,oCC1Fa,EAAA;QDiClB;UA8DK,UAAU;UACV,SAAS;UACT,aAAa,EAAA;IAtEpB;MA6EG,aAAa;MACb,mBAAmB;MACnB,mBAAmB,EAAA;MACnB;QAhFH;UAiFK,UAAU,EAAA,EAEb;EAGH;IACE,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB,EAAA;IAHlB;MAMG,kBAAkB;MAClB,aAAa,EAAA;IAPhB;MAWG,WAAW;MACX,YAAY,EAAA;MAZf;QAeK,eAAe,EAAA;MAfpB;QAmBK,YAAY,EAAA;IAnBjB;MAwBG,WAAW;MACX,YAAY,EAAA;MAzBf;QA2BK,eAAe;QACf,gBAAgB,EAAA;IA5BrB;MAiCG,aAAa;MACb,mBAAmB,EAAA;IAlCtB;MA0CG,aAAa;MACb,sBAAsB;MACtB,uBAAuB;MACvB,WAAW,EAAA;MA7Cd;QAgDK,iBAAiB;QACjB,cCxLa;QDyLb,iBAAiB,EAAA;MAlDtB;QAsDK,eAAe;QACf,cCzLW;QD0LX,eAAe,EAAA;MAxDpB;QA2DK,eAAe,EAAA;EAKrB;IACE,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB,EAAA;IANlB;MASG,aAAa;MACb,mBAAmB;MACnB,2BAA2B,EAAA;IAX9B;MAeG,yBAAyB,EAAA;MAf5B;QAiBK,kBAAkB,EAAA;IAjBvB;MAuBK,iBAAiB,EAAA;IAGrB;MA1BD;QA6BO,iBAAiB,EAAA,EAClB;IA9BN;MAmCG,mBAAmB;MACnB,WAAW;MACX,YAAY,EAAA;MArCf;QAwCK,eAAe,EAAA;MAxCpB;QA4CK,YAAY,EAAA;MA5CjB;QAgDK,WAAW;QACX,YAAY,EAAA;IAjDjB;MAsDG,aAAa;MACb,mBAAmB;MACnB,mBAAmB;MACnB,8BAA8B;MAC9B,cAAc,EAAA;MA1DjB;QA6DK,WAAW;QACX,YAAY,EAAA;EAKlB;IACE,aAAa;IACb,mBAAmB;IACnB,yBAAyB;IACzB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB,EAAA;IANlB;MASG,YAAY;MACZ,WAAW,EAAA;MAVd;QAaK,eAAe,EAAA;MAbpB;QAiBK,YAAY,EAAA;IAjBjB;MAsBG,kBAAkB,EAAA;IAtBrB;MAyBG,iBAAiB,EAAA;;AAKvB;EACE,aAAa;EACb,yBAAyB;EACzB,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB,EAAA;EALrB;IAQI,YAAY;IACZ,YAAY;IACZ,yBAAyB;IACzB,eAAe;IACf,iBAAiB;IACjB,mBAAmB,EAAA;EAbvB;IAgBI,kBAAkB;IAClB,YAAY,EAAA;EAEd;IACE,gBAAgB;IAChB,yBAAyB;IACzB,kBAAkB;IAClB,cAAc,EAAA;EAEhB;IACE,mBAAmB;IACnB,kBAAkB;IAClB,WAAW,EAAA;;AAIf;EAEI,eAAe,EAAA","sourcesContent":["@import 'styles/variables';\n\n:root {\n --swiper-theme-color: #000;\n}\n\n.invisible {\n width: 0;\n height: 0;\n left: -999em;\n top: -999em;\n position: absolute;\n opacity: 0;\n overflow: hidden;\n z-index: -1000;\n}\n\n.scroll_tracks {\n overflow-y: auto;\n overflow-x: hidden;\n min-height: 90%;\n padding-bottom: 180px;\n}\n.p-footer-player {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 3000;\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n background: #f6f6f6;\n box-shadow: 0px -15px 32px rgba(26, 52, 90, 0.05);\n\n .player-preloader {\n height: 62px;\n width: 62px;\n position: absolute;\n left: -13px;\n bottom: 15px;\n & > div {\n z-index: 2000;\n max-width: 40px;\n max-height: 40px;\n }\n }\n\n &__inner {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative;\n\n &__range {\n position: absolute;\n z-index: 1000;\n height: 12px;\n top: -12px;\n width: 100%;\n background-color: white;\n\n .p-range-duration,\n .p-range-time {\n display: block;\n position: absolute;\n top: 0;\n font-size: 9px;\n user-select: none;\n pointer-events: none;\n }\n\n .p-range-time {\n color: white;\n margin-left: 4px;\n }\n\n .p-range-duration {\n right: 0;\n color: black;\n margin-right: 25px;\n }\n\n // &:hover {\n // height: 12px;\n // top: -12px;\n\n // .p-range-duration,\n // .p-range-time {\n // display: block;\n // }\n\n // input {\n // height: 12px;\n // }\n // }\n\n input {\n height: 12px;\n width: 100%;\n outline: none;\n border-radius: 1px;\n border: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n overflow: hidden;\n\n &::-webkit-slider-thumb {\n background-color: $primary-color;\n border: none;\n box-shadow: -100vw 0 0 100vw $primary-color; // for safari\n }\n\n // For firefox\n &::-moz-range-thumb {\n opacity: 0;\n border: 0;\n outline: none;\n }\n }\n }\n\n & > * {\n //flex: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n @media (min-width: 2000px) {\n flex: none;\n }\n }\n }\n\n &__now-playing {\n width: 34.51168%;\n min-width: 230px;\n flex-wrap: nowrap;\n\n & > *:not(:last-child) {\n margin-right: 22px;\n z-index: 1001;\n }\n\n .control-button {\n width: 32px;\n height: 32px;\n\n img {\n max-width: none;\n }\n\n &:disabled {\n cursor: auto;\n }\n }\n\n .cover {\n width: 62px;\n height: 62px;\n img {\n max-width: 62px;\n max-height: 62px;\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n // &:hover > img {\n // filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);\n // }\n // NOTE: Заготовка под ховер для кнопок плеера\n }\n\n .content-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n\n .track {\n font-weight: bold;\n color: $total-black;\n line-height: 20px;\n }\n\n .author {\n cursor: pointer;\n color: $dark-gray;\n font-size: 14px;\n }\n .mark__explicit{\n margin-top: 1px;\n }\n }\n }\n\n &__controls {\n display: flex;\n flex-direction: row;\n justify-content: center;\n width: 27.70656%;\n min-width: 400px;\n flex-wrap: nowrap;\n\n & > * {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n\n .controls-left {\n justify-content: flex-end;\n & > *:not(:last-child) {\n margin-right: 50px;\n }\n }\n\n .controls-right {\n & > *:not(:first-child) {\n margin-left: 50px;\n }\n }\n @media screen and (max-width: 1050px) {\n .controls-right {\n & > *:not(:first-child) {\n margin-left: 25px;\n }\n }\n }\n\n .control-button {\n align-items: center;\n width: 24px;\n height: 24px;\n\n img {\n max-width: none;\n }\n\n &:disabled {\n cursor: auto;\n }\n\n &__prev-next {\n width: 20px;\n height: 20px;\n }\n }\n\n .main-control {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin: 0 16px;\n\n & > button {\n width: 36px;\n height: 36px;\n }\n }\n }\n\n &__additional-control {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n width: 37.77536%;\n min-width: 238px;\n flex-wrap: nowrap;\n\n .control-button {\n height: 24px;\n width: 24px;\n\n img {\n max-width: none;\n }\n\n &:disabled {\n cursor: auto;\n }\n }\n\n & > * {\n margin-right: 24px;\n }\n & > div:first-child {\n margin-left: 24px;\n }\n }\n}\n\n.list_drawer_buttons {\n display: flex;\n justify-content: flex-end;\n margin-top: 40px;\n margin-right: 48px;\n margin-bottom: 10px;\n\n button {\n height: 44px;\n width: 100px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px;\n }\n button:first-of-type {\n margin-right: 16px;\n width: 168px;\n }\n &__cancel {\n background: #fff;\n border: 1px solid #f33540;\n border-radius: 4px;\n color: #f33540;\n }\n &__save {\n background: #f33540;\n border-radius: 4px;\n color: #fff;\n }\n}\n\n.control-button {\n img {\n max-width: none;\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/FooterPlayer/styles/volume-control.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/FooterPlayer/styles/volume-control.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-volume-control__dropdown {\n width: 58px;\n padding: 22px 0;\n z-index: 1000; }\n\n.p-volume-control__slider-wrapper {\n height: 172px;\n display: flex;\n align-items: center;\n justify-content: center; }\n", "",{"version":3,"sources":["webpack://src/components/FooterPlayer/styles/volume-control.scss"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,eAAe;EACf,aAAa,EAAA;;AAGf;EACE,aAAa;EACb,aAAa;EACb,mBAAmB;EACnB,uBAAuB,EAAA","sourcesContent":[".p-volume-control__dropdown {\n width: 58px;\n padding: 22px 0;\n z-index: 1000;\n}\n\n.p-volume-control__slider-wrapper {\n height: 172px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Header/components/styles/style.scss":
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Header/components/styles/style.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA; }\n\n.p-search-input {\n display: flex;\n align-items: center; }\n .p-search-input .g-input {\n padding-right: 32px; }\n .p-search-input .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer; }\n\n.p-account .p-img {\n min-height: 36px;\n min-width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden; }\n\n.p-account .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px; }\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: 50%;\n margin-left: 10px; }\n", "",{"version":3,"sources":["webpack://src/components/Header/components/styles/style.scss"],"names":[],"mappings":"AAEA;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,iBAAiB;EACjB,iBAAiB;EACjB,yBAAyB,EAAA;;AAG3B;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAKI,mBAAmB,EAAA;EALvB;IAQI,YAAY;IACZ,kBAAkB;IAClB,eAAe,EAAA;;AAInB;EAEI,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB,EAAA;;AANpB;EAUI,iBAAiB;EACjB,kBAAkB,EAAA;;AAItB;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,iBAAiB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA;\n}\n\n.p-search-input {\n display: flex;\n align-items: center;\n\n .g-input {\n padding-right: 32px;\n }\n .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer;\n }\n}\n\n.p-account {\n .p-img {\n min-height: 36px;\n min-width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden;\n }\n\n .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px;\n }\n}\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: 50%;\n margin-left: 10px;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Header/styles/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Header/styles/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-header {\n padding: 0 48px 0 48px;\n display: flex;\n align-items: center;\n height: 76px;\n background: #F6F6F6;\n border-bottom: 1px solid #e6e7ea;\n width: 100%; }\n .p-header .p-name-text {\n white-space: nowrap;\n padding-right: 12px;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis; }\n .p-header .p-profile-arrow {\n margin-right: 16px; }\n .p-header .p-profile-block {\n display: flex;\n align-items: center; }\n .p-header .p-nav-buttons {\n display: flex;\n margin-right: 17px; }\n .p-header .p-search {\n width: calc(100% - 350px);\n padding-right: 20px;\n min-width: 435px; }\n .p-header .p-account-drop {\n cursor: pointer;\n position: relative;\n margin-left: auto;\n border-radius: 30px;\n padding: 2px;\n min-width: 120px;\n max-width: 280px; }\n .p-header .p-account {\n cursor: pointer;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 30px;\n padding: 2px;\n border: 1px solid #e6e7ea; }\n .p-header .p-account-open {\n background-color: #ffffff;\n border-top: 1px solid #E8EAEC;\n border-right: 1px solid #E8EAEC;\n border-left: 1px solid #E8EAEC;\n border-image: initial;\n box-shadow: 0 8px 36px rgba(0, 0, 0, 0.2);\n border-radius: 20px 20px 0 0; }\n .p-header .p-account-open .p-name {\n white-space: nowrap;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n padding-right: 12px;\n position: relative;\n min-width: 50px; }\n .p-header .p-account-border {\n border: none; }\n .p-header .p-account-open-content {\n z-index: 1000;\n position: absolute;\n width: calc(100% + 2px);\n margin-left: -1px;\n overflow: hidden;\n left: 0;\n top: 44px;\n background-color: white;\n box-shadow: -1px 20px 20px 0 rgba(0, 0, 0, 0.2);\n border-right: 1px solid #E8EAEC;\n border-bottom: 1px solid #E8EAEC;\n border-left: 1px solid #E8EAEC;\n border-image: initial;\n border-top: none;\n border-radius: 0 0 20px 20px; }\n .p-header .p-account-open-content > a {\n color: black; }\n .p-header .p-account-open-content__item {\n display: flex;\n align-items: center;\n padding: 14px 16px;\n padding-left: 11px;\n width: 100%;\n z-index: 1;\n cursor: pointer;\n font-size: 14px; }\n .p-header .p-account-open-content__item > span {\n margin-left: 14px; }\n .p-header .p-account-open-content__item:hover {\n background-color: #E8EAEC;\n color: #F33540; }\n .p-header .p-account-open-content__item:hover img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%); }\n .p-header .p-account-open-content__item:hover > span {\n color: #F33540; }\n\n.p-search-input-active {\n position: relative; }\n .p-search-input-active > input {\n border-top: 1px solid #E8EAEC;\n border-right: 1px solid #E8EAEC;\n border-left: 1px solid #E8EAEC;\n border-image: initial;\n border-radius: 23px 23px 0 0;\n border-bottom: 1px solid white; }\n .p-search-input-active .p-info-content {\n z-index: 3;\n position: absolute;\n width: 100%;\n top: 43px;\n left: 0;\n background-color: white;\n border-right: 1px solid #E8EAEC;\n border-bottom: 1px solid #E8EAEC;\n border-left: 1px solid #E8EAEC;\n border-image: initial;\n border-top: none;\n border-radius: 0 0 23px 23px;\n padding: 0 0 20px;\n font-size: 14px; }\n .p-search-input-active .p-info-content > .line {\n display: flex;\n padding: 0 12px 0 20px; }\n .p-search-input-active .p-info-content > .line > span {\n width: 100%;\n height: 1px;\n background-color: #e6e7ea; }\n .p-search-input-active .p-info-content__item {\n line-height: 1.5em;\n font-size: 14px;\n border-radius: 4px;\n padding: 10px 20px;\n display: flex;\n cursor: pointer; }\n .p-search-input-active .p-info-content__item:hover {\n background-color: #F6F6F6; }\n", "",{"version":3,"sources":["webpack://src/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,sBC4CsB;ED3CtB,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,mBCHkB;EDIlB,gCAAgC;EAChC,WAAW,EAAA;EAPb;IAWM,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB,EAAA;EAf7B;IAoBI,kBAAkB,EAAA;EApBtB;IAwBI,aAAa;IACb,mBAAmB,EAAA;EAzBvB;IA6BI,aAAa;IACb,kBAAkB,EAAA;EA9BtB;IAkCI,yBAAyB;IACzB,mBAAmB;IACnB,gBAAgB,EAAA;EApCpB;IAyCI,eAAe;IACf,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB;IACnB,YAAY;IACZ,gBAAgB;IAChB,gBAAgB,EAAA;EA/CpB;IAmDI,eAAe;IACf,kBAAkB;IAClB,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,mBAAmB;IACnB,YAAY;IACZ,yBAAyB,EAAA;EA1D7B;IA8DI,yBC7DW;ID8DX,6BC5Dc;ID6Dd,+BC7Dc;ID8Dd,8BC9Dc;ID+Dd,qBAAqB;IACrB,yCAAyC;IACzC,4BAA4B,EAAA;IApEhC;MAuEM,mBAAmB;MACnB,oBAAoB;MACpB,qBAAqB;MACrB,mBAAmB;MACnB,kBAAkB;MAClB,eAAe,EAAA;EA5ErB;IAiFI,YAAY,EAAA;EAjFhB;IAqFI,aAAa;IACb,kBAAkB;IAClB,uBAAuB;IACvB,iBAAiB;IACjB,gBAAgB;IAChB,OAAO;IACP,SAAS;IACT,uBAAoC;IACpC,+CAA+C;IAC/C,+BC3Fc;ID4Fd,gCC5Fc;ID6Fd,8BC7Fc;ID8Fd,qBAAqB;IACrB,gBAAgB;IAChB,4BAA4B,EAAA;IAnGhC;MAqGM,YAAY,EAAA;IArGlB;MAyGM,aAAa;MACb,mBAAmB;MACnB,kBAAkB;MAClB,kBAAkB;MAClB,WAAW;MACX,UAAU;MACV,eAAe;MACf,eAAe,EAAA;MAhHrB;QAmHQ,iBAAiB,EAAA;MAnHzB;QAsHQ,yBCnHU;QDoHV,cClGe,EAAA;QDrBvB;UAyHU,gGACgB,EAAA;QA1H1B;UA8HU,cCzGa,EAAA;;ADgHvB;EACE,kBAAkB,EAAA;EADpB;IAII,6BCtIc;IDuId,+BCvIc;IDwId,8BCxIc;IDyId,qBAAqB;IACrB,4BAA4B;IAC5B,8BAA8B,EAAA;EATlC;IAaI,UAAU;IACV,kBAAkB;IAClB,WAAW;IACX,SAAS;IACT,OAAO;IACP,uBAAuB;IACvB,+BCrJc;IDsJd,gCCtJc;IDuJd,8BCvJc;IDwJd,qBAAqB;IACrB,gBAAgB;IAChB,4BAA4B;IAC5B,iBAAiB;IACjB,eAAe,EAAA;IA1BnB;MA6BM,aAAa;MACb,sBAAsB,EAAA;MA9B5B;QAiCQ,WAAW;QACX,WAAW;QACX,yBAAyB,EAAA;IAnCjC;MAwCM,kBAAkB;MAClB,eAAe;MACf,kBAAkB;MAClB,kBAAkB;MAClB,aAAa;MACb,eAAe,EAAA;MA7CrB;QAgDQ,yBCnLY,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-header {\n padding: 0 $home-side-padding 0 $home-side-padding;\n display: flex;\n align-items: center;\n height: 76px;\n background: $light-gray;\n border-bottom: 1px solid #e6e7ea;\n width: 100%;\n\n .p-name {\n &-text {\n white-space: nowrap;\n padding-right: 12px;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .p-profile-arrow {\n margin-right: 16px;\n }\n\n .p-profile-block {\n display: flex;\n align-items: center;\n }\n\n .p-nav-buttons {\n display: flex;\n margin-right: 17px;\n }\n\n .p-search {\n width: calc(100% - 350px);\n padding-right: 20px;\n min-width: 435px;\n //max-width: 775px;\n }\n\n .p-account-drop {\n cursor: pointer;\n position: relative;\n margin-left: auto;\n border-radius: 30px;\n padding: 2px;\n min-width: 120px;\n max-width: 280px;\n }\n\n .p-account {\n cursor: pointer;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 30px;\n padding: 2px;\n border: 1px solid #e6e7ea;\n }\n\n .p-account-open {\n background-color: $white;\n border-top: 1px solid $mid-gray;\n border-right: 1px solid $mid-gray;\n border-left: 1px solid $mid-gray;\n border-image: initial;\n box-shadow: 0 8px 36px rgba(0, 0, 0, 0.2);\n border-radius: 20px 20px 0 0;\n\n .p-name {\n white-space: nowrap;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n padding-right: 12px;\n position: relative;\n min-width: 50px;\n }\n }\n\n .p-account-border {\n border: none;\n }\n\n .p-account-open-content {\n z-index: 1000;\n position: absolute;\n width: calc(100% + 2px);\n margin-left: -1px;\n overflow: hidden;\n left: 0;\n top: 44px;\n background-color: rgb(255, 255, 255);\n box-shadow: -1px 20px 20px 0 rgba(0, 0, 0, 0.2);\n border-right: 1px solid $mid-gray;\n border-bottom: 1px solid $mid-gray;\n border-left: 1px solid $mid-gray;\n border-image: initial;\n border-top: none;\n border-radius: 0 0 20px 20px;\n & > a {\n color: black;\n }\n\n &__item {\n display: flex;\n align-items: center;\n padding: 14px 16px;\n padding-left: 11px;\n width: 100%;\n z-index: 1;\n cursor: pointer;\n font-size: 14px;\n\n & > span {\n margin-left: 14px;\n }\n &:hover {\n background-color: $mid-gray;\n color: $primary-color;\n img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%)\n contrast(103%);\n }\n\n & > span {\n color: $primary-color;\n }\n }\n }\n }\n}\n\n.p-search-input-active {\n position: relative;\n\n & > input {\n border-top: 1px solid $mid-gray;\n border-right: 1px solid $mid-gray;\n border-left: 1px solid $mid-gray;\n border-image: initial;\n border-radius: 23px 23px 0 0;\n border-bottom: 1px solid white;\n }\n\n .p-info-content {\n z-index: 3;\n position: absolute;\n width: 100%;\n top: 43px;\n left: 0;\n background-color: white;\n border-right: 1px solid $mid-gray;\n border-bottom: 1px solid $mid-gray;\n border-left: 1px solid $mid-gray;\n border-image: initial;\n border-top: none;\n border-radius: 0 0 23px 23px;\n padding: 0 0 20px;\n font-size: 14px;\n\n & > .line {\n display: flex;\n padding: 0 12px 0 20px;\n\n & > span {\n width: 100%;\n height: 1px;\n background-color: #e6e7ea;\n }\n }\n\n &__item {\n line-height: 1.5em;\n font-size: 14px;\n border-radius: 4px;\n padding: 10px 20px;\n display: flex;\n cursor: pointer;\n\n &:hover {\n background-color: $light-gray;\n }\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/HeaderPlayer/styles/headerPlayer.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/HeaderPlayer/styles/headerPlayer.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-header-player {\n box-shadow: 0px 12px 15px rgba(26, 52, 90, 0.05);\n border-top: 1px solid #E8EAEC;\n display: flex;\n align-items: center;\n padding: 15px 48px;\n margin-bottom: 25px; }\n .p-header-player .p-menu-control__item > .p-icon {\n margin-left: auto; }\n .p-header-player .p-rating-control__dropdown {\n width: 208px;\n display: flex;\n flex-direction: column;\n margin-top: 14px; }\n .p-header-player .p-rating {\n display: flex;\n padding: 20px;\n justify-content: space-between; }\n .p-header-player .p-rating__star {\n cursor: pointer; }\n .p-header-player__drop-down {\n position: relative; }\n .p-header-player .control-play-button {\n width: 40px;\n height: 40px;\n margin-right: 28px; }\n .p-header-player .control-play-button img {\n max-width: none; }\n .p-header-player .control-play-button:disabled {\n cursor: auto; }\n .p-header-player .p-player-bar__shuffle {\n margin-right: 25px; }\n .p-header-player .p-player-menu {\n position: relative; }\n .p-header-player .catalog-description {\n display: flex;\n align-items: center;\n margin-left: 22px; }\n .p-header-player .catalog-description-text {\n max-width: 260px;\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n margin-left: 24px; }\n .p-header-player .catalog-link {\n margin-left: auto; }\n .p-header-player .catalog-button {\n font-weight: bold;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #FFFFFF;\n border: 1px solid #FFFFFF;\n border-radius: 4px;\n padding: 13px 16px 11px 16px; }\n .p-header-player .p-profile-player-right {\n display: flex;\n align-items: center;\n margin-left: auto;\n color: #46556b; }\n .p-header-player .p-profile-player-right .control-button {\n margin-left: 29px;\n display: flex;\n align-items: center; }\n .p-header-player .p-profile-player-right .control-button img {\n max-width: none; }\n .p-header-player .p-profile-player-right .control-button:disabled {\n cursor: auto; }\n .p-header-player .p-profile-player-right .control-button:first-child {\n margin-left: 0; }\n .p-header-player .p-profile-player-right .control-button > span {\n font-size: 17px;\n margin-left: 5px;\n margin-top: 2px;\n font-weight: 700;\n color: #46556b; }\n .p-header-player .p-profile-player-right > span {\n font-size: 17px;\n margin-left: 5px;\n font-weight: 700;\n color: #46556b; }\n .p-header-player .p-profile-player-right > img {\n height: 17px; }\n\n.search-settings {\n z-index: 1; }\n\n.custom-btn-active .active-player-icon {\n color: #F33540 !important; }\n\n.custom-btn-active .active-player-icon {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%); }\n", "",{"version":3,"sources":["webpack://src/components/HeaderPlayer/styles/headerPlayer.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,gDAAgD;EAChD,6BCCgB;EDAhB,aAAa;EACb,mBAAmB;EACnB,kBCwCsB;EDvCtB,mBAAmB,EAAA;EANrB;IAUM,iBAAiB,EAAA;EAVvB;IAeI,YAAY;IACZ,aAAa;IACb,sBAAsB;IACtB,gBAAgB,EAAA;EAlBpB;IAsBI,aAAa;IACb,aAAa;IACb,8BAA8B,EAAA;IAxBlC;MA0BM,eAAe,EAAA;EAInB;IACE,kBAAkB,EAAA;EA/BtB;IAmCI,WAAW;IACX,YAAY;IACZ,kBAAkB,EAAA;IArCtB;MAwCM,eAAe,EAAA;IAxCrB;MA4CM,YAAY,EAAA;EA5ClB;IAgDI,kBAAkB,EAAA;EAhDtB;IAmDI,kBAAkB,EAAA;EAnDtB;IAuDI,aAAa;IACb,mBAAmB;IACnB,iBAAiB,EAAA;IAzDrB;MA2DM,gBAAgB;MAChB,iBAAiB;MACjB,eAAe;MACf,iBAAiB;MACjB,WAAW;MACX,iBAAiB,EAAA;EAhEvB;IAqEI,iBAAiB,EAAA;EArErB;IAyEI,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,yBAAyB;IACzB,cAAc;IACd,yBAAyB;IACzB,kBAAkB;IAClB,4BAA4B,EAAA;EApFhC;IAwFI,aAAa;IACb,mBAAmB;IACnB,iBAAiB;IACjB,cAAc,EAAA;IA3FlB;MA8FM,iBAAiB;MACjB,aAAa;MACb,mBAAmB,EAAA;MAhGzB;QAmGQ,eAAe,EAAA;MAnGvB;QAuGQ,YAAY,EAAA;MAvGpB;QA2GQ,cAAc,EAAA;MA3GtB;QA+GQ,eAAe;QACf,gBAAgB;QAChB,eAAe;QACf,gBAAgB;QAChB,cAAc,EAAA;IAnHtB;MAwHM,eAAe;MACf,gBAAgB;MAChB,gBAAgB;MAChB,cAAc,EAAA;IA3HpB;MA+HM,YAAY,EAAA;;AAKlB;EACE,UAAU,EAAA;;AAGZ;EAEI,yBAA+B,EAAA;;AAFnC;EAKI,gGAAgG,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-header-player {\n box-shadow: 0px 12px 15px rgba(26, 52, 90, 0.05);\n border-top: 1px solid $mid-gray;\n display: flex;\n align-items: center;\n padding: 15px $home-side-padding;\n margin-bottom: 25px;\n\n .p-menu-control__item {\n & > .p-icon {\n margin-left: auto;\n }\n }\n\n .p-rating-control__dropdown {\n width: 208px;\n display: flex;\n flex-direction: column;\n margin-top: 14px;\n }\n\n .p-rating {\n display: flex;\n padding: 20px;\n justify-content: space-between;\n &__star {\n cursor: pointer;\n }\n }\n\n &__drop-down {\n position: relative;\n }\n\n .control-play-button {\n width: 40px;\n height: 40px;\n margin-right: 28px;\n\n img {\n max-width: none;\n }\n\n &:disabled {\n cursor: auto;\n }\n }\n .p-player-bar__shuffle {\n margin-right: 25px;\n }\n .p-player-menu {\n position: relative;\n }\n\n .catalog-description {\n display: flex;\n align-items: center;\n margin-left: 22px;\n &-text {\n max-width: 260px;\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n margin-left: 24px;\n }\n }\n\n .catalog-link {\n margin-left: auto;\n }\n\n .catalog-button {\n font-weight: bold;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #FFFFFF;\n border: 1px solid #FFFFFF;\n border-radius: 4px;\n padding: 13px 16px 11px 16px;\n }\n\n .p-profile-player-right {\n display: flex;\n align-items: center;\n margin-left: auto;\n color: #46556b;\n\n .control-button {\n margin-left: 29px;\n display: flex;\n align-items: center;\n\n img {\n max-width: none;\n }\n\n &:disabled {\n cursor: auto;\n }\n\n &:first-child {\n margin-left: 0;\n }\n\n & > span {\n font-size: 17px;\n margin-left: 5px;\n margin-top: 2px;\n font-weight: 700;\n color: #46556b;\n }\n }\n\n & > span {\n font-size: 17px;\n margin-left: 5px;\n font-weight: 700;\n color: #46556b;\n }\n\n & > img {\n height: 17px;\n }\n }\n}\n\n.search-settings {\n z-index: 1;\n}\n\n.custom-btn-active {\n .active-player-icon {\n color: $primary-color!important;\n }\n .active-player-icon {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%);\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/HeaderPlayer/styles/playlist-modal.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/HeaderPlayer/styles/playlist-modal.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".playlist-modal__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background-color: rgba(0, 0, 0, 0.25); }\n\n.playlist-modal__content {\n position: absolute;\n padding: 36px;\n background-color: #ffffff;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.16);\n border-radius: 8px;\n top: 184px;\n left: 50%;\n width: 620px;\n transform: translateX(-50%); }\n\n.playlist-modal__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px; }\n\n.playlist-modal__title {\n font-size: 18px;\n line-height: 22px;\n font-weight: bold;\n color: rgba(32, 32, 32, 0.87); }\n\n.playlist-modal__cross {\n display: flex;\n align-items: center; }\n\n.playlist-modal__field {\n margin-bottom: 18px; }\n", "",{"version":3,"sources":["webpack://src/components/HeaderPlayer/styles/playlist-modal.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAGE;EACE,eAAe;EACf,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,qCCTiB,EAAA;;ADYnB;EACE,kBAAkB;EAClB,aAAa;EACb,yBCbW;EDcX,wEAAuE;EACvE,kBAAkB;EAClB,UAAU;EACV,SAAS;EACT,YAAY;EACZ,2BAA2B,EAAA;;AAG7B;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB,EAAA;;AAGrB;EACE,eAAe;EACf,iBAAiB;EACjB,iBAAiB;EACjB,6BClCW,EAAA;;ADqCb;EACE,aAAa;EACb,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA","sourcesContent":["@import \"styles/variables\";\n\n.playlist-modal {\n &__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background-color: rgba($total-black, 0.25);\n }\n\n &__content {\n position: absolute;\n padding: 36px;\n background-color: $white;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, .16);\n border-radius: 8px;\n top: 184px;\n left: 50%;\n width: 620px;\n transform: translateX(-50%);\n }\n\n &__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n\n &__title {\n font-size: 18px;\n line-height: 22px;\n font-weight: bold;\n color: rgba($black, .87)\n }\n\n &__cross {\n display: flex;\n align-items: center;\n }\n\n &__field {\n margin-bottom: 18px;\n }\n}\n\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Img/style.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Img/style.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".img-container__img {\n height: 100%;\n width: 100%;\n object-fit: cover; }\n .img-container__img__popmusic {\n box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.25); }\n", "",{"version":3,"sources":["webpack://src/components/Img/style.scss"],"names":[],"mappings":"AAGE;EACE,YAAY;EACZ,WAAW;EACX,iBAAiB,EAAA;EACjB;IACE,gDAAgD,EAAA","sourcesContent":["@import 'styles/variables';\n\n.img-container {\n &__img {\n height: 100%;\n width: 100%;\n object-fit: cover;\n &__popmusic {\n box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, 0.25);\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/ListeningFilterDrawer/style.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/ListeningFilterDrawer/style.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".listening-container {\n margin: 32px 48px;\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%; }\n\n.listening-item-container {\n width: 100%;\n display: flex;\n height: 72px;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid #E6E7EA;\n text-decoration: none; }\n .listening-item-container:last-child {\n border: none; }\n .listening-item-container .img-container {\n margin-right: 15px; }\n\n.listening-item {\n display: flex; }\n\n.listening-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 18px; }\n\n.listening-item-title {\n font-weight: 600;\n font-size: 14px;\n line-height: 18px;\n color: #202020; }\n\n.listening_buttons {\n position: fixed;\n right: 50px; }\n .listening_buttons button {\n height: 44px;\n width: 121px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px; }\n .listening_buttons button:first-of-type {\n margin-right: 16px;\n width: 94px; }\n .listening_buttons__cancel {\n background: #FFF;\n border: 1px solid #F33540;\n border-radius: 4px;\n color: #F33540; }\n .listening_buttons__save {\n background: #F33540;\n border-radius: 4px;\n color: #FFF; }\n .listening_buttons__save:disabled {\n background: #D0D0D0; }\n", "",{"version":3,"sources":["webpack://src/components/ListeningFilterDrawer/style.scss"],"names":[],"mappings":"AAEA;EACE,iBAAiB;EACjB,gBAAgB;EAChB,kBAAkB;EAClB,YAAY,EAAA;;AAGd;EACE,WAAW;EACX,aAAa;EACb,YAAY;EACZ,8BAA8B;EAC9B,mBAAmB;EACnB,gCAAgC;EAChC,qBAAqB,EAAA;EAPvB;IAUI,YAAY,EAAA;EAVhB;IAcI,kBAAkB,EAAA;;AAItB;EACE,aAAa,EAAA;;AAGf;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,mBAAmB,EAAA;;AAGrB;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,cAAc,EAAA;;AAGhB;EACE,eAAe;EACf,WAAW,EAAA;EAFb;IAKI,YAAY;IACZ,YAAY;IACZ,yBAAyB;IACzB,eAAe;IACf,iBAAiB;IACjB,mBAAmB,EAAA;EAVvB;IAcI,kBAAkB;IAClB,WAAW,EAAA;EAGb;IACE,gBAAgB;IAChB,yBAAyB;IACzB,kBAAkB;IAClB,cAAc,EAAA;EAGhB;IACE,mBAAmB;IACnB,kBAAkB;IAClB,WAAW,EAAA;IAHZ;MAKG,mBAAmB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.listening-container {\n margin: 32px 48px;\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%;\n}\n\n.listening-item-container {\n width: 100%;\n display: flex;\n height: 72px;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid #E6E7EA;\n text-decoration: none;\n\n &:last-child {\n border: none;\n }\n\n .img-container {\n margin-right: 15px;\n }\n}\n\n.listening-item {\n display: flex;\n}\n\n.listening-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 18px;\n}\n\n.listening-item-title {\n font-weight: 600;\n font-size: 14px;\n line-height: 18px;\n color: #202020;\n}\n\n.listening_buttons {\n position: fixed;\n right: 50px;\n\n button {\n height: 44px;\n width: 121px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px;\n }\n\n button:first-of-type {\n margin-right: 16px;\n width: 94px;\n }\n\n &__cancel {\n background: #FFF;\n border: 1px solid #F33540;\n border-radius: 4px;\n color: #F33540;\n }\n\n &__save {\n background: #F33540;\n border-radius: 4px;\n color: #FFF;\n &:disabled {\n background: #D0D0D0;\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/MobileDocs/styles.scss":
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/MobileDocs/styles.scss ***!
\***************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".user_mobile_documents {\n overflow: scroll;\n padding: 24px;\n width: 100vw;\n height: 100%; }\n", "",{"version":3,"sources":["webpack://src/components/MobileDocs/styles.scss"],"names":[],"mappings":"AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,YAAY;EACZ,YAAY,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.user_mobile_documents{\n overflow: scroll;\n padding: 24px;\n width: 100vw;\n height: 100%;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/MobileReportThanks/styles.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/MobileReportThanks/styles.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".mobile-report-thanks {\n position: relative;\n width: 100vw;\n height: 100vh;\n overflow: auto; }\n .mobile-report-thanks__container {\n display: flex;\n height: calc(100% - 100px); }\n .mobile-report-thanks__wrapper {\n width: 100%;\n height: calc(100% - 100px);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column; }\n .mobile-report-thanks__title {\n font-weight: 700;\n font-size: 26px;\n line-height: 32px;\n text-align: center;\n margin-bottom: 16px; }\n .mobile-report-thanks__content {\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n max-width: 328px;\n text-align: center; }\n .mobile-report-thanks__close-button {\n position: absolute;\n display: flex;\n top: 20px;\n right: 20px; }\n .mobile-report-thanks__btn {\n display: flex;\n justify-content: center;\n width: calc(100% - 32px);\n max-width: 328px;\n margin-left: auto;\n margin-right: auto;\n padding: 17px;\n border-radius: 4px;\n background: #F33540;\n font-size: 12px;\n font-weight: 700;\n line-height: 15px;\n letter-spacing: 1px;\n color: #FFFFFF; }\n", "",{"version":3,"sources":["webpack://src/components/MobileReportThanks/styles.scss"],"names":[],"mappings":"AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,cAAc,EAAA;EAEd;IACE,aAAa;IACb,0BAA0B,EAAA;EAG5B;IACE,WAAW;IACX,0BAA0B;IAC1B,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,sBAAsB,EAAA;EAGxB;IACE,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB,EAAA;EAGrB;IACE,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB,EAAA;EAGpB;IACE,kBAAkB;IAClB,aAAa;IACb,SAAS;IACT,WAAW,EAAA;EAGb;IACE,aAAa;IACb,uBAAuB;IACvB,wBAAwB;IACxB,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,iBAAiB;IACjB,mBAAmB;IACnB,cAAc,EAAA","sourcesContent":["@import 'src/styles/variables';\r\n\r\n.mobile-report-thanks {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n overflow: auto;\r\n\r\n &__container {\r\n display: flex;\r\n height: calc(100% - 100px);\r\n }\r\n\r\n &__wrapper {\r\n width: 100%;\r\n height: calc(100% - 100px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n\r\n &__title {\r\n font-weight: 700;\r\n font-size: 26px;\r\n line-height: 32px;\r\n text-align: center;\r\n margin-bottom: 16px;\r\n }\r\n\r\n &__content {\r\n font-weight: normal;\r\n font-size: 16px;\r\n line-height: 20px;\r\n max-width: 328px;\r\n text-align: center;\r\n }\r\n\r\n &__close-button {\r\n position: absolute;\r\n display: flex;\r\n top: 20px;\r\n right: 20px;\r\n }\r\n\r\n &__btn {\r\n display: flex;\r\n justify-content: center;\r\n width: calc(100% - 32px);\r\n max-width: 328px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding: 17px;\r\n border-radius: 4px;\r\n background: #F33540;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n letter-spacing: 1px;\r\n color: #FFFFFF;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/NotificationDrawer/styles/style.module.scss":
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/components/NotificationDrawer/styles/style.module.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".style_notificationDrawer__-OC3G {\n width: 622px;\n z-index: 1999; }\n\n.style_notificationDrawerContainer__1wJB9 {\n margin: 32px 48px; }\n\n.style_notificationDrawerTitle__3WO1l {\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 40px; }\n\n.style_notificationAlert__3H-61 {\n margin-bottom: 32px;\n font-style: normal;\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n color: #f33540; }\n\n.style_notificationDrawerText__3yI1X {\n margin-bottom: 17px;\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n color: #242424; }\n\n.style_notificationDrawerFullTerms__2vlWL {\n margin-top: 24px;\n margin-bottom: 24px;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 16px;\n text-decoration-line: underline;\n color: #95a6bf;\n cursor: pointer; }\n\n.style_audioDrawer__xdxcU {\n width: 622px; }\n\n.style_audioDrawerContainer__3SODb {\n margin: 32px 48px; }\n\n.style_audioDrawerTitle__1xtta {\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px; }\n\n.style_audioDrawerContent__mpKC3 {\n margin-top: 40px; }\n\n.style_audioDrawerContentTitle__5Duo1 {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n margin-bottom: 32px; }\n\n.style_audioDrawerContentItem__1Epew {\n margin-top: 30px; }\n\n.style_audioDrawerContentItemTitle__erc7i {\n text-align: center;\n font-style: normal;\n font-weight: bold;\n font-size: 18px;\n line-height: 22px; }\n\n.style_audioDrawerContentItemHeader__3die- {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 8px; }\n .style_audioDrawerContentItemHeader__3die- img {\n margin-right: 8px; }\n", "",{"version":3,"sources":["webpack://src/components/NotificationDrawer/styles/style.module.scss"],"names":[],"mappings":"AAAA;EACI,YAAY;EACZ,aAAa,EAAA;;AAGf;EACE,iBAAiB,EAAA;;AAInB;EACE,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB;EACnB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,cAAc,EAAA;;AAGhB;EACE,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,cACF,EAAA;;AAEA;EACE,gBAAgB;EAChB,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,+BAA+B;EAC/B,cAAc;EACd,eAAe,EAAA;;AAGjB;EACE,YAAY,EAAA;;AAGd;EACE,iBAAiB,EAAA;;AAGnB;EACE,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,iBAAiB,EAAA;;AAGnB;EACE,gBAAgB,EAAA;;AAGlB;EACE,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,mBAAmB,EAAA;;AAGrB;EACE,gBAAgB,EAAA;;AAGlB;EACE,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,iBAAiB,EAAA;;AAGnB;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB,EAAA;EAJpB;IAMI,iBAAiB,EAAA","sourcesContent":[".notificationDrawer{\n width: 622px;\n z-index: 1999;\n }\n\n .notificationDrawerContainer {\n margin: 32px 48px;\n }\n \n \n .notificationDrawerTitle {\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 40px;\n }\n \n .notificationAlert {\n margin-bottom: 32px;\n font-style: normal;\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n color: #f33540;\n }\n \n .notificationDrawerText {\n margin-bottom: 17px;\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n color: #242424\n }\n \n .notificationDrawerFullTerms {\n margin-top: 24px;\n margin-bottom: 24px;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 16px;\n text-decoration-line: underline;\n color: #95a6bf;\n cursor: pointer;\n }\n\n .audioDrawer {\n width: 622px;\n }\n \n .audioDrawerContainer {\n margin: 32px 48px;\n }\n \n .audioDrawerTitle {\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n }\n \n .audioDrawerContent {\n margin-top: 40px;\n }\n \n .audioDrawerContentTitle {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n margin-bottom: 32px;\n }\n \n .audioDrawerContentItem {\n margin-top: 30px;\n }\n \n .audioDrawerContentItemTitle {\n text-align: center;\n font-style: normal;\n font-weight: bold;\n font-size: 18px;\n line-height: 22px;\n }\n\n .audioDrawerContentItemHeader{\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 8px;\n img {\n margin-right: 8px;\n }\n }"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"notificationDrawer": "style_notificationDrawer__-OC3G",
"notificationDrawerContainer": "style_notificationDrawerContainer__1wJB9",
"notificationDrawerTitle": "style_notificationDrawerTitle__3WO1l",
"notificationAlert": "style_notificationAlert__3H-61",
"notificationDrawerText": "style_notificationDrawerText__3yI1X",
"notificationDrawerFullTerms": "style_notificationDrawerFullTerms__2vlWL",
"audioDrawer": "style_audioDrawer__xdxcU",
"audioDrawerContainer": "style_audioDrawerContainer__3SODb",
"audioDrawerTitle": "style_audioDrawerTitle__1xtta",
"audioDrawerContent": "style_audioDrawerContent__mpKC3",
"audioDrawerContentTitle": "style_audioDrawerContentTitle__5Duo1",
"audioDrawerContentItem": "style_audioDrawerContentItem__1Epew",
"audioDrawerContentItemTitle": "style_audioDrawerContentItemTitle__erc7i",
"audioDrawerContentItemHeader": "style_audioDrawerContentItemHeader__3die-"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/PeriodDrawer/style.module.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/components/PeriodDrawer/style.module.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".style_periodDrawer__xXm1m {\n width: 622px; }\n\n.style_periodDrawerContainer__1ylj6 {\n display: flex;\n flex-direction: column;\n overflow-x: hidden;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center; }\n\n.style_mainImgContainer___5hNm {\n width: 448px;\n height: 448px;\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .style_mainImgContainer___5hNm > div {\n margin-bottom: 30px; }\n .style_mainImgContainer___5hNm > div > p {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n text-align: center; }\n\n.style_mainImgContainerText__1MQPH {\n margin-left: auto;\n margin-right: auto;\n font-size: 26px;\n line-height: 36px;\n font-weight: 700;\n text-align: center; }\n\n.style_imagesContainer__196ov {\n display: flex;\n flex-direction: row; }\n .style_imagesContainer__196ov > img {\n margin-right: 42px;\n width: 48px;\n height: 48px; }\n .style_imagesContainer__196ov > img:last-child {\n margin-right: 0px; }\n\n.style_afterText__1VAdz {\n font-size: 14px;\n text-align: center;\n line-height: 18px;\n font-weight: 400;\n margin-top: 15px;\n margin-bottom: 28px; }\n\n.style_startBtn__2p2Eo {\n width: 288px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px;\n background: #f33540;\n border-radius: 4px;\n color: #fff;\n padding-top: 12px;\n padding-bottom: 12px; }\n", "",{"version":3,"sources":["webpack://src/components/PeriodDrawer/style.module.scss"],"names":[],"mappings":"AAAA;EACE,YAAY,EAAA;;AAGd;EACE,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,uBAAuB;EACvB,mBAAmB,EAAA;;AAGrB;EACE,YAAY;EACZ,aAAa;EACb,aAAa;EACb,sBAAsB;EACtB,8BAA8B,EAAA;EALhC;IAQI,mBAAmB,EAAA;EARvB;IAYI,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,kBAAkB,EAAA;;AAItB;EACE,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;EACf,iBAAiB;EACjB,gBAAgB;EAChB,kBAAkB,EAAA;;AAGpB;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAKI,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;IAPhB;MAUM,iBAAiB,EAAA;;AAKvB;EACE,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB;EAChB,gBAAgB;EAChB,mBAAmB,EAAA;;AAGrB;EACE,YAAY;EACZ,yBAAyB;EACzB,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,WAAW;EACX,iBAAiB;EACjB,oBAAoB,EAAA","sourcesContent":[".periodDrawer {\n width: 622px;\n}\n\n.periodDrawerContainer {\n display: flex;\n flex-direction: column;\n overflow-x: hidden;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n\n.mainImgContainer {\n width: 448px;\n height: 448px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n & > div {\n margin-bottom: 30px;\n }\n\n & > div > p {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n text-align: center;\n }\n}\n\n.mainImgContainerText {\n margin-left: auto;\n margin-right: auto;\n font-size: 26px;\n line-height: 36px;\n font-weight: 700;\n text-align: center;\n}\n\n.imagesContainer {\n display: flex;\n flex-direction: row;\n\n & > img {\n margin-right: 42px;\n width: 48px;\n height: 48px;\n\n &:last-child {\n margin-right: 0px;\n }\n }\n}\n\n.afterText {\n font-size: 14px;\n text-align: center;\n line-height: 18px;\n font-weight: 400;\n margin-top: 15px;\n margin-bottom: 28px;\n}\n\n.startBtn {\n width: 288px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px;\n background: #f33540;\n border-radius: 4px;\n color: #fff;\n padding-top: 12px;\n padding-bottom: 12px;\n}\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"periodDrawer": "style_periodDrawer__xXm1m",
"periodDrawerContainer": "style_periodDrawerContainer__1ylj6",
"mainImgContainer": "style_mainImgContainer___5hNm",
"mainImgContainerText": "style_mainImgContainerText__1MQPH",
"imagesContainer": "style_imagesContainer__196ov",
"afterText": "style_afterText__1VAdz",
"startBtn": "style_startBtn__2p2Eo"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/PlayListItem/styles/style.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/PlayListItem/styles/style.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".playlist-item__container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 8px 0;\n margin: 0 48px;\n border-bottom: 1px solid #e6e7ea; }\n .playlist-item__container .p-left-part > * {\n margin-right: 16px; }\n .playlist-item__container .item {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .playlist-item__container .item__index-number {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 24px;\n height: 24px; }\n .playlist-item__container .item__index-number .index {\n font-style: normal;\n font-weight: bold;\n font-size: 14px;\n line-height: 16px;\n text-align: center;\n font-feature-settings: 'tnum' on, 'lnum' on; }\n .playlist-item__container .item__index-number .button-play {\n position: absolute;\n opacity: 0; }\n .playlist-item__container .item .draggable-author {\n max-width: 280px;\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center; }\n .playlist-item__container .item .draggable-author .column-title {\n font-size: 16px;\n font-weight: bold;\n color: #242424; }\n .playlist-item__container .item .draggable-author .mark__explicit {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 10px;\n height: 10px;\n min-width: 10px;\n width: 10px;\n margin-left: 8px; }\n .playlist-item__container .item .draggable-author .column-author {\n font-size: 16px;\n font-weight: normal;\n color: #4a4a4a; }\n .playlist-item__container .item .current-track {\n max-width: 160px;\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center; }\n .playlist-item__container .item .current-track .column-title {\n font-size: 16px;\n font-weight: bold;\n color: #242424; }\n .playlist-item__container .item .current-track .column-author {\n font-size: 16px;\n font-weight: normal;\n color: #4a4a4a; }\n .playlist-item__container .item__title-columns {\n max-width: 800px;\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center; }\n .playlist-item__container .item__title-columns .column-title {\n font-size: 16px;\n font-weight: bold;\n color: #242424;\n display: inline-flex;\n align-items: baseline; }\n .playlist-item__container .item__title-columns .column-title .mark__explicit {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 10px;\n height: 10px;\n min-width: 10px;\n width: 10px; }\n .playlist-item__container .item__title-columns .column-title .column-text {\n margin-right: 8px; }\n .playlist-item__container .item__title-columns .column-author {\n font-size: 16px;\n font-weight: normal;\n color: #4a4a4a; }\n .playlist-item__container .item__title-columns-search {\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center; }\n .playlist-item__container .item__title-columns-search .column-title {\n display: flex;\n align-items: baseline;\n font-size: 16px;\n font-weight: bold;\n color: #242424; }\n .playlist-item__container .item__title-columns-search .column-title .mark__explicit {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 10px;\n height: 10px;\n min-width: 10px;\n width: 10px; }\n .playlist-item__container .item__title-columns-search .column-title .column-text {\n margin-right: 8px; }\n .playlist-item__container .item__title-columns-search .column-author {\n font-size: 16px;\n font-weight: normal;\n color: #4a4a4a; }\n .playlist-item__container .item__podcast-title-columns {\n min-height: 46px; }\n .playlist-item__container .item__album {\n margin-right: 64px;\n width: 150px; }\n .playlist-item__container .item__duration {\n width: 35px;\n margin-right: 42px; }\n .playlist-item__container .item__option {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .playlist-item__container .item__option .liked {\n width: 26px;\n height: 24px;\n margin-right: 20px; }\n .playlist-item__container .item__option .nonLiked {\n width: 26px;\n height: 24px;\n margin-right: 20px;\n visibility: hidden; }\n .playlist-item__container .item__option .p-player-menu {\n display: flex; }\n .playlist-item__container .item__option .menu {\n position: relative;\n width: 24px;\n height: 24px; }\n\n.playlist-item:hover {\n background: #f6f6f6; }\n .playlist-item:hover .nonLiked {\n visibility: visible; }\n .playlist-item:hover .button-play {\n opacity: 1; }\n .playlist-item:hover .button-play:disabled {\n cursor: auto; }\n .playlist-item:hover .index {\n display: none; }\n .playlist-item:hover .equalizer {\n display: none; }\n\n.bookmark-form {\n display: flex;\n flex-direction: row;\n align-items: center;\n z-index: 3;\n margin-left: 13px; }\n .bookmark-form .bookmark-title {\n width: 350px;\n height: 44px;\n border: 1px solid #46556b;\n border-radius: 4px;\n margin-right: 13px; }\n .bookmark-form .cancel-btn {\n width: 44px;\n height: 44px;\n padding: 13px;\n background-color: white;\n align-items: center;\n justify-content: center;\n border: 1px solid #f33540;\n stroke: #f33540;\n color: red;\n margin-right: 13px; }\n .bookmark-form .check-btn {\n width: 44px;\n height: 44px;\n padding: 13px; }\n\n@media (max-width: 1700px) {\n .playlist-item .item__title-columns {\n max-width: 700px; }\n .playlist-item .item__title-columns-search {\n max-width: 600px; } }\n\n@media (max-width: 1660px) {\n .playlist-item .item__title-columns {\n max-width: 650px; }\n .playlist-item .item__title-columns-search {\n max-width: 550px; } }\n\n@media (max-width: 1600px) {\n .playlist-item .item__title-columns {\n max-width: 600px; }\n .playlist-item .item__title-columns-search {\n max-width: 500px; } }\n\n@media (max-width: 1550px) {\n .playlist-item .item__title-columns {\n max-width: 550px; }\n .playlist-item .item__title-columns-search {\n max-width: 450px; } }\n\n@media (max-width: 1500px) {\n .playlist-item .item__title-columns {\n max-width: 500px; }\n .playlist-item .item__title-columns-search {\n max-width: 400px; } }\n\n@media (max-width: 1450px) {\n .playlist-item .item__title-columns {\n max-width: 450px; }\n .playlist-item .item__title-columns-search {\n max-width: 350px; } }\n\n@media (max-width: 1400px) {\n .playlist-item .item__title-columns {\n max-width: 400px; }\n .playlist-item .item__title-columns-search {\n max-width: 300px; } }\n\n@media (max-width: 1350px) {\n .playlist-item .item__title-columns {\n max-width: 350px; }\n .playlist-item .item__title-columns-search {\n max-width: 250px; } }\n\n@media (max-width: 1300px) {\n .playlist-item .item__title-columns {\n max-width: 300px; }\n .playlist-item .item__title-columns-search {\n max-width: 200px; } }\n\n@media (max-width: 1250px) {\n .playlist-item .item__title-columns {\n max-width: 250px; }\n .playlist-item .item__title-columns-search {\n max-width: 150px; } }\n\n@media (max-width: 1200px) {\n .playlist-item .item__title-columns {\n max-width: 200px; }\n .playlist-item .item__title-columns-search {\n max-width: 100px; } }\n\n@media (max-width: 1150px) {\n .playlist-item .item__title-columns {\n max-width: 150px; }\n .playlist-item .item__title-columns-search {\n max-width: 50px; } }\n\n.search-author {\n width: 150px;\n margin-right: 35px; }\n", "",{"version":3,"sources":["webpack://src/components/PlayListItem/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAGE;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,8BAA8B;EAE9B,cAAc;EACd,cAAc;EAEd,gCAAgC,EAAA;EATjC;IAYG,kBAAkB,EAAA;EAZrB;IAgBG,aAAa;IACb,mBAAmB;IACnB,mBAAmB,EAAA;IAlBtB;MAqBK,aAAa;MACb,mBAAmB;MACnB,uBAAuB;MACvB,kBAAkB;MAElB,WAAW;MACX,YAAY,EAAA;MA3BjB;QA8BO,kBAAkB;QAClB,iBAAiB;QACjB,eAAe;QACf,iBAAiB;QACjB,kBAAkB;QAClB,2CAA2C,EAAA;MAnClD;QAuCO,kBAAkB;QAElB,UAAU,EAAA;IAzCjB;MA+CK,gBAAgB;MAChB,kBAAkB;MAClB,gBAAgB;MAChB,aAAa;MACb,sBAAsB;MACtB,uBAAuB,EAAA;MApD5B;QAuDO,eC9BI;QD+BJ,iBAAiB;QACjB,cAAc,EAAA;MAzDrB;QA4DO,aAAa;QACb,mBAAmB;QACnB,uBAAuB;QACvB,gBAAgB;QAChB,YAAY;QACZ,eAAe;QACf,WAAW;QACX,gBAAgB,EAAA;MAnEvB;QAsEO,eC7CI;QD8CJ,mBAAmB;QACnB,cAAc,EAAA;IAxErB;MA6EK,gBAAgB;MAChB,kBAAkB;MAClB,gBAAgB;MAChB,aAAa;MACb,sBAAsB;MACtB,uBAAuB,EAAA;MAlF5B;QAqFO,eC5DI;QD6DJ,iBAAiB;QACjB,cAAc,EAAA;MAvFrB;QA0FO,eCjEI;QDkEJ,mBAAmB;QACnB,cAAc,EAAA;IA5FrB;MAiGK,gBAAgB;MAChB,kBAAkB;MAClB,gBAAgB;MAChB,aAAa;MACb,sBAAsB;MACtB,uBAAuB,EAAA;MAtG5B;QAyGO,eChFI;QDiFJ,iBAAiB;QACjB,cAAc;QACd,oBAAoB;QACpB,qBAAqB,EAAA;QA7G5B;UAgHS,aAAa;UACb,mBAAmB;UACnB,uBAAuB;UACvB,gBAAgB;UAChB,YAAY;UACZ,eAAe;UACf,WAAW,EAAA;QAtHpB;UA0HS,iBAAiB,EAAA;MA1H1B;QA+HO,eCtGI;QDuGJ,mBAAmB;QACnB,cAAc,EAAA;IAjIrB;MAsIK,kBAAkB;MAClB,gBAAgB;MAChB,aAAa;MACb,sBAAsB;MACtB,uBAAuB,EAAA;MA1I5B;QA6IO,aAAa;QACb,qBAAqB;QACrB,eCtHI;QDuHJ,iBAAiB;QACjB,cAAc,EAAA;QAjJrB;UAoJS,aAAa;UACb,mBAAmB;UACnB,uBAAuB;UACvB,gBAAgB;UAChB,YAAY;UACZ,eAAe;UACf,WAAW,EAAA;QA1JpB;UA8JS,iBAAiB,EAAA;MA9J1B;QAmKO,eC1II;QD2IJ,mBAAmB;QACnB,cAAc,EAAA;IArKrB;MA0KK,gBAAgB,EAAA;IA1KrB;MA8KK,kBAAkB;MAClB,YAAY,EAAA;IA/KjB;MAmLK,WAAW;MACX,kBAAkB,EAAA;IApLvB;MAwLK,aAAa;MACb,mBAAmB;MACnB,mBAAmB,EAAA;MA1LxB;QA6LO,WAAW;QACX,YAAY;QACZ,kBAAkB,EAAA;MA/LzB;QAmMO,WAAW;QACX,YAAY;QACZ,kBAAkB;QAElB,kBAAkB,EAAA;MAvMzB;QA2MO,aAAa,EAAA;MA3MpB;QA+MO,kBAAkB;QAClB,WAAW;QACX,YAAY,EAAA;;AAlNtB;EAyNI,mBAAmB,EAAA;EAzNvB;IA4NM,mBAAmB,EAAA;EA5NzB;IAgOM,UAAU,EAAA;IAhOhB;MAkOQ,YAAY,EAAA;EAlOpB;IAuOM,aAAa,EAAA;EAvOnB;IA0OM,aAAa,EAAA;;AAKnB;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,UAAU;EACV,iBAAiB,EAAA;EALnB;IAQI,YAAY;IACZ,YAAY;IACZ,yBAAyB;IACzB,kBAAkB;IAClB,kBAAkB,EAAA;EAZtB;IAgBI,WAAW;IACX,YAAY;IACZ,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,uBAAuB;IACvB,yBAAyB;IACzB,eAAe;IACf,UAAU;IACV,kBAAkB,EAAA;EAzBtB;IA6BI,WAAW;IACX,YAAY;IACZ,aAAa,EAAA;;AAIjB;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAKP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAKP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAKP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,gBAAgB,EAAA,EACjB;;AAIP;EACE;IAGM,gBAAgB,EAAA;EAHtB;IAMM,eAAe,EAAA,EAChB;;AAKP;EACE,YAAY;EACZ,kBAAkB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.playlist-item {\n &__container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n padding: 8px 0;\n margin: 0 48px;\n\n border-bottom: 1px solid #e6e7ea;\n\n .p-left-part > * {\n margin-right: 16px;\n }\n\n .item {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n &__index-number {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n width: 24px;\n height: 24px;\n\n .index {\n font-style: normal;\n font-weight: bold;\n font-size: 14px;\n line-height: 16px;\n text-align: center;\n font-feature-settings: 'tnum' on, 'lnum' on;\n }\n\n .button-play {\n position: absolute;\n\n opacity: 0;\n }\n }\n\n\n .draggable-author {\n max-width: 280px;\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .column-title {\n font-size: $font-16;\n font-weight: bold;\n color: #242424;\n }\n .mark__explicit{\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 10px;\n height: 10px;\n min-width: 10px;\n width: 10px;\n margin-left: 8px;\n }\n .column-author {\n font-size: $font-16;\n font-weight: normal;\n color: #4a4a4a;\n }\n }\n\n .current-track {\n max-width: 160px;\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .column-title {\n font-size: $font-16;\n font-weight: bold;\n color: #242424;\n }\n .column-author {\n font-size: $font-16;\n font-weight: normal;\n color: #4a4a4a;\n }\n }\n\n &__title-columns {\n max-width: 800px;\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .column-title {\n font-size: $font-16;\n font-weight: bold;\n color: #242424;\n display: inline-flex;\n align-items: baseline;\n\n .mark__explicit{\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 10px;\n height: 10px;\n min-width: 10px;\n width: 10px;\n }\n\n .column-text {\n margin-right: 8px;\n }\n }\n\n .column-author {\n font-size: $font-16;\n font-weight: normal;\n color: #4a4a4a;\n }\n }\n\n &__title-columns-search {\n margin-right: 52px;\n min-height: 53px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .column-title {\n display: flex;\n align-items: baseline;\n font-size: $font-16;\n font-weight: bold;\n color: #242424;\n\n .mark__explicit{\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 10px;\n height: 10px;\n min-width: 10px;\n width: 10px;\n }\n\n .column-text {\n margin-right: 8px;\n }\n }\n\n .column-author {\n font-size: $font-16;\n font-weight: normal;\n color: #4a4a4a;\n }\n }\n\n &__podcast-title-columns {\n min-height: 46px;\n }\n\n &__album {\n margin-right: 64px;\n width: 150px;\n }\n\n &__duration {\n width: 35px;\n margin-right: 42px;\n }\n\n &__option {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n .liked {\n width: 26px;\n height: 24px;\n margin-right: 20px;\n }\n\n .nonLiked {\n width: 26px;\n height: 24px;\n margin-right: 20px;\n\n visibility: hidden;\n }\n\n .p-player-menu {\n display: flex;\n }\n\n .menu {\n position: relative;\n width: 24px;\n height: 24px;\n }\n }\n }\n }\n\n &:hover {\n background: #f6f6f6;\n\n .nonLiked {\n visibility: visible;\n }\n\n .button-play {\n opacity: 1;\n &:disabled {\n cursor: auto;\n }\n }\n\n .index {\n display: none;\n }\n .equalizer {\n display: none;\n }\n }\n}\n\n.bookmark-form {\n display: flex;\n flex-direction: row;\n align-items: center;\n z-index: 3;\n margin-left: 13px;\n\n .bookmark-title {\n width: 350px;\n height: 44px;\n border: 1px solid #46556b;\n border-radius: 4px;\n margin-right: 13px;\n }\n\n .cancel-btn {\n width: 44px;\n height: 44px;\n padding: 13px;\n background-color: white;\n align-items: center;\n justify-content: center;\n border: 1px solid #f33540;\n stroke: #f33540;\n color: red;\n margin-right: 13px;\n }\n\n .check-btn {\n width: 44px;\n height: 44px;\n padding: 13px;\n }\n}\n\n@media (max-width: 1700px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 700px;\n }\n &__title-columns-search {\n max-width: 600px;\n }\n }\n }\n}\n@media (max-width: 1660px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 650px;\n }\n &__title-columns-search {\n max-width: 550px;\n }\n }\n }\n}\n@media (max-width: 1600px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 600px;\n }\n &__title-columns-search {\n max-width: 500px;\n }\n }\n }\n}\n@media (max-width: 1550px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 550px;\n }\n &__title-columns-search {\n max-width: 450px;\n }\n }\n }\n}\n@media (max-width: 1500px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 500px;\n }\n &__title-columns-search {\n max-width: 400px;\n }\n }\n }\n}\n\n@media (max-width: 1450px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 450px;\n }\n &__title-columns-search {\n max-width: 350px;\n }\n }\n }\n}\n\n@media (max-width: 1400px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 400px;\n }\n &__title-columns-search {\n max-width: 300px;\n }\n }\n }\n}\n\n@media (max-width: 1350px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 350px;\n }\n &__title-columns-search {\n max-width: 250px;\n }\n }\n }\n}\n@media (max-width: 1300px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 300px;\n }\n &__title-columns-search {\n max-width: 200px;\n }\n }\n }\n}\n@media (max-width: 1250px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 250px;\n }\n &__title-columns-search {\n max-width: 150px;\n }\n }\n }\n}\n@media (max-width: 1200px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 200px;\n }\n &__title-columns-search {\n max-width: 100px;\n }\n }\n }\n}\n@media (max-width: 1150px) {\n .playlist-item {\n .item {\n &__title-columns {\n max-width: 150px;\n }\n &__title-columns-search {\n max-width: 50px;\n }\n }\n }\n}\n\n.search-author{\n width: 150px;\n margin-right: 35px;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/PlaylistDrawer/styles/styles.scss":
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/PlaylistDrawer/styles/styles.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".playlist-drawer {\n width: 622px;\n height: 100%;\n display: flex;\n flex-direction: column; }\n .playlist-drawer__header {\n margin-top: 32px;\n margin-left: 48px;\n margin-bottom: 40px; }\n .playlist-drawer__header > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020; }\n\n.playlist {\n padding-left: 48px;\n padding-right: 48px; }\n .playlist__container {\n display: flex;\n flex-direction: row;\n align-items: center;\n border-top: 1px solid #E6E7EA;\n height: 72px;\n width: 100%; }\n .playlist__container .img-container {\n position: relative; }\n .playlist__container .img-container__img {\n width: 40px;\n height: 40px; }\n .playlist__container .img-container__playlist-img {\n width: 40px;\n height: 40px;\n border-radius: 2px; }\n .playlist__container .img-container__add-img {\n position: absolute;\n bottom: 0px;\n visibility: hidden; }\n .playlist__container > p {\n margin-left: 15px;\n color: #202020;\n font-weight: bold;\n font-size: 16px; }\n .playlist:first-child .playlist__container {\n border-top: 1px solid #F6F6F6; }\n .playlist:hover {\n cursor: pointer;\n background: #f6f6f6; }\n .playlist:hover .playlist__container {\n border-top: 1px solid #F6F6F6; }\n .playlist:hover + .playlist .playlist__container {\n border-top: 1px solid #F6F6F6; }\n .playlist:hover .img-container__add-img {\n visibility: visible; }\n\n.playlist-form {\n display: flex;\n flex-direction: column;\n margin-left: 48px;\n margin-right: 48px; }\n .playlist-form__title {\n height: 48px;\n border-radius: 4px;\n background-color: #f6f6f6;\n border: none; }\n .playlist-form__title:focus {\n border: 1px solid #46556B; }\n .playlist-form__description {\n display: block;\n height: 88px;\n padding-top: 16px;\n padding-left: 16px;\n margin-top: 40px;\n border-radius: 4px;\n background-color: #f6f6f6;\n height: 100%;\n resize: none;\n overflow: hidden; }\n .playlist-form__description:focus {\n border: 1px solid #46556B; }\n .playlist-form .buttons {\n display: flex;\n flex-direction: row-reverse; }\n .playlist-form .buttons > button {\n height: 44px;\n margin-top: 32px;\n justify-content: center;\n align-items: center;\n border-radius: 4px; }\n .playlist-form .buttons > button > p {\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 1px; }\n .playlist-form .buttons-save_disabled {\n width: 121px;\n color: white;\n background-color: #d0d0d0; }\n .playlist-form .buttons-save_active {\n width: 121px;\n color: white;\n background-color: #F33540; }\n .playlist-form .buttons-cancel {\n width: 93px;\n margin-right: 16px;\n background-color: white;\n color: #F33540;\n border: 1px solid #F33540; }\n\n.drawer-container {\n padding-bottom: 68px;\n height: 100%; }\n\n.drawer-content {\n height: 100%;\n padding-bottom: 30px; }\n\n.playlist-drawer-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin: 32px 48px 32px 48px; }\n\n.drawer-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin: 0 48px 32px 48px; }\n", "",{"version":3,"sources":["webpack://src/components/PlaylistDrawer/styles/styles.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,sBAAsB,EAAA;EAEtB;IACE,gBAAgB;IAChB,iBAAiB;IACjB,mBAAmB,EAAA;IAHpB;MAKG,gBAAgB;MAChB,eAAe;MACf,iBAAiB;MACjB,cCdS,EAAA;;ADmBf;EACE,kBAAkB;EAClB,mBAAmB,EAAA;EAEnB;IACE,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,6BAA6B;IAC7B,YAAY;IACZ,WAAW,EAAA;IANZ;MASG,kBAAkB,EAAA;MATrB;QAYK,WAAW;QACX,YAAY,EAAA;MAbjB;QAiBK,WAAW;QACX,YAAY;QACZ,kBAAkB,EAAA;MAnBvB;QAuBK,kBAAkB;QAClB,WAAW;QACX,kBAAkB,EAAA;IAzBvB;MA8BG,iBAAiB;MACjB,cCtDS;MDuDT,iBAAiB;MACjB,eAAe,EAAA;EArCrB;IA2CM,6BAA6B,EAAA;EA3CnC;IAgDI,eAAe;IACf,mBAAmB,EAAA;IAjDvB;MAoDM,6BAA6B,EAAA;IApDnC;MAyDQ,6BAA6B,EAAA;IAzDrC;MA8DM,mBAAmB,EAAA;;AAKzB;EACE,aAAa;EACb,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB,EAAA;EAElB;IACE,YAAY;IACZ,kBAAkB;IAClB,yBAAyB;IACzB,YAAY,EAAA;IAJb;MAOG,yBACF,EAAA;EAGF;IACE,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;IAClB,yBAAyB;IACzB,YAAY;IACZ,YAAY;IACZ,gBAAgB,EAAA;IAVjB;MAaG,yBACF,EAAA;EA/BJ;IAmCI,aAAa;IACb,2BAA2B,EAAA;IApC/B;MAuCM,YAAY;MACZ,gBAAgB;MAChB,uBAAuB;MACvB,mBAAmB;MACnB,kBAAkB,EAAA;MA3CxB;QA8CQ,gBAAgB;QAChB,eAAe;QACf,iBAAiB;QACjB,mBAAmB,EAAA;IAjD3B;MAwDQ,YAAY;MACZ,YAAY;MACZ,yBAAyB,EAAA;IA1DjC;MA8DQ,YAAY;MACZ,YAAY;MACZ,yBAAyB,EAAA;IAhEjC;MAqEM,WAAW;MACX,kBAAkB;MAClB,uBAAuB;MACvB,cAAc;MACd,yBAAyB,EAAA;;AAK/B;EACE,oBAAoB;EACpB,YAAY,EAAA;;AAGd;EACE,YAAY;EACZ,oBAAoB,EAAA;;AAGtB;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,2BAA2B,EAAA;;AAG7B;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,wBAAwB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.playlist-drawer {\n width: 622px;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n &__header {\n margin-top: 32px;\n margin-left: 48px;\n margin-bottom: 40px;\n & > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n }\n }\n}\n\n.playlist {\n padding-left: 48px;\n padding-right: 48px;\n\n &__container {\n display: flex;\n flex-direction: row;\n align-items: center;\n border-top: 1px solid #E6E7EA;\n height: 72px;\n width: 100%;\n\n .img-container {\n position: relative;\n\n &__img {\n width: 40px;\n height: 40px;\n }\n\n &__playlist-img {\n width: 40px;\n height: 40px;\n border-radius: 2px;\n }\n\n &__add-img {\n position: absolute;\n bottom: 0px;\n visibility: hidden;\n }\n }\n\n & > p {\n margin-left: 15px;\n color: $black;\n font-weight: bold;\n font-size: 16px;\n }\n }\n\n &:first-child{\n .playlist__container{\n border-top: 1px solid #F6F6F6;\n }\n }\n\n &:hover {\n cursor: pointer;\n background: #f6f6f6;\n\n .playlist__container{\n border-top: 1px solid #F6F6F6;\n }\n\n & + .playlist{\n .playlist__container{\n border-top: 1px solid #F6F6F6;\n }\n }\n\n .img-container__add-img {\n visibility: visible;\n }\n }\n}\n\n.playlist-form {\n display: flex;\n flex-direction: column;\n margin-left: 48px;\n margin-right: 48px;\n\n &__title {\n height: 48px;\n border-radius: 4px;\n background-color: #f6f6f6;\n border: none;\n\n &:focus{\n border: 1px solid #46556B\n }\n }\n\n &__description {\n display: block;\n height: 88px;\n padding-top: 16px;\n padding-left: 16px;\n margin-top: 40px;\n border-radius: 4px;\n background-color: #f6f6f6;\n height: 100%;\n resize: none;\n overflow: hidden;\n\n &:focus{\n border: 1px solid #46556B\n }\n }\n\n .buttons {\n display: flex;\n flex-direction: row-reverse;\n\n & > button {\n height: 44px;\n margin-top: 32px;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n\n & > p {\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 1px;\n }\n }\n\n &-save {\n\n &_disabled {\n width: 121px;\n color: white;\n background-color: #d0d0d0;\n }\n\n &_active {\n width: 121px;\n color: white;\n background-color: #F33540;\n }\n }\n\n &-cancel {\n width: 93px;\n margin-right: 16px;\n background-color: white;\n color: #F33540;\n border: 1px solid #F33540;\n }\n }\n}\n\n.drawer-container {\n padding-bottom: 68px;\n height: 100%;\n}\n\n.drawer-content {\n height: 100%;\n padding-bottom: 30px;\n}\n\n.playlist-drawer-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin: 32px 48px 32px 48px;\n}\n\n.drawer-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin: 0 48px 32px 48px;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/PodkastDrawer/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/PodkastDrawer/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".podcast-container {\n padding: 32px 48px;\n display: flex;\n flex-direction: column;\n height: 100%; }\n\n.podcast-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 44px; }\n\n.podcast-content {\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%;\n text-align: justify;\n padding-right: 5px; }\n", "",{"version":3,"sources":["webpack://src/components/PodkastDrawer/style.scss"],"names":[],"mappings":"AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,YAAY,EAAA;;AAGd;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,mBAAmB,EAAA;;AAGrB;EACE,gBAAgB;EAChB,kBAAkB;EAClB,YAAY;EACZ,mBAAmB;EACnB,kBAAkB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.podcast-container {\n padding: 32px 48px;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.podcast-title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 44px;\n}\n\n.podcast-content {\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%;\n text-align: justify;\n padding-right: 5px;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/PopupCopyCache/styles.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/PopupCopyCache/styles.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".popup-copy-cache {\n display: none;\n z-index: 10000;\n position: fixed;\n bottom: 94px;\n left: 50%;\n transform: translateX(-50%);\n max-width: 600px;\n width: 100%;\n padding: 12px;\n background: #F6F6F6;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.16);\n border-radius: 8px; }\n .popup-copy-cache--show {\n display: block; }\n .popup-copy-cache__header {\n display: flex;\n align-items: center;\n margin-bottom: 8px; }\n .popup-copy-cache__icon {\n padding-right: 12px; }\n .popup-copy-cache__icon img {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%); }\n .popup-copy-cache__title {\n font-size: 16px;\n font-weight: 700;\n line-height: 20px;\n color: #242424; }\n .popup-copy-cache__close {\n position: absolute;\n right: 12px;\n top: 12px;\n cursor: pointer; }\n .popup-copy-cache__bottom {\n display: flex;\n align-items: center; }\n .popup-copy-cache__input {\n width: 100%;\n max-width: 426px;\n padding: 10px 10px 10px 0;\n margin-right: 8px;\n border: 1px solid #D0D0D0;\n border-radius: 4px;\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n color: #242424; }\n .popup-copy-cache__btn {\n padding: 12px 15px 10px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #F33540;\n border: 1px solid #F33540;\n border-radius: 4px; }\n", "",{"version":3,"sources":["webpack://src/components/PopupCopyCache/styles.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,cAAc;EACd,eAAe;EACf,YAAY;EACZ,SAAS;EACT,2BAA2B;EAC3B,gBAAgB;EAChB,WAAW;EACX,aAAa;EACb,mBAAmB;EACnB,wEAC+B;EAC/B,kBAAkB,EAAA;EAElB;IACE,cAAc,EAAA;EAGhB;IACE,aAAa;IACb,mBAAmB;IACnB,kBAAkB,EAAA;EAGpB;IACE,mBAAmB,EAAA;IADpB;MAIG,gGAAgG,EAAA;EAIpG;IACE,eCRU;IDSV,gBAAgB;IAChB,iBAAiB;IACjB,cAAc,EAAA;EAGhB;IACE,kBAAkB;IAClB,WAAW;IACX,SAAS;IACT,eAAe,EAAA;EAGjB;IACE,aAAa;IACb,mBAAmB,EAAA;EAGrB;IACE,WAAW;IACX,gBAAgB;IAChB,yBAAyB;IACzB,iBAAiB;IACjB,yBAAyB;IACzB,kBAAkB;IAClB,eCjCU;IDkCV,gBAAgB;IAChB,iBAAiB;IACjB,cAAc,EAAA;EAGhB;IACE,uBAAuB;IACvB,eAAe;IACf,gBAAgB;IAChB,iBAAiB;IACjB,mBAAmB;IACnB,yBAAyB;IACzB,cAAc;IACd,yBAAyB;IACzB,kBAAkB,EAAA","sourcesContent":["@import 'styles/variables';\r\n\r\n.popup-copy-cache {\r\n display: none;\r\n z-index: 10000;\r\n position: fixed;\r\n bottom: 94px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n max-width: 600px;\r\n width: 100%;\r\n padding: 12px;\r\n background: #F6F6F6;\r\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.12),\r\n 0 16px 16px rgba(0, 0, 0, 0.16);\r\n border-radius: 8px;\r\n\r\n &--show {\r\n display: block;\r\n }\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n }\r\n\r\n &__icon {\r\n padding-right: 12px;\r\n\r\n img {\r\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%);\r\n }\r\n }\r\n\r\n &__title {\r\n font-size: $font-16;\r\n font-weight: 700;\r\n line-height: 20px;\r\n color: #242424;\r\n }\r\n\r\n &__close {\r\n position: absolute;\r\n right: 12px;\r\n top: 12px;\r\n cursor: pointer;\r\n }\r\n\r\n &__bottom {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &__input {\r\n width: 100%;\r\n max-width: 426px;\r\n padding: 10px 10px 10px 0;\r\n margin-right: 8px;\r\n border: 1px solid #D0D0D0;\r\n border-radius: 4px;\r\n font-size: $font-16;\r\n font-weight: 400;\r\n line-height: 20px;\r\n color: #242424;\r\n }\r\n\r\n &__btn {\r\n padding: 12px 15px 10px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 20px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #F33540;\r\n border: 1px solid #F33540;\r\n border-radius: 4px;\r\n }\r\n}\r\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Popups/styles/popup-explicit-content.module.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/components/Popups/styles/popup-explicit-content.module.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".popup-explicit-content_popup__body__1M1N4 {\n max-width: 320px;\n margin-bottom: 16px;\n font-size: 14px; }\n", "",{"version":3,"sources":["webpack://src/components/Popups/styles/popup-explicit-content.module.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,mBAAmB;EACnB,eAAe,EAAA","sourcesContent":[".popup__body{\n max-width: 320px;\n margin-bottom: 16px;\n font-size: 14px;\n}\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"popup__body": "popup-explicit-content_popup__body__1M1N4"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Popups/styles/popups.module.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/components/Popups/styles/popups.module.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".popups_popups__wrapper__2fRhu {\n position: fixed;\n cursor: default;\n inset: 0;\n opacity: 0;\n transition: all 0.3s;\n padding: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2003;\n background-color: rgba(0, 0, 0, 0.25); }\n\n.popups_popup__icon__1syEF {\n width: 100%;\n margin-bottom: 12px;\n display: flex;\n justify-content: center; }\n\n.popups_popup__btn__accent__1DtWI {\n width: 100%;\n font-weight: 700;\n opacity: all 0.3s;\n text-transform: uppercase; }\n .popups_popup__btn__accent__1DtWI:hover {\n opacity: 0.9; }\n .popups_popup__btn__accent__1DtWI:focus {\n opacity: 0.9; }\n\n.popups_popup__btn__secondary__1ROfH {\n letter-spacing: 1px;\n text-transform: uppercase;\n font-weight: 700;\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 16px 11px;\n min-height: 44px;\n height: 44px;\n color: #F33540;\n border: 1px solid transparent;\n transition: border .3s; }\n .popups_popup__btn__secondary__1ROfH:hover {\n border: 1px solid #F33540; }\n .popups_popup__btn__secondary__1ROfH:focus {\n border: 1px solid #F33540; }\n\n.popups_popup__content__2y3Es {\n display: flex;\n flex-direction: column;\n width: 100%; }\n\n.popups_popups__wrapper__opened__3cP_L {\n opacity: 100 !important; }\n\n.popups_popup__children__14PvC .popups_popup__btn__secondary__1ROfH {\n margin-top: 12px; }\n\n.popups_popups__body__2PIWH {\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: 8px;\n background: #fff;\n max-height: 100%;\n overflow: auto;\n padding: 24px 20px; }\n\n.popups_popups__title__1je2P {\n text-align: center;\n margin-bottom: 10px; }\n .popups_popups__title__1je2P h5 {\n color: #242424;\n line-height: 28px; }\n", "",{"version":3,"sources":["webpack://src/components/Popups/styles/popups.module.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,eAAe;EACf,eAAe;EACf,QAAQ;EACR,UAAU;EACV,oBAAoB;EACpB,aAAa;EACb,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,qCAAqC,EAAA;;AAEvC;EACE,WAAW;EACX,mBAAmB;EACnB,aAAa;EACb,uBAAuB,EAAA;;AAEzB;EACE,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB,yBAAyB,EAAA;EAJ3B;IAMI,YAAY,EAAA;EANhB;IASI,YAAY,EAAA;;AAGhB;EACE,mBAAmB;EACnB,yBAAyB;EACzB,gBAAgB;EAChB,WAAW;EACX,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;EAChB,YAAY;EACZ,cCtBqB;EDuBrB,6BAA6B;EAC7B,sBAAsB,EAAA;EAdxB;IAgBI,yBC1BmB,EAAA;EDUvB;IAmBI,yBC7BmB,EAAA;;ADiCvB;EACE,aAAa;EACb,sBAAsB;EACtB,WAAW,EAAA;;AAGb;EACE,uBAAuB,EAAA;;AAEzB;EACE,gBAAgB,EAAA;;AAElB;EACE,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,cAAc;EACd,kBAAkB,EAAA;;AAEpB;EACE,kBAAkB;EAClB,mBAAmB,EAAA;EAFrB;IAII,cAA0B;IAC1B,iBAAiB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.popups__wrapper {\n position: fixed;\n cursor: default;\n inset: 0;\n opacity: 0;\n transition: all 0.3s;\n padding: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2003;\n background-color: rgba(0, 0, 0, 0.25);\n}\n.popup__icon{\n width: 100%;\n margin-bottom: 12px;\n display: flex;\n justify-content: center;\n}\n.popup__btn__accent{\n width: 100%;\n font-weight: 700;\n opacity: all 0.3s;\n text-transform: uppercase;\n &:hover{\n opacity: 0.9;\n }\n &:focus{\n opacity: 0.9;\n }\n}\n.popup__btn__secondary{\n letter-spacing: 1px;\n text-transform: uppercase;\n font-weight: 700;\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 16px 11px;\n min-height: 44px;\n height: 44px;\n color: $primary-color;\n border: 1px solid transparent;\n transition: border .3s;\n &:hover{\n border: 1px solid $primary-color;\n }\n &:focus{\n border: 1px solid $primary-color;\n }\n\n}\n.popup__content{\n display: flex;\n flex-direction: column;\n width: 100%;\n\n}\n.popups__wrapper__opened {\n opacity: 100 !important;\n}\n.popup__children .popup__btn__secondary{\n margin-top: 12px;\n}\n.popups__body {\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: 8px;\n background: #fff;\n max-height: 100%;\n overflow: auto;\n padding: 24px 20px;\n}\n.popups__title {\n text-align: center;\n margin-bottom: 10px;\n h5 {\n color: rgba(36, 36, 36, 1);\n line-height: 28px;\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"popups__wrapper": "popups_popups__wrapper__2fRhu",
"popup__icon": "popups_popup__icon__1syEF",
"popup__btn__accent": "popups_popup__btn__accent__1DtWI",
"popup__btn__secondary": "popups_popup__btn__secondary__1ROfH",
"popup__content": "popups_popup__content__2y3Es",
"popups__wrapper__opened": "popups_popups__wrapper__opened__3cP_L",
"popup__children": "popups_popup__children__14PvC",
"popups__body": "popups_popups__body__2PIWH",
"popups__title": "popups_popups__title__1je2P"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Preloader/style.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Preloader/style.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-preloader {\n position: absolute;\n top: 50%;\n left: 50%; }\n .p-preloader img {\n animation-name: rotation;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-timing-function: linear; }\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg); }\n 100% {\n transform: rotate(360deg); } }\n", "",{"version":3,"sources":["webpack://src/components/Preloader/style.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAU,EAAA;EAHZ;IAKI,wBAAwB;IACxB,sBAAsB;IACtB,mCAAmC;IACnC,iCAAiC,EAAA;;AAEnC;EACE;IAAI,uBAAsB,EAAA;EAC1B;IAAM,yBAAwB,EAAA,EAAA","sourcesContent":[".p-preloader {\n position: absolute;\n top: 50%;\n left: 50%;\n img {\n animation-name: rotation;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n }\n @keyframes rotation { \n 0% {transform:rotate(0deg);}\n 100% {transform:rotate(360deg);}\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/PreloaderUnic/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/PreloaderUnic/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-preloader-unic {\n margin-left: auto;\n margin-right: auto;\n margin-top: 10px;\n width: 20px;\n height: 20px; }\n .p-preloader-unic img {\n animation-name: rotation;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-timing-function: linear; }\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg); }\n 100% {\n transform: rotate(360deg); } }\n", "",{"version":3,"sources":["webpack://src/components/PreloaderUnic/style.scss"],"names":[],"mappings":"AAAA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,YAAY,EAAA;EALd;IAOI,wBAAwB;IACxB,sBAAsB;IACtB,mCAAmC;IACnC,iCAAiC,EAAA;;AAEnC;EACE;IAAI,uBAAsB,EAAA;EAC1B;IAAM,yBAAwB,EAAA,EAAA","sourcesContent":[".p-preloader-unic {\n margin-left: auto;\n margin-right: auto;\n margin-top: 10px;\n width: 20px;\n height: 20px;\n img {\n animation-name: rotation;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n }\n @keyframes rotation { \n 0% {transform:rotate(0deg);}\n 100% {transform:rotate(360deg);}\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/RadioList/style.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/RadioList/style.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".list-container {\n padding: 32px 43px 0px 48px;\n height: 100%;\n display: flex;\n flex-direction: column; }\n\n.list-title {\n font-family: \"Gilroy\", sans-serif;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px; }\n\n.search-container {\n width: 690px;\n margin-top: 28px;\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n font-style: normal;\n color: #46556B; }\n\n.search-ul {\n margin-top: 28px;\n height: calc(100% - 200px);\n overflow-y: auto; }\n\n.search-li {\n margin-bottom: 24px; }\n\n.main-title {\n font-weight: bold; }\n\n.form_radio {\n display: flex;\n align-items: center; }\n .form_radio input {\n margin-right: 26px;\n cursor: pointer; }\n .form_radio label {\n font-family: \"Gilroy\", sans-serif;\n font-size: 16px;\n line-height: 150%;\n cursor: pointer; }\n\ninput[type='radio'] {\n position: relative;\n height: 20px;\n width: 20px;\n -webkit-appearance: none;\n appearance: none;\n outline: none; }\n\ninput[type='radio']::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n background-color: white;\n border: 1px solid #9D9D9D; }\n\ninput[type='radio']:checked::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: #F33540;\n transform: translate(-50%, -50%);\n visibility: visible; }\n\n.list_buttons {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n margin-top: 10px; }\n .list_buttons button {\n height: 44px;\n width: 121px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px; }\n .list_buttons button:first-of-type {\n margin-right: 16px;\n width: 94px; }\n .list_buttons__cancel {\n background: #FFF;\n border: 1px solid #F33540;\n border-radius: 4px;\n color: #F33540; }\n .list_buttons__save {\n background: #F33540;\n border-radius: 4px;\n color: #FFF; }\n", "",{"version":3,"sources":["webpack://src/components/RadioList/style.scss"],"names":[],"mappings":"AAGE;EACE,2BAA2B;EAC3B,YAAY;EACZ,aAAa;EACb,sBAAsB,EAAA;;AAGxB;EACE,iCAAiC;EACjC,gBAAgB;EAChB,eAAe;EACf,iBAAiB,EAAA;;AAIrB;EACE,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,gBAAgB;EAChB,kBAAkB;EAClB,cAAc,EAAA;;AAGhB;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,gBAAgB,EAAA;;AAGlB;EACE,mBAAmB,EAAA;;AAGrB;EACE,iBAAiB,EAAA;;AAGnB;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAKI,kBAAkB;IAClB,eAAe,EAAA;EANnB;IASI,iCAAiC;IACjC,eAAe;IACf,iBAAiB;IACjB,eAAe,EAAA;;AAInB;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,wBAAwB;EAExB,gBAAgB;EAChB,aAAa,EAAA;;AAGf;EACE,WAAW;EACX,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,gCAAgC;EAChC,uBAAuB;EACvB,yBAAyB,EAAA;;AAG3B;EACE,WAAW;EACX,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,gCAAgC;EAChC,mBAAmB,EAAA;;AAGrB;EAIE,aAAa;EACb,mBAAmB;EACnB,yBAAyB;EACzB,gBAAgB,EAAA;EAPlB;IAUI,YAAY;IACZ,YAAY;IACZ,yBAAyB;IACzB,eAAe;IACf,iBAAiB;IACjB,mBAAmB,EAAA;EAfvB;IAkBI,kBAAkB;IAClB,WAAW,EAAA;EAEb;IACE,gBAAgB;IAChB,yBAAyB;IACzB,kBAAkB;IAClB,cAAc,EAAA;EAEhB;IACE,mBAAmB;IACnB,kBAAkB;IAClB,WAAW,EAAA","sourcesContent":["@import \"styles/variables\";\n\n.list {\n &-container {\n padding: 32px 43px 0px 48px;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n &-title {\n font-family: \"Gilroy\", sans-serif;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n }\n}\n\n.search-container {\n width: 690px;\n margin-top: 28px;\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n font-style: normal;\n color: #46556B;\n}\n\n.search-ul {\n margin-top: 28px;\n height: calc(100% - 200px);\n overflow-y: auto;\n}\n\n.search-li {\n margin-bottom: 24px;\n}\n\n.main-title {\n font-weight: bold;\n}\n\n.form_radio {\n display: flex;\n align-items: center;\n\n input {\n margin-right: 26px;\n cursor: pointer;\n }\n label {\n font-family: \"Gilroy\", sans-serif;\n font-size: 16px;\n line-height: 150%;\n cursor: pointer;\n }\n}\n\ninput[type='radio'] {\n position: relative;\n height: 20px;\n width: 20px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n outline: none;\n}\n\ninput[type='radio']::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n background-color: white;\n border: 1px solid #9D9D9D;\n}\n\ninput[type='radio']:checked::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: #F33540;\n transform: translate(-50%, -50%);\n visibility: visible;\n}\n\n.list_buttons {\n // position: fixed;\n // right: 50px;\n // bottom: 15px;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n margin-top: 10px;\n\n button {\n height: 44px;\n width: 121px;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 1px;\n }\n button:first-of-type {\n margin-right: 16px;\n width: 94px;\n }\n &__cancel {\n background: #FFF;\n border: 1px solid #F33540;\n border-radius: 4px;\n color: #F33540;\n }\n &__save {\n background: #F33540;\n border-radius: 4px;\n color: #FFF;\n }\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Report/styles.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Report/styles.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".drawer-container {\n padding: 32px 38px;\n width: 100%; }\n\n.report-thanks-drawer {\n width: 622px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: 100vh; }\n .report-thanks-drawer__title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n text-align: center;\n margin-bottom: 16px; }\n .report-thanks-drawer__content {\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n max-width: 328px;\n text-align: center; }\n\n.report-drawer {\n width: 622px;\n z-index: 2003;\n max-height: 100%;\n display: flex; }\n .report-drawer .g-select {\n background: #fff; }\n .report-drawer-container {\n display: flex;\n flex-direction: column;\n padding: 32px 48px 0 36px;\n height: 100%; }\n .report-drawer__container {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 32px 28px 68px 48px;\n overflow-y: auto;\n width: 622px; }\n .report-drawer__close-button {\n position: absolute;\n display: flex;\n top: 20px;\n right: 20px; }\n .report-drawer__content {\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n margin-top: 40px; }\n .report-drawer__content-mobile {\n height: 100%;\n margin-top: 40px; }\n .report-drawer__item {\n cursor: pointer;\n display: flex;\n padding-right: 10px;\n margin-bottom: 41px;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px; }\n .report-drawer__item span:first-of-type {\n margin-right: 20px;\n padding-top: 6px;\n cursor: pointer; }\n .report-drawer__item:last-of-type {\n margin-bottom: 0; }\n .report-drawer__button {\n display: flex;\n justify-content: flex-end;\n margin: 30px 0 35px 0; }\n .report-drawer__header > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020; }\n\n.violations-drawer {\n width: 622px;\n display: flex;\n flex-direction: column;\n height: 100%; }\n .violations-drawer__header {\n margin-left: 48px;\n margin-bottom: 58px; }\n .violations-drawer__header > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020; }\n\n.hide {\n display: none !important; }\n\n.report-input {\n margin-top: 16px;\n padding-top: 12px;\n position: relative; }\n .report-input .p-form-field-title {\n margin-top: 0px;\n position: absolute;\n top: -5px; }\n .report-input > input {\n height: 44px; }\n .report-input > textarea {\n height: 65px; }\n\n.report-text {\n color: #202020;\n font-size: 16px;\n line-height: 20px;\n width: 330px; }\n\n.report-block {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .report-block-send-container {\n padding: 40px 0 20px 0; }\n .report-block__files {\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid #EFF5FE;\n align-items: center;\n height: 48px; }\n .report-block__files-name {\n display: flex;\n justify-content: space-between; }\n .report-block-button {\n cursor: pointer;\n display: flex; }\n .report-block-button > p {\n margin-right: 17px; }\n .report-block__input-file {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n pointer-events: auto;\n cursor: pointer; }\n .report-block-download-button {\n position: relative;\n width: 161px;\n height: 44px;\n padding: 0 14px;\n box-sizing: border-box;\n font-weight: bold;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #F33540;\n border: 1px solid #F33540;\n border-radius: 4px;\n cursor: pointer; }\n .report-block-download-button__text {\n display: flex;\n cursor: inherit; }\n .report-block-download-button > input {\n cursor: pointer; }\n .report-block-text {\n width: 328px;\n font-size: 12px;\n line-height: 16px;\n display: flex;\n font-weight: normal;\n color: #9D9D9D; }\n .report-block > p {\n font-weight: bold;\n font-size: 14px;\n line-height: 28px; }\n\n.checkbox {\n margin-left: 51px;\n margin-right: 20px; }\n\n.report-block-send-button {\n width: 118px;\n height: 44px;\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n justify-content: center;\n letter-spacing: 1px;\n text-transform: uppercase; }\n\n.report-block-send-button:disabled {\n background: #D0D0D0;\n cursor: auto; }\n\n.mobile-report {\n max-width: 100vw;\n max-height: 100vh;\n overflow: scroll; }\n .mobile-report__container {\n padding: 48px; }\n .mobile-report__header > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020; }\n\n.violations-drawer-mobile {\n width: 100vw;\n display: flex;\n height: 100%;\n left: 0;\n height: max-content;\n overflow: scroll; }\n\n.report-drawer-continue-button {\n width: 147px;\n height: 44px;\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n justify-content: center;\n letter-spacing: 1px;\n text-transform: uppercase; }\n", "",{"version":3,"sources":["webpack://src/components/Report/styles.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,kBAAkB;EAClB,WAAW,EAAA;;AAGb;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,sBAAsB;EACtB,aAAa,EAAA;EAEb;IACE,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB,EAAA;EAErB;IACE,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB,EAAA;;AAItB;EACE,YAAY;EACZ,aAAa;EACb,gBAAgB;EAChB,aAAa,EAAA;EAJf;IAMI,gBAAgB,EAAA;EAElB;IACE,aAAa;IACb,sBAAsB;IACtB,yBAAyB;IACzB,YAAY,EAAA;EAGd;IACE,kBAAkB;IAClB,aAAa;IACb,sBAAsB;IACtB,4BAA4B;IAC5B,gBAAgB;IAChB,YAAY,EAAA;EAGd;IACE,kBAAkB;IAClB,aAAa;IACb,SAAS;IACT,WAAW,EAAA;EAGb;IACE,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;IAClB,gBAAgB,EAAA;EAGlB;IACE,YAAY;IACZ,gBAAgB,EAAA;EAGlB;IACE,eAAe;IACf,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,eAAe;IACf,iBAAiB,EAAA;IAPlB;MAUG,kBAAkB;MAClB,gBAAgB;MAChB,eAAe,EAAA;EAInB;IACE,gBAAgB,EAAA;EAGlB;IACE,aAAa;IACb,yBAAyB;IACzB,qBAAqB,EAAA;EAGtB;IAGG,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,cCxGS,EAAA;;AD6Gf;EACE,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,YAAY,EAAA;EAEZ;IACE,iBAAiB;IACjB,mBAAmB,EAAA;IAFpB;MAKG,gBAAgB;MAChB,eAAe;MACf,iBAAiB;MACjB,cC3HS,EAAA;;ADgIf;EACE,wBAAwB,EAAA;;AAG1B;EACE,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB,EAAA;EAHpB;IAKI,eAAe;IACf,kBAAkB;IAClB,SAAS,EAAA;EAPb;IAUI,YAAY,EAAA;EAVhB;IAcI,YAAY,EAAA;;AAIhB;EACE,cCvJa;EDwJb,eAAe;EACf,iBAAiB;EACjB,YAAY,EAAA;;AAKd;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B,EAAA;EAE9B;IACE,sBAAsB,EAAA;EAGxB;IACE,aAAa;IACb,8BAA8B;IAC9B,gCAAgC;IAChC,mBAAmB;IACnB,YAAY,EAAA;IAEZ;MACE,aAAa;MACb,8BAA8B,EAAA;EAIlC;IACE,eAAe;IACf,aAAa,EAAA;IAFd;MAIG,kBAAkB,EAAA;EAItB;IACE,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,aAAa;IACb,UAAU;IACV,oBAAoB;IACpB,eAAe,EAAA;EAIjB;IACE,kBAAkB;IAClB,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,sBAAsB;IACtB,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,yBAAyB;IACzB,cAAc;IACd,yBAAyB;IACzB,kBAAkB;IAClB,eAAe,EAAA;IAEf;MACE,aAAa;MACb,eAAe,EAAA;EAGnB;IACE,eAAe,EAAA;EAGjB;IACE,YAAY;IACZ,eAAe;IACf,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,cAAc,EAAA;EA9ElB;IAkFI,iBAAiB;IACjB,eAAe;IACf,iBAAiB,EAAA;;AAIrB;EACE,iBAAiB;EACjB,kBAAkB,EAAA;;AAGpB;EACE,YAAY;EACZ,YAAY;EACZ,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;EACnB,yBAAyB,EAAA;;AAE3B;EACE,mBAAmB;EACnB,YAAY,EAAA;;AAGd;EACE,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB,EAAA;EAEhB;IACE,aAAa,EAAA;EAGd;IAEG,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,cC1RS,EAAA;;AD+Rf;EACE,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,OAAO;EACP,mBAAmB;EACnB,gBAAgB,EAAA;;AAGlB;EACE,YAAY;EACZ,YAAY;EACZ,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;EACnB,yBAAyB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.drawer-container {\n padding: 32px 38px;\n width: 100%;\n}\n\n.report-thanks-drawer {\n width: 622px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: 100vh;\n\n &__title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n text-align: center;\n margin-bottom: 16px;\n }\n &__content {\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n max-width: 328px;\n text-align: center;\n }\n}\n\n.report-drawer {\n width: 622px;\n z-index: 2003;\n max-height: 100%;\n display: flex;\n & .g-select{\n background: #fff;\n }\n &-container {\n display: flex;\n flex-direction: column;\n padding: 32px 48px 0 36px;\n height: 100%;\n }\n\n &__container {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 32px 28px 68px 48px;\n overflow-y: auto;\n width: 622px;\n }\n\n &__close-button {\n position: absolute;\n display: flex;\n top: 20px;\n right: 20px;\n }\n\n &__content {\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n margin-top: 40px;\n }\n\n &__content-mobile {\n height: 100%;\n margin-top: 40px;\n }\n\n &__item {\n cursor: pointer;\n display: flex;\n padding-right: 10px;\n margin-bottom: 41px;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n\n span:first-of-type {\n margin-right: 20px;\n padding-top: 6px;\n cursor: pointer;\n }\n }\n\n &__item:last-of-type {\n margin-bottom: 0;\n }\n\n &__button {\n display: flex;\n justify-content: flex-end;\n margin: 30px 0 35px 0;\n }\n\n &__header {\n\n & > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n }\n }\n}\n\n.violations-drawer {\n width: 622px;\n display: flex;\n flex-direction: column;\n height: 100%;\n \n &__header {\n margin-left: 48px;\n margin-bottom: 58px;\n \n & > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n }\n }\n}\n\n.hide {\n display: none !important;\n}\n\n.report-input {\n margin-top: 16px;\n padding-top: 12px;\n position: relative;\n & .p-form-field-title{\n margin-top: 0px;\n position: absolute;\n top: -5px;\n }\n & > input {\n height: 44px;\n }\n\n & > textarea {\n height: 65px;\n }\n}\n\n.report-text {\n color: $black;\n font-size: 16px;\n line-height: 20px;\n width: 330px;\n}\n\n\n\n.report-block {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n &-send-container {\n padding: 40px 0 20px 0;\n }\n\n &__files {\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid #EFF5FE;\n align-items: center;\n height: 48px;\n\n &-name {\n display: flex;\n justify-content: space-between;\n }\n }\n\n &-button {\n cursor: pointer;\n display: flex;\n & > p {\n margin-right: 17px;\n }\n }\n\n &__input-file {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n pointer-events: auto;\n cursor: pointer;\n }\n\n\n &-download-button {\n position: relative;\n width: 161px;\n height: 44px;\n padding: 0 14px;\n box-sizing: border-box;\n font-weight: bold;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #F33540;\n border: 1px solid #F33540;\n border-radius: 4px;\n cursor: pointer;\n\n &__text {\n display: flex;\n cursor: inherit;\n }\n }\n &-download-button > input {\n cursor: pointer;\n }\n\n &-text {\n width: 328px;\n font-size: 12px;\n line-height: 16px;\n display: flex;\n font-weight: normal;\n color: #9D9D9D;\n }\n\n & > p {\n font-weight: bold;\n font-size: 14px;\n line-height: 28px;\n }\n}\n\n.checkbox {\n margin-left: 51px;\n margin-right: 20px;\n}\n\n.report-block-send-button {\n width: 118px;\n height: 44px;\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n justify-content: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n}\n.report-block-send-button:disabled {\n background: #D0D0D0;\n cursor: auto;\n}\n\n.mobile-report {\n max-width: 100vw;\n max-height: 100vh;\n overflow: scroll;\n\n &__container {\n padding: 48px;\n }\n\n &__header {\n & > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n }\n }\n}\n\n.violations-drawer-mobile {\n width: 100vw;\n display: flex;\n height: 100%;\n left: 0;\n height: max-content;\n overflow: scroll;\n}\n\n.report-drawer-continue-button{\n width: 147px;\n height: 44px;\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n justify-content: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n}\n\n\n\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/SliderTitle/styles/styles.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/SliderTitle/styles/styles.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-slider-title {\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .p-slider-title__title {\n font-weight: 600;\n font-size: 28px; }\n\n.p-slider-header {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 30px; }\n .p-slider-header__open-drop-down {\n display: flex;\n align-items: center;\n margin-left: auto; }\n .p-slider-header__open-drop-down * {\n color: #46556B; }\n .p-slider-header__open-drop-down .p-arrow-down-md {\n border: #46556B solid;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 3px;\n transform: rotate(42deg);\n height: 8px;\n margin-left: 7px;\n margin-bottom: 3px; }\n .p-slider-header__title {\n display: flex;\n flex-direction: row;\n align-items: center;\n font-size: 28px;\n font-weight: 600; }\n .p-slider-header__title .title-img {\n width: 52px;\n height: 52px;\n margin-right: 12px;\n border-radius: 50%;\n overflow: hidden; }\n .p-slider-header__title .title-content {\n display: flex;\n flex-direction: column; }\n .p-slider-header__title .title-content .sub-title-text {\n font-size: 15px;\n line-height: 16px;\n font-weight: 400; }\n .p-slider-header__title .title-content .genre-highlight {\n position: relative; }\n .p-slider-header__title .title-content .title-text {\n font-size: 28px;\n line-height: 32px;\n font-weight: 600; }\n .p-slider-header__title .title-content .title-text .colored-title-text {\n color: #F33540; }\n .p-slider-header__title .title-content .title-description {\n margin-top: 12px;\n font-size: 15px;\n max-width: 423px; }\n .p-slider-header__open-all {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .p-slider-header__open-all .p-text {\n margin-right: 6px;\n color: black; }\n", "",{"version":3,"sources":["webpack://src/components/SliderTitle/styles/styles.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB,EAAA;EAEnB;IAEE,gBAAgB;IAChB,eCyBU,EAAA;;ADhBd;EACE,WAAW;EACX,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB;EACnB,mBAAmB,EAAA;EAEnB;IACE,aAAa;IACb,mBAAmB;IACnB,iBAAiB,EAAA;IAHlB;MAMG,cC3Ba,EAAA;IDqBhB;MASG,qBAA+B;MAC/B,yBAA0B;MAC1B,qBAA2B;MAC3B,YAAkB;MAClB,wBAAwB;MACxB,WAAW;MACX,gBAAgB;MAChB,kBAAkB,EAAA;EAKtB;IACE,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,eCjBU;IDkBV,gBAAgB,EAAA;IALjB;MASG,WAAW;MACX,YAAY;MACZ,kBAAkB;MAClB,kBAAkB;MAClB,gBAAgB,EAAA;IAbnB;MAiBG,aAAa;MACb,sBAAsB,EAAA;MAlBzB;QAsBK,eAAe;QACf,iBAAiB;QACjB,gBAAgB,EAAA;MAxBrB;QA4BK,kBAAkB,EAAA;MA5BvB;QAgCK,eC7CM;QD8CN,iBAAiB;QACjB,gBAAgB,EAAA;QAlCrB;UAqCO,cAAc,EAAA;MArCrB;QA0CK,gBAAgB;QAChB,eAAe;QACf,gBAAgB,EAAA;EAKtB;IACE,aAAa;IACb,mBAAmB;IACnB,yBAAyB,EAAA;IAH1B;MAMG,iBAAiB;MACjB,YAAY,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-slider-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &__title {\n\n font-weight: 600;\n font-size: $font-28;\n\n }\n\n &__open-all {\n\n }\n}\n\n.p-slider-header {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 30px;\n\n &__open-drop-down {\n display: flex;\n align-items: center;\n margin-left: auto;\n\n * {\n color: $dark-gray;\n }\n .p-arrow-down-md {\n border : $dark-gray solid;\n border-width : 0 2px 2px 0;\n display : inline-block;\n padding : 3px;\n transform: rotate(42deg);\n height: 8px;\n margin-left: 7px;\n margin-bottom: 3px;\n }\n\n }\n\n &__title {\n display: flex;\n flex-direction: row;\n align-items: center;\n font-size: $font-28;\n font-weight: 600;\n\n\n .title-img {\n width: 52px;\n height: 52px;\n margin-right: 12px;\n border-radius: 50%;\n overflow: hidden;\n }\n\n .title-content {\n display: flex;\n flex-direction: column;\n\n\n .sub-title-text {\n font-size: 15px;\n line-height: 16px;\n font-weight: 400;\n }\n\n .genre-highlight {\n position: relative;\n }\n\n .title-text {\n font-size: $font-28;\n line-height: 32px;\n font-weight: 600;\n\n .colored-title-text {\n color: #F33540;\n }\n }\n\n .title-description {\n margin-top: 12px;\n font-size: 15px;\n max-width: 423px;\n }\n }\n }\n\n &__open-all {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n .p-text {\n margin-right: 6px;\n color: black;\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/TariffItem/styles/style.module.scss":
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/components/TariffItem/styles/style.module.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".style_tariffItemContainer__1-IyI {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 12px; }\n .style_tariffItemContainer__1-IyI:last-child {\n margin-bottom: 0px; }\n\n.style_tariffItem__2Vl4v {\n display: flex;\n flex-direction: row; }\n .style_tariffItem__2Vl4v > img {\n width: 16px;\n height: 16px; }\n\n.style_tariffTitle__1Dt0t {\n margin-left: 20px;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n color: #ffffff; }\n", "",{"version":3,"sources":["webpack://src/components/TariffItem/styles/style.module.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB,EAAA;EAJrB;IAOI,kBAAkB,EAAA;;AAItB;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAKI,WAAW;IACX,YAAY,EAAA;;AAIhB;EACE,iBAAiB;EACjB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,cCzBa,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.tariffItemContainer {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 12px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n}\n\n.tariffItem {\n display: flex;\n flex-direction: row;\n\n & > img {\n width: 16px;\n height: 16px;\n }\n}\n\n.tariffTitle {\n margin-left: 20px;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n color: $white;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"tariffItemContainer": "style_tariffItemContainer__1-IyI",
"tariffItem": "style_tariffItem__2Vl4v",
"tariffTitle": "style_tariffTitle__1Dt0t"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/Tooltip/styles.scss":
/*!************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Tooltip/styles.scss ***!
\************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-tooltip {\n display: flex;\n font-size: 15px;\n flex-direction: column;\n padding: 4px 0;\n min-width: 58px;\n top: 34px;\n position: absolute;\n background: white;\n color: #141413;\n z-index: 3000;\n box-shadow: 0 8px 36px rgba(0, 0, 0, 0.2);\n border-radius: 7px; }\n\n.p-tooltip__arrow {\n position: absolute;\n height: 17px;\n width: 17px;\n border-bottom: none;\n border-right: none;\n transform: rotate(45deg);\n margin-top: -9px;\n margin-left: 20px;\n background-color: white; }\n\n.p-tooltip.right {\n left: -150px; }\n .p-tooltip.right .p-tooltip__arrow {\n transform: rotate(44deg);\n margin-top: -9px;\n right: 22%; }\n\n.p-tooltip.top-right {\n top: auto;\n bottom: 52px;\n right: -25px;\n left: auto; }\n .p-tooltip.top-right .p-tooltip__arrow {\n margin-bottom: 0;\n margin-top: 0;\n margin-left: 0;\n right: 30px;\n bottom: -5px;\n left: auto;\n background-color: white; }\n\n.p-tooltip.block {\n top: 210px;\n bottom: auto;\n left: 0;\n z-index: 5000; }\n .p-tooltip.block .p-tooltip__arrow {\n margin-bottom: 0;\n margin-top: 0;\n margin-left: 0;\n left: 33px;\n top: -5px;\n right: auto;\n background-color: white; }\n\n.p-tooltip.top-left {\n top: auto;\n bottom: 53px;\n left: -26px;\n right: auto; }\n .p-tooltip.top-left .p-tooltip__arrow {\n margin-bottom: 0;\n margin-top: 0;\n margin-left: 0;\n left: 33px;\n bottom: -5px;\n right: auto;\n background-color: white; }\n\n.p-tooltip.top-center {\n top: auto;\n bottom: 51px;\n right: -15px;\n left: auto; }\n .p-tooltip.top-center .p-tooltip__arrow {\n bottom: -5px;\n left: 50%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg); }\n\n.p-tooltip.bottom-center {\n bottom: auto;\n right: auto;\n left: -84px; }\n .p-tooltip.bottom-center .p-tooltip__arrow {\n top: -5px;\n left: 50%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg); }\n\n.p-tooltip.bottom-center-star {\n bottom: auto;\n right: auto;\n left: -92px; }\n .p-tooltip.bottom-center-star .p-tooltip__arrow {\n top: -5px;\n left: 50%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg); }\n\n.p-tooltip.bottom-right {\n bottom: auto;\n right: auto;\n top: 40px;\n left: -36px; }\n .p-tooltip.bottom-right .p-tooltip__arrow {\n top: -5px;\n left: 77%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n z-index: -100; }\n\n.p-tooltip.bottom-right-arrow-left {\n bottom: auto;\n right: auto;\n top: 40px;\n left: -36px; }\n .p-tooltip.bottom-right-arrow-left .p-tooltip__arrow {\n top: -5px;\n left: 20%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n z-index: -100; }\n\n.p-tooltip.bottom-left {\n bottom: auto;\n left: auto;\n top: 40px;\n right: -22px; }\n .p-tooltip.bottom-left .p-tooltip__arrow {\n top: -5px;\n right: 20px;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n z-index: -100; }\n", "",{"version":3,"sources":["webpack://src/components/Tooltip/styles.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,eAAe;EACf,sBAAsB;EACtB,cAAc;EACd,eAAe;EACf,SAAS;EACT,kBAAkB;EAClB,iBAAiB;EACjB,cAAc;EACd,aAAa;EACb,yCAAyC;EACzC,kBAAkB,EAAA;;AAKpB;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;EAEX,mBAAmB;EACnB,kBAAkB;EAClB,wBAAwB;EACxB,gBAAgB;EAChB,iBAAiB;EACjB,uBAAuB,EAAA;;AAGzB;EAEI,YAAY,EAAA;EAFhB;IAKM,wBAAwB;IACxB,gBAAgB;IAChB,UAAU,EAAA;;AAPhB;EAYI,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,UAAU,EAAA;EAfd;IAkBM,gBAAgB;IAChB,aAAa;IACb,cAAc;IACd,WAAW;IACX,YAAY;IACZ,UAAU;IACV,uBAAuB,EAAA;;AAxB7B;EA6BI,UAAU;EACV,YAAY;EACZ,OAAO;EACP,aAAa,EAAA;EAhCjB;IAkCM,gBAAgB;IAChB,aAAa;IACb,cAAc;IACd,UAAU;IACV,SAAS;IACT,WAAW;IACX,uBAAuB,EAAA;;AAxC7B;EA6CI,SAAS;EACT,YAAY;EACZ,WAAW;EACX,WAAW,EAAA;EAhDf;IAmDM,gBAAgB;IAChB,aAAa;IACb,cAAc;IACd,UAAU;IACV,YAAY;IACZ,WAAW;IACX,uBAAuB,EAAA;;AAzD7B;EA8DI,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,UAAU,EAAA;EAjEd;IAoEM,YAAY;IACZ,SAAS;IACT,SAAS;IACT,yCAAyC,EAAA;;AAvE/C;EA4EI,YAAY;EACZ,WAAW;EACX,WAAW,EAAA;EA9Ef;IAiFM,SAAS;IACT,SAAS;IACT,SAAS;IACT,yCAAyC,EAAA;;AApF/C;EAyFI,YAAY;EACZ,WAAW;EACX,WAAW,EAAA;EA3Ff;IA8FM,SAAS;IACT,SAAS;IACT,SAAS;IACT,yCAAyC,EAAA;;AAjG/C;EAsGI,YAAY;EACZ,WAAW;EACX,SAAS;EACT,WAAW,EAAA;EAzGf;IA4GM,SAAS;IACT,SAAS;IACT,SAAS;IACT,yCAAyC;IACzC,aAAa,EAAA;;AAhHnB;EAqHI,YAAY;EACZ,WAAW;EACX,SAAS;EACT,WAAW,EAAA;EAxHf;IA2HM,SAAS;IACT,SAAS;IACT,SAAS;IACT,yCAAyC;IACzC,aAAa,EAAA;;AA/HnB;EAoII,YAAY;EACZ,UAAU;EACV,SAAS;EACT,YAAY,EAAA;EAvIhB;IA0IM,SAAS;IACT,WAAW;IACX,SAAS;IACT,yCAAyC;IACzC,aAAa,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-tooltip {\n display: flex;\n font-size: 15px;\n flex-direction: column;\n padding: 4px 0;\n min-width: 58px;\n top: 34px;\n position: absolute;\n background: white;\n color: #141413;\n z-index: 3000;\n box-shadow: 0 8px 36px rgba(0, 0, 0, 0.2);\n border-radius: 7px;\n //overflow: scroll;\n //height: 400px;\n}\n\n.p-tooltip__arrow {\n position: absolute;\n height: 17px;\n width: 17px;\n\n border-bottom: none;\n border-right: none;\n transform: rotate(45deg);\n margin-top: -9px;\n margin-left: 20px;\n background-color: white;\n}\n\n.p-tooltip {\n &.right {\n left: -150px;\n\n .p-tooltip__arrow {\n transform: rotate(44deg);\n margin-top: -9px;\n right: 22%;\n }\n }\n\n &.top-right {\n top: auto;\n bottom: 52px;\n right: -25px;\n left: auto;\n\n .p-tooltip__arrow {\n margin-bottom: 0;\n margin-top: 0;\n margin-left: 0;\n right: 30px;\n bottom: -5px;\n left: auto;\n background-color: white;\n }\n }\n\n &.block {\n top: 210px;\n bottom: auto;\n left: 0;\n z-index: 5000;\n .p-tooltip__arrow {\n margin-bottom: 0;\n margin-top: 0;\n margin-left: 0;\n left: 33px;\n top: -5px;\n right: auto;\n background-color: white;\n }\n }\n\n &.top-left {\n top: auto;\n bottom: 53px;\n left: -26px;\n right: auto;\n\n .p-tooltip__arrow {\n margin-bottom: 0;\n margin-top: 0;\n margin-left: 0;\n left: 33px;\n bottom: -5px;\n right: auto;\n background-color: white;\n }\n }\n\n &.top-center {\n top: auto;\n bottom: 51px;\n right: -15px;\n left: auto;\n\n .p-tooltip__arrow {\n bottom: -5px;\n left: 50%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n }\n }\n\n &.bottom-center {\n bottom: auto;\n right: auto;\n left: -84px;\n\n .p-tooltip__arrow {\n top: -5px;\n left: 50%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n }\n }\n\n &.bottom-center-star {\n bottom: auto;\n right: auto;\n left: -92px;\n\n .p-tooltip__arrow {\n top: -5px;\n left: 50%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n }\n }\n\n &.bottom-right {\n bottom: auto;\n right: auto;\n top: 40px;\n left: -36px;\n\n .p-tooltip__arrow {\n top: -5px;\n left: 77%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n z-index: -100;\n }\n }\n\n &.bottom-right-arrow-left {\n bottom: auto;\n right: auto;\n top: 40px;\n left: -36px;\n\n .p-tooltip__arrow {\n top: -5px;\n left: 20%;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n z-index: -100;\n }\n }\n\n &.bottom-left {\n bottom: auto;\n left: auto;\n top: 40px;\n right: -22px;\n\n .p-tooltip__arrow {\n top: -5px;\n right: 20px;\n margin: 0;\n transform: translateX(-50%) rotate(45deg);\n z-index: -100;\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/formElements/style.scss":
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/formElements/style.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".g-input {\n width: 100%; }\n\n.g-tune-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 151px;\n height: 44px;\n border-radius: 4px;\n color: white;\n font-weight: 700;\n padding: 14px 16px 12px 16px;\n background-color: #F33540; }\n .g-tune-button > .p-header-player__drop-down * {\n color: #46556B; }\n .g-tune-button img {\n margin-right: 7px; }\n .g-tune-button > span {\n font-style: normal;\n font-weight: bold;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 1px;\n text-transform: uppercase; }\n\n.p-form-field-withError input, .p-form-field-withError select, .p-form-field-withError textarea, .p-form-field-select-withError input, .p-form-field-select-withError select, .p-form-field-select-withError textarea {\n border-color: #FF0000; }\n\n.p-form-field-withError input:focus, .p-form-field-withError select:focus, .p-form-field-withError textarea:focus, .p-form-field-select-withError input:focus, .p-form-field-select-withError select:focus, .p-form-field-select-withError textarea:focus {\n border-color: #FF0000; }\n\n.p-form-field {\n display: flex;\n flex-direction: column;\n margin-top: 48px; }\n .p-form-field-select {\n display: flex;\n flex-direction: column;\n margin-top: 82px; }\n .p-form-field-select-withTitle {\n margin-top: 0; }\n .p-form-field-withTitle {\n margin-top: 0; }\n .p-form-field-title-edit {\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n line-height: 16px;\n color: #9D9D9D;\n padding-bottom: 2px;\n height: 16px;\n margin-top: 24px; }\n .p-form-field-title-edit-select {\n margin-top: 66px; }\n .p-form-field-title {\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n line-height: 16px;\n color: #9D9D9D;\n padding-bottom: 2px;\n height: 16px;\n margin-top: 32px; }\n .p-form-field-title-select {\n margin-top: 66px; }\n\n.p-form-field__input, .p-form-field__textarea {\n padding: 0;\n border: 1px solid #D0D0D0;\n border-radius: 4px;\n font-style: normal;\n caret-color: #F33540;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n height: 60px;\n color: #242424;\n width: 100%;\n transition: 0.2s all ease-in-out; }\n .p-form-field__input::placeholder, .p-form-field__textarea::placeholder {\n color: rgba(70, 85, 107, 0.7); }\n .p-form-field__input:focus, .p-form-field__textarea:focus {\n border-color: #46556B;\n border-radius: 4px;\n color: #242424; }\n\n.p-form-field__textarea {\n padding: 12px;\n height: auto;\n resize: none;\n max-height: max-content;\n min-height: auto; }\n\n.p-form-field__error {\n font-weight: 500;\n font-size: 12px;\n line-height: 20px;\n margin-top: 4px;\n color: #F33540; }\n\n.g-chekbox-container {\n display: block;\n position: relative;\n padding-left: 35px;\n margin-bottom: 12px;\n cursor: pointer;\n font-size: 22px;\n -webkit-user-select: none;\n user-select: none; }\n .g-chekbox-container > input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0; }\n\n.checkmark {\n top: 0;\n left: 0;\n height: 25px;\n width: 25px;\n background-color: #eee; }\n\n:root {\n --select-border: #D0D0D0;\n --select-arrow: var(--select-border); }\n\n.g-select {\n height: 44px;\n width: 100%;\n border: 1px solid var(--select-border);\n border-radius: 4px;\n cursor: pointer; }\n .g-select option:first-of-type {\n display: none; }\n .g-select option {\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n color: #242424; }\n\nselect:required:invalid {\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n color: #9D9D9D; }\n", "",{"version":3,"sources":["webpack://src/components/formElements/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,WAAW,EAAA;;AAGb;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,YAAY;EACZ,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,4BAA4B;EAC5B,yBCOqB,EAAA;EDjBvB;IAcM,cCda,EAAA;EDAnB;IAmBI,iBAAiB,EAAA;EAnBrB;IAuBI,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,mBAAmB;IACnB,yBAAyB,EAAA;;AAI1B;EAEG,qBAAqB,EAAA;;AAFxB;EAKG,qBAAqB,EAAA;;AAI3B;EACE,aAAa;EACb,sBAAsB;EACtB,gBAAgB,EAAA;EAGhB;IACE,aAAa;IACb,sBAAsB;IACtB,gBAAgB,EAAA;IAChB;MACE,aAAa,EAAA;EAGjB;IACE,aAAa,EAAA;EAEf;IACE,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,mBAAmB;IACnB,YAAY;IACZ,gBAAgB,EAAA;IAChB;MACE,gBAAgB,EAAA;EAGpB;IACE,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,mBAAmB;IACnB,YAAY;IACZ,gBAAgB,EAAA;IAChB;MACE,gBAAgB,EAAA;;AAKtB;EACE,UAAU;EACV,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;EAClB,oBC1EqB;ED2ErB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,cAAc;EACd,WAAW;EACX,gCAAgC,EAAA;EAZlC;IAeI,6BCrGe,EAAA;EDsFnB;IAmBI,qBCzGe;ID0Gf,kBAAkB;IAClB,cCtGY,EAAA;;AD0GhB;EACE,aAAa;EAEb,YAAY;EACZ,YAAY;EACZ,uBAAuB;EACvB,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,eAAe;EACf,cC5GqB,EAAA;;AD+GvB;EACE,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,yBAAyB;EAGzB,iBAAiB,EAAA;EAVnB;IAiBI,kBAAkB;IAClB,UAAU;IACV,eAAe;IACf,SAAS;IACT,QAAQ,EAAA;;AAIZ;EACE,MAAM;EACN,OAAO;EACP,YAAY;EACZ,WAAW;EACX,sBAAsB,EAAA;;AAGxB;EACE,wBAAgB;EAChB,oCAAe,EAAA;;AAGjB;EACE,YAAY;EACZ,WAAW;EACX,sCAAsC;EACtC,kBAAkB;EAClB,eAAe,EAAA;EALjB;IAQI,aAAa,EAAA;EARjB;IAWI,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cAAc,EAAA;;AAIlB;EACE,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,cAAc,EAAA","sourcesContent":["@import 'styles/variables';\n\n.g-input {\n width: 100%;\n}\n\n.g-tune-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 151px;\n height: 44px;\n border-radius: 4px;\n color: white;\n font-weight: 700;\n padding: 14px 16px 12px 16px;\n background-color: $primary-color;\n\n & > .p-header-player__drop-down {\n * {\n color: $dark-gray;\n }\n }\n\n img {\n margin-right: 7px;\n }\n\n & > span {\n font-style: normal;\n font-weight: bold;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n}\n.p-form-field, .p-form-field-select{\n &-withError{\n & input, select, textarea{\n border-color: #FF0000;\n }\n & input:focus, select:focus, textarea:focus{\n border-color: #FF0000;\n }\n }\n}\n.p-form-field {\n display: flex;\n flex-direction: column;\n margin-top: 48px;\n\n\n &-select {\n display: flex;\n flex-direction: column;\n margin-top: 82px;\n &-withTitle {\n margin-top: 0;\n }\n }\n &-withTitle {\n margin-top: 0;\n }\n &-title-edit {\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n line-height: 16px;\n color: #9D9D9D;\n padding-bottom: 2px;\n height: 16px;\n margin-top: 24px;\n &-select {\n margin-top: 66px;\n }\n }\n &-title {\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n line-height: 16px;\n color: #9D9D9D;\n padding-bottom: 2px;\n height: 16px;\n margin-top: 32px;\n &-select {\n margin-top: 66px;\n }\n }\n}\n\n.p-form-field__input {\n padding: 0;\n border: 1px solid #D0D0D0;\n border-radius: 4px;\n font-style: normal;\n caret-color: $primary-color;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n height: 60px;\n color: #242424;\n width: 100%;\n transition: 0.2s all ease-in-out;\n\n &::placeholder {\n color: rgba($dark-gray, 0.7);\n }\n\n &:focus {\n border-color: $dark-gray;\n border-radius: 4px;\n color: $darken;\n }\n}\n\n.p-form-field__textarea {\n padding: 12px;\n @extend .p-form-field__input;\n height: auto;\n resize: none;\n max-height: max-content;\n min-height: auto;\n}\n\n.p-form-field__error {\n font-weight: 500;\n font-size: 12px;\n line-height: 20px;\n margin-top: 4px;\n color: $primary-color;\n}\n\n.g-chekbox-container {\n display: block;\n position: relative;\n padding-left: 35px;\n margin-bottom: 12px;\n cursor: pointer;\n font-size: 22px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &:hover {\n\n }\n\n & > input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n}\n\n.checkmark {\n top: 0;\n left: 0;\n height: 25px;\n width: 25px;\n background-color: #eee;\n}\n\n:root {\n --select-border: #D0D0D0;\n --select-arrow: var(--select-border);\n}\n\n.g-select {\n height: 44px;\n width: 100%;\n border: 1px solid var(--select-border);\n border-radius: 4px;\n cursor: pointer;\n\n option:first-of-type {\n display: none;\n }\n option {\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n color: #242424;\n }\n}\n\nselect:required:invalid {\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n color: #9D9D9D;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/icon/style.scss":
/*!********************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/icon/style.scss ***!
\********************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, "", "",{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Layouts/components/Slider/styles/style.scss":
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Layouts/components/Slider/styles/style.scss ***!
\*********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/getUrl.js */ "./node_modules/css-loader/dist/runtime/getUrl.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _assets_svg_arrow_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../assets/svg/arrow.svg */ "./src/assets/svg/arrow.svg");
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_assets_svg_arrow_svg__WEBPACK_IMPORTED_MODULE_2__["default"]);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".slider-button__btns {\n position: absolute;\n top: 0;\n width: 100%;\n height: 196px; }\n\n.slider-button__navigations {\n content: '';\n display: block;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n position: absolute;\n z-index: 2;\n background: #FFFFFF url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat center center;\n border-radius: 100px;\n cursor: pointer; }\n\n.slider-button__next {\n right: 11px; }\n\n.slider-button__prev {\n transform: rotate(0.5turn) translateY(50%); }\n\n.slider-button__hidden {\n visibility: hidden; }\n\n.slider-button__disabled {\n visibility: hidden; }\n\n.slider-button__disabled {\n visibility: hidden; }\n\n.p-stories-carousel-buttons {\n position: absolute;\n top: 0;\n width: 100%;\n height: 60px; }\n\n.p-stories-full-buttons {\n position: absolute;\n top: 0;\n width: 100%;\n height: 40px; }\n", "",{"version":3,"sources":["webpack://src/screens/Layouts/components/Slider/styles/style.scss"],"names":[],"mappings":"AAEE;EACE,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,aAAa,EAAA;;AAGf;EACE,WAAW;EACX,cAAc;EACd,QAAQ;EACR,2BAA2B;EAC3B,WAAW;EACX,YAAY;EAEZ,kBAAkB;EAClB,UAAU;EAEV,mFAAwE;EACxE,oBAAoB;EAEpB,eAAe,EAAA;;AAGjB;EACE,WAAW,EAAA;;AAGb;EACE,0CAA0C,EAAA;;AAI5C;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB,EAAA;;AAKtB;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,YAAY,EAAA;;AAGd;EACE,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,YAAY,EAAA","sourcesContent":[".slider-button {\n\n &__btns {\n position: absolute;\n top: 0;\n width: 100%;\n height: 196px;\n }\n\n &__navigations {\n content: '';\n display: block;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n\n position: absolute;\n z-index: 2;\n\n background: #FFFFFF url(\"/assets/svg/arrow.svg\") no-repeat center center;\n border-radius: 100px;\n\n cursor: pointer;\n }\n\n &__next {\n right: 11px;\n }\n\n &__prev {\n transform: rotate(0.5turn) translateY(50%);\n\n }\n\n &__hidden {\n visibility: hidden;\n }\n\n &__disabled {\n visibility: hidden;\n }\n\n}\n\n.slider-button__disabled {\n visibility: hidden;\n}\n\n.p-stories-carousel-buttons {\n position: absolute;\n top: 0;\n width: 100%;\n height: 60px;\n}\n\n.p-stories-full-buttons {\n position: absolute;\n top: 0;\n width: 100%;\n height: 40px;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/components/NavBar/styles/style.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/components/NavBar/styles/style.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-left-menu {\n display: flex;\n flex-direction: column;\n background-color: #1B1E23;\n height: 100%;\n width: auto;\n transition: 0.2s opacity ease-in-out;\n overflow: hidden;\n z-index: 1;\n transform: translate3d(0, 0, 0);\n padding-bottom: 94px; }\n .p-left-menu .p-nav-logo__icon {\n opacity: 0; }\n .p-left-menu .p-nav-logo {\n display: flex;\n align-items: flex-end; }\n .p-left-menu .p-nav-logo__text {\n margin-bottom: 1px;\n margin-left: 10px;\n transition: 0.2s all ease-in-out; }\n .p-left-menu .p-nav-download {\n display: flex;\n align-items: center;\n padding-left: 40px;\n margin-top: 80px;\n white-space: nowrap;\n transition: 0.2s all ease-in-out; }\n .p-left-menu .p-nav-download .p-download-btn {\n background-color: #F33540;\n color: white;\n border-radius: 6px;\n width: 24px;\n min-width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px; }\n .p-left-menu .p-nav-download * {\n color: white;\n font-size: 14px; }\n .p-left-menu .p-nav-header {\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 22px;\n margin: 14px 0 34px 40px;\n color: #ffffff;\n transition: .2s all ease-in-out; }\n .p-left-menu .p-nav-menu {\n display: flex;\n flex-direction: column;\n padding: 13px 0 20px 0; }\n .p-left-menu .p-nav-menu .p-nav-menu-item {\n display: flex;\n color: #ffffff;\n padding: 5px 0 5px 40px;\n margin-bottom: 10px;\n font-weight: 700;\n font-size: 16px;\n position: relative; }\n .p-left-menu .p-nav-menu .p-nav-menu-item:before {\n content: '';\n position: absolute;\n left: 0;\n top: 1.5px;\n bottom: 0;\n width: 4px;\n height: 28px;\n background-color: #F33540;\n opacity: 0; }\n .p-left-menu .p-nav-menu .p-nav-menu-item span {\n transition: 0.2s all ease-in-out;\n white-space: nowrap; }\n .p-left-menu .p-nav-menu .p-nav-menu-item:hover:before, .p-left-menu .p-nav-menu .p-nav-menu-item-active:before {\n opacity: 1; }\n .p-left-menu .p-nav-menu .p-nav-menu-item:hover > span, .p-left-menu .p-nav-menu .p-nav-menu-item-active > span {\n color: #F33540; }\n .p-left-menu .p-nav-menu .p-nav-menu-item:hover img, .p-left-menu .p-nav-menu .p-nav-menu-item-active img {\n filter: invert(44%) sepia(66%) saturate(6278%) hue-rotate(337deg) brightness(95%) contrast(100%); }\n .p-left-menu .p-nav-last-listen {\n display: flex;\n flex-direction: column;\n padding: 5px 0 15px 0;\n transition: 0.2s all ease-in-out;\n white-space: nowrap; }\n .p-left-menu .p-nav-last-listen .p-nav-menu-item {\n color: #ffffff;\n padding: 5px 0 5px 40px;\n margin-bottom: 5px;\n font-weight: 400;\n font-size: 16px; }\n .p-left-menu .p-nav-last-listen .p-nav-music {\n display: flex;\n white-space: nowrap;\n align-items: center;\n cursor: pointer; }\n .p-left-menu .p-nav-last-listen .p-nav-music > img {\n height: 25px;\n width: 25px; }\n .p-left-menu .p-nav-last-listen .p-nav-music > span {\n max-width: 145px; }\n .p-left-menu .p-nav-last-listen .p-nav-last-listen-title {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n padding: 5px 0 20px 40px; }\n .p-left-menu .p-nav-stores {\n display: flex;\n margin: 8px 0 89px 0;\n padding: 0 0 0 20px; }\n .p-left-menu .p-nav-stores .google-store-icon {\n margin-right: 8px; }\n .p-left-menu .p-nav-stores__before-ad {\n display: flex;\n margin: auto 0 20px 0;\n padding: 0 0 0 20px; }\n .p-left-menu .p-nav-stores__before-ad .google-store-icon {\n margin-right: 8px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/components/NavBar/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AASA;EACE,aAAa;EACb,sBAAsB;EACtB,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,oCAAoC;EACpC,gBAAgB;EAChB,UAAU;EACV,+BAA+B;EAC/B,oBAAoB,EAAA;EAVtB;IAaI,UAAU,EAAA;EAbd;IAgDI,aAAa;IACb,qBAAqB,EAAA;IAjDzB;MAoDM,kBAAkB;MAClB,iBAAiB;MACjB,gCClBmC,EAAA;EDpCzC;IA4DI,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,gCC7BqC,EAAA;IDpCzC;MAqEM,yBCvDiB;MDwDjB,YAAY;MACZ,kBAAkB;MAClB,WAAW;MACX,eAAe;MACf,YAAY;MACZ,aAAa;MACb,mBAAmB;MACnB,uBAAuB;MACvB,kBAAkB,EAAA;IA9ExB;MAkFM,YAAY;MACZ,eCjEQ,EAAA;EDlBd;IAwFI,aAAa;IACb,mBAAmB;IACnB,gBAAgB;IAChB,eAAe;IACf,wBAAwB;IACxB,cCnGW;IDoGX,+BAA+B,EAAA;EA9FnC;IAuGI,aAAa;IACb,sBAAsB;IACtB,sBAAsB,EAAA;IAzG1B;MA4GM,aAAa;MACb,cCnHS;MDoHT,uBAAuB;MACvB,mBAAmB;MACnB,gBAAgB;MAChB,eC9FQ;MD+FR,kBAAkB,EAAA;MAlHxB;QAqHQ,WAAW;QACX,kBAAkB;QAClB,OAAO;QACP,UAAU;QACV,SAAS;QACT,UAAU;QACV,YAAY;QACZ,yBC9Ge;QD+Gf,UAAU,EAAA;MA7HlB;QAqIQ,gCCjGiC;QDkGjC,mBAAmB,EAAA;MAtI3B;QA4IU,UAAU,EAAA;MA5IpB;QAgJU,cClIa,EAAA;MDdvB;QAoJU,gGAAgG,EAAA;EApJ1G;IA4JI,aAAa;IACb,sBAAsB;IACtB,qBAAqB;IACrB,gCC3HqC;ID4HrC,mBAAmB,EAAA;IAhKvB;MAoKM,cC1KS;MD2KT,uBAAuB;MACvB,kBAAkB;MAClB,gBAAgB;MAChB,eCrJQ,EAAA;IDnBd;MA4KM,aAAa;MACb,mBAAmB;MACnB,mBAAmB;MACnB,eAAe,EAAA;MA/KrB;QAkLQ,YAAY;QACZ,WAAW,EAAA;MAnLnB;QAuLQ,gBAAgB,EAAA;IAvLxB;MA4LM,eCzKQ;MD0KR,cCnMS;MDoMT,gBAAgB;MAChB,wBAAwB,EAAA;EA/L9B;IAoMI,aAAa;IACb,oBAAoB;IACpB,mBAAmB,EAAA;IAtMvB;MAyMM,iBAAiB,EAAA;IAzMvB;MA6MM,aAAa;MACb,qBAAqB;MACrB,mBAAmB,EAAA;MA/MzB;QAiNQ,iBAAiB,EAAA","sourcesContent":["@import 'src/styles/mixins';\n@import 'src/styles/variables';\n\n// @mixin hide-on-desktop-and-smaller {\n// @include desktop-and-smaller() {\n// opacity: 0;\n// }\n// }\n\n.p-left-menu {\n display: flex;\n flex-direction: column;\n background-color: #1B1E23;\n height: 100%;\n width: auto;\n transition: 0.2s opacity ease-in-out;\n overflow: hidden;\n z-index: 1;\n transform: translate3d(0, 0, 0);\n padding-bottom: 94px;\n\n .p-nav-logo__icon {\n opacity: 0;\n }\n\n // @include desktop-and-smaller() {\n // position: fixed;\n // left: 0;\n // top: 0;\n // width: 65px;\n // z-index: 4;\n // .p-nav-logoText {\n // display: none;\n // }\n // .p-nav-logo__icon {\n // opacity: 1;\n // }\n // }\n\n // &.is-active {\n // @include desktop-and-smaller() {\n // width: 252px;\n\n // .p-nav-header {\n // margin-left: 40px;\n // }\n\n // .p-nav-logo__text,\n // .p-nav-menu .p-nav-menu-item span,\n // .p-nav-last-listen,\n // .p-nav-download {\n // opacity: 1;\n // }\n // }\n // }\n\n .p-nav-logo {\n display: flex;\n align-items: flex-end;\n\n &__text {\n margin-bottom: 1px;\n margin-left: 10px;\n transition: $default-transition;\n // @include hide-on-desktop-and-smaller();\n }\n }\n\n .p-nav-download {\n display: flex;\n align-items: center;\n padding-left: 40px;\n margin-top: 80px;\n white-space: nowrap;\n transition: $default-transition;\n // @include hide-on-desktop-and-smaller();\n\n .p-download-btn {\n background-color: $primary-color;\n color: white;\n border-radius: 6px;\n width: 24px;\n min-width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n }\n\n * {\n color: white;\n font-size: $font-14;\n }\n }\n\n .p-nav-header {\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 22px;\n margin: 14px 0 34px 40px;\n color: $white;\n transition: .2s all ease-in-out;\n\n // @include desktop-and-smaller() {\n // margin-top: 24px;\n // margin-left: 15px;\n // }\n }\n\n .p-nav-menu {\n display: flex;\n flex-direction: column;\n padding: 13px 0 20px 0;\n\n .p-nav-menu-item {\n display: flex;\n color: $white;\n padding: 5px 0 5px 40px;\n margin-bottom: 10px;\n font-weight: 700;\n font-size: $font-16;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: 1.5px;\n bottom: 0;\n width: 4px;\n height: 28px;\n background-color: $primary-color;\n opacity: 0;\n }\n\n // @include desktop-and-smaller() {\n // padding-left: 23px;\n // }\n\n span {\n transition: $default-transition;\n white-space: nowrap;\n // @include hide-on-desktop-and-smaller();\n }\n\n &:hover, &-active {\n &:before {\n opacity: 1;\n }\n\n & > span {\n color: $primary-color;\n }\n\n img {\n filter: invert(44%) sepia(66%) saturate(6278%) hue-rotate(337deg) brightness(95%) contrast(100%);\n }\n }\n }\n }\n\n\n .p-nav-last-listen {\n display: flex;\n flex-direction: column;\n padding: 5px 0 15px 0;\n transition: $default-transition;\n white-space: nowrap;\n // @include hide-on-desktop-and-smaller();\n\n .p-nav-menu-item {\n color: $white;\n padding: 5px 0 5px 40px;\n margin-bottom: 5px;\n font-weight: 400;\n font-size: $font-16;\n }\n\n .p-nav-music {\n display: flex;\n white-space: nowrap;\n align-items: center;\n cursor: pointer;\n\n & > img {\n height: 25px;\n width: 25px;\n }\n\n & > span {\n max-width: 145px;\n }\n }\n\n .p-nav-last-listen-title {\n font-size: $font-16;\n color: $white;\n font-weight: 500;\n padding: 5px 0 20px 40px;\n }\n }\n\n .p-nav-stores {\n display: flex;\n margin: 8px 0 89px 0;\n padding: 0 0 0 20px;\n // @include hide-on-desktop-and-smaller();\n .google-store-icon {\n margin-right: 8px;\n }\n\n &__before-ad {\n display: flex;\n margin: auto 0 20px 0;\n padding: 0 0 0 20px;\n .google-store-icon {\n margin-right: 8px;\n }\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/components/Stories/styles/style.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/components/Stories/styles/style.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-stories {\n text-align: center; }\n .p-stories__story {\n max-width: inherit; }\n .p-stories__story .story-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n max-width: inherit; }\n .p-stories__story .story-content .story-author {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: inherit; }\n\n.story-icon {\n border-radius: 16px; }\n .story-icon-little {\n margin: 8px;\n border-radius: 12px; }\n .story-icon-little-unread {\n position: relative;\n border-radius: 12px;\n margin: 10px;\n border: 2px solid #fff;\n text-align: center; }\n .story-icon-unread {\n position: relative;\n border-radius: 15px;\n margin: 2px;\n border: 2px solid #fff;\n text-align: center; }\n\n.story-icon-unread::before {\n content: \"\";\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n background: linear-gradient(131deg, #8000FF, #FF4A4A);\n border-radius: 16px;\n z-index: -1; }\n\n.story-icon-little-unread::before {\n content: \"\";\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n background: linear-gradient(131deg, #8000FF, #FF4A4A);\n border-radius: 13px;\n z-index: -1; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/components/Stories/styles/style.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB,EAAA;EAGlB;IACE,kBAAkB,EAAA;IADnB;MAIG,aAAa;MACb,sBAAsB;MACtB,uBAAuB;MACvB,mBAAmB;MACnB,kBAAkB,EAAA;MARrB;QAWK,mBAAmB;QACnB,gBAAgB;QAChB,uBAAuB;QACvB,kBAAkB,EAAA;;AAM1B;EACE,mBAAmB,EAAA;EAEnB;IACE,WAAW;IACX,mBAAmB,EAAA;IACnB;MACE,kBAAkB;MAClB,mBAAmB;MACnB,YAAY;MACZ,sBAAsB;MACtB,kBAAkB,EAAA;EAGtB;IACE,kBAAkB;IAClB,mBAAmB;IACnB,WAAW;IACX,sBAAsB;IACtB,kBAAkB,EAAA;;AAItB;EACE,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,YAAY;EACZ,UAAU;EACV,WAAW;EACX,qDAAqD;EACrD,mBAAmB;EACnB,WAAW,EAAA;;AAGb;EACE,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,YAAY;EACZ,UAAU;EACV,WAAW;EACX,qDAAqD;EACrD,mBAAmB;EACnB,WAAW,EAAA","sourcesContent":[".p-stories {\n text-align: center;\n //margin-left: 48px;\n\n &__story {\n max-width: inherit;\n\n .story-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n max-width: inherit;\n\n .story-author {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: inherit;\n }\n }\n }\n}\n\n.story-icon {\n border-radius: 16px;\n\n &-little {\n margin: 8px;\n border-radius: 12px;\n &-unread {\n position: relative;\n border-radius: 12px;\n margin: 10px;\n border: 2px solid #fff;\n text-align: center;\n }\n }\n &-unread {\n position: relative;\n border-radius: 15px;\n margin: 2px;\n border: 2px solid #fff;\n text-align: center;\n }\n}\n\n.story-icon-unread::before {\n content: \"\";\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n background: linear-gradient(131deg, #8000FF, #FF4A4A);\n border-radius: 16px;\n z-index: -1;\n}\n\n.story-icon-little-unread::before {\n content: \"\";\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n background: linear-gradient(131deg, #8000FF, #FF4A4A);\n border-radius: 13px;\n z-index: -1;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Albums/components/Header/styles/style.scss":
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Albums/components/Header/styles/style.scss ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-album-header__info {\n display: flex;\n padding: 28px 48px 25px 48px; }\n .p-album-header__info > .p-data {\n padding: 0 24px;\n display: flex;\n flex-direction: column;\n justify-content: space-around; }\n .p-album-header__info > .p-data h3 {\n font-size: 26px; }\n .p-album-header__info > .p-data .genres {\n color: #4A4A4A; }\n .p-album-header__info > .p-data .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px; }\n .p-album-header__info > .p-data > .name {\n color: #F33540;\n font-weight: bold;\n font-size: 18px;\n cursor: pointer; }\n .p-album-header__info > .p-data > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: 14px;\n align-items: center; }\n .p-album-header__info > .p-data > .time-and-count > .p-icon > img {\n margin-right: 5px; }\n .p-album-header__info img {\n border-radius: 4px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Albums/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAIE;EACE,aAAa;EACb,4BCyCoB,EAAA;ED3CrB;IAKG,eAAe;IACf,aAAa;IACb,sBAAsB;IACtB,6BAA6B,EAAA;IARhC;MAWK,eCmBM,EAAA;ID9BX;MAeK,cAAc,EAAA;IAfnB;MAmBK,cAAc;MACd,gBAAgB;MAChB,iBAAiB,EAAA;IArBtB;MAyBK,cCNe;MDOf,iBAAiB;MACjB,eCFM;MDGN,eAAe,EAAA;IA5BpB;MAgCK,aAAa;MACb,cAAc;MACd,eCXM;MDYN,mBAAmB,EAAA;MAnCxB;QAsCO,iBAAiB,EAAA;EAtCxB;IA4CG,kBAAkB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-album-header {\n\n &__info {\n display: flex;\n padding: 28px $home-side-padding 25px $home-side-padding;\n\n & > .p-data {\n padding: 0 24px;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n\n h3 {\n font-size: $font-26;\n }\n\n .genres {\n color: #4A4A4A;\n }\n\n .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n & > .name {\n color: $primary-color;\n font-weight: bold;\n font-size: $font-18;\n cursor: pointer;\n }\n\n & > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: $font-14;\n align-items: center;\n\n & > .p-icon > img {\n margin-right: 5px;\n }\n }\n }\n\n img {\n border-radius: 4px;\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Albums/components/style.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Albums/components/style.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-album__label {\n padding: 48px 48px 48px 48px;\n margin-top: auto; }\n .p-album__label > span:nth-child(1) {\n color: #9E9E9E;\n margin-right: 5px; }\n .p-album__label > span:nth-child(2) {\n color: black;\n font-weight: bold; }\n\n.p-album__tracks {\n display: flex;\n flex-direction: column;\n padding-top: 18px; }\n .p-album__tracks .track-container {\n padding: 0 48px; }\n .p-album__tracks .track-container > .active-track .number {\n display: none; }\n .p-album__tracks .track-container > .active-track .pause {\n display: flex; }\n .p-album__tracks .track-container .pause {\n display: none;\n font-size: 14px;\n margin-left: -10px;\n margin-right: 15px; }\n .p-album__tracks .track-container .pause > img {\n height: 24px;\n width: 24px; }\n .p-album__tracks .track-container:hover {\n background-color: #F6F6F6; }\n .p-album__tracks .track-container:hover .number {\n display: none; }\n .p-album__tracks .track-container:hover .pause {\n display: flex; }\n .p-album__tracks .track-container > .track {\n border-bottom: 1px solid #E8EAEC;\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 15px; }\n .p-album__tracks .track-container > .track > .number {\n font-size: 14px;\n margin-right: 24px; }\n .p-album__tracks .track-container > .track > .info {\n display: flex;\n flex-direction: column; }\n .p-album__tracks .track-container > .track > .info .name {\n color: #202020;\n font-size: 16px; }\n .p-album__tracks .track-container > .track > .info .artist {\n color: #46556B; }\n .p-album__tracks .track-container > .track > .duration {\n margin-left: auto;\n font-size: 16px;\n color: #46556B;\n margin-right: 100px; }\n .p-album__tracks .track-container > .track > .menu {\n color: #46556B; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Albums/components/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAIE;EACE,4BAA6B;EAC7B,gBAAgB,EAAA;EAFjB;IAKG,cAAc;IACd,iBAAiB,EAAA;EANpB;IASG,YAAY;IACZ,iBAAiB,EAAA;;AAIrB;EACE,aAAa;EACb,sBAAsB;EACtB,iBAAiB,EAAA;EAHlB;IAMG,eAAe,EAAA;IANlB;MAUO,aAAa,EAAA;IAVpB;MAcO,aAAa,EAAA;IAdpB;MAkBK,aAAa;MACb,eCVM;MDWN,kBAAkB;MAClB,kBAAkB,EAAA;MArBvB;QAwBO,YAAY;QACZ,WAAW,EAAA;IAzBlB;MA6BK,yBC3CY,EAAA;MDcjB;QAgCO,aAAa,EAAA;MAhCpB;QAoCO,aAAa,EAAA;IApCpB;MAwCK,gCCrDU;MDsDV,aAAa;MACb,mBAAmB;MACnB,eAAe;MACf,aAAa,EAAA;MA5ClB;QAiDO,eCxCI;QDyCJ,kBAAkB,EAAA;MAlDzB;QAsDO,aAAa;QACb,sBAAsB,EAAA;QAvD7B;UA0DS,cC1EG;UD2EH,eCjDE,EAAA;QDVX;UA+DS,cC3EO,EAAA;MDYhB;QAoEO,iBAAiB;QACjB,eC3DI;QD4DJ,cClFS;QDmFT,mBAAmB,EAAA;MAvE1B;QA2EO,cCvFS,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-album {\n\n &__label {\n padding: 48px 48px 48px 48px ;\n margin-top: auto;\n\n & > span:nth-child(1) {\n color: #9E9E9E;\n margin-right: 5px;\n }\n & > span:nth-child(2) {\n color: black;\n font-weight: bold;\n }\n }\n\n &__tracks {\n display: flex;\n flex-direction: column;\n padding-top: 18px;\n\n .track-container {\n padding: 0 48px;\n\n & > .active-track {\n .number {\n display: none;\n }\n\n .pause {\n display: flex;\n }\n }\n .pause {\n display: none;\n font-size: $font-14;\n margin-left: -10px;\n margin-right: 15px;\n\n & > img {\n height: 24px;\n width: 24px;\n }\n }\n &:hover {\n background-color: $light-gray;\n\n .number {\n display: none;\n }\n\n .pause {\n display: flex;\n }\n }\n & > .track {\n border-bottom: 1px solid $mid-gray;\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 15px;\n\n\n\n & > .number {\n font-size: $font-14;\n margin-right: 24px;\n }\n\n & > .info {\n display: flex;\n flex-direction: column;\n\n .name {\n color: $black;\n font-size: $font-16;\n }\n\n .artist {\n color: $dark-gray;\n }\n }\n\n & > .duration {\n margin-left: auto;\n font-size: $font-16;\n color: $dark-gray;\n margin-right: 100px;\n }\n\n & > .menu {\n color: $dark-gray;\n }\n }\n }\n\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Audiobook/components/Header/styles/style.scss":
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Audiobook/components/Header/styles/style.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-audioBook-header__info {\n display: flex;\n padding: 28px 48px 25px 48px; }\n .p-audioBook-header__info > .p-data {\n padding: 10px 24px;\n display: flex;\n flex-direction: column; }\n .p-audioBook-header__info > .p-data h3 {\n font-size: 26px; }\n .p-audioBook-header__info > .p-data .genres {\n color: #4A4A4A; }\n .p-audioBook-header__info > .p-data .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px; }\n .p-audioBook-header__info > .p-data .catalog-name {\n display: flex;\n align-items: center; }\n .p-audioBook-header__info > .p-data .catalog-name__catalog-title {\n margin-right: 8px; }\n .p-audioBook-header__info > .p-data .catalog-image {\n margin-right: 6px; }\n .p-audioBook-header__info > .p-data .catalog-help {\n cursor: pointer; }\n .p-audioBook-header__info > .p-data > .name {\n color: #F33540;\n font-weight: bold;\n font-size: 18px; }\n .p-audioBook-header__info > .p-data > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: 14px;\n align-items: center; }\n .p-audioBook-header__info > .p-data > .time-and-count > .p-icon > img {\n margin-right: 5px; }\n .p-audioBook-header__info img {\n border-radius: 4px; }\n\n.p-audioBook-header .p-audioBook-info {\n padding: 0 48px; }\n .p-audioBook-header .p-audioBook-info-title {\n font-weight: bold; }\n\n.p-audioBook-header__desc {\n padding: 0 48px;\n max-width: 700px;\n display: flex;\n flex-direction: column; }\n .p-audioBook-header__desc .p-desc-warning {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 150%;\n text-transform: uppercase;\n margin-bottom: 24px; }\n .p-audioBook-header__desc .p-desc-text {\n color: #46556B;\n margin-bottom: 29px;\n display: -webkit-box;\n -webkit-line-clamp: 3; }\n .p-audioBook-header__desc .p-desc-description {\n height: 75px; }\n .p-audioBook-header__desc .p-desc-button {\n color: #F33540;\n cursor: pointer; }\n .p-audioBook-header__desc .p-desc-chips {\n display: flex; }\n .p-audioBook-header__desc .p-desc-chips__button {\n padding: 5px 15px;\n background-color: #FF9C47;\n color: white;\n font-size: 14px;\n border-radius: 43px;\n margin-right: 10px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Audiobook/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAIE;EACE,aAAa;EACb,4BCyCoB,EAAA;ED3CrB;IAKG,kBAAkB;IAClB,aAAa;IACb,sBAAsB,EAAA;IAPzB;MAUK,eCoBM,EAAA;ID9BX;MAcK,cAAc,EAAA;IAdnB;MAkBK,cAAc;MACd,gBAAgB;MAChB,iBAAiB,EAAA;IApBtB;MAwBK,aAAa;MACb,mBAAmB,EAAA;MAzBxB;QA2BO,iBAAiB,EAAA;IA3BxB;MAgCK,iBAAiB,EAAA;IAhCtB;MAoCK,eAAe,EAAA;IApCpB;MAwCK,cCrBe;MDsBf,iBAAiB;MACjB,eCjBM,EAAA;IDzBX;MA8CK,aAAa;MACb,cAAc;MACd,eCzBM;MD0BN,mBAAmB,EAAA;MAjDxB;QAoDO,iBAAiB,EAAA;EApDxB;IA0DG,kBAAkB,EAAA;;AA5DxB;EAiEI,eAAe,EAAA;EAjEnB;IAmEM,iBAAiB,EAAA;;AAIrB;EACE,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,sBAAsB,EAAA;EAJvB;IAOG,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,yBAAyB;IACzB,mBAAmB,EAAA;EAZtB;IAgBG,cCnFa;IDoFb,mBAAmB;IACnB,oBAAoB;IACpB,qBAAqB,EAAA;EAnBxB;IAuBG,YAAY,EAAA;EAvBf;IA2BG,cAAc;IACd,eAAe,EAAA;EA5BlB;IAgCG,aAAa,EAAA;IAhChB;MAmCK,iBAAiB;MACjB,yBAAyB;MACzB,YAAY;MACZ,eCpFM;MDqFN,mBAAmB;MACnB,kBAAkB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-audioBook-header {\n\n &__info {\n display: flex;\n padding: 28px $home-side-padding 25px $home-side-padding;\n\n & > .p-data {\n padding: 10px 24px;\n display: flex;\n flex-direction: column;\n\n h3 {\n font-size: $font-26;\n }\n\n .genres {\n color: #4A4A4A;\n }\n\n .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n .catalog-name {\n display: flex;\n align-items: center;\n &__catalog-title{\n margin-right: 8px;\n }\n }\n\n .catalog-image {\n margin-right: 6px;\n }\n\n .catalog-help {\n cursor: pointer;\n }\n\n & > .name {\n color: $primary-color;\n font-weight: bold;\n font-size: $font-18;\n }\n\n & > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: $font-14;\n align-items: center;\n\n & > .p-icon > img {\n margin-right: 5px;\n }\n }\n }\n\n img {\n border-radius: 4px;\n }\n }\n\n .p-audioBook-info {\n padding: 0 48px;\n &-title {\n font-weight: bold;\n }\n }\n\n &__desc {\n padding: 0 48px;\n max-width: 700px;\n display: flex;\n flex-direction: column;\n\n .p-desc-warning {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 150%;\n text-transform: uppercase;\n margin-bottom: 24px;\n }\n\n .p-desc-text {\n color: $dark-gray;\n margin-bottom: 29px;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n }\n\n .p-desc-description {\n height: 75px;\n }\n\n .p-desc-button {\n color: #F33540;\n cursor: pointer;\n }\n\n .p-desc-chips {\n display: flex;\n\n &__button {\n padding: 5px 15px;\n background-color: #FF9C47;\n color: white;\n font-size: $font-14;\n border-radius: 43px;\n margin-right: 10px;\n }\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Audiobook/components/style.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Audiobook/components/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-audio-books > .p-main-category {\n margin-bottom: 48px; }\n\n.audioBook-drawer {\n width: 622px;\n height: 100%; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Audiobook/components/style.scss"],"names":[],"mappings":"AAAA;EAEI,mBAAmB,EAAA;;AAIvB;EACE,YAAY;EACZ,YAAY,EAAA","sourcesContent":[".p-audio-books {\n & > .p-main-category {\n margin-bottom: 48px;\n }\n}\n\n.audioBook-drawer {\n width: 622px;\n height: 100%;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Auth/styles/style.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Auth/styles/style.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".auth-container {\n height: 100%;\n width: 100%;\n background-color: #190E5C;\n display: flex;\n justify-content: space-between; }\n .auth-container__left {\n padding: 87px 0 87px 120px;\n display: flex;\n flex-direction: column; }\n .auth-container__left .confident-buttons {\n position: absolute;\n bottom: 0;\n display: flex; }\n .auth-container__left .confident-buttons > a {\n margin: 12px;\n margin-left: 0; }\n .auth-container__left .confident-buttons > a > span {\n color: white; }\n .auth-container__left > h1 {\n font-size: 60px;\n line-height: 1;\n margin-top: 69px; }\n .auth-container__left > p {\n font-size: 32px;\n line-height: 1.1;\n margin-top: 32px; }\n .auth-container__left > p, .auth-container__left h1 {\n color: white; }\n .auth-container__left .login-btn {\n margin-top: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n font-size: 12px;\n background-color: #F33540;\n color: white;\n border-radius: 4px;\n width: 224px;\n height: 48px; }\n .auth-container__left .login-btn > span {\n margin-top: 5px;\n margin-left: 4px; }\n .auth-container__left .p-nav-stores {\n margin-top: auto;\n display: flex; }\n .auth-container__left .p-nav-stores .google-store-icon {\n margin-right: 8px; }\n .auth-container__right {\n height: 100%; }\n .auth-container__right > .img-container {\n height: 100%; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Auth/styles/style.scss"],"names":[],"mappings":"AASA;EACE,YAAY;EACZ,WAAW;EACX,yBAAyB;EACzB,aAAa;EACb,8BAA8B,EAAA;EAE9B;IACE,0BAA0B;IAC1B,aAAa;IACb,sBAAsB,EAAA;IAHvB;MAMG,kBAAkB;MAClB,SAAS;MACT,aAAa,EAAA;MARhB;QAWK,YAAY;QACZ,cAAc,EAAA;QAZnB;UAeO,YAAY,EAAA;IAfnB;MAqBG,eAAe;MACf,cAAc;MACd,gBAAgB,EAAA;IAvBnB;MA2BG,eAAe;MACf,gBAAgB;MAChB,gBAAgB,EAAA;IA7BnB;MAgCG,YAAY,EAAA;IAhCf;MAoCG,gBAAgB;MAChB,aAAa;MACb,mBAAmB;MACnB,uBAAuB;MACvB,gBAAgB;MAChB,eAAe;MACf,yBAAyB;MACzB,YAAY;MACZ,kBAAkB;MAClB,YAAY;MACZ,YAAY,EAAA;MA9Cf;QAiDK,eAAe;QACf,gBAAgB,EAAA;IAlDrB;MAuDG,gBAAgB;MAChB,aAAa,EAAA;MAxDhB;QA2DK,iBAAiB,EAAA;EAKvB;IACE,YAAY,EAAA;IADb;MAIG,YAAY,EAAA","sourcesContent":["@import 'src/styles/mixins';\n@import 'src/styles/variables';\n\n// @mixin hide-on-desktop-and-smaller {\n// @include desktop-and-smaller() {\n// opacity: 0;\n// }\n// }\n\n.auth-container {\n height: 100%;\n width: 100%;\n background-color: #190E5C;\n display: flex;\n justify-content: space-between;\n\n &__left {\n padding: 87px 0 87px 120px;\n display: flex;\n flex-direction: column;\n\n .confident-buttons {\n position: absolute;\n bottom: 0;\n display: flex;\n \n & > a {\n margin: 12px;\n margin-left: 0;\n\n & > span {\n color: white;\n }\n }\n }\n\n & > h1 {\n font-size: 60px;\n line-height: 1;\n margin-top: 69px;\n }\n\n & > p {\n font-size: 32px;\n line-height: 1.1;\n margin-top: 32px;\n }\n & > p, h1 {\n color: white;\n }\n\n .login-btn {\n margin-top: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n font-size: 12px;\n background-color: #F33540;\n color: white;\n border-radius: 4px;\n width: 224px;\n height: 48px;\n\n & > span {\n margin-top: 5px;\n margin-left: 4px;\n }\n }\n\n .p-nav-stores {\n margin-top: auto;\n display: flex;\n // @include hide-on-desktop-and-smaller();\n .google-store-icon {\n margin-right: 8px;\n }\n }\n }\n\n &__right {\n height: 100%;\n\n & > .img-container {\n height: 100%;\n }\n\n }\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Collection/components/ContentTabs/styles/style.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Collection/components/ContentTabs/styles/style.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-radio-tabs.p-radio-tabs-collection {\n max-width: max-content; }\n .p-radio-tabs.p-radio-tabs-collection .p-radio-tabs__tab {\n width: 160px;\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n font-style: normal;\n color: #4a4a4a;\n height: 36px; }\n .p-radio-tabs.p-radio-tabs-collection .p-radio-tabs__tab.active-tab {\n margin-left: 0; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Collection/components/ContentTabs/styles/style.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB,EAAA;EADxB;IAII,YAAY;IACZ,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,cAAc;IACd,YAAY,EAAA;IAVhB;MAaM,cAAc,EAAA","sourcesContent":[".p-radio-tabs.p-radio-tabs-collection {\n max-width: max-content;\n\n .p-radio-tabs__tab {\n width: 160px;\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n font-style: normal;\n color: #4a4a4a;\n height: 36px;\n\n &.active-tab {\n margin-left: 0;\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Collection/styles/styles.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Collection/styles/styles.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-collection {\n padding-bottom: 40px;\n height: 100%; }\n .p-collection .p-content {\n padding-top: 34px;\n padding-bottom: 48px;\n height: 100%; }\n .p-collection .p-padding-container {\n padding-left: 48px;\n padding-right: 48px; }\n .p-collection .p-padding-content {\n padding-top: 46px; }\n .p-collection .p-padding-recently-listened {\n margin-top: 68px; }\n .p-collection .p-collection-card-list {\n display: flex;\n flex-wrap: wrap; }\n .p-collection .p-collection-card-list > * {\n margin-right: 28px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Collection/styles/styles.scss"],"names":[],"mappings":"AAAA;EACE,oBAAoB;EACpB,YAAY,EAAA;EAFd;IAKI,iBAAiB;IACjB,oBAAoB;IACpB,YAAY,EAAA;EAPhB;IAWI,kBAAkB;IAClB,mBAAmB,EAAA;EAZvB;IAgBI,iBAAiB,EAAA;EAhBrB;IAoBI,gBAAgB,EAAA;EApBpB;IAwBI,aAAa;IACb,eAAe,EAAA;IAzBnB;MA4BM,kBAAkB,EAAA","sourcesContent":[".p-collection {\n padding-bottom: 40px;\n height: 100%;\n\n .p-content {\n padding-top: 34px;\n padding-bottom: 48px;\n height: 100%;\n }\n\n .p-padding-container {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n .p-padding-content {\n padding-top: 46px;\n }\n\n .p-padding-recently-listened {\n margin-top: 68px;\n }\n\n .p-collection-card-list {\n display: flex;\n flex-wrap: wrap;\n\n & > * {\n margin-right: 28px;\n }\n }\n\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Container/components/Header/styles/style.scss":
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Container/components/Header/styles/style.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-container-header {\n display: flex;\n flex-direction: column; }\n .p-container-header .p-container-search {\n flex: 1 1;\n max-width: 350px; }\n .p-container-header__search {\n margin-bottom: 24px;\n display: flex; }\n .p-container-header__search > .p-slider-header__open-drop-down {\n position: relative;\n cursor: pointer; }\n .p-container-header__search > .p-search-input {\n flex: 1 1; }\n\n.p-search-to-nav {\n position: relative;\n bottom: 32px;\n margin-bottom: 0;\n float: right; }\n\n.p-info-content {\n z-index: 3;\n position: absolute;\n display: flex;\n flex-direction: column;\n width: 100%;\n top: 43px;\n left: 0;\n background-color: white;\n border-right: 1px solid #E8EAEC;\n border-bottom: 1px solid #E8EAEC;\n border-left: 1px solid #E8EAEC;\n border-image: initial;\n border-top: none;\n border-radius: 0 0 23px 23px;\n padding: 0 0 20px;\n font-size: 14px; }\n .p-info-content > .line {\n display: flex;\n padding: 0 12px 0 20px; }\n .p-info-content > .line > span {\n width: 100%;\n height: 1px;\n background-color: #e6e7ea; }\n .p-info-content__item {\n font-size: 14px;\n border-radius: 4px;\n padding: 10px 20px;\n display: flex;\n cursor: pointer; }\n .p-info-content__item .mark__explicit {\n width: 10px;\n height: 10px;\n margin-left: 6px;\n margin-top: auto;\n margin-bottom: 5px; }\n .p-info-content__item:hover {\n background-color: #F6F6F6; }\n\n.p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA; }\n\n.p-search-input {\n display: flex;\n align-items: center; }\n .p-search-input .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer; }\n\n.p-account .p-img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden; }\n\n.p-account .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px; }\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: 50%;\n margin-left: 10px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Container/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,sBAAsB,EAAA;EAFxB;IAKI,SAAO;IACP,gBAAgB,EAAA;EAGlB;IACE,mBAAmB;IACnB,aAAa,EAAA;IAFd;MAKG,kBAAkB;MAClB,eAAe,EAAA;IANlB;MAUG,SAAO,EAAA;;AAKb;EACE,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,YAAY,EAAA;;AAGd;EACE,UAAU;EACV,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,SAAS;EACT,OAAO;EACP,uBAAuB;EACvB,+BCrCgB;EDsChB,gCCtCgB;EDuChB,8BCvCgB;EDwChB,qBAAqB;EACrB,gBAAgB;EAChB,4BAA4B;EAC5B,iBAAiB;EACjB,eAAe,EAAA;EAhBjB;IAkBI,aAAa;IACb,sBAAsB,EAAA;IAnB1B;MAsBM,WAAW;MACX,WAAW;MACX,yBAAyB,EAAA;EAI7B;IACE,eAAe;IACf,kBAAkB;IAClB,kBAAkB;IAClB,aAAa;IACb,eAAe,EAAA;IALhB;MAOG,WAAW;MACX,YAAY;MACZ,gBAAgB;MAChB,gBAAgB;MAChB,kBAAkB,EAAA;IAXrB;MAeG,yBCxEc,EAAA;;AD4EpB;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,iBAAiB;EACjB,iBAAiB;EACjB,yBAAyB,EAAA;;AAG3B;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAQI,YAAY;IACZ,kBAAkB;IAClB,eAAe,EAAA;;AAInB;EAEI,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB,EAAA;;AANpB;EAUI,iBAAiB;EACjB,kBAAkB,EAAA;;AAItB;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,WAAW;EAEX,kBAAkB;EAClB,iBAAiB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-container-header {\n display: flex;\n flex-direction: column;\n\n .p-container-search {\n flex: 1;\n max-width: 350px;\n }\n\n &__search {\n margin-bottom: 24px;\n display: flex;\n\n & > .p-slider-header__open-drop-down {\n position: relative;\n cursor: pointer;\n }\n\n & > .p-search-input {\n flex: 1;\n }\n }\n}\n\n.p-search-to-nav{\n position: relative;\n bottom: 32px;\n margin-bottom: 0;\n float: right;\n}\n\n.p-info-content {\n z-index: 3;\n position: absolute;\n display: flex;\n flex-direction: column;\n width: 100%;\n top: 43px;\n left: 0;\n background-color: white;\n border-right: 1px solid $mid-gray;\n border-bottom: 1px solid $mid-gray;\n border-left: 1px solid $mid-gray;\n border-image: initial;\n border-top: none;\n border-radius: 0 0 23px 23px;\n padding: 0 0 20px;\n font-size: 14px;\n & > .line {\n display: flex;\n padding: 0 12px 0 20px;\n\n & > span {\n width: 100%;\n height: 1px;\n background-color: #e6e7ea;\n }\n }\n\n &__item {\n font-size: 14px;\n border-radius: 4px;\n padding: 10px 20px;\n display: flex;\n cursor: pointer;\n & .mark__explicit{\n width: 10px;\n height: 10px;\n margin-left: 6px;\n margin-top: auto;\n margin-bottom: 5px;\n }\n\n &:hover {\n background-color: $light-gray;\n }\n }\n}\n.p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA;\n}\n\n.p-search-input {\n display: flex;\n align-items: center;\n\n .g-input {\n //max-width: 350px;\n }\n .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer;\n }\n}\n\n.p-account {\n .p-img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden;\n }\n\n .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px;\n }\n}\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n //background: $mid-gray;\n border-radius: 50%;\n margin-left: 10px;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Container/components/style.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Container/components/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-feed-container {\n padding: 48px 0; }\n\n.p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA; }\n\n.p-search-input {\n display: flex;\n align-items: center; }\n .p-search-input .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer; }\n\n.p-account .p-img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden; }\n\n.p-account .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px; }\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: 50%;\n margin-left: 10px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Container/components/style.scss"],"names":[],"mappings":"AAAA;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,iBAAiB;EACjB,iBAAiB;EACjB,yBAAyB,EAAA;;AAG3B;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAQI,YAAY;IACZ,kBAAkB;IAClB,eAAe,EAAA;;AAInB;EAEI,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB,EAAA;;AANpB;EAUI,iBAAiB;EACjB,kBAAkB,EAAA;;AAItB;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,WAAW;EAEX,kBAAkB;EAClB,iBAAiB,EAAA","sourcesContent":[".p-feed-container {\n padding: 48px 0;\n}\n\n.p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA;\n}\n\n.p-search-input {\n display: flex;\n align-items: center;\n\n .g-input {\n //max-width: 350px;\n }\n .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer;\n }\n}\n\n.p-account {\n .p-img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden;\n }\n\n .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px;\n }\n}\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n //background: $mid-gray;\n border-radius: 50%;\n margin-left: 10px;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Executor/components/Header/styles/style.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Executor/components/Header/styles/style.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-execute-header__info {\n display: flex;\n align-items: center;\n padding: 18px 48px 18px 48px; }\n .p-execute-header__info > .p-data {\n padding: 24px;\n display: flex;\n flex-direction: column; }\n .p-execute-header__info > .p-data h3 {\n font-size: 26px;\n margin-bottom: 12px; }\n .p-execute-header__info > .p-data .genres {\n color: #46556B; }\n .p-execute-header__info > .p-data .dote {\n color: #46556B;\n margin-left: 5px;\n margin-right: 5px; }\n .p-execute-header__info > .p-data > .name {\n color: #46556B;\n font-weight: bold;\n font-size: 16px;\n margin-bottom: 12px; }\n .p-execute-header__info > .p-data > .time-and-count {\n display: flex;\n color: #46556B;\n font-size: 14px;\n margin-bottom: 12px;\n align-items: center; }\n .p-execute-header__info > .p-data > .time-and-count > .p-icon > img {\n margin-right: 5px; }\n .p-execute-header__info img {\n border-radius: 4px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Executor/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAIE;EACE,aAAa;EACb,mBAAmB;EACnB,4BCwCoB,EAAA;ED3CrB;IAMG,aAAa;IACb,aAAa;IACb,sBAAsB,EAAA;IARzB;MAWK,eCmBM;MDlBN,mBAAmB,EAAA;IAZxB;MAgBK,cCdW,EAAA;IDFhB;MAoBK,cClBW;MDmBX,gBAAgB;MAChB,iBAAiB,EAAA;IAtBtB;MA0BK,cCxBW;MDyBX,iBAAiB;MACjB,eCJM;MDKN,mBAAmB,EAAA;IA7BxB;MAiCK,aAAa;MACb,cChCW;MDiCX,eCZM;MDaN,mBAAmB;MACnB,mBAAmB,EAAA;MArCxB;QAwCO,iBAAiB,EAAA;EAxCxB;IA8CG,kBAAkB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-execute-header {\n\n &__info {\n display: flex;\n align-items: center;\n padding: 18px $home-side-padding 18px $home-side-padding;\n\n & > .p-data {\n padding: 24px;\n display: flex;\n flex-direction: column;\n\n h3 {\n font-size: $font-26;\n margin-bottom: 12px;\n }\n\n .genres {\n color: $dark-gray;\n }\n\n .dote {\n color: $dark-gray;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n & > .name {\n color: $dark-gray;\n font-weight: bold;\n font-size: $font-16;\n margin-bottom: 12px;\n }\n\n & > .time-and-count {\n display: flex;\n color: $dark-gray;\n font-size: $font-14;\n margin-bottom: 12px;\n align-items: center;\n\n & > .p-icon > img {\n margin-right: 5px;\n }\n }\n }\n\n img {\n border-radius: 4px;\n }\n }\n}","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Executor/components/style.scss":
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Executor/components/style.scss ***!
\*********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".executor__pop__div {\n display: flex;\n justify-content: space-between;\n align-items: baseline; }\n\n.executor__pop {\n font-size: 28px;\n font-weight: 600;\n margin-left: 48px;\n margin-bottom: 40px; }\n\n.p-executor__blocks {\n margin-top: 58px; }\n\n.p-executor .p-slider-header__open-drop-down {\n cursor: pointer;\n margin-top: 10px; }\n .p-executor .p-slider-header__open-drop-down * {\n color: black; }\n .p-executor .p-slider-header__open-drop-down .p-arrow-down-md {\n border: #000000 solid;\n border-width: 0 2px 2px 0; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Executor/components/style.scss"],"names":[],"mappings":"AACA;EACE,aAAa;EACb,8BAA8B;EAC9B,qBAAqB,EAAA;;AAEvB;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB,EAAA;;AAGnB;EACE,gBAAgB,EAAA;;AAFpB;EAKI,eAAe;EACf,gBAAgB,EAAA;EANpB;IAQM,YAAY,EAAA;EARlB;IAWM,qBAAqB;IACrB,yBAAyB,EAAA","sourcesContent":["@import 'src/styles/variables';\n.executor__pop__div {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n}\n.executor__pop {\n font-size: 28px;\n font-weight: 600;\n margin-left: 48px;\n margin-bottom: 40px;\n}\n.p-executor {\n &__blocks {\n margin-top: 58px;\n }\n .p-slider-header__open-drop-down {\n cursor: pointer;\n margin-top: 10px;\n * {\n color: black;\n }\n .p-arrow-down-md {\n border: #000000 solid;\n border-width: 0 2px 2px 0;\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Genre/styles/style.scss":
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Genre/styles/style.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-genre .p-container {\n padding-left: 48px;\n padding-right: 48px; }\n\n.p-genre__header {\n padding: 28px 48px;\n display: flex;\n flex-direction: row; }\n .p-genre__header .p-image {\n margin-right: 24px; }\n .p-genre__header .p-description {\n min-width: 600px; }\n .p-genre__header .p-description__title {\n margin-bottom: 12px;\n font-size: 26px;\n color: #242424; }\n .p-genre__header .p-description__description {\n font-size: 16px;\n font-weight: normal; }\n\n.p-genre .p-player-bar-shadow {\n border-top: 1px solid #E8EAEC;\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05); }\n\n.p-genre .p-player-bar {\n padding: 16px 4px;\n display: flex;\n align-items: center; }\n .p-genre .p-player-bar > * {\n margin-right: 20px; }\n\n.p-genre .p-genre-container {\n padding-top: 24px;\n margin-bottom: 48px; }\n\n.p-genre .playlist-drawer {\n width: 622px; }\n\n.p-genre .p-playlist-list .p-title {\n margin-bottom: 32px; }\n .p-genre .p-playlist-list .p-title__text {\n color: #202020;\n font-weight: 600;\n font-size: 28px; }\n\n.p-genre .p-playlist-list .p-list {\n margin-bottom: 20px; }\n\n.p-genre .p-playlist-list .p-list-add-more {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .p-genre .p-playlist-list .p-list-add-more .p-text {\n margin-right: 8px;\n font-size: 16px;\n font-weight: 500; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Genre/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EAGI,kBAAkB;EAClB,mBAAmB,EAAA;;AAGrB;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB,EAAA;EAHpB;IAMG,kBAAkB,EAAA;EANrB;IAWG,gBAAgB,EAAA;IAXnB;MAcK,mBAAmB;MAEnB,eCSM;MDRN,cAAc,EAAA;IAjBnB;MAqBK,eCFM;MDIN,mBAAmB,EAAA;;AA9B3B;EAsCI,6BAA6B;EAC7B,8CAA8C,EAAA;;AAvClD;EA2CI,iBAAiB;EAEjB,aAAa;EACb,mBAAmB,EAAA;EA9CvB;IAiDM,kBAAkB,EAAA;;AAjDxB;EAsDI,iBAAiB;EACjB,mBAAmB,EAAA;;AAvDvB;EA2DI,YAAY,EAAA;;AA3DhB;EAiEM,mBAAmB,EAAA;EAjEzB;IAoEQ,cCpEO;IDqEP,gBAAgB;IAChB,eCrCM,EAAA;;ADjCd;EA2EM,mBAAmB,EAAA;;AA3EzB;EA+EM,aAAa;EACb,mBAAmB;EACnB,mBAAmB,EAAA;EAjFzB;IAoFQ,iBAAiB;IAEjB,eC5DM;ID6DN,gBAAgB,EAAA","sourcesContent":["@import \"src/styles/variables\";\n\n.p-genre {\n\n .p-container {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n &__header {\n padding: 28px 48px;\n display: flex;\n flex-direction: row;\n\n .p-image {\n margin-right: 24px;\n }\n\n\n .p-description {\n min-width: 600px;\n\n &__title {\n margin-bottom: 12px;\n\n font-size: $font-26;\n color: #242424;\n }\n\n &__description {\n font-size: $font-16;\n\n font-weight: normal;\n }\n }\n\n\n }\n\n .p-player-bar-shadow {\n border-top: 1px solid #E8EAEC;\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05);\n }\n\n .p-player-bar {\n padding: 16px 4px;\n\n display: flex;\n align-items: center;\n\n & > * {\n margin-right: 20px;\n }\n }\n\n .p-genre-container {\n padding-top: 24px;\n margin-bottom: 48px;\n }\n\n .playlist-drawer {\n width: 622px;\n\n }\n\n .p-playlist-list {\n .p-title {\n margin-bottom: 32px;\n\n &__text {\n color: $black;\n font-weight: 600;\n font-size: $font-28;\n }\n }\n\n .p-list {\n margin-bottom: 20px;\n }\n\n .p-list-add-more {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n .p-text {\n margin-right: 8px;\n\n font-size: $font-16;\n font-weight: 500;\n }\n }\n }\n}\n\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/Audiobooks/components/style.scss":
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/Audiobooks/components/style.scss ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, "", "",{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/Header/components/style.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/Header/components/style.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA; }\n\n.p-search-input {\n display: flex;\n align-items: center; }\n .p-search-input .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer; }\n\n.p-account .p-img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden; }\n\n.p-account .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px; }\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: 50%;\n margin-left: 10px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/Header/components/style.scss"],"names":[],"mappings":"AAEA;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,iBAAiB;EACjB,iBAAiB;EACjB,yBAAyB,EAAA;;AAI3B;EACE,aAAa;EACb,mBAAmB,EAAA;EAFrB;IAQI,YAAY;IACZ,kBAAkB;IAClB,eAAe,EAAA;;AAInB;EAEI,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB,EAAA;;AANpB;EAUI,iBAAiB;EACjB,kBAAkB,EAAA;;AAItB;EACE,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,WAAW;EAEX,kBAAkB;EAClB,iBAAiB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-navigate-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n height: 32px;\n width: 32px;\n background: white;\n margin-right: 5px;\n border: 1px solid #E6E7EA;\n\n}\n\n.p-search-input {\n display: flex;\n align-items: center;\n\n .g-input {\n //max-width: 350px;\n }\n .p-icon {\n z-index: 100;\n margin-left: -32px;\n cursor: pointer;\n }\n}\n\n.p-account {\n .p-img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n margin-right: 5px;\n overflow: hidden;\n }\n\n .G-arrow-down-md {\n margin-left: auto;\n margin-right: 10px;\n }\n}\n\n.p-settings-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n // background: $mid-gray;\n border-radius: 50%;\n margin-left: 10px;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/MainContainer/components/Music/components/ColoredBlock/components/styles/style.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/MainContainer/components/Music/components/ColoredBlock/components/styles/style.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-special-for-you .slider {\n display: flex; }\n\n.p-special-for-you .p-music-card {\n display: flex;\n min-width: 196px;\n overflow: hidden;\n flex-direction: column;\n border-radius: 4px;\n margin-right: 28px; }\n .p-special-for-you .p-music-card .p-music-img {\n height: 196px;\n width: 196px; }\n .p-special-for-you .p-music-card .p-music-info {\n padding: 12px;\n display: flex;\n flex-direction: column;\n background-color: #746A68;\n height: 100%;\n min-height: 70px; }\n .p-special-for-you .p-music-card .p-music-info * {\n color: #ffffff; }\n .p-special-for-you .p-music-card .p-music-info .p-music-info-title {\n font-size: 14px;\n font-weight: bold; }\n .p-special-for-you .p-music-card .p-music-info .p-music-info-artists {\n font-size: 12px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/MainContainer/components/Music/components/ColoredBlock/components/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EAGI,aAAa,EAAA;;AAHjB;EAQI,aAAa;EACb,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB;EAClB,kBAAkB,EAAA;EAbtB;IAgBM,aAAa;IACb,YAAY,EAAA;EAjBlB;IAqBM,aAAa;IACb,aAAa;IACb,sBAAsB;IACtB,yBAAyB;IACzB,YAAY;IACZ,gBAAgB,EAAA;IA1BtB;MA8BQ,cC7BO,EAAA;IDDf;MAkCQ,eCTM;MDUN,iBAAiB,EAAA;IAnCzB;MAuCQ,eCfM,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-special-for-you {\n\n .slider {\n display: flex;\n\n }\n\n .p-music-card {\n display: flex;\n min-width: 196px;\n overflow: hidden;\n flex-direction: column;\n border-radius: 4px;\n margin-right: 28px;\n\n .p-music-img {\n height: 196px;\n width: 196px;\n }\n\n .p-music-info {\n padding: 12px;\n display: flex;\n flex-direction: column;\n background-color: #746A68;\n height: 100%;\n min-height: 70px;\n\n\n * {\n color: $white;\n }\n\n .p-music-info-title {\n font-size: $font-14;\n font-weight: bold;\n }\n\n .p-music-info-artists {\n font-size: $font-12;\n }\n }\n\n }\n}\n\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/MainContainer/components/Music/components/Copyright/styles/styles.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/MainContainer/components/Music/components/Copyright/styles/styles.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".copyright {\n font-size: 16px;\n color: #46556B;\n padding: 10px 50px 50px 50px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/MainContainer/components/Music/components/Copyright/styles/styles.scss"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,cAAc;EACd,4BAA4B,EAAA","sourcesContent":[".copyright {\n font-size: 16px;\n color: #46556B;\n padding: 10px 50px 50px 50px;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/MainContainer/components/Music/styles/style.scss":
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/MainContainer/components/Music/styles/style.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-main-category {\n display: flex;\n flex-direction: column;\n padding: 0 48px; }\n .p-main-category__cards {\n overflow: visible; }\n\n.p-background-block {\n box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.72); }\n .p-background-block .p-slider-header {\n margin-bottom: 28px; }\n .p-background-block .p-slider-header * {\n color: inherit; }\n .p-background-block .p-slider-header .title-text {\n color: #ffffff; }\n .p-background-block .p-slider-header .title-description {\n color: #46556B; }\n .p-background-block .p-slider-header__open-all {\n color: #ffffff; }\n .p-background-block .p-slider-header__open-all img {\n filter: invert(91%) sepia(74%) saturate(0%) hue-rotate(277deg) brightness(112%) contrast(101%); }\n .p-background-block .p-main-category {\n padding: 48px; }\n .p-background-block .p-popular-title-white img {\n filter: invert(91%) sepia(74%) saturate(0%) hue-rotate(277deg) brightness(112%) contrast(101%); }\n .p-background-block .p-card__title .group {\n color: #ffffff; }\n .p-background-block .p-card__title .artist {\n color: white;\n opacity: 60%; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/MainContainer/components/Music/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,eC0CsB,EAAA;EDxCtB;IACE,iBAAiB,EAAA;;AAIrB;EACE,kDAAkD,EAAA;EADpD;IAII,mBAAmB,EAAA;IAJvB;MAOM,cAAc,EAAA;IAPpB;MAWM,cCpBS,EAAA;IDSf;MAeM,cCrBa,EAAA;IDMnB;MAmBM,cC5BS,EAAA;MDSf;QAsBQ,8FACgB,EAAA;EAvBxB;IA6BI,aCMoB,EAAA;EDnCxB;IAkCM,8FAA8F,EAAA;EAlCpG;IAwCM,cCjDS,EAAA;EDSf;IA4CM,YAAY;IACZ,YAAY,EAAA","sourcesContent":["@import 'styles/variables';\n\n.p-main-category {\n display: flex;\n flex-direction: column;\n padding: 0 $home-side-padding;\n\n &__cards {\n overflow: visible;\n }\n}\n\n.p-background-block {\n box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.72);\n\n .p-slider-header {\n margin-bottom: 28px;\n\n * {\n color: inherit;\n }\n\n .title-text {\n color: $white;\n }\n\n .title-description {\n color: $dark-gray;\n }\n\n &__open-all {\n color: $white;\n\n img {\n filter: invert(91%) sepia(74%) saturate(0%) hue-rotate(277deg) brightness(112%)\n contrast(101%);\n }\n }\n }\n\n .p-main-category {\n padding: $home-side-padding;\n }\n\n .p-popular-title-white {\n img {\n filter: invert(91%) sepia(74%) saturate(0%) hue-rotate(277deg) brightness(112%) contrast(101%);\n }\n }\n\n .p-card__title {\n .group {\n color: $white;\n }\n\n .artist {\n color: white;\n opacity: 60%;\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/MainTabs/styles/style.scss":
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/MainTabs/styles/style.scss ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-nav {\n display: flex;\n padding: 0 48px 0 48px;\n align-items: center;\n width: 100%;\n height: 52px;\n border-bottom: 1px #E6E7EA solid;\n position: sticky;\n top: 0;\n z-index: 2;\n background-color: white; }\n .p-nav .p-nav-home-item {\n cursor: pointer;\n color: #46556B;\n margin-right: 32px;\n font-weight: 600;\n font-size: 20px; }\n .p-nav .p-nav-home-item:hover:after {\n content: '';\n height: 2px;\n background-color: #F33540;\n left: 0;\n position: absolute;\n display: block;\n z-index: 5000;\n bottom: -1px;\n width: 100%; }\n .p-nav .p-nav-home-item:hover {\n color: #F33540;\n position: relative;\n height: 100%;\n display: flex;\n align-items: center; }\n .p-nav .p-nav-home-item-active {\n font-weight: 600;\n color: #F33540;\n position: relative;\n height: 100%;\n display: flex;\n align-items: center; }\n .p-nav .p-nav-home-item-active:after {\n content: '';\n height: 2px;\n background-color: #F33540;\n left: 0;\n position: absolute;\n display: block;\n z-index: 5000;\n bottom: -1px;\n width: 100%; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/MainTabs/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,sBC2CsB;ED1CtB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,gCAAgC;EAChC,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,uBAAuB,EAAA;EAVzB;IAaI,eAAe;IACf,cCVe;IDWf,kBAAkB;IAClB,gBAAgB;IAChB,eAAe,EAAA;IAjBnB;MAoBM,WAAW;MACX,WAAW;MACX,yBCDiB;MDEjB,OAAO;MACP,kBAAkB;MAClB,cAAc;MACd,aAAa;MACb,YAAY;MACZ,WAAW,EAAA;IA5BjB;MAgCM,cCXiB;MDYjB,kBAAkB;MAClB,YAAY;MACZ,aAAa;MACb,mBAAmB,EAAA;IApCzB;MAwCM,gBAAgB;MAChB,cCpBiB;MDqBjB,kBAAkB;MAClB,YAAY;MACZ,aAAa;MACb,mBAAmB,EAAA;MA7CzB;QAgDQ,WAAW;QACX,WAAW;QACX,yBC7Be;QD8Bf,OAAO;QACP,kBAAkB;QAClB,cAAc;QACd,aAAa;QACb,YAAY;QACZ,WAAW,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-nav {\n display: flex;\n padding: 0 $home-side-padding 0 $home-side-padding;\n align-items: center;\n width: 100%;\n height: 52px;\n border-bottom: 1px #E6E7EA solid;\n position: sticky;\n top: 0;\n z-index: 2;\n background-color: white;\n\n .p-nav-home-item {\n cursor: pointer;\n color: $dark-gray;\n margin-right: 32px;\n font-weight: 600;\n font-size: 20px;\n\n &:hover:after {\n content: '';\n height: 2px;\n background-color: $primary-color;\n left: 0;\n position: absolute;\n display: block;\n z-index: 5000;\n bottom: -1px;\n width: 100%;\n }\n\n &:hover {\n color: $primary-color;\n position: relative;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n &-active {\n font-weight: 600;\n color: $primary-color;\n position: relative;\n height: 100%;\n display: flex;\n align-items: center;\n\n &:after {\n content: '';\n height: 2px;\n background-color: $primary-color;\n left: 0;\n position: absolute;\n display: block;\n z-index: 5000;\n bottom: -1px;\n width: 100%;\n }\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/Podcasts/components/style.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/Podcasts/components/style.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, "", "",{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/Radios/components/style.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/Radios/components/style.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-radio-container > ul {\n list-style: none;\n margin: 0; }\n .p-radio-container > ul li {\n padding-right: 20px;\n width: 20%;\n float: left; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/Radios/components/style.scss"],"names":[],"mappings":"AAAA;EAEI,gBAAgB;EAChB,SAAS,EAAA;EAHb;IAMM,mBAAmB;IACnB,UAAU;IACV,WAAW,EAAA","sourcesContent":[".p-radio-container {\n & > ul {\n list-style: none;\n margin: 0;\n\n li {\n padding-right: 20px;\n width: 20%;\n float: left;\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/StoriesFullScreen/components/Story/styles/story.scss":
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/StoriesFullScreen/components/Story/styles/story.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-story {\n display: flex;\n flex-direction: column;\n margin: 42px auto 0;\n max-width: 30%; }\n .p-story > *:not(:last-child) {\n margin-bottom: 18px; }\n .p-story__stories-progress-bars {\n display: flex;\n flex-direction: row;\n justify-content: space-between; }\n .p-story__stories-progress-bars > *:not(:last-child) {\n margin-right: 4px; }\n .p-story__stories-progress-bars .bar {\n background: rgba(255, 255, 255, 0.3);\n border-radius: 4px;\n height: 4px;\n width: 100%; }\n .p-story__stories-progress-bars .bar .progress {\n background: #FFFFFF;\n height: inherit;\n border-radius: inherit;\n width: 0; }\n .p-story__title .title {\n display: flex;\n flex-direction: row;\n justify-content: space-between; }\n .p-story__title .title__content {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center; }\n .p-story__title .title__content .image {\n max-width: 28px;\n max-height: 28px; }\n .p-story__title .title__content .image img {\n border-radius: 6px;\n width: 100%;\n height: 100%; }\n .p-story__title .title__content .author {\n font-size: 12px;\n color: #FFFFFF;\n font-weight: bold;\n margin-left: 14px; }\n .p-story__title .title__close {\n max-width: 24px;\n max-height: 24px; }\n .p-story__story {\n max-width: 100%;\n max-height: 100%; }\n .p-story__story img {\n width: 100%;\n height: 100%; }\n .p-story__description .p-description {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .p-story__description .p-description__desc {\n margin-bottom: 8px;\n font-weight: bold;\n font-size: 26px; }\n .p-story__description .p-description__title {\n font-size: 16px;\n opacity: 0.64; }\n .p-story__button {\n margin: auto;\n background: #F33540;\n border-radius: 40px; }\n .p-story__button .button {\n padding: 17px 0;\n font-size: 18px;\n min-width: 128px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/StoriesFullScreen/components/Story/styles/story.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,sBAAsB;EAEtB,mBAAmB;EAGnB,cAAc,EAAA;EAPhB;IAUI,mBAAmB,EAAA;EAGrB;IACE,aAAa;IACb,mBAAmB;IACnB,8BAA8B,EAAA;IAH/B;MAMG,iBAAiB,EAAA;IANpB;MAUG,oCAAoC;MACpC,kBAAkB;MAClB,WAAW;MACX,WAAW,EAAA;MAbd;QAgBK,mBAAmB;QACnB,eAAe;QACf,sBAAsB;QAEtB,QAAQ,EAAA;EAMb;IAGG,aAAa;IACb,mBAAmB;IACnB,8BAA8B,EAAA;IALjC;MAQK,aAAa;MACb,mBAAmB;MACnB,8BAA8B;MAC9B,mBAAmB,EAAA;MAXxB;QAcO,eAAe;QACf,gBAAgB,EAAA;QAfvB;UAmBS,kBAAkB;UAClB,WAAW;UACX,YAAY,EAAA;MArBrB;QA0BO,eCzCI;QD0CJ,cAAc;QACd,iBAAiB;QAEjB,iBAAiB,EAAA;IA9BxB;MAoCK,eAAe;MACf,gBAAgB,EAAA;EAKtB;IACE,eAAe;IACf,gBAAgB,EAAA;IAFjB;MAKG,WAAW;MACX,YAAY,EAAA;EAIf;IAGG,aAAa;IACb,sBAAsB;IACtB,mBAAmB,EAAA;IALtB;MAQK,kBAAkB;MAClB,iBAAiB;MACjB,eCrEM,EAAA;ID2DX;MAcK,eC/EM;MDgFN,aAAa,EAAA;EAKnB;IACE,YAAY;IAEZ,mBAAmB;IACnB,mBAAmB,EAAA;IAJpB;MAOG,eAAe;MACf,eAAe;MACf,gBAAgB,EAAA","sourcesContent":["@import \"src/styles/variables\";\n\n.p-story {\n display: flex;\n flex-direction: column;\n\n margin: 42px auto 0;\n\n\n max-width: 30%;\n\n & > *:not(:last-child) {\n margin-bottom: 18px;\n }\n\n &__stories-progress-bars {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n\n .bar {\n background: rgba(255, 255, 255, 0.3);\n border-radius: 4px;\n height: 4px;\n width: 100%;\n\n .progress {\n background: #FFFFFF;\n height: inherit;\n border-radius: inherit;\n\n width: 0;\n }\n\n }\n }\n\n &__title {\n\n .title {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n &__content {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n .image {\n max-width: 28px;\n max-height: 28px;\n\n img {\n\n border-radius: 6px;\n width: 100%;\n height: 100%;\n }\n }\n\n .author {\n font-size: $font-12;\n color: #FFFFFF;\n font-weight: bold;\n\n margin-left: 14px;\n }\n\n }\n\n &__close {\n max-width: 24px;\n max-height: 24px;\n }\n }\n }\n\n &__story {\n max-width: 100%;\n max-height: 100%;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n\n &__description {\n\n .p-description {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n &__desc {\n margin-bottom: 8px;\n font-weight: bold;\n font-size: $font-26;\n }\n\n &__title {\n font-size: $font-16;\n opacity: 0.64;\n }\n }\n }\n\n &__button {\n margin: auto;\n\n background: #F33540;\n border-radius: 40px;\n\n .button {\n padding: 17px 0;\n font-size: 18px;\n min-width: 128px;\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/StoriesFullScreen/styles/stories-carousel.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/StoriesFullScreen/styles/stories-carousel.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-stories-carousel-fullscreen {\n min-height: 60px;\n background: transparent;\n padding: 22px 0 0 40px;\n font-size: 12px; }\n .p-stories-carousel-fullscreen__story {\n max-width: 40px; }\n .p-stories-carousel-fullscreen__story .story-content .story-image {\n width: 40px;\n height: 40px;\n margin-bottom: 8px; }\n\n.p-stories-carousel-next {\n display: flex;\n align-items: center;\n height: 100%;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 16px;\n visibility: hidden; }\n\n.p-stories-carousel-prev {\n display: flex;\n align-items: center;\n height: 100%;\n cursor: pointer;\n position: absolute;\n left: 16px;\n top: 0;\n visibility: hidden;\n transform: scaleX(-1); }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/StoriesFullScreen/styles/stories-carousel.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,gBAAgB;EAChB,uBAAuB;EACvB,sBAAsB;EACtB,eCoBY,EAAA;EDlBZ;IACE,eAAe,EAAA;IADhB;MAKK,WAAW;MACX,YAAY;MAEZ,kBAAkB,EAAA;;AAM1B;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,kBAAkB,EAAA;;AAGpB;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,kBAAkB;EAClB,UAAU;EACV,MAAM;EACN,kBAAkB;EAClB,qBAAqB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-stories-carousel-fullscreen {\n min-height: 60px;\n background: transparent;\n padding: 22px 0 0 40px;\n font-size: $font-12;\n\n &__story {\n max-width: 40px;\n\n .story-content {\n .story-image {\n width: 40px;\n height: 40px;\n\n margin-bottom: 8px;\n }\n }\n }\n}\n\n.p-stories-carousel-next {\n display: flex;\n align-items: center;\n height: 100%;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 16px;\n visibility: hidden;\n}\n\n.p-stories-carousel-prev {\n display: flex;\n align-items: center;\n height: 100%;\n cursor: pointer;\n position: absolute;\n left: 16px;\n top: 0;\n visibility: hidden;\n transform: scaleX(-1);\n}\n// .test {\n// background-repeat: no-repeat;\n// background-size: 100%\n// }\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/StoriesFullScreen/styles/story.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/StoriesFullScreen/styles/story.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-editorial-story {\n display: flex;\n flex-direction: column;\n margin: 40px auto 0;\n width: 880px;\n height: 560px; }\n .p-editorial-story__stories-progress-bars {\n display: flex;\n justify-content: space-between; }\n .p-editorial-story__stories-progress-bars > *:not(:last-child) {\n margin-right: 4px; }\n .p-editorial-story__stories-progress-bars .bar {\n background: rgba(255, 255, 255, 0.3);\n border-radius: 4px;\n height: 4px;\n width: 100%; }\n .p-editorial-story__stories-progress-bars .bar .progress {\n background: #ffffff;\n height: inherit;\n border-radius: inherit;\n width: 0; }\n .p-editorial-story__title .title {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 26px;\n margin-top: 26px;\n font-weight: 600;\n font-size: 36px;\n color: #242424; }\n .p-editorial-story__title .title__content {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center; }\n .p-editorial-story__title .title__content .image {\n max-width: 28px;\n max-height: 28px; }\n .p-editorial-story__title .title__content .image img {\n border-radius: 6px;\n width: 100%;\n height: 100%; }\n .p-editorial-story__title .title__content .author {\n font-size: 12px;\n color: #ffffff;\n font-weight: bold;\n margin-left: 14px; }\n .p-editorial-story__title .title__close {\n margin-left: auto;\n max-width: 24px;\n max-height: 24px; }\n .p-editorial-story__content {\n display: flex;\n height: 100%;\n width: 100%; }\n .p-editorial-story__story {\n position: relative;\n max-width: 560px;\n min-width: 560px;\n max-height: 100%; }\n .p-editorial-story__story img {\n width: 100%;\n height: 100%; }\n .p-editorial-story__story:hover button {\n visibility: visible; }\n .p-editorial-story__description {\n padding: 16px;\n width: 100%;\n max-width: 320px;\n background-color: white;\n display: flex;\n flex-direction: column; }\n .p-editorial-story__description .p-description {\n display: flex;\n flex-direction: column; }\n .p-editorial-story__description .p-description__desc {\n margin-bottom: 8px;\n font-weight: bold;\n font-size: 26px;\n color: #242424; }\n .p-editorial-story__description .p-description__title {\n font-size: 16px;\n color: #242424;\n opacity: 0.64;\n line-height: 20px; }\n .p-editorial-story__button {\n margin-top: auto;\n background: #f33540;\n border-radius: 4px;\n text-align: center; }\n .p-editorial-story__button .button {\n padding: 17px;\n padding-top: 13px;\n padding-bottom: 11px;\n font-size: 14px;\n width: 288px;\n height: 44px;\n min-width: 128px;\n font-weight: 700; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/StoriesFullScreen/styles/story.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,sBAAsB;EAEtB,mBAAmB;EAGnB,YAAY;EACZ,aAAa,EAAA;EAIb;IACE,aAAa;IACb,8BAA8B,EAAA;IAF/B;MAKG,iBAAiB,EAAA;IALpB;MASG,oCAAoC;MACpC,kBAAkB;MAClB,WAAW;MACX,WAAW,EAAA;MAZd;QAeK,mBAAmB;QACnB,eAAe;QACf,sBAAsB;QAEtB,QAAQ,EAAA;EAKb;IAEG,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,mBAAmB;IACnB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,cAAc,EAAA;IATjB;MAYK,aAAa;MACb,mBAAmB;MACnB,8BAA8B;MAC9B,mBAAmB,EAAA;MAfxB;QAkBO,eAAe;QACf,gBAAgB,EAAA;QAnBvB;UAsBS,kBAAkB;UAClB,WAAW;UACX,YAAY,EAAA;MAxBrB;QA6BO,eCzCI;QD0CJ,cAAc;QACd,iBAAiB;QAEjB,iBAAiB,EAAA;IAjCxB;MAsCK,iBAAiB;MACjB,eAAe;MACf,gBAAgB,EAAA;EAKtB;IACE,aAAa;IACb,YAAY;IACZ,WAAW,EAAA;EAGb;IACE,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB,EAAA;IAJjB;MAOG,WAAW;MACX,YAAY,EAAA;EAIhB;IACE,mBAAmB,EAAA;EAGrB;IACE,aAAa;IACb,WAAW;IACX,gBAAgB;IAChB,uBAAuB;IACvB,aAAa;IACb,sBAAsB,EAAA;IANvB;MASG,aAAa;MACb,sBAAsB,EAAA;MAVzB;QAaK,kBAAkB;QAClB,iBAAiB;QACjB,eCtFM;QDuFN,cAAc,EAAA;MAhBnB;QAoBK,eCjGM;QDkGN,cAAc;QACd,aAAa;QACb,iBAAiB,EAAA;EAKvB;IACE,gBAAgB;IAChB,mBAAmB;IACnB,kBAAkB;IAClB,kBAAkB,EAAA;IAJnB;MAOG,aAAa;MACb,iBAAiB;MACjB,oBAAoB;MACpB,eAAe;MACf,YAAY;MACZ,YAAY;MACZ,gBAAgB;MAChB,gBAAgB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-editorial-story {\n display: flex;\n flex-direction: column;\n\n margin: 40px auto 0;\n\n //max-width: 50%;\n width: 880px;\n height: 560px;\n & > *:not(:last-child) {\n }\n\n &__stories-progress-bars {\n display: flex;\n justify-content: space-between;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n\n .bar {\n background: rgba(255, 255, 255, 0.3);\n border-radius: 4px;\n height: 4px;\n width: 100%;\n\n .progress {\n background: #ffffff;\n height: inherit;\n border-radius: inherit;\n\n width: 0;\n }\n }\n }\n\n &__title {\n .title {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 26px;\n margin-top: 26px;\n font-weight: 600;\n font-size: 36px;\n color: #242424;\n\n &__content {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n .image {\n max-width: 28px;\n max-height: 28px;\n\n img {\n border-radius: 6px;\n width: 100%;\n height: 100%;\n }\n }\n\n .author {\n font-size: $font-12;\n color: #ffffff;\n font-weight: bold;\n\n margin-left: 14px;\n }\n }\n\n &__close {\n margin-left: auto;\n max-width: 24px;\n max-height: 24px;\n }\n }\n }\n\n &__content {\n display: flex;\n height: 100%;\n width: 100%;\n }\n\n &__story {\n position: relative;\n max-width: 560px;\n min-width: 560px;\n max-height: 100%;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n\n &__story:hover button {\n visibility: visible;\n }\n\n &__description {\n padding: 16px;\n width: 100%;\n max-width: 320px;\n background-color: white;\n display: flex;\n flex-direction: column;\n\n .p-description {\n display: flex;\n flex-direction: column;\n\n &__desc {\n margin-bottom: 8px;\n font-weight: bold;\n font-size: $font-26;\n color: #242424;\n }\n\n &__title {\n font-size: $font-16;\n color: #242424;\n opacity: 0.64;\n line-height: 20px;\n }\n }\n }\n\n &__button {\n margin-top: auto;\n background: #f33540;\n border-radius: 4px;\n text-align: center;\n\n .button {\n padding: 17px;\n padding-top: 13px;\n padding-bottom: 11px;\n font-size: 14px;\n width: 288px;\n height: 44px;\n min-width: 128px;\n font-weight: 700;\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/StoriesFullScreen/styles/style.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/StoriesFullScreen/styles/style.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-page-stories-fullscreen {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 10000;\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.25) center;\n background-size: cover; }\n @supports not ((-webkit-backdrop-filter: blur(80px)) or (backdrop-filter: blur(80px))) {\n .p-page-stories-fullscreen {\n background-image: none !important; } }\n .p-page-stories-fullscreen * {\n color: #ffffff; }\n .p-page-stories-fullscreen__header {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%; }\n .p-page-stories-fullscreen__header-start {\n display: flex;\n justify-content: start;\n align-items: center;\n width: 100%;\n margin-left: 48px; }\n .p-page-stories-fullscreen .p-stories-fullscreen-background-filter {\n overflow: auto;\n height: inherit;\n width: inherit;\n background: rgba(44, 44, 44, 0.4); }\n @supports ((-webkit-backdrop-filter: blur(80px)) or (backdrop-filter: blur(80px))) {\n .p-page-stories-fullscreen .p-stories-fullscreen-background-filter {\n -webkit-backdrop-filter: blur(80px);\n backdrop-filter: blur(80px); } }\n .p-page-stories-fullscreen .p-stories-fullscreen-background-filter-img {\n display: none;\n z-index: -1;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-size: cover; }\n @supports not ((-webkit-backdrop-filter: blur(80px)) or (backdrop-filter: blur(80px))) {\n .p-page-stories-fullscreen .p-stories-fullscreen-background-filter-img {\n display: block;\n filter: blur(80px);\n transform: scale(1.5);\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.25) center;\n background-size: cover; } }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/StoriesFullScreen/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,WAAW;EACX,YAAY;EACZ,eAAe;EACf,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,cAAc;EAEd,uHAAuH;EACvH,sBAAsB,EAAA;EAEqB;IAb7C;MAcI,iCAAiC,EAAA,EAkDpC;EAhED;IAkBI,cCjBW,EAAA;EDoBb;IACE,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,WAAW,EAAA;EAEb;IACE,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,WAAW;IACX,iBACF,EAAA;EAjCF;IAoCI,cAAc;IACd,eAAe;IACf,cAAc;IACd,iCAAiC,EAAA;IACM;MAxC3C;QAyCM,mCAA2B;gBAA3B,2BAA2B,EAAA,EAE9B;EA3CH;IA8CI,aAAa;IACb,WAAW;IACX,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,QAAQ;IACR,SAAS;IACT,WAAW;IACX,YAAY;IACZ,sBAAsB,EAAA;IACqB;MAxD/C;QAyDM,cAAc;QACd,kBAAkB;QAClB,qBAAqB;QACrB,uHAAuH;QACvH,sBAAsB,EAAA,EAEzB","sourcesContent":["@import 'src/styles/variables';\n\n.p-page-stories-fullscreen {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 10000;\n\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.25) center;\n background-size: cover;\n\n @supports not (backdrop-filter: blur(80px)) {\n background-image: none !important;\n }\n\n * {\n color: $white;\n }\n\n &__header {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n }\n &__header-start{\n display: flex;\n justify-content: start;\n align-items: center;\n width: 100%;\n margin-left: 48px\n }\n\n .p-stories-fullscreen-background-filter {\n overflow: auto;\n height: inherit;\n width: inherit;\n background: rgba(44, 44, 44, 0.4);\n @supports (backdrop-filter: blur(80px)) {\n backdrop-filter: blur(80px);\n }\n }\n\n .p-stories-fullscreen-background-filter-img {\n display: none;\n z-index: -1;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n @supports not (backdrop-filter: blur(80px)) {\n display: block;\n filter: blur(80px);\n transform: scale(1.5);\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.25) center;\n background-size: cover;\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/StoriesHome/styles/style.scss":
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/StoriesHome/styles/style.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-stories-carousel-main {\n height: 116px;\n min-height: 60px;\n padding: 29px 16px 26px 52px;\n margin: 0;\n width: 100%;\n background: #F6F6F6; }\n .p-stories-carousel-main * {\n font-size: 12px;\n font-weight: 500; }\n .p-stories-carousel-main__story {\n max-width: 60px; }\n .p-stories-carousel-main__story .story-content .story-image {\n box-sizing: border-box;\n width: 60px;\n height: 60px;\n border-radius: 16px;\n margin-bottom: 8px; }\n\n.p-stories-carousel-btns {\n margin: 0; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/StoriesHome/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAIA;EACE,aAAa;EACb,gBAAgB;EAChB,4BAA4B;EAC5B,SAAS;EACT,WAAW;EAOX,mBCZkB,EAAA;EDApB;IAQI,eCcU;IDbV,gBAAgB,EAAA;EAKlB;IACE,eAAe,EAAA;IADhB;MAKK,sBAAsB;MACtB,WAAW;MACX,YAAY;MACZ,mBAxBY;MA0BZ,kBAAkB,EAAA;;AAM1B;EACE,SAAS,EAAA","sourcesContent":["@import \"styles/variables\";\n\n$border-radius: 16px;\n\n.p-stories-carousel-main {\n height: 116px;\n min-height: 60px;\n padding: 29px 16px 26px 52px;\n margin: 0;\n width: 100%;\n\n * {\n font-size: $font-12;\n font-weight: 500;\n }\n\n background: $light-gray;\n\n &__story {\n max-width: 60px;\n\n .story-content {\n .story-image {\n box-sizing: border-box;\n width: 60px;\n height: 60px;\n border-radius: $border-radius;\n\n margin-bottom: 8px;\n }\n }\n }\n}\n\n.p-stories-carousel-btns {\n margin: 0;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Home/components/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Home/components/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-home {\n width: 100%; }\n .p-home .p-home-container {\n display: flex;\n flex-direction: column;\n padding: 32px 0 40px 0;\n min-height: 65vh; }\n .p-home .p-home-container > *:not(:last-child) {\n margin-bottom: 48px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Home/components/style.scss"],"names":[],"mappings":"AAEA;EACE,WAAW,EAAA;EADb;IAII,aAAa;IACb,sBAAsB;IACtB,sBAAsB;IACtB,gBAAgB,EAAA;IAPpB;MAUM,mBAAmB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-home {\n width: 100%;\n\n .p-home-container {\n display: flex;\n flex-direction: column;\n padding: 32px 0 40px 0;\n min-height: 65vh;\n\n & > *:not(:last-child) {\n margin-bottom: 48px;\n }\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Listening/components/Header/styles/style.scss":
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Listening/components/Header/styles/style.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-listening-header__info {\n display: flex;\n align-items: center;\n padding: 18px 48px 18px 48px; }\n .p-listening-header__info > .p-data {\n padding: 24px;\n display: flex;\n flex-direction: column; }\n .p-listening-header__info > .p-data h3 {\n font-size: 26px;\n margin-bottom: 12px; }\n .p-listening-header__info > .p-data .genres {\n color: #46556B; }\n .p-listening-header__info > .p-data .dote {\n color: #46556B;\n margin-left: 5px;\n margin-right: 5px; }\n .p-listening-header__info > .p-data > .name {\n color: #46556B;\n font-weight: bold;\n font-size: 16px;\n margin-bottom: 12px; }\n .p-listening-header__info > .p-data > .time-and-count {\n display: flex;\n color: #46556B;\n font-size: 14px;\n margin-bottom: 12px;\n align-items: center; }\n .p-listening-header__info > .p-data > .time-and-count > .p-icon > img {\n margin-right: 5px; }\n .p-listening-header__info img {\n border-radius: 4px; }\n\n#p-data-id {\n padding-left: 0; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Listening/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAGE;EACE,aAAa;EACb,mBAAmB;EACnB,4BCyCoB,EAAA;ED5CrB;IAMG,aAAa;IACb,aAAa;IACb,sBAAsB,EAAA;IARzB;MAWK,eCoBM;MDnBN,mBAAmB,EAAA;IAZxB;MAgBK,cCbW,EAAA;IDHhB;MAoBK,cCjBW;MDkBX,gBAAgB;MAChB,iBAAiB,EAAA;IAtBtB;MA0BK,cCvBW;MDwBX,iBAAiB;MACjB,eCHM;MDIN,mBAAmB,EAAA;IA7BxB;MAiCK,aAAa;MACb,cC/BW;MDgCX,eCXM;MDYN,mBAAmB;MACnB,mBAAmB,EAAA;MArCxB;QAwCO,iBAAiB,EAAA;EAxCxB;IA8CG,kBAAkB,EAAA;;AAKxB;EACE,eAAe,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-listening-header {\n &__info {\n display: flex;\n align-items: center;\n padding: 18px $home-side-padding 18px $home-side-padding;\n\n & > .p-data {\n padding: 24px;\n display: flex;\n flex-direction: column;\n\n h3 {\n font-size: $font-26;\n margin-bottom: 12px;\n }\n\n .genres {\n color: $dark-gray;\n }\n\n .dote {\n color: $dark-gray;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n & > .name {\n color: $dark-gray;\n font-weight: bold;\n font-size: $font-16;\n margin-bottom: 12px;\n }\n\n & > .time-and-count {\n display: flex;\n color: $dark-gray;\n font-size: $font-14;\n margin-bottom: 12px;\n align-items: center;\n\n & > .p-icon > img {\n margin-right: 5px;\n }\n }\n }\n\n img {\n border-radius: 4px;\n }\n }\n}\n\n#p-data-id {\n padding-left: 0;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Listening/components/style.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Listening/components/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-listening {\n padding-bottom: 40px; }\n .p-listening__tracks {\n height: 500px;\n overflow-y: scroll; }\n .p-listening__blocks {\n margin-top: 58px; }\n .p-listening .p-slider-header__open-drop-down {\n cursor: pointer;\n margin-top: 10px; }\n .p-listening .p-slider-header__open-drop-down * {\n color: black; }\n .p-listening .p-slider-header__open-drop-down .p-arrow-down-md {\n border: #000000 solid;\n border-width: 0 2px 2px 0; }\n\n.filters-attention {\n text-align: center;\n margin-top: 100px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Listening/components/style.scss"],"names":[],"mappings":"AAEA;EACE,oBAAoB,EAAA;EAEpB;IACE,aAAa;IACb,kBAAkB,EAAA;EAGpB;IACE,gBAAgB,EAAA;EATpB;IAYI,eAAe;IACf,gBAAgB,EAAA;IAbpB;MAeM,YAAY,EAAA;IAflB;MAkBM,qBAAqB;MACrB,yBAAyB,EAAA;;AAI/B;EACE,kBAAkB;EAClB,iBAAiB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-listening {\n padding-bottom: 40px;\n\n &__tracks {\n height: 500px;\n overflow-y: scroll;\n }\n\n &__blocks {\n margin-top: 58px;\n }\n .p-slider-header__open-drop-down {\n cursor: pointer;\n margin-top: 10px;\n * {\n color: black;\n }\n .p-arrow-down-md {\n border: #000000 solid;\n border-width: 0 2px 2px 0;\n }\n }\n}\n.filters-attention {\n text-align: center;\n margin-top: 100px;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/NotFound/style.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/NotFound/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-notfound {\n padding-top: 48px;\n display: flex;\n flex-direction: column; }\n .p-notfound > span {\n font-size: 19px; }\n .p-notfound__btn {\n max-width: 140px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background-color: #F33540;\n text-align: center;\n font-weight: bold;\n height: 40px;\n color: #fff;\n font-size: 18px; }\n .p-notfound__line {\n margin-bottom: 48px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/NotFound/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,sBAAsB,EAAA;EAHxB;IAMI,eAAe,EAAA;EAGjB;IACE,gBAAgB;IAChB,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,kBAAkB;IAClB,yBCMmB;IDLnB,kBAAkB;IAClB,iBAAiB;IACjB,YAAY;IACZ,WAAW;IACX,eAAe,EAAA;EAGjB;IACE,mBAAmB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-notfound {\n padding-top: 48px;\n display: flex;\n flex-direction: column;\n\n & > span {\n font-size: 19px;\n }\n\n &__btn {\n max-width: 140px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background-color: $primary-color;\n text-align: center;\n font-weight: bold;\n height: 40px;\n color: #fff;\n font-size: 18px;\n }\n\n &__line {\n margin-bottom: 48px;\n }\n}","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Playlist/styles/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Playlist/styles/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-playlist .p-container {\n padding-left: 48px;\n padding-right: 48px; }\n\n.p-playlist__header {\n padding: 28px 48px;\n display: flex;\n flex-direction: row; }\n .p-playlist__header .p-image {\n margin-right: 24px; }\n .p-playlist__header .p-description {\n min-width: 600px; }\n .p-playlist__header .p-description > *:not(:last-child) {\n margin-bottom: 12px; }\n .p-playlist__header .p-description__title {\n font-size: 26px;\n color: #242424; }\n .p-playlist__header .p-description__authors {\n font-weight: bold;\n font-size: 18px;\n line-height: 16px;\n color: #F33540; }\n .p-playlist__header .p-description__authors span {\n color: #a0b0c6; }\n .p-playlist__header .p-description__description {\n font-size: 16px;\n font-weight: normal; }\n .p-playlist__header .p-description__info .p-info {\n display: flex;\n flex-direction: column; }\n .p-playlist__header .p-description__info .p-info__top {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 8px; }\n .p-playlist__header .p-description__info .p-info__top .p-clock {\n margin-right: 4px; }\n .p-playlist__header .p-description__info .p-info__top .p-mid-dot {\n margin: 0 7px; }\n\n.p-playlist .p-player-bar-shadow {\n border-top: 1px solid #E8EAEC;\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05); }\n\n.p-playlist .p-player-bar {\n padding: 16px 4px;\n display: flex;\n align-items: center; }\n .p-playlist .p-player-bar > * {\n margin-right: 20px; }\n\n.p-playlist .p-playlist-container {\n padding-top: 24px;\n margin-bottom: 48px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Playlist/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EAGI,kBAAkB;EAClB,mBAAmB,EAAA;;AAGrB;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB,EAAA;EAHpB;IAMG,kBAAkB,EAAA;EANrB;IAWG,gBAAgB,EAAA;IAXnB;MAcK,mBAAmB,EAAA;IAdxB;MAkBK,eCOM;MDNN,cAAc,EAAA;IAnBnB;MAuBK,iBAAiB;MACjB,eAAe;MACf,iBAAiB;MACjB,cAAc,EAAA;MA1BnB;QA6BO,cAAc,EAAA;IA7BrB;MAkCK,eCfM;MDiBN,mBAAmB,EAAA;IApCxB;MAwCK,aAAa;MACb,sBAAsB,EAAA;MAzC3B;QA4CO,aAAa;QACb,mBAAmB;QACnB,mBAAmB;QAEnB,kBAAkB,EAAA;QAhDzB;UAmDS,iBAAiB,EAAA;QAnD1B;UAuDS,aAAa,EAAA;;AA9DzB;EAyEI,6BAA6B;EAC7B,8CAA8C,EAAA;;AA1ElD;EA8EI,iBAAiB;EAEjB,aAAa;EACb,mBAAmB,EAAA;EAjFvB;IAoFM,kBAAkB,EAAA;;AApFxB;EAyFI,iBAAiB;EACjB,mBAAmB,EAAA","sourcesContent":["@import \"src/styles/variables\";\n\n.p-playlist {\n\n .p-container {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n &__header {\n padding: 28px 48px;\n display: flex;\n flex-direction: row;\n\n .p-image {\n margin-right: 24px;\n }\n\n\n .p-description {\n min-width: 600px;\n\n & > *:not(:last-child) {\n margin-bottom: 12px;\n }\n\n &__title {\n font-size: $font-26;\n color: #242424;\n }\n\n &__authors {\n font-weight: bold;\n font-size: 18px;\n line-height: 16px;\n color: #F33540;\n\n span {\n color: #a0b0c6;;\n }\n }\n\n &__description {\n font-size: $font-16;\n\n font-weight: normal;\n }\n\n &__info .p-info {\n display: flex;\n flex-direction: column;\n\n &__top {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n margin-bottom: 8px;\n\n .p-clock {\n margin-right: 4px;\n }\n\n .p-mid-dot {\n margin: 0 7px;\n }\n\n }\n\n }\n }\n\n }\n\n .p-player-bar-shadow {\n border-top: 1px solid #E8EAEC;\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05);\n }\n\n .p-player-bar {\n padding: 16px 4px;\n\n display: flex;\n align-items: center;\n\n & > * {\n margin-right: 20px;\n }\n }\n\n .p-playlist-container {\n padding-top: 24px;\n margin-bottom: 48px;\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Podcast/components/Header/styles/style.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Podcast/components/Header/styles/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-podcast-header__info {\n display: flex;\n padding: 28px 48px 25px 48px; }\n .p-podcast-header__info > .p-data {\n padding: 15px 24px;\n display: flex;\n flex-direction: column; }\n .p-podcast-header__info > .p-data h3 {\n font-size: 26px; }\n .p-podcast-header__info > .p-data .genres {\n color: #4A4A4A; }\n .p-podcast-header__info > .p-data .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px; }\n .p-podcast-header__info > .p-data > .name {\n color: #F33540;\n font-weight: bold;\n font-size: 18px; }\n .p-podcast-header__info > .p-data > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: 14px;\n align-items: center; }\n .p-podcast-header__info > .p-data > .time-and-count > .p-icon > img {\n margin-right: 5px; }\n .p-podcast-header__info img {\n border-radius: 4px; }\n\n.p-podcast-header__desc {\n padding: 0 48px;\n max-width: 700px;\n display: flex;\n flex-direction: column;\n margin-bottom: 30px; }\n .p-podcast-header__desc .p-desc-warning {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 150%;\n text-transform: uppercase;\n margin-bottom: 24px; }\n .p-podcast-header__desc .p-desc-text {\n color: #46556B;\n margin-bottom: 29px; }\n .p-podcast-header__desc .p-desc-button {\n color: #F33540;\n cursor: pointer; }\n .p-podcast-header__desc .p-desc-chips {\n display: flex; }\n .p-podcast-header__desc .p-desc-chips__button {\n padding: 5px 15px;\n background-color: #FF9C47;\n color: white;\n font-size: 14px;\n border-radius: 43px;\n margin-right: 10px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Podcast/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAIE;EACE,aAAa;EACb,4BCyCoB,EAAA;ED3CrB;IAKG,kBAAkB;IAClB,aAAa;IACb,sBAAsB,EAAA;IAPzB;MAUK,eCoBM,EAAA;ID9BX;MAcK,cAAc,EAAA;IAdnB;MAkBK,cAAc;MACd,gBAAgB;MAChB,iBAAiB,EAAA;IApBtB;MAwBK,cCLe;MDMf,iBAAiB;MACjB,eCDM,EAAA;IDzBX;MA8BK,aAAa;MACb,cAAc;MACd,eCTM;MDUN,mBAAmB,EAAA;MAjCxB;QAoCO,iBAAiB,EAAA;EApCxB;IA0CG,kBAAkB,EAAA;;AAItB;EACE,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,mBAAmB,EAAA;EALpB;IAQG,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,yBAAyB;IACzB,mBAAmB,EAAA;EAbtB;IAiBG,cC7Da;ID8Db,mBAAmB,EAAA;EAlBtB;IAsBG,cAAc;IACd,eAAe,EAAA;EAvBlB;IA2BG,aAAa,EAAA;IA3BhB;MA8BK,iBAAiB;MACjB,yBAAyB;MACzB,YAAY;MACZ,eCxDM;MDyDN,mBAAmB;MACnB,kBAAkB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-podcast-header {\n\n &__info {\n display: flex;\n padding: 28px $home-side-padding 25px $home-side-padding;\n\n & > .p-data {\n padding: 15px 24px;\n display: flex;\n flex-direction: column;\n\n h3 {\n font-size: $font-26;\n }\n\n .genres {\n color: #4A4A4A;\n }\n\n .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n & > .name {\n color: $primary-color;\n font-weight: bold;\n font-size: $font-18;\n }\n\n & > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: $font-14;\n align-items: center;\n\n & > .p-icon > img {\n margin-right: 5px;\n }\n }\n }\n\n img {\n border-radius: 4px;\n }\n }\n\n &__desc {\n padding: 0 48px;\n max-width: 700px;\n display: flex;\n flex-direction: column;\n margin-bottom: 30px;\n\n .p-desc-warning {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 150%;\n text-transform: uppercase;\n margin-bottom: 24px;\n }\n\n .p-desc-text {\n color: $dark-gray;\n margin-bottom: 29px;\n }\n\n .p-desc-button {\n color: #F33540;\n cursor: pointer;\n }\n\n .p-desc-chips {\n display: flex;\n\n &__button {\n padding: 5px 15px;\n background-color: #FF9C47;\n color: white;\n font-size: $font-14;\n border-radius: 43px;\n margin-right: 10px;\n }\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Podcast/components/style.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Podcast/components/style.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".podcast-drawer {\n width: 622px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Podcast/components/style.scss"],"names":[],"mappings":"AAAA;EACE,YAAY,EAAA","sourcesContent":[".podcast-drawer {\n width: 622px;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Profile/components/Devices/styles/style-drawer.module.scss":
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/screens/Main/screens/Profile/components/Devices/styles/style-drawer.module.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".style-drawer_drawer__QcBOe {\n width: 622px;\n display: flex;\n flex-direction: column; }\n\n.style-drawer_header__1eNmo {\n margin-top: 32px;\n margin-left: 48px;\n margin-bottom: 40px; }\n .style-drawer_header__1eNmo > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: #202020; }\n\n.style-drawer_deviceForm__3rrYd {\n display: flex;\n flex-direction: column;\n margin-left: 48px;\n margin-right: 48px; }\n .style-drawer_deviceForm__title__3TRgn {\n height: 48px;\n border-radius: 4px;\n background-color: #f6f6f6;\n border: none; }\n .style-drawer_deviceForm__title__3TRgn:focus {\n border: 1px solid #46556B; }\n .style-drawer_deviceForm__description__PEzXR {\n display: block;\n height: 88px;\n padding-top: 16px;\n padding-left: 16px;\n margin-top: 40px;\n border-radius: 4px;\n background-color: #f6f6f6;\n height: 100%;\n resize: none;\n overflow: hidden; }\n .style-drawer_deviceForm__description__PEzXR:focus {\n border: 1px solid #46556B; }\n .style-drawer_deviceForm__3rrYd .style-drawer_buttons__3z8Uk {\n display: flex;\n flex-direction: row-reverse; }\n .style-drawer_deviceForm__3rrYd .style-drawer_buttons__3z8Uk > button {\n height: 44px;\n margin-top: 32px;\n justify-content: center;\n align-items: center;\n border-radius: 4px; }\n .style-drawer_deviceForm__3rrYd .style-drawer_buttons__3z8Uk > button > p {\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 1px; }\n .style-drawer_deviceForm__3rrYd .style-drawer_buttons-save_disabled__sHznV {\n width: 121px;\n color: white;\n background-color: #d0d0d0; }\n .style-drawer_deviceForm__3rrYd .style-drawer_buttons-save_active__WHX1F {\n width: 121px;\n color: white;\n background-color: #F33540; }\n .style-drawer_deviceForm__3rrYd .style-drawer_buttons-cancel__1NsJP {\n width: 93px;\n margin-right: 16px;\n background-color: white;\n color: #F33540;\n border: 1px solid #F33540; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Profile/components/Devices/styles/style-drawer.module.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,YAAY;EACZ,aAAa;EACb,sBAAsB,EAAA;;AAGxB;EACE,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB,EAAA;EAHrB;IAKI,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,cCdW,EAAA;;ADkBf;EACI,aAAa;EACb,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB,EAAA;EAElB;IACE,YAAY;IACZ,kBAAkB;IAClB,yBAAyB;IACzB,YAAY,EAAA;IAJb;MAOG,yBACF,EAAA;EAGF;IACE,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;IAClB,yBAAyB;IACzB,YAAY;IACZ,YAAY;IACZ,gBAAgB,EAAA;IAVjB;MAaG,yBACF,EAAA;EA/BN;IAmCM,aAAa;IACb,2BAA2B,EAAA;IApCjC;MAuCQ,YAAY;MACZ,gBAAgB;MAChB,uBAAuB;MACvB,mBAAmB;MACnB,kBAAkB,EAAA;MA3C1B;QA8CU,gBAAgB;QAChB,eAAe;QACf,iBAAiB;QACjB,mBAAmB,EAAA;IAjD7B;MAwDU,YAAY;MACZ,YAAY;MACZ,yBAAyB,EAAA;IA1DnC;MA8DU,YAAY;MACZ,YAAY;MACZ,yBAAyB,EAAA;IAhEnC;MAqEQ,WAAW;MACX,kBAAkB;MAClB,uBAAuB;MACvB,cAAc;MACd,yBAAyB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.drawer {\n width: 622px;\n display: flex;\n flex-direction: column;\n}\n\n.header {\n margin-top: 32px;\n margin-left: 48px;\n margin-bottom: 40px;\n & > p {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n color: $black;\n }\n}\n\n.deviceForm {\n display: flex;\n flex-direction: column;\n margin-left: 48px;\n margin-right: 48px;\n \n &__title {\n height: 48px;\n border-radius: 4px;\n background-color: #f6f6f6;\n border: none;\n \n &:focus{\n border: 1px solid #46556B\n }\n }\n \n &__description {\n display: block;\n height: 88px;\n padding-top: 16px;\n padding-left: 16px;\n margin-top: 40px;\n border-radius: 4px;\n background-color: #f6f6f6;\n height: 100%;\n resize: none;\n overflow: hidden;\n \n &:focus{\n border: 1px solid #46556B\n }\n }\n \n .buttons {\n display: flex;\n flex-direction: row-reverse;\n \n & > button {\n height: 44px;\n margin-top: 32px;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n \n & > p {\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 1px;\n }\n }\n \n &-save {\n \n &_disabled {\n width: 121px;\n color: white;\n background-color: #d0d0d0;\n }\n \n &_active {\n width: 121px;\n color: white;\n background-color: #F33540;\n }\n }\n \n &-cancel {\n width: 93px;\n margin-right: 16px;\n background-color: white;\n color: #F33540;\n border: 1px solid #F33540;\n }\n }\n }","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"drawer": "style-drawer_drawer__QcBOe",
"header": "style-drawer_header__1eNmo",
"deviceForm": "style-drawer_deviceForm__3rrYd",
"deviceForm__title": "style-drawer_deviceForm__title__3TRgn",
"deviceForm__description": "style-drawer_deviceForm__description__PEzXR",
"buttons": "style-drawer_buttons__3z8Uk",
"buttons-save_disabled": "style-drawer_buttons-save_disabled__sHznV",
"buttons-save_active": "style-drawer_buttons-save_active__WHX1F",
"buttons-cancel": "style-drawer_buttons-cancel__1NsJP"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Profile/components/Devices/styles/style.module.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/screens/Main/screens/Profile/components/Devices/styles/style.module.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".style_header__2nC5P {\n height: 112px;\n width: 100%;\n display: flex;\n flex-direction: row;\n padding-left: 48px;\n padding-right: 70px;\n align-items: center;\n box-shadow: 0px 12px 15px rgba(26, 52, 90, 0.05); }\n\n.style_title__2mphz {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n width: 70%; }\n\n.style_progress__3zs67 {\n display: flex;\n flex-direction: row;\n width: 30%; }\n .style_progress-title__3bAkN {\n font-weight: normal;\n font-size: 16px;\n white-space: nowrap; }\n .style_progress-bar__19mHi {\n margin: 0px 17px; }\n .style_progress-bar__19mHi input {\n height: 12px;\n width: 200px;\n outline: none;\n border-radius: 2px;\n background-color: #d0d0d0;\n border: none;\n padding: 0;\n margin: 0;\n pointer-events: none;\n overflow: hidden;\n background-size: 50%; }\n .style_progress-bar__19mHi input::-webkit-slider-thumb {\n border: none;\n box-shadow: -100vw 0 0 100vw #F33540; }\n .style_progress-bar__19mHi input::-moz-range-thumb {\n opacity: 0;\n border: 0;\n outline: none; }\n\n.style_devices__2aN9j {\n margin-top: 36px;\n padding-left: 48px;\n padding-right: 70px;\n width: 100%; }\n .style_devices-header__1yYoQ {\n display: flex;\n flex-direction: row;\n margin-bottom: 14px; }\n .style_devices-header__1yYoQ > p {\n font-weight: bold;\n font-size: 14px;\n color: #9d9d9d;\n width: 70%; }\n .style_devices-header__1yYoQ > p:last-child {\n width: 30%;\n align-items: flex-start;\n justify-content: flex-start; }\n .style_devices__2aN9j .style_device__1Dq9f {\n display: flex;\n flex-direction: row;\n padding-bottom: 13px;\n padding-top: 18px;\n border-bottom: 1px solid #eff5fe; }\n .style_devices__2aN9j .style_device-left__u5Bbd {\n width: 70%; }\n .style_devices__2aN9j .style_device-right__2iHiS {\n width: 30%;\n display: flex;\n flex-direction: row; }\n .style_devices__2aN9j .style_device-name__1Qeec {\n font-weight: bold;\n font-size: 16px; }\n .style_devices__2aN9j .style_device-date__10gW8 {\n width: 85%;\n font-weight: normal;\n font-size: 16px; }\n .style_devices__2aN9j .style_device-btns__2nzqK {\n display: flex;\n flex-direction: row;\n justify-content: space-between; }\n .style_devices__2aN9j .style_device-btns__2nzqK button:first-of-type {\n margin-right: 32px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Profile/components/Devices/styles/style.module.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,aAAa;EACb,WAAW;EACX,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,gDAAgD,EAAA;;AAGlD;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,UAAU,EAAA;;AAGZ;EACE,aAAa;EACb,mBAAmB;EACnB,UAAU,EAAA;EAEV;IACE,mBAAmB;IACnB,eAAe;IACf,mBAAmB,EAAA;EAGrB;IACE,gBAAgB,EAAA;IADjB;MAIG,YAAY;MACZ,YAAY;MACZ,aAAa;MACb,kBAAkB;MAElB,yBAAyB;MACzB,YAAY;MACZ,UAAU;MACV,SAAS;MACT,oBAAoB;MACpB,gBAAgB;MAEhB,oBAAoB,EAAA;MAhBvB;QAoBK,YAAY;QACZ,oCC7Be,EAAA;MDQpB;QA0BK,UAAU;QACV,SAAS;QACT,aAAa,EAAA;;AAMrB;EACE,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB,WAAW,EAAA;EAEX;IACE,aAAa;IACb,mBAAmB;IACnB,mBAAmB,EAAA;IAHpB;MAMG,iBAAiB;MACjB,eAAe;MACf,cAAc;MACd,UAAU,EAAA;MATb;QAYK,UAAU;QACV,uBAAuB;QACvB,2BAA2B,EAAA;EApBnC;IA0BI,aAAa;IACb,mBAAmB;IACnB,oBAAoB;IACpB,iBAAiB;IACjB,gCAAgC,EAAA;IA9BpC;MAiCM,UAAU,EAAA;IAjChB;MAqCM,UAAU;MACV,aAAa;MACb,mBAAmB,EAAA;IAvCzB;MA2CM,iBAAiB;MACjB,eAAe,EAAA;IA5CrB;MAgDM,UAAU;MACV,mBAAmB;MACnB,eAAe,EAAA;IAlDrB;MAsDM,aAAa;MACb,mBAAmB;MACnB,8BAA8B,EAAA;MAxDpC;QA2DU,kBAAkB,EAAA","sourcesContent":["@import 'styles/variables';\n\n.header {\n height: 112px;\n width: 100%;\n display: flex;\n flex-direction: row;\n padding-left: 48px;\n padding-right: 70px;\n align-items: center;\n box-shadow: 0px 12px 15px rgba(26, 52, 90, 0.05);\n}\n\n.title {\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n width: 70%;\n}\n\n.progress {\n display: flex;\n flex-direction: row;\n width: 30%;\n\n &-title {\n font-weight: normal;\n font-size: 16px;\n white-space: nowrap;\n }\n\n &-bar {\n margin: 0px 17px;\n\n input {\n height: 12px;\n width: 200px;\n outline: none;\n border-radius: 2px;\n\n background-color: #d0d0d0;\n border: none;\n padding: 0;\n margin: 0;\n pointer-events: none;\n overflow: hidden;\n\n background-size: 50%;\n\n &::-webkit-slider-thumb {\n //background-color: $primary-color;\n border: none;\n box-shadow: -100vw 0 0 100vw $primary-color; // for safari\n }\n\n // For firefox\n &::-moz-range-thumb {\n opacity: 0;\n border: 0;\n outline: none;\n }\n }\n }\n}\n\n.devices {\n margin-top: 36px;\n padding-left: 48px;\n padding-right: 70px;\n width: 100%;\n\n &-header {\n display: flex;\n flex-direction: row;\n margin-bottom: 14px;\n\n & > p {\n font-weight: bold;\n font-size: 14px;\n color: #9d9d9d;\n width: 70%;\n\n &:last-child {\n width: 30%;\n align-items: flex-start;\n justify-content: flex-start;\n }\n }\n }\n\n .device {\n display: flex;\n flex-direction: row;\n padding-bottom: 13px;\n padding-top: 18px;\n border-bottom: 1px solid #eff5fe;\n\n &-left {\n width: 70%;\n }\n\n &-right {\n width: 30%;\n display: flex;\n flex-direction: row;\n }\n\n &-name {\n font-weight: bold;\n font-size: 16px;\n }\n\n &-date {\n width: 85%;\n font-weight: normal;\n font-size: 16px;\n }\n\n &-btns {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n button {\n &:first-of-type {\n margin-right: 32px;\n }\n }\n }\n }\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"header": "style_header__2nC5P",
"title": "style_title__2mphz",
"progress": "style_progress__3zs67",
"progress-title": "style_progress-title__3bAkN",
"progress-bar": "style_progress-bar__19mHi",
"devices": "style_devices__2aN9j",
"devices-header": "style_devices-header__1yYoQ",
"device": "style_device__1Dq9f",
"device-left": "style_device-left__u5Bbd",
"device-right": "style_device-right__2iHiS",
"device-name": "style_device-name__1Qeec",
"device-date": "style_device-date__10gW8",
"device-btns": "style_device-btns__2nzqK"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Profile/components/Header/styles/style.scss":
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Profile/components/Header/styles/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-profile-header {\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05); }\n .p-profile-header .p-profile-padding > h2 {\n padding: 40px 0;\n font-size: 42px; }\n .p-profile-header__info {\n display: flex;\n padding-bottom: 48px; }\n .p-profile-header__info .p-profile-menu {\n margin-top: 5px; }\n .p-profile-header__info .p-data {\n padding: 24px;\n display: flex;\n align-items: center; }\n .p-profile-header__info .p-data_menu {\n padding-top: 5px; }\n .p-profile-header__info .p-data h3 {\n font-size: 26px;\n margin-bottom: 12px; }\n .p-profile-header__info .p-data > span {\n color: #46556B; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Profile/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EAEE,8CAA8C,EAAA;EAFhD;IAKI,eAAe;IACf,eAAe,EAAA;EAGjB;IACE,aAAa;IACb,oBCkCoB,EAAA;IDpCrB;MAKG,eAAe,EAAA;IALlB;MAQG,aAAa;MACb,aAAa;MACb,mBAAmB,EAAA;MAVtB;QAaK,gBAAgB,EAAA;MAbrB;QAiBK,eCMM;QDLN,mBAAmB,EAAA;MAlBxB;QAsBK,cC3BW,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-profile-header {\n\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05);\n\n .p-profile-padding > h2 {\n padding: 40px 0;\n font-size: 42px;\n }\n\n &__info {\n display: flex;\n padding-bottom: $home-side-padding;\n\n .p-profile-menu {\n margin-top: 5px;\n }\n .p-data {\n padding: 24px;\n display: flex;\n align-items: center;\n\n &_menu {\n padding-top: 5px;\n }\n\n h3 {\n font-size: $font-26;\n margin-bottom: 12px;\n }\n\n & > span {\n color: $dark-gray;\n }\n }\n }\n}","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Profile/components/Recomendation/styles/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Profile/components/Recomendation/styles/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".tinder-copyright {\n color: rgba(255, 255, 255, 0.5);\n position: fixed;\n bottom: 0;\n left: 250px; }\n\n.recommendation-container {\n position: relative;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 40px 0 0 48px; }\n\n.recommendation-background {\n position: absolute;\n top: -50px;\n left: -50px;\n z-index: -1;\n width: 150%;\n filter: blur(40px);\n height: 100vh;\n transition: all 1s ease-in-out; }\n .recommendation-background__image {\n width: 100%;\n filter: blur(50px);\n transition: all 1s ease-in-out; }\n\n.recommendation-title {\n color: #fff;\n font-size: 26px;\n line-height: 32px;\n margin-bottom: 20px; }\n\n.recommendation-slider {\n width: 312px;\n height: 40px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 2px;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 10px;\n margin-bottom: 16px; }\n .recommendation-slider .slider-tab {\n display: flex;\n width: 100%;\n justify-content: center;\n font-weight: bold;\n color: #ffffff;\n font-size: 16px; }\n .recommendation-slider .slider-active-tab {\n display: flex;\n width: 100%;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n height: 100%;\n background: #ffffff;\n box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n font-weight: bold;\n color: #4a4a4a;\n font-size: 16px; }\n\n.recommendation-cards-container {\n display: flex;\n flex-direction: row;\n overflow-x: hidden;\n height: 650px; }\n\n.recommendation-card {\n width: 220px;\n height: 220px;\n min-width: 220px;\n margin-right: 8px;\n margin-top: 46px; }\n .recommendation-card > img {\n width: 220px;\n height: 220px;\n border-radius: 4px; }\n .recommendation-card:first-child {\n z-index: 1;\n width: 312px;\n min-width: 312px;\n height: 492px;\n border-radius: 8px;\n padding: 16px;\n background-color: #ffffff;\n margin: 0px; }\n .recommendation-card:first-child .loader-card {\n position: relative; }\n .recommendation-card:first-child .loader-card > div {\n left: 40%; }\n .recommendation-card:first-child > img {\n width: 280px;\n height: 280px;\n border-radius: 4px;\n margin-bottom: 16px; }\n .recommendation-card:first-child .player {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 280px;\n height: 16px;\n margin-bottom: 24px; }\n .recommendation-card:first-child .player > button {\n margin-right: 8px; }\n .recommendation-card:first-child .player .p-tinder-player__range {\n display: flex;\n flex-direction: row;\n align-items: center;\n background-color: white; }\n .recommendation-card:first-child .player .p-tinder-player__range input {\n height: 4px;\n width: 256px;\n outline: none;\n border-radius: 2px;\n background-color: #d0d0d0;\n border: none;\n padding: 0;\n margin: 0;\n pointer-events: none;\n overflow: hidden; }\n .recommendation-card:first-child .player .p-tinder-player__range input::-webkit-slider-thumb {\n border: none;\n box-shadow: -100vw 0 0 100vw #F33540; }\n .recommendation-card:first-child .player .p-tinder-player__range input::-moz-range-thumb {\n border: 0;\n outline: none; }\n .recommendation-card:first-child .title {\n margin: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: bold;\n font-size: 18px;\n color: #242424;\n margin-bottom: 8px; }\n .recommendation-card:first-child .artist {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: bold;\n font-size: 12px;\n color: #242424;\n opacity: 0.64;\n margin-bottom: 27px; }\n .recommendation-card:nth-child(2) {\n width: 240px;\n height: 240px;\n margin-left: -24px;\n margin-top: 36px; }\n .recommendation-card:nth-child(2) > img {\n width: 240px;\n height: 240px; }\n .recommendation-card .control-buttons {\n display: flex;\n flex-direction: row; }\n .recommendation-card .control-buttons_skip {\n margin-right: 50px;\n padding: 0;\n font-size: 12px;\n line-height: 15px;\n font-weight: bold;\n text-transform: uppercase;\n color: #9d9d9d;\n letter-spacing: 1px; }\n .recommendation-card .control-buttons_dislike {\n margin-right: 12px; }\n\n.move {\n transform: translate(-250px, 0px);\n transition: all 0.5s ease-out; }\n\n.skip {\n transform: translate(0px, 2000px);\n transition: all 0.5s ease-in-out; }\n\n.like {\n transform: translate(2000px, 0px);\n transition: all 0.5s ease-in-out; }\n\n.dislike {\n transform: translate(-2000px, 0px);\n transition: all 0.5s ease-in-out; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Profile/components/Recomendation/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,+BAA+B;EAC/B,eAAe;EACf,SAAS;EACT,WAAW,EAAA;;AAIX;EACE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACR,sBAAsB,EAAA;;AAExB;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,WAAW;EACX,WAAW;EACX,kBAAkB;EAClB,aAAa;EACb,8BAA8B,EAAA;EAE9B;IACE,WAAW;IACX,kBAAkB;IAClB,8BAA8B,EAAA;;AAIlC;EACE,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,mBAAmB,EAAA;;AAGrB;EACE,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,mBAAmB;EAEnB,mBAAmB;EACnB,YAAY;EACZ,0CAA0C;EAC1C,mBAAmB;EACnB,mBAAmB,EAAA;EAVpB;IAaG,aAAa;IACb,WAAW;IACX,uBAAuB;IACvB,iBAAiB;IACjB,cAAc;IACd,eAAe,EAAA;EAlBlB;IAsBG,aAAa;IACb,WAAW;IACX,YAAY;IACZ,uBAAuB;IACvB,mBAAmB;IACnB,YAAY;IACZ,mBAAmB;IACnB,4CAA4C;IAC5C,kBAAkB;IAClB,iBAAiB;IACjB,cAAc;IACd,eAAe,EAAA;;AAInB;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,aAAa,EAAA;;AAGf;EACE,YAAY;EACZ,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB,EAAA;EALjB;IAQG,YAAY;IACZ,aAAa;IACb,kBAAkB,EAAA;EAVrB;IAcG,UAAU;IACV,YAAY;IACZ,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,aAAa;IACb,yBAAyB;IACzB,WAAW,EAAA;IArBd;MAwBK,kBAAkB,EAAA;MAxBvB;QA0BO,SAAS,EAAA;IA1BhB;MAiCK,YAAY;MACZ,aAAa;MACb,kBAAkB;MAClB,mBAAmB,EAAA;IApCxB;MAwCK,aAAa;MACb,mBAAmB;MACnB,mBAAmB;MACnB,uBAAuB;MACvB,YAAY;MACZ,YAAY;MACZ,mBAAmB,EAAA;MA9CxB;QAiDO,iBAAiB,EAAA;MAjDxB;QA2DS,aAAa;QACb,mBAAmB;QACnB,mBAAmB;QACnB,uBAAuB,EAAA;QA9DhC;UAiEW,WAAW;UACX,YAAY;UACZ,aAAa;UACb,kBAAkB;UAClB,yBAAyB;UACzB,YAAY;UACZ,UAAU;UACV,SAAS;UACT,oBAAoB;UACpB,gBAAgB,EAAA;UA1E3B;YA8Ea,YAAY;YACZ,oCC9IO,EAAA;UD+DpB;YAoFa,SAAS;YACT,aAAa,EAAA;IArF1B;MA6FK,SAAS;MACT,gBAAgB;MAChB,mBAAmB;MACnB,uBAAuB;MACvB,iBAAiB;MACjB,eAAe;MACf,cAAc;MACd,kBAAkB,EAAA;IApGvB;MAwGK,gBAAgB;MAChB,mBAAmB;MACnB,uBAAuB;MACvB,iBAAiB;MACjB,eAAe;MACf,cAAc;MACd,aAAa;MACb,mBAAmB,EAAA;EA/GxB;IAoHG,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,gBAAgB,EAAA;IAvHnB;MA0HK,YAAY;MACZ,aAAa,EAAA;EA3HlB;IAgIG,aAAa;IACb,mBAAmB,EAAA;IAjItB;MAoIK,kBAAkB;MAClB,UAAU;MACV,eAAe;MACf,iBAAiB;MACjB,iBAAiB;MACjB,yBAAyB;MACzB,cAAc;MACd,mBAAmB,EAAA;IA3IxB;MA+IK,kBAAkB,EAAA;;AAS1B;EACE,iCAAiC;EACjC,6BAA6B,EAAA;;AAG/B;EACE,iCAAiC;EACjC,gCAAgC,EAAA;;AAGlC;EACE,iCAAiC;EACjC,gCAAgC,EAAA;;AAGlC;EACE,kCAAkC;EAClC,gCAAgC,EAAA","sourcesContent":["@import 'styles/variables';\n\n.tinder-copyright {\n color: rgba(255, 255, 255, 0.5);\n position: fixed;\n bottom: 0;\n left: 250px;\n}\n\n.recommendation {\n &-container {\n position: relative;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 40px 0 0 48px;\n }\n &-background {\n position: absolute;\n top: -50px;\n left: -50px;\n z-index: -1;\n width: 150%;\n filter: blur(40px);\n height: 100vh;\n transition: all 1s ease-in-out;\n\n &__image {\n width: 100%;\n filter: blur(50px);\n transition: all 1s ease-in-out;\n //height: 100%;\n }\n }\n &-title {\n color: #fff;\n font-size: 26px;\n line-height: 32px;\n margin-bottom: 20px;\n }\n\n &-slider {\n width: 312px;\n height: 40px;\n display: flex;\n flex-direction: row;\n //justify-content: center;\n align-items: center;\n padding: 2px;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 10px;\n margin-bottom: 16px;\n\n .slider-tab {\n display: flex;\n width: 100%;\n justify-content: center;\n font-weight: bold;\n color: #ffffff;\n font-size: 16px;\n }\n\n .slider-active-tab {\n display: flex;\n width: 100%;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n height: 100%;\n background: #ffffff;\n box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n font-weight: bold;\n color: #4a4a4a;\n font-size: 16px;\n }\n }\n\n &-cards-container {\n display: flex;\n flex-direction: row;\n overflow-x: hidden;\n height: 650px;\n }\n\n &-card {\n width: 220px;\n height: 220px;\n min-width: 220px;\n margin-right: 8px;\n margin-top: 46px;\n\n & > img {\n width: 220px;\n height: 220px;\n border-radius: 4px;\n }\n\n &:first-child {\n z-index: 1;\n width: 312px;\n min-width: 312px;\n height: 492px;\n border-radius: 8px;\n padding: 16px;\n background-color: #ffffff;\n margin: 0px;\n\n .loader-card {\n position: relative;\n & > div {\n left: 40%;\n }\n }\n\n //transition: all 2s ease-in-out;\n\n & > img {\n width: 280px;\n height: 280px;\n border-radius: 4px;\n margin-bottom: 16px;\n }\n\n .player {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 280px;\n height: 16px;\n margin-bottom: 24px;\n\n & > button {\n margin-right: 8px;\n }\n\n .p-tinder-player {\n &__range {\n // position: absolute;\n // z-index: 1000;\n // height: 12px;\n // top: -12px;\n //width: 240px;\n display: flex;\n flex-direction: row;\n align-items: center;\n background-color: white;\n\n input {\n height: 4px;\n width: 256px;\n outline: none;\n border-radius: 2px;\n background-color: #d0d0d0;\n border: none;\n padding: 0;\n margin: 0;\n pointer-events: none;\n overflow: hidden;\n\n &::-webkit-slider-thumb {\n //background-color: $primary-color;\n border: none;\n box-shadow: -100vw 0 0 100vw $primary-color; // for safari\n }\n\n // For firefox\n &::-moz-range-thumb {\n border: 0;\n outline: none;\n }\n }\n }\n }\n }\n\n .title {\n margin: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: bold;\n font-size: 18px;\n color: #242424;\n margin-bottom: 8px;\n }\n\n .artist {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: bold;\n font-size: 12px;\n color: #242424;\n opacity: 0.64;\n margin-bottom: 27px;\n }\n }\n\n &:nth-child(2) {\n width: 240px;\n height: 240px;\n margin-left: -24px;\n margin-top: 36px;\n\n & > img {\n width: 240px;\n height: 240px;\n }\n }\n\n .control-buttons {\n display: flex;\n flex-direction: row;\n\n &_skip {\n margin-right: 50px;\n padding: 0;\n font-size: 12px;\n line-height: 15px;\n font-weight: bold;\n text-transform: uppercase;\n color: #9d9d9d;\n letter-spacing: 1px;\n }\n\n &_dislike {\n margin-right: 12px;\n }\n\n &_like {\n }\n }\n }\n}\n\n.move {\n transform: translate(-250px, 0px);\n transition: all 0.5s ease-out;\n}\n\n.skip {\n transform: translate(0px, 2000px);\n transition: all 0.5s ease-in-out;\n}\n\n.like {\n transform: translate(2000px, 0px);\n transition: all 0.5s ease-in-out;\n}\n\n.dislike {\n transform: translate(-2000px, 0px);\n transition: all 0.5s ease-in-out;\n}\n\n.player {\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Profile/components/Settings/styles/style.scss":
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Profile/components/Settings/styles/style.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-settings {\n padding: 48px 0 18px 0; }\n .p-settings_content {\n margin-left: 48px; }\n .p-settings .settings-selection {\n display: flex;\n align-items: center; }\n .p-settings .settings-selection img {\n margin-left: 20px; }\n .p-settings .settings-switch * {\n cursor: pointer !important; }\n .p-settings .p-settings-header {\n margin-left: 48px; }\n .p-settings .p-section {\n border-bottom: 1px solid #E8EAEC;\n display: flex;\n flex-direction: column;\n padding-bottom: 28px; }\n .p-settings .p-section:last-child {\n border: none;\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05); }\n .p-settings .p-section__actions {\n display: flex;\n justify-content: space-between;\n width: 624px;\n align-items: center;\n padding-top: 28px; }\n .p-settings .p-section__actions .action-title {\n min-width: 320px;\n margin-left: 48px; }\n .p-settings .p-section__actions .action-title p {\n font-size: 19px;\n line-height: 22px; }\n .p-settings .p-section__actions .action-title span {\n color: #46556B;\n font-size: 12px; }\n .p-settings .p-settings-footer {\n padding-top: 28px;\n display: flex;\n flex-direction: column;\n margin-left: 48px; }\n .p-settings .p-settings-footer .g-link {\n max-width: 900px;\n display: flex; }\n .p-settings .p-settings-footer .g-btn {\n padding: 0;\n margin-bottom: 28px;\n margin-right: 14px;\n background-color: #ffffff;\n display: flex;\n justify-self: flex-start; }\n .p-settings .p-settings-footer .g-btn img {\n margin-right: 21px; }\n .p-settings .p-settings-footer .g-btn-dark-gray-text {\n color: black;\n font-size: 14px; }\n\n.p-radio-tabs {\n display: flex;\n align-items: center;\n height: 40px;\n background-color: #F6F6F6;\n padding: 2px;\n border-radius: 10px; }\n .p-radio-tabs__tab {\n flex: 1 1;\n cursor: pointer;\n width: 142px;\n height: 100%;\n border-radius: 8px;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: center; }\n .p-radio-tabs .active-tab {\n background-color: #ffffff;\n box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.05);\n margin-left: 3px; }\n\n.settings-drawer-container {\n padding: 32px 48px;\n width: 100%; }\n\n.settings-drawer__button {\n display: flex;\n justify-content: flex-end;\n margin-top: 40px; }\n\n.region-drawer {\n width: 622px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Profile/components/Settings/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EACE,sBAAoC,EAAA;EAEpC;IACE,iBAAiB,EAAA;EAJrB;IAQM,aAAa;IACb,mBAAmB,EAAA;IATzB;MAYQ,iBAAiB,EAAA;EAZzB;IAkBM,0BAAyB,EAAA;EAlB/B;IAsBI,iBAAiB,EAAA;EAtBrB;IA0BI,gCCvBc;IDwBd,aAAa;IACb,sBAAsB;IACtB,oBAAoB,EAAA;IA7BxB;MA+BM,YAAY;MACZ,8CAA8C,EAAA;IAhCpD;MAoCM,aAAa;MACb,8BAA8B;MAC9B,YAAY;MACZ,mBAAmB;MACnB,iBAAiB,EAAA;MAxCvB;QA2CQ,gBAAgB;QAChB,iBAAiB,EAAA;QA5CzB;UA+CU,eCnBI;UDoBJ,iBAAiB,EAAA;QAhD3B;UAoDU,cChDS;UDiDT,eC7BI,EAAA;EDxBd;IA4DI,iBAAiB;IACjB,aAAa;IACb,sBAAsB;IACtB,iBAAiB,EAAA;IA/DrB;MAkEM,gBAAgB;MAChB,aAAa,EAAA;IAnEnB;MAuEM,UAAU;MACV,mBAAmB;MACnB,kBAAkB;MAClB,yBCzES;MD0ET,aAAa;MACb,wBAAwB,EAAA;MA5E9B;QA+EQ,kBAAkB,EAAA;IA/E1B;MAmFM,YAAY;MACZ,eC3DQ,EAAA;;ADkEd;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,yBC7FkB;ED8FlB,YAAY;EACZ,mBAAmB,EAAA;EAEnB;IACE,SAAO;IACP,eAAe;IACf,YAAY;IACZ,YAAY;IACZ,kBAAkB;IAClB,eAAe;IACf,aAAa;IACb,mBAAmB;IACnB,uBAAuB,EAAA;EAjB3B;IAqBI,yBC/GW;IDgHX,4CAA4C;IAC5C,gBAAgB,EAAA;;AAIpB;EACE,kBAAkB;EAClB,WAAW,EAAA;;AAGb;EACE,aAAa;EACb,yBAAyB;EACzB,gBAAgB,EAAA;;AAGlB;EACE,YAAY,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-settings {\n padding: $home-side-padding 0 18px 0;\n\n &_content {\n margin-left: 48px;\n }\n\n .settings-selection {\n display: flex;\n align-items: center;\n\n img {\n margin-left: 20px;\n }\n }\n\n .settings-switch {\n * {\n cursor: pointer!important;\n }\n }\n .p-settings-header {\n margin-left: 48px;\n }\n\n .p-section {\n border-bottom: 1px solid $mid-gray;\n display: flex;\n flex-direction: column;\n padding-bottom: 28px;\n &:last-child {\n border: none;\n box-shadow: 0 12px 15px rgba(26, 52, 90, 0.05);\n }\n\n &__actions {\n display: flex;\n justify-content: space-between;\n width: 624px;\n align-items: center;\n padding-top: 28px;\n\n .action-title {\n min-width: 320px;\n margin-left: 48px;\n\n p {\n font-size: $font-19;\n line-height: 22px;\n }\n\n span {\n color: $dark-gray;\n font-size: $font-12;\n }\n }\n }\n }\n\n .p-settings-footer {\n padding-top: 28px;\n display: flex;\n flex-direction: column;\n margin-left: 48px;\n\n .g-link {\n max-width: 900px;\n display: flex;\n }\n\n .g-btn {\n padding: 0;\n margin-bottom: 28px;\n margin-right: 14px;\n background-color: $white;\n display: flex;\n justify-self: flex-start;\n\n img {\n margin-right: 21px;\n }\n }\n .g-btn-dark-gray-text {\n color: black;\n font-size: $font-14;\n\n }\n }\n\n}\n\n.p-radio-tabs {\n display: flex;\n align-items: center;\n height: 40px;\n background-color: $light-gray;\n padding: 2px;\n border-radius: 10px;\n\n &__tab {\n flex: 1;\n cursor: pointer;\n width: 142px;\n height: 100%;\n border-radius: 8px;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .active-tab {\n background-color: $white;\n box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.05);\n margin-left: 3px;\n }\n}\n\n.settings-drawer-container {\n padding: 32px 48px;\n width: 100%;\n}\n\n.settings-drawer__button {\n display: flex;\n justify-content: flex-end;\n margin-top: 40px;\n}\n\n.region-drawer{\n width: 622px;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Profile/components/Tariff/styles/style.module.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./src/screens/Main/screens/Profile/components/Tariff/styles/style.module.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, "@charset \"UTF-8\";\n.style_tariffContainer__318ee {\n margin: 41px 0 0 48px; }\n\n.style_tariffHeaderTitle__22nk3 {\n margin: 0 0 34px 7px;\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px; }\n\n.style_tariffCards__QtiGs {\n overflow: visible;\n margin-right: 20px; }\n\n.style_tariffSlide__BfaUn {\n width: 258px; }\n\n.style_slideContainer__1UBDi {\n position: relative;\n width: 258px;\n height: 522px;\n border-radius: 8px;\n color: #fff;\n padding: 24px 16px 20px 16px; }\n\n.style_slideContainerSelected__16728 {\n position: relative;\n width: 262px;\n height: 526px;\n border-radius: 12px;\n color: #fff;\n border: 4px solid #fff;\n padding: 24px 16px 20px 16px; }\n\n.style_slideContainerSelected__16728::before {\n content: \"\";\n position: absolute;\n top: -9px;\n bottom: -9px;\n left: -9px;\n right: -9px;\n background: linear-gradient(131deg, #8000FF, #FF4A4A);\n border-radius: 16px;\n z-index: -1; }\n\n.style_slideTitle__3JX0B {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n margin-bottom: 2px; }\n\n.style_slideTariffTitle__3IfQf {\n font-weight: bold;\n font-size: 22px;\n line-height: 28px;\n text-transform: uppercase; }\n\n.style_slideContent__QAb_W {\n margin-top: 20px; }\n\n.style_slideContentItem__12VEE {\n display: flex;\n margin-top: 12px; }\n\n.style_slideMarkImage__rRGfV {\n align-items: flex-start;\n margin-top: 1px; }\n\n.style_slideMarkImageButton__n3K_D {\n align-items: flex-start;\n margin-top: 1px;\n cursor: pointer; }\n\n.style_slideText__kW3uY {\n margin-left: 16px;\n margin-right: 5px;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px; }\n\n.style_slideFooter__3Sl1j {\n position: absolute;\n display: flex;\n flex-direction: column;\n width: 100%;\n justify-content: center;\n align-items: center;\n left: 0;\n bottom: 16px; }\n\n.style_slideFooterText__1Uz3c {\n position: absolute;\n width: 100%;\n left: 0;\n bottom: 16px; }\n\n.style_slideFooterTitle__2HzQ3 {\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #FDAA32; }\n\n.style_slideFooterTime__2opsp {\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n line-height: 16px; }\n\n.style_slideFooterButton__2ssY3 {\n width: 226px;\n height: 50px;\n letter-spacing: 1px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: bold;\n font-size: 12px;\n line-height: 15px;\n border: 1px solid #fff;\n border-radius: 4px;\n color: #ffffff; }\n\n.style_connectDrawerTitle__19i4d {\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 40px; }\n\n.style_connectDrawerText__2glX- {\n margin-bottom: 24px;\n font-size: 16px;\n line-height: 20px;\n font-style: normal;\n font-weight: normal;\n color: #242424; }\n\n.style_connectDrawerGif__2bgIA {\n margin-bottom: 40px; }\n\n.style_connectDrawerDownloadButtons__3rG-B {\n display: flex; }\n\n.style_connectDrawerDownloadGoogle__1nOvd {\n margin-right: 16px; }\n\n.style_priceContainer__1DM0Z {\n width: 226px;\n height: 74px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n border: 1px solid rgba(255, 255, 255, 0.2);\n margin-bottom: 10px;\n padding: 4px;\n border-radius: 6px; }\n\n.style_price__1_V15 {\n flex: 1 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .style_price__1_V15 > p:not(.style_actualPrice__1rMdV) {\n font-size: 12px;\n line-height: 16px; }\n\n.style_actualPrice__1rMdV {\n font-weight: bold;\n font-size: 22px;\n line-height: 28px;\n color: #FFFFFF; }\n\n.style_activePrice___o9uW {\n background: #FFFFFF;\n border-radius: 4px; }\n .style_activePrice___o9uW > p {\n color: #242424; }\n\n.style_сonnectTariffDrawer__1Em2K {\n width: 622px; }\n\n.style_audioDrawerContainer__B3GMD {\n margin: 32px 48px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Profile/components/Tariff/styles/style.module.scss"],"names":[],"mappings":"AAAA,gBAAgB;AAEhB;EACE,qBAAqB,EAAA;;AAGvB;EACE,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB;EACjB,kBAAkB,EAAA;;AAGpB;EACE,YAAY,EAAA;;AAGd;EACE,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,WAAW;EACX,4BAA4B,EAAA;;AAG9B;EACE,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,WAAW;EACX,sBAAsB;EACtB,4BAA4B,EAAA;;AAG9B;EACE,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,YAAY;EACZ,UAAU;EACV,WAAW;EACX,qDAAqD;EACrD,mBAAmB;EACnB,WAAW,EAAA;;AAGb;EACE,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,kBAAkB,EAAA;;AAGpB;EACE,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,yBAAyB,EAAA;;AAG3B;EACE,gBAAgB,EAAA;;AAGlB;EACE,aAAa;EACb,gBAAgB,EAAA;;AAGlB;EACE,uBAAuB;EACvB,eAAe,EAAA;;AAGjB;EACE,uBAAuB;EACvB,eAAe;EACf,eAAe,EAAA;;AAGjB;EACE,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB,EAAA;;AAGnB;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,uBAAuB;EACvB,mBAAmB;EACnB,OAAO;EACP,YAAY,EAAA;;AAGd;EACE,kBAAkB;EAClB,WAAW;EACX,OAAO;EACP,YAAY,EAAA;;AAGd;EACE,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,cAAc,EAAA;;AAGhB;EACE,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB,EAAA;;AAGnB;EACE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,cAAc,EAAA;;AAGhB;EACE,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,cAAc,EAAA;;AAGhB;EACE,mBAAmB,EAAA;;AAGrB;EACE,aAAa,EAAA;;AAGf;EACE,kBAAkB,EAAA;;AAGpB;EACE,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,0CAA0C;EAC1C,mBAAmB;EACnB,YAAY;EACZ,kBAAkB,EAAA;;AAGpB;EACE,SAAO;EACP,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB,EAAA;EANrB;IASI,eAAe;IACf,iBAAiB,EAAA;;AAIrB;EACE,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,cAAc,EAAA;;AAGhB;EACE,mBAAmB;EACnB,kBAAkB,EAAA;EAFpB;IAKI,cAAc,EAAA;;AAIlB;EACE,YAAY,EAAA;;AAGd;EACE,iBAAiB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.tariffContainer {\n margin: 41px 0 0 48px;\n}\n\n.tariffHeaderTitle {\n margin: 0 0 34px 7px;\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n}\n\n.tariffCards {\n overflow: visible;\n margin-right: 20px;\n}\n\n.tariffSlide {\n width: 258px;\n}\n\n.slideContainer {\n position: relative;\n width: 258px;\n height: 522px;\n border-radius: 8px;\n color: #fff;\n padding: 24px 16px 20px 16px;\n}\n\n.slideContainerSelected {\n position: relative;\n width: 262px;\n height: 526px;\n border-radius: 12px;\n color: #fff;\n border: 4px solid #fff;\n padding: 24px 16px 20px 16px;\n}\n\n.slideContainerSelected::before {\n content: \"\";\n position: absolute;\n top: -9px;\n bottom: -9px;\n left: -9px;\n right: -9px;\n background: linear-gradient(131deg, #8000FF, #FF4A4A);\n border-radius: 16px;\n z-index: -1;\n}\n\n.slideTitle {\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n line-height: 20px;\n margin-bottom: 2px;\n}\n\n.slideTariffTitle {\n font-weight: bold;\n font-size: 22px;\n line-height: 28px;\n text-transform: uppercase;\n}\n\n.slideContent {\n margin-top: 20px;\n}\n\n.slideContentItem {\n display: flex;\n margin-top: 12px;\n}\n\n.slideMarkImage {\n align-items: flex-start;\n margin-top: 1px;\n}\n\n.slideMarkImageButton {\n align-items: flex-start;\n margin-top: 1px;\n cursor: pointer;\n}\n\n.slideText {\n margin-left: 16px;\n margin-right: 5px;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n}\n\n.slideFooter {\n position: absolute;\n display: flex;\n flex-direction: column;\n width: 100%;\n justify-content: center;\n align-items: center;\n left: 0;\n bottom: 16px;\n}\n\n.slideFooterText {\n position: absolute;\n width: 100%;\n left: 0;\n bottom: 16px;\n}\n\n.slideFooterTitle {\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #FDAA32;\n}\n\n.slideFooterTime {\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n line-height: 16px;\n}\n\n.slideFooterButton {\n width: 226px;\n height: 50px;\n letter-spacing: 1px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: bold;\n font-size: 12px;\n line-height: 15px;\n border: 1px solid #fff;\n border-radius: 4px;\n color: #ffffff;\n}\n\n.connectDrawerTitle {\n font-style: normal;\n font-weight: 600;\n font-size: 28px;\n line-height: 32px;\n margin-bottom: 40px;\n}\n\n.connectDrawerText {\n margin-bottom: 24px;\n font-size: 16px;\n line-height: 20px;\n font-style: normal;\n font-weight: normal;\n color: #242424;\n}\n\n.connectDrawerGif {\n margin-bottom: 40px;\n}\n\n.connectDrawerDownloadButtons {\n display: flex;\n}\n\n.connectDrawerDownloadGoogle {\n margin-right: 16px;\n}\n\n.priceContainer{\n width: 226px;\n height: 74px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n border: 1px solid rgba(255, 255, 255, 0.2);\n margin-bottom: 10px;\n padding: 4px;\n border-radius: 6px;\n}\n\n.price {\n flex: 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n & > p:not(.actualPrice) {\n font-size: 12px;\n line-height: 16px;\n }\n}\n\n.actualPrice {\n font-weight: bold;\n font-size: 22px;\n line-height: 28px;\n color: #FFFFFF;\n}\n\n.activePrice{\n background: #FFFFFF;\n border-radius: 4px;\n \n & > p {\n color: #242424;\n }\n}\n\n.сonnectTariffDrawer{\n width: 622px;\n}\n\n.audioDrawerContainer {\n margin: 32px 48px;\n}\n"],"sourceRoot":""}]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
"tariffContainer": "style_tariffContainer__318ee",
"tariffHeaderTitle": "style_tariffHeaderTitle__22nk3",
"tariffCards": "style_tariffCards__QtiGs",
"tariffSlide": "style_tariffSlide__BfaUn",
"slideContainer": "style_slideContainer__1UBDi",
"slideContainerSelected": "style_slideContainerSelected__16728",
"slideTitle": "style_slideTitle__3JX0B",
"slideTariffTitle": "style_slideTariffTitle__3IfQf",
"slideContent": "style_slideContent__QAb_W",
"slideContentItem": "style_slideContentItem__12VEE",
"slideMarkImage": "style_slideMarkImage__rRGfV",
"slideMarkImageButton": "style_slideMarkImageButton__n3K_D",
"slideText": "style_slideText__kW3uY",
"slideFooter": "style_slideFooter__3Sl1j",
"slideFooterText": "style_slideFooterText__1Uz3c",
"slideFooterTitle": "style_slideFooterTitle__2HzQ3",
"slideFooterTime": "style_slideFooterTime__2opsp",
"slideFooterButton": "style_slideFooterButton__2ssY3",
"connectDrawerTitle": "style_connectDrawerTitle__19i4d",
"connectDrawerText": "style_connectDrawerText__2glX-",
"connectDrawerGif": "style_connectDrawerGif__2bgIA",
"connectDrawerDownloadButtons": "style_connectDrawerDownloadButtons__3rG-B",
"connectDrawerDownloadGoogle": "style_connectDrawerDownloadGoogle__1nOvd",
"priceContainer": "style_priceContainer__1DM0Z",
"price": "style_price__1_V15",
"actualPrice": "style_actualPrice__1rMdV",
"activePrice": "style_activePrice___o9uW",
"сonnectTariffDrawer": "style_сonnectTariffDrawer__1Em2K",
"audioDrawerContainer": "style_audioDrawerContainer__B3GMD"
};
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Profile/components/style.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Profile/components/style.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-profile_content {\n padding: 56px 48px;\n display: flex;\n overflow-y: auto; }\n\n.p-profile .p-profile-padding {\n padding: 0 48px; }\n\n.content-container {\n display: block;\n box-sizing: border-box;\n padding: 80px;\n width: 196px;\n height: 196px;\n border: 1px solid #afafaf;\n margin-bottom: 12px;\n border-radius: 4px; }\n .content-container:first-child {\n margin-right: 28px; }\n .content-container_title {\n font-family: Gilroy, sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 17px;\n line-height: 20px;\n color: black; }\n\n.user_documents {\n margin-left: 100px;\n margin-right: 100px; }\n\n.user_documents_p {\n margin-top: 20px; }\n\n.rate-container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 420px;\n height: 258px;\n padding-top: 20px;\n padding-left: 23px;\n padding-right: 20px;\n margin-right: 28px;\n background: linear-gradient(173.31deg, #0f4d7c -7.65%, #16336c 99.89%);\n border-radius: 8px; }\n .rate-container_title {\n font-weight: 600;\n font-size: 17px;\n line-height: 20px;\n color: #ffffff;\n margin-bottom: 20px; }\n .rate-container_list-item {\n display: flex;\n flex-direction: row;\n margin-bottom: 12px;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n color: #ffffff; }\n .rate-container_list-item:last-child {\n margin-bottom: 0px; }\n .rate-container_list-item > img {\n margin-right: 16px;\n width: 16px;\n height: 16px; }\n .rate-container_footer {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-top: 22px;\n margin-bottom: 20px; }\n .rate-container_footer-connected {\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #fdaa32; }\n .rate-container_footer-acts {\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n color: #ffffff; }\n\n.card {\n min-width: 196px;\n height: 258px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n background: #f6f6f6;\n border-radius: 8px;\n margin-right: 28px;\n padding: 20px 0; }\n .card-title {\n font-weight: 600;\n font-size: 17px;\n color: #ffffff; }\n .card .base {\n color: #242424; }\n .card_devices {\n margin-top: -10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #4a4a4a; }\n .card_devices-counts {\n font-weight: bold;\n font-size: 26px; }\n .card_devices-tarif {\n margin-top: -5px;\n font-weight: normal;\n font-size: 12px; }\n .card > img {\n object-fit: contain; }\n\n.background-devices {\n background: #f6f6f6; }\n\n.background-collection {\n background: linear-gradient(180deg, #ffa58d 0%, #fd3d84 100%); }\n\n.background-recomendation {\n background: #09006d; }\n\n.card-btn {\n width: 156px;\n height: 48px;\n letter-spacing: 1px;\n border: 1px solid #ffffff;\n text-transform: uppercase;\n border-radius: 4px;\n font-weight: bold;\n font-size: 12px;\n color: #ffffff; }\n\n.red {\n border: 1px solid #f33540;\n color: #f33540; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Profile/components/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAGE;EACE,kBAAkB;EAClB,aAAa;EACb,gBAAgB,EAAA;;AAJpB;EAQI,eCqCoB,EAAA;;ADjCxB;EACE,cAAc;EACd,sBAAsB;EACtB,aAAa;EACb,YAAY;EACZ,aAAa;EACb,yBAAyB;EACzB,mBAAmB;EACnB,kBAAkB,EAAA;EARpB;IAWI,kBAAkB,EAAA;EAGpB;IACE,+BAA+B;IAC/B,kBAAkB;IAClB,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,YAAY,EAAA;;AAIhB;EACE,kBAAkB;EAClB,mBAAmB,EAAA;;AAGrB;EACE,gBAAgB,EAAA;;AAGlB;EACE,aAAa;EACb,sBAAsB;EACtB,8BAA8B;EAC9B,gBAAgB;EAChB,aAAa;EACb,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB;EAClB,sEAAsE;EACtE,kBAAkB,EAAA;EAElB;IACE,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,cC7DW;ID8DX,mBAAmB,EAAA;EAInB;IACE,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cCzES,EAAA;IDkEV;MAUG,kBAAkB,EAAA;IAVrB;MAcG,kBAAkB;MAClB,WAAW;MACX,YAAY,EAAA;EAKlB;IACE,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,mBAAmB;IACnB,gBAAgB;IAChB,mBAAmB,EAAA;IAEnB;MACE,iBAAiB;MACjB,eAAe;MACf,iBAAiB;MACjB,cAAc,EAAA;IAGhB;MACE,eAAe;MACf,kBAAkB;MAClB,mBAAmB;MACnB,cC1GS,EAAA;;AD+Gf;EACE,gBAAgB;EAChB,aAAa;EACb,aAAa;EACb,sBAAsB;EACtB,8BAA8B;EAC9B,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,kBAAkB;EAClB,eAAe,EAAA;EAEf;IACE,gBAAgB;IAChB,eAAe;IACf,cAAc,EAAA;EAflB;IAmBI,cAAc,EAAA;EAGhB;IACE,iBAAiB;IACjB,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,cAAc,EAAA;IAEd;MACE,iBAAiB;MACjB,eAAe,EAAA;IAGjB;MACE,gBAAgB;MAChB,mBAAmB;MACnB,eAAe,EAAA;EArCrB;IA0CI,mBAAmB,EAAA;;AAKrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,6DAA6D,EAAA;;AAG/D;EACE,mBAAmB,EAAA;;AAIvB;EACE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,yBC/Ka;EDgLb,yBAAyB;EACzB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,cCpLa,EAAA;;ADuLf;EACE,yBAAyB;EACzB,cAAc,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-profile {\n &_content {\n padding: 56px 48px;\n display: flex;\n overflow-y: auto;\n }\n\n .p-profile-padding {\n padding: 0 $home-side-padding;\n }\n}\n\n.content-container {\n display: block;\n box-sizing: border-box;\n padding: 80px;\n width: 196px;\n height: 196px;\n border: 1px solid #afafaf;\n margin-bottom: 12px;\n border-radius: 4px;\n\n &:first-child {\n margin-right: 28px;\n }\n\n &_title {\n font-family: Gilroy, sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 17px;\n line-height: 20px;\n color: black;\n }\n}\n\n.user_documents {\n margin-left: 100px;\n margin-right: 100px;\n}\n\n.user_documents_p {\n margin-top: 20px;\n}\n\n.rate-container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 420px;\n height: 258px;\n padding-top: 20px;\n padding-left: 23px;\n padding-right: 20px;\n margin-right: 28px;\n background: linear-gradient(173.31deg, #0f4d7c -7.65%, #16336c 99.89%);\n border-radius: 8px;\n\n &_title {\n font-weight: 600;\n font-size: 17px;\n line-height: 20px;\n color: $white;\n margin-bottom: 20px;\n }\n\n &_list {\n &-item {\n display: flex;\n flex-direction: row;\n margin-bottom: 12px;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n color: $white;\n\n &:last-child {\n margin-bottom: 0px;\n }\n\n & > img {\n margin-right: 16px;\n width: 16px;\n height: 16px;\n }\n }\n }\n\n &_footer {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-top: 22px;\n margin-bottom: 20px;\n\n &-connected {\n font-weight: bold;\n font-size: 16px;\n line-height: 20px;\n color: #fdaa32;\n }\n\n &-acts {\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n color: $white;\n }\n }\n}\n\n.card {\n min-width: 196px;\n height: 258px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n background: #f6f6f6;\n border-radius: 8px;\n margin-right: 28px;\n padding: 20px 0;\n\n &-title {\n font-weight: 600;\n font-size: 17px;\n color: #ffffff;\n }\n\n .base {\n color: #242424;\n }\n\n &_devices {\n margin-top: -10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #4a4a4a;\n\n &-counts {\n font-weight: bold;\n font-size: 26px;\n }\n\n &-tarif {\n margin-top: -5px;\n font-weight: normal;\n font-size: 12px;\n }\n }\n\n & > img{\n object-fit: contain;\n }\n}\n\n.background {\n &-devices {\n background: #f6f6f6;\n }\n\n &-collection {\n background: linear-gradient(180deg, #ffa58d 0%, #fd3d84 100%);\n }\n\n &-recomendation {\n background: #09006d;\n }\n}\n\n.card-btn {\n width: 156px;\n height: 48px;\n letter-spacing: 1px;\n border: 1px solid $white;\n text-transform: uppercase;\n border-radius: 4px;\n font-weight: bold;\n font-size: 12px;\n color: $white;\n}\n\n.red {\n border: 1px solid #f33540;\n color: #f33540;\n}","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Radio/components/Header/styles/style.scss":
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Radio/components/Header/styles/style.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-radio-header__info {\n display: flex;\n align-items: center;\n padding: 28px 48px 25px 48px; }\n .p-radio-header__info > .p-data {\n padding: 10px 24px;\n display: flex;\n flex-direction: column; }\n .p-radio-header__info > .p-data h3 {\n font-size: 26px; }\n .p-radio-header__info > .p-data .genres {\n color: #4A4A4A; }\n .p-radio-header__info > .p-data .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px; }\n .p-radio-header__info > .p-data > .name {\n color: #F33540;\n font-weight: bold;\n font-size: 18px; }\n .p-radio-header__info > .p-data > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: 14px;\n align-items: center; }\n .p-radio-header__info > .p-data > .time-and-count > .p-icon > img {\n margin-right: 5px; }\n .p-radio-header__info img {\n border-radius: 4px; }\n\n.p-radio-header__desc {\n padding: 0 48px;\n max-width: 700px;\n display: flex;\n flex-direction: column;\n margin-bottom: 30px; }\n .p-radio-header__desc .p-desc-text {\n color: #46556B;\n margin-bottom: 29px; }\n .p-radio-header__desc .p-desc-chips {\n display: flex; }\n .p-radio-header__desc .p-desc-chips__button {\n padding: 5px 15px;\n background-color: #FF9C47;\n color: white;\n font-size: 14px;\n border-radius: 43px;\n margin-right: 10px; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Radio/components/Header/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAIE;EACE,aAAa;EACb,mBAAmB;EACnB,4BCwCoB,EAAA;ED3CrB;IAMG,kBAAkB;IAClB,aAAa;IACb,sBAAsB,EAAA;IARzB;MAWK,eCmBM,EAAA;ID9BX;MAeK,cAAc,EAAA;IAfnB;MAmBK,cAAc;MACd,gBAAgB;MAChB,iBAAiB,EAAA;IArBtB;MAyBK,cCNe;MDOf,iBAAiB;MACjB,eCFM,EAAA;IDzBX;MA+BK,aAAa;MACb,cAAc;MACd,eCVM;MDWN,mBAAmB,EAAA;MAlCxB;QAqCO,iBAAiB,EAAA;EArCxB;IA2CG,kBAAkB,EAAA;;AAItB;EACE,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,mBAAmB,EAAA;EALpB;IAQG,cCrDa;IDsDb,mBAAmB,EAAA;EATtB;IAaG,aAAa,EAAA;IAbhB;MAgBK,iBAAiB;MACjB,yBAAyB;MACzB,YAAY;MACZ,eC3CM;MD4CN,mBAAmB;MACnB,kBAAkB,EAAA","sourcesContent":["@import 'src/styles/variables';\n\n.p-radio-header {\n\n &__info {\n display: flex;\n align-items: center;\n padding: 28px $home-side-padding 25px $home-side-padding;\n\n & > .p-data {\n padding: 10px 24px;\n display: flex;\n flex-direction: column;\n\n h3 {\n font-size: $font-26;\n }\n\n .genres {\n color: #4A4A4A;\n }\n\n .dote {\n color: #4A4A4A;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n & > .name {\n color: $primary-color;\n font-weight: bold;\n font-size: $font-18;\n }\n\n & > .time-and-count {\n display: flex;\n color: #4A4A4A;\n font-size: $font-14;\n align-items: center;\n\n & > .p-icon > img {\n margin-right: 5px;\n }\n }\n }\n\n img {\n border-radius: 4px;\n }\n }\n\n &__desc {\n padding: 0 48px;\n max-width: 700px;\n display: flex;\n flex-direction: column;\n margin-bottom: 30px;\n\n .p-desc-text {\n color: $dark-gray;\n margin-bottom: 29px;\n }\n\n .p-desc-chips {\n display: flex;\n\n &__button {\n padding: 5px 15px;\n background-color: #FF9C47;\n color: white;\n font-size: $font-14;\n border-radius: 43px;\n margin-right: 10px;\n }\n }\n }\n}","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Radio/components/style.scss":
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Radio/components/style.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-audio-books > .p-main-category {\n margin-bottom: 48px; }\n\n.p-radio-container {\n height: calc(100% - 80px);\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Radio/components/style.scss"],"names":[],"mappings":"AAAA;EAEI,mBAAmB,EAAA;;AAIvB;EACE,yBAAyB;EACzB,aAAa;EACb,sBAAsB;EACtB,8BAA8B,EAAA","sourcesContent":[".p-audio-books {\n & > .p-main-category {\n margin-bottom: 48px;\n }\n}\n\n.p-radio-container {\n height: calc(100% - 80px);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/Search/styles/style.scss":
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/Search/styles/style.scss ***!
\***************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".p-search-container {\n display: flex;\n flex-direction: column;\n min-height: 80vh; }\n .p-search-container .search-copyright {\n margin-top: auto; }\n .p-search-container__header {\n display: flex;\n flex-direction: column; }\n .p-search-container__header__title {\n font-style: normal;\n font-weight: 600;\n font-size: 36px;\n line-height: 32px; }\n .p-search-container__header > h2 {\n padding: 48px 48px 34px 48px; }\n .p-search-container__tracks .p-slider-header {\n padding: 30px 48px 0 48px; }\n\n.search-tracks-container {\n margin-bottom: 48px; }\n\n.p-search-none {\n margin-left: 48px;\n margin-top: 48px; }\n .p-search-none-message-title {\n font-style: normal;\n font-weight: bold;\n font-size: 36px;\n line-height: 45px;\n color: #202020;\n margin-bottom: 40px; }\n .p-search-none-message-subtitle {\n font-style: normal;\n font-weight: normal;\n font-size: 19px;\n line-height: 23px;\n color: #202020; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/Search/styles/style.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,gBAAgB,EAAA;EAHlB;IAMI,gBAAgB,EAAA;EAElB;IACE,aAAa;IACb,sBAAsB,EAAA;IAEtB;MACE,kBAAkB;MAClB,gBAAgB;MAChB,eAAe;MACf,iBAAiB,EAAA;IARpB;MAYG,4BAA4B,EAAA;EAI/B;IAEG,yBAAyB,EAAA;;AAK/B;EACE,mBAAmB,EAAA;;AAGrB;EACE,iBAAiB;EACjB,gBAAgB,EAAA;EAChB;IACE,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,mBAAmB,EAAA;EAErB;IACE,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cAAc,EAAA","sourcesContent":[".p-search-container {\n display: flex;\n flex-direction: column;\n min-height: 80vh;\n\n .search-copyright {\n margin-top: auto;\n }\n &__header {\n display: flex;\n flex-direction: column;\n\n &__title {\n font-style: normal;\n font-weight: 600;\n font-size: 36px;\n line-height: 32px;\n }\n\n & > h2 {\n padding: 48px 48px 34px 48px;\n }\n }\n\n &__tracks {\n .p-slider-header {\n padding: 30px 48px 0 48px;\n }\n }\n}\n\n.search-tracks-container {\n margin-bottom: 48px;\n}\n\n.p-search-none {\n margin-left: 48px;\n margin-top: 48px;\n &-message-title {\n font-style: normal;\n font-weight: bold;\n font-size: 36px;\n line-height: 45px;\n color: #202020;\n margin-bottom: 40px;\n }\n &-message-subtitle {\n font-style: normal;\n font-weight: normal;\n font-size: 19px;\n line-height: 23px;\n color: #202020;\n }\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/screens/Main/screens/StudyMod/styles/style.scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/screens/Main/screens/StudyMod/styles/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".artist {\n flex-direction: column;\n position: relative;\n margin-right: 25px;\n cursor: pointer; }\n .artist_img {\n height: 196px;\n width: 196px;\n border-radius: 50%;\n margin-bottom: 20px;\n object-fit: cover; }\n .artist_active-img {\n position: absolute;\n right: 5px;\n top: 10px; }\n .artist_title {\n width: 196px;\n font-weight: 600;\n text-align: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 17px;\n color: #202020; }\n .artist .position-center {\n align-items: center; }\n\n.active .artist_img {\n border: 4px solid #f33540;\n padding: 5px;\n border-radius: 50%; }\n\n.artists {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n margin-top: 40px; }\n\n.none-message {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 80px; }\n .none-message_title {\n font-weight: bold;\n font-size: 26px;\n line-height: 32px;\n color: #242424; }\n .none-message_subtitle {\n margin-top: 11px;\n font-weight: normal;\n font-size: 16px;\n line-height: 11px;\n color: #4a4a4a; }\n\n.genres {\n display: flex;\n flex-direction: row; }\n\n.study-genres {\n display: flex;\n flex-direction: row; }\n .study-genres__genres-hidden {\n display: flex;\n flex-direction: row;\n margin-right: 0px;\n flex-wrap: wrap;\n height: 40px;\n overflow: hidden; }\n .study-genres__genres {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap; }\n\n.genre {\n padding: 11px 14px;\n height: 40px;\n background-color: #f7f7f7;\n border-radius: 20px;\n margin-right: 4px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin-bottom: 12px; }\n .genre:first-child {\n padding: 6px 14px 6px 6px; }\n .genre:first-child > img {\n margin-left: 0px;\n margin-right: 8px;\n color: black; }\n .genre > p {\n white-space: nowrap;\n font-weight: bold;\n font-size: 14px; }\n .genre-active {\n background-color: rgba(243, 53, 64, 0.24);\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px); }\n .genre-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #f7f7f7;\n height: 40px;\n min-width: 40px;\n border-radius: 50%;\n margin-right: 4px;\n margin-left: 0px;\n cursor: pointer;\n margin-bottom: 12px; }\n\n.reverse {\n transform: rotate(180deg); }\n\n.control-panel {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 70px;\n justify-content: space-between; }\n .control-panel__range {\n position: absolute;\n z-index: 1000;\n height: 12px;\n top: -12px;\n width: 100%;\n background-color: white; }\n .control-panel__range input {\n height: 12px;\n width: 100%;\n outline: none;\n border-radius: 1px;\n margin-top: 24px;\n border: none;\n padding: 0;\n margin: 0;\n pointer-events: none;\n overflow: hidden; }\n .control-panel__range input::-webkit-slider-thumb {\n background-color: #F33540;\n border: none;\n box-shadow: -100vw 0 0 100vw #F33540; }\n .control-panel__range input::-moz-range-thumb {\n border: 0;\n outline: none; }\n .control-panel > * {\n display: flex;\n flex-direction: row;\n align-items: center; }\n @media (min-width: 2000px) {\n .control-panel > * {\n flex: none; } }\n .control-panel__titles {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-left: 36px; }\n .control-panel__titles .main {\n font-size: 16px;\n font-weight: 700; }\n .control-panel__titles .secondary {\n font-size: 14px;\n font-weight: 400; }\n .control-panel__buttons {\n display: flex;\n flex-direction: row;\n margin-right: 48px; }\n .control-panel__buttons .skip_btn {\n letter-spacing: 1px;\n border: 1px solid #f33540;\n border-radius: 4px;\n margin-right: 16px;\n font-weight: 700;\n font-size: 14px;\n color: #f33540;\n padding: 13px 16px 11px 16px; }\n .control-panel__buttons .next_btn {\n letter-spacing: 1px;\n font-weight: 700;\n font-size: 14px;\n padding: 13px 16px 11px 16px; }\n .control-panel__buttons .next_btn:disabled {\n letter-spacing: 1px;\n font-weight: 700;\n font-size: 14px;\n padding: 13px 16px 11px 16px;\n background: #d0d0d0;\n color: white; }\n\n.search-container {\n position: relative;\n width: 100%; }\n .search-container .search-input {\n width: 100%;\n padding-right: 50px; }\n .search-container .search-input:focus {\n border: 1px solid #4a4a4a; }\n .search-container .search-icon {\n position: absolute;\n right: 18px;\n top: 11px;\n cursor: pointer; }\n\n.title {\n margin-bottom: 24px;\n margin-top: 44px;\n font-weight: 600;\n font-size: 36px;\n color: #242424; }\n", "",{"version":3,"sources":["webpack://src/screens/Main/screens/StudyMod/styles/style.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAEA;EAEE,sBAAsB;EACtB,kBAAkB;EAClB,kBAAkB;EAClB,eAAe,EAAA;EAEf;IACE,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,mBAAmB;IACnB,iBAAiB,EAAA;EAGnB;IACE,kBAAkB;IAClB,UAAU;IACV,SAAS,EAAA;EAGX;IACE,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,eAAe;IACf,cAAc,EAAA;EA7BlB;IAgCI,mBAAmB,EAAA;;AAIvB;EAGM,yBAAyB;EACzB,YAAY;EACZ,kBAAkB,EAAA;;AAKxB;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;EACf,2BAA2B;EAC3B,gBAAgB,EAAA;;AAGlB;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB,EAAA;EAEhB;IACE,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,cAAc,EAAA;EAGhB;IACE,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cAAc,EAAA;;AAIlB;EACE,aAAa;EACb,mBAAmB,EAAA;;AAGrB;EACE,aAAa;EACb,mBAAmB,EAAA;EAEnB;IACE,aAAa;IACb,mBAAmB;IACnB,iBAAiB;IACjB,eAAe;IACf,YAAY;IACZ,gBAAgB,EAAA;EAGlB;IACE,aAAa;IACb,mBAAmB;IACnB,eAAe,EAAA;;AAInB;EACE,kBAAkB;EAClB,YAAY;EACZ,yBAAyB;EACzB,mBAAmB;EACnB,iBAAiB;EACjB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,mBAAmB,EAAA;EAXrB;IAcI,yBAAyB,EAAA;IAd7B;MAiBM,gBAAgB;MAChB,iBAAiB;MACjB,YAAY,EAAA;EAnBlB;IAwBI,mBAAmB;IACnB,iBAAiB;IACjB,eAAe,EAAA;EAGjB;IACE,yCAAyC;IACzC,kCAA0B;YAA1B,0BAA0B,EAAA;EAG5B;IACE,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,yBAAyB;IACzB,YAAY;IACZ,eAAe;IACf,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,eAAe;IACf,mBAAmB,EAAA;;AAIvB;EACE,yBAAyB,EAAA;;AAG3B;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,8BAA8B,EAAA;EAE9B;IACE,kBAAkB;IAClB,aAAa;IACb,YAAY;IACZ,UAAU;IACV,WAAW;IACX,uBAAuB,EAAA;IANxB;MASG,YAAY;MACZ,WAAW;MACX,aAAa;MACb,kBAAkB;MAClB,gBAAgB;MAChB,YAAY;MACZ,UAAU;MACV,SAAS;MACT,oBAAoB;MACpB,gBAAgB,EAAA;MAlBnB;QAqBK,yBClKe;QDmKf,YAAY;QACZ,oCCpKe,EAAA;MD6IpB;QA4BK,SAAS;QACT,aAAa,EAAA;EApCrB;IA2CI,aAAa;IACb,mBAAmB;IACnB,mBAAmB,EAAA;IACnB;MA9CJ;QA+CM,UAAU,EAAA,EAEb;EAED;IACE,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,iBAAiB,EAAA;IAJlB;MAOG,eAAe;MACf,gBAAgB,EAAA;IARnB;MAYG,eAAe;MACf,gBAAgB,EAAA;EAIpB;IACE,aAAa;IACb,mBAAmB;IACnB,kBAAkB,EAAA;IAHnB;MAMG,mBAAmB;MACnB,yBAAyB;MACzB,kBAAkB;MAClB,kBAAkB;MAClB,gBAAgB;MAChB,eAAe;MACf,cAAc;MACd,4BAA4B,EAAA;IAb/B;MAiBG,mBAAmB;MACnB,gBAAgB;MAChB,eAAe;MACf,4BAA4B,EAAA;MApB/B;QAuBK,mBAAmB;QACnB,gBAAgB;QAChB,eAAe;QACf,4BAA4B;QAC5B,mBAAmB;QACnB,YAAY,EAAA;;AAMpB;EACE,kBAAkB;EAClB,WAAW,EAAA;EAFb;IAKI,WAAW;IACX,mBAAmB,EAAA;IANvB;MASM,yBAAyB,EAAA;EAT/B;IAcI,kBAAkB;IAClB,WAAW;IACX,SAAS;IACT,eAAe,EAAA;;AAInB;EACE,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB;EAChB,eAAe;EACf,cAAc,EAAA","sourcesContent":["@import 'styles/variables';\n\n.artist {\n // display: flex;\n flex-direction: column;\n position: relative;\n margin-right: 25px;\n cursor: pointer;\n\n &_img {\n height: 196px;\n width: 196px;\n border-radius: 50%;\n margin-bottom: 20px;\n object-fit: cover;\n }\n\n &_active-img {\n position: absolute;\n right: 5px;\n top: 10px;\n }\n\n &_title {\n width: 196px;\n font-weight: 600;\n text-align: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 17px;\n color: #202020;\n }\n .position-center {\n align-items: center;\n }\n}\n\n.active {\n .artist {\n &_img {\n border: 4px solid #f33540;\n padding: 5px;\n border-radius: 50%;\n }\n }\n}\n\n.artists {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n margin-top: 40px;\n}\n\n.none-message {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 80px;\n\n &_title {\n font-weight: bold;\n font-size: 26px;\n line-height: 32px;\n color: #242424;\n }\n\n &_subtitle {\n margin-top: 11px;\n font-weight: normal;\n font-size: 16px;\n line-height: 11px;\n color: #4a4a4a;\n }\n}\n\n.genres {\n display: flex;\n flex-direction: row;\n}\n\n.study-genres {\n display: flex;\n flex-direction: row;\n\n &__genres-hidden {\n display: flex;\n flex-direction: row;\n margin-right: 0px;\n flex-wrap: wrap;\n height: 40px;\n overflow: hidden;\n }\n\n &__genres {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n }\n}\n\n.genre {\n padding: 11px 14px;\n height: 40px;\n background-color: #f7f7f7;\n border-radius: 20px;\n margin-right: 4px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin-bottom: 12px;\n\n &:first-child {\n padding: 6px 14px 6px 6px;\n\n & > img {\n margin-left: 0px;\n margin-right: 8px;\n color: black;\n }\n }\n\n & > p {\n white-space: nowrap;\n font-weight: bold;\n font-size: 14px;\n }\n\n &-active {\n background-color: rgba(243, 53, 64, 0.24);\n backdrop-filter: blur(4px);\n }\n\n &-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #f7f7f7;\n height: 40px;\n min-width: 40px;\n border-radius: 50%;\n margin-right: 4px;\n margin-left: 0px;\n cursor: pointer;\n margin-bottom: 12px;\n }\n}\n\n.reverse {\n transform: rotate(180deg);\n}\n\n.control-panel {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 70px;\n justify-content: space-between;\n\n &__range {\n position: absolute;\n z-index: 1000;\n height: 12px;\n top: -12px;\n width: 100%;\n background-color: white;\n\n input {\n height: 12px;\n width: 100%;\n outline: none;\n border-radius: 1px;\n margin-top: 24px;\n border: none;\n padding: 0;\n margin: 0;\n pointer-events: none;\n overflow: hidden;\n\n &::-webkit-slider-thumb {\n background-color: $primary-color;\n border: none;\n box-shadow: -100vw 0 0 100vw $primary-color; // for safari\n }\n\n // For firefox\n &::-moz-range-thumb {\n border: 0;\n outline: none;\n }\n }\n }\n\n & > * {\n //flex: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n @media (min-width: 2000px) {\n flex: none;\n }\n }\n\n &__titles {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-left: 36px;\n\n .main {\n font-size: 16px;\n font-weight: 700;\n }\n\n .secondary {\n font-size: 14px;\n font-weight: 400;\n }\n }\n\n &__buttons {\n display: flex;\n flex-direction: row;\n margin-right: 48px;\n\n .skip_btn {\n letter-spacing: 1px;\n border: 1px solid #f33540;\n border-radius: 4px;\n margin-right: 16px;\n font-weight: 700;\n font-size: 14px;\n color: #f33540;\n padding: 13px 16px 11px 16px;\n }\n\n .next_btn {\n letter-spacing: 1px;\n font-weight: 700;\n font-size: 14px;\n padding: 13px 16px 11px 16px;\n\n &:disabled {\n letter-spacing: 1px;\n font-weight: 700;\n font-size: 14px;\n padding: 13px 16px 11px 16px;\n background: #d0d0d0;\n color: white;\n }\n }\n }\n}\n\n.search-container {\n position: relative;\n width: 100%;\n\n .search-input {\n width: 100%;\n padding-right: 50px;\n\n &:focus {\n border: 1px solid #4a4a4a;\n }\n }\n\n .search-icon {\n position: absolute;\n right: 18px;\n top: 11px;\n cursor: pointer;\n }\n}\n\n.title {\n margin-bottom: 24px;\n margin-top: 44px;\n font-weight: 600;\n font-size: 36px;\n color: #242424;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/styles/core.scss":
/*!**********************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/styles/core.scss ***!
\**********************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/getUrl.js */ "./node_modules/css-loader/dist/runtime/getUrl.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _fonts_Gilroy_Regular_woff__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fonts/Gilroy-Regular.woff */ "./src/styles/fonts/Gilroy-Regular.woff");
/* harmony import */ var _fonts_Gilroy_Regular_ttf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fonts/Gilroy-Regular.ttf */ "./src/styles/fonts/Gilroy-Regular.ttf");
/* harmony import */ var _fonts_Gilroy_Medium_woff__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fonts/Gilroy-Medium.woff */ "./src/styles/fonts/Gilroy-Medium.woff");
/* harmony import */ var _fonts_Gilroy_Medium_ttf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fonts/Gilroy-Medium.ttf */ "./src/styles/fonts/Gilroy-Medium.ttf");
/* harmony import */ var _fonts_Gilroy_SemiBold_woff__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fonts/Gilroy-SemiBold.woff */ "./src/styles/fonts/Gilroy-SemiBold.woff");
/* harmony import */ var _fonts_Gilroy_SemiBold_ttf__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./fonts/Gilroy-SemiBold.ttf */ "./src/styles/fonts/Gilroy-SemiBold.ttf");
/* harmony import */ var _fonts_Gilroy_Bold_woff__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./fonts/Gilroy-Bold.woff */ "./src/styles/fonts/Gilroy-Bold.woff");
/* harmony import */ var _fonts_Gilroy_Bold_ttf__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./fonts/Gilroy-Bold.ttf */ "./src/styles/fonts/Gilroy-Bold.ttf");
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_Regular_woff__WEBPACK_IMPORTED_MODULE_2__["default"]);
var ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_Regular_ttf__WEBPACK_IMPORTED_MODULE_3__["default"]);
var ___CSS_LOADER_URL_REPLACEMENT_2___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_Medium_woff__WEBPACK_IMPORTED_MODULE_4__["default"]);
var ___CSS_LOADER_URL_REPLACEMENT_3___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_Medium_ttf__WEBPACK_IMPORTED_MODULE_5__["default"]);
var ___CSS_LOADER_URL_REPLACEMENT_4___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_SemiBold_woff__WEBPACK_IMPORTED_MODULE_6__["default"]);
var ___CSS_LOADER_URL_REPLACEMENT_5___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_SemiBold_ttf__WEBPACK_IMPORTED_MODULE_7__["default"]);
var ___CSS_LOADER_URL_REPLACEMENT_6___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_Bold_woff__WEBPACK_IMPORTED_MODULE_8__["default"]);
var ___CSS_LOADER_URL_REPLACEMENT_7___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()(_fonts_Gilroy_Bold_ttf__WEBPACK_IMPORTED_MODULE_9__["default"]);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".G-container-padding {\n padding: 18px 48px 18px 48px; }\n\n.G-height-100 {\n height: 100% !important; }\n\n.G-width-100 {\n width: 100% !important; }\n\n.G-w-auto {\n width: auto !important; }\n\n.G-opacity-0 {\n opacity: 0; }\n\n.G-opacity-100 {\n opacity: 1; }\n\n.G-overflow-y-auto {\n overflow-y: auto; }\n\n.G-mt-auto {\n margin-top: auto; }\n\n.G-pt-48 {\n padding-top: 48px; }\n\n.G-pt-29 {\n padding-top: 29px; }\n\n.G-p-sides-48 {\n padding-left: 48px;\n padding-right: 48px; }\n\n.G-p-sides-24 {\n padding-left: 48px;\n padding-right: 24px; }\n\n.G-capitalize {\n text-transform: capitalize; }\n\n.G-main-color {\n color: #202020; }\n\n.G-primary-color {\n color: #F33540 !important; }\n\n.G-white {\n color: #ffffff; }\n\n.G-bold {\n font-weight: bold; }\n\n.G-bg-image {\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat; }\n\n.G-circle-image {\n width: 35px;\n min-width: 35px;\n height: 35px;\n border-radius: 50%; }\n\n.G-half {\n width: calc(50% - 20px) !important; }\n\n.G-position-relative {\n position: relative; }\n\n.G-text-center {\n text-align: center; }\n\n.G-text-left {\n text-align: left; }\n\n.G-text-right {\n text-align: right; }\n\n.G-cursor {\n cursor: pointer; }\n\n.G-flex {\n display: flex; }\n\n.G-block {\n display: block; }\n\n.G-inline-flex {\n display: inline-flex; }\n\n.G-center {\n justify-content: center;\n align-items: center; }\n\n.G-justify-start {\n justify-content: flex-start; }\n\n.G-justify-center {\n justify-content: center; }\n\n.G-justify-between {\n justify-content: space-between; }\n\n.G-justify-around {\n justify-content: space-around; }\n\n.G-justify-end {\n justify-content: flex-end; }\n\n.G-align-center {\n align-items: center; }\n\n.G-align-start {\n align-items: flex-start; }\n\n.G-align-end {\n align-items: flex-end; }\n\n.G-flex-column {\n flex-direction: column; }\n\n.G-flex-wrap {\n flex-wrap: wrap; }\n\n.G-input-group {\n width: 100%;\n margin-bottom: 20px; }\n .G-input-group > p {\n margin-bottom: 5px;\n font-size: 12px;\n color: #E8EAEC; }\n .G-input-group input {\n width: 100%; }\n .G-input-group input::-webkit-input-placeholder {\n color: #E8EAEC;\n font-weight: 500;\n font-size: 19px; }\n .G-input-group .G-input-delete-btn {\n position: absolute;\n cursor: pointer;\n right: 0;\n bottom: -20px;\n font-size: 12px;\n color: #202020; }\n\n.g-btn {\n padding: 10px 20px;\n border-radius: 40px;\n background-color: #F6F6F6; }\n\n.g-btn-dark-gray-text {\n color: #46556B;\n font-size: 18px;\n font-weight: bold; }\n\n.G-error {\n border-color: darkred !important; }\n\n.G-title h3 {\n font: Bold 26px/33px PT Sans;\n letter-spacing: 0;\n color: #141414;\n opacity: 1; }\n\n.G-short-text-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.G-input-col-2,\n.G-input-col-3 {\n display: flex;\n flex-wrap: wrap; }\n\n.G-input-col-2 .G-input-group {\n width: calc(100% / 2 - 30px);\n margin-right: 60px; }\n .G-input-col-2 .G-input-group:nth-child(2n) {\n margin-right: 0; }\n\n.G-input-col-3 .G-input-group {\n width: calc(100% / 3 - 40px);\n margin-right: 60px; }\n .G-input-col-3 .G-input-group:nth-child(3n) {\n margin-right: 0; }\n\n.G-checkbox-item {\n width: 20px;\n height: 20px;\n min-width: 20px;\n min-height: 20px;\n font-size: 10px;\n font-weight: bold;\n border-radius: 3px;\n border: 1px solid #bbbbbb;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n background-color: #ffffff; }\n\n.G-checkbox-active {\n border: 2px solid #202020;\n color: #ffffff;\n background-color: #202020; }\n\n.G-radio-item {\n width: 17px;\n height: 17px;\n min-width: 17px;\n min-height: 17px;\n border-radius: 50%;\n border: 1px solid #202020;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer; }\n .G-radio-item.G-radio-active::before {\n content: '';\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 50%;\n position: absolute;\n top: 3px;\n left: 3px;\n background-color: #202020; }\n\n.G-page {\n width: calc(100% - 300px);\n min-height: 100vh;\n padding: calc(200px + 40px) 60px 40px;\n position: relative;\n transition: all 0.3s;\n margin-left: 300px; }\n\n.G-big {\n width: calc(100% - 100px);\n margin-left: 100px; }\n\n.G-cover {\n padding-top: 200px; }\n\n.G-mb-1 {\n margin-bottom: 10px; }\n\n.G-mb-2 {\n margin-bottom: 20px; }\n\n.G-mb-3 {\n margin-bottom: 30px; }\n\n.G-mb-4 {\n margin-bottom: 40px; }\n\n.G-mb-5 {\n margin-bottom: 50px; }\n\n.G-mb-6 {\n margin-bottom: 60px; }\n\n.G-mb-7 {\n margin-bottom: 70px; }\n\n.G-mb-8 {\n margin-bottom: 80px; }\n\n.G-mb-9 {\n margin-bottom: 90px; }\n\n.G-mb-10 {\n margin-bottom: 100px; }\n\n.G-mt-1 {\n margin-top: 10px; }\n\n.G-mt-2 {\n margin-top: 20px; }\n\n.G-mt-3 {\n margin-top: 30px; }\n\n.G-mt-4 {\n margin-top: 40px; }\n\n.G-mt-5 {\n margin-top: 50px; }\n\n.G-mt-6 {\n margin-top: 60px; }\n\n.G-mt-7 {\n margin-top: 70px; }\n\n.G-mt-8 {\n margin-top: 80px; }\n\n.G-mt-9 {\n margin-top: 90px; }\n\n.G-mt-10 {\n margin-top: 100px; }\n\n.G-mr-1 {\n margin-right: 10px; }\n\n.G-mr-2 {\n margin-right: 20px; }\n\n.G-mr-3 {\n margin-right: 30px; }\n\n.G-mr-4 {\n margin-right: 40px; }\n\n.G-mr-5 {\n margin-right: 50px; }\n\n.G-mr-6 {\n margin-right: 60px; }\n\n.G-ml-1 {\n margin-left: 10px; }\n\n.G-ml-2 {\n margin-left: 20px; }\n\n.G-ml-3 {\n margin-left: 30px; }\n\n.G-ml-4 {\n margin-left: 40px; }\n\n.G-ml-5 {\n margin-left: 50px; }\n\n.G-ml-6 {\n margin-left: 60px; }\n\n.G-arrow-down-sm {\n border: #202020 solid;\n border-width: 0 1px 1px 0;\n display: inline-block;\n padding: 2px;\n margin-left: 16px; }\n\n.G-arrow-down-md {\n border: #202020 solid;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 3px;\n transform: rotate(42deg);\n height: 8px; }\n\n.G-arrow-left {\n border: #202020 solid;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n transform: rotate(135deg);\n margin-left: 4px;\n -webkit-transform: rotate(135deg); }\n\n.G-arrow-right {\n border: #202020 solid;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n transform: rotate(-45deg);\n margin-right: 2px;\n -webkit-transform: rotate(-45deg); }\n\n.G-arrow-down {\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg); }\n\n/*------------------------------------------------------------------------------------*/\n.G-main-grid {\n display: grid;\n grid-template-areas: 'nav-bar main-container' 'player-bar player-bar';\n grid-template-rows: 1fr;\n grid-template-columns: 252px auto;\n height: 100%;\n min-width: 1024px; }\n .G-main-grid.blurred > *:not(#G-player-bar), .G-main-grid.blurred > *:not(.drawer) {\n filter: blur(20px); }\n .G-main-grid.blurred #G-player-bar, .G-main-grid.blurred .drawer {\n filter: none !important; }\n .G-main-grid.blurred #G-player-bar > *, .G-main-grid.blurred .drawer > * {\n filter: none !important; }\n\n#G-player-bar {\n grid-area: player-bar; }\n\n#G-nav-bar {\n grid-area: nav-bar; }\n\n#G-main-container {\n grid-area: main-container;\n overflow-x: hidden;\n overflow-y: auto;\n padding-bottom: 40px; }\n\n#G-content-spacing {\n display: flex;\n flex-direction: column;\n grid-gap: 48px;\n gap: 48px; }\n\n.G-one-line-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: inherit; }\n\n.G-mb-10 {\n margin-bottom: 10px; }\n\n.G-short-text-max {\n white-space: pre-wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n max-width: 70%;\n -webkit-box-orient: vertical; }\n .G-short-text-max .track {\n margin-right: 8px; }\n .G-short-text-max img {\n display: inline-block; }\n\n.active-menu {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%); }\n\n.G-main-height {\n min-height: 80vh; }\n\n.G-main-mobile-container {\n background: #18191d;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n padding: 40px 0; }\n\n.G-main-content {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: space-between;\n height: 100%; }\n\n.G-main_close {\n font-weight: bold;\n font-size: 12px;\n line-height: 15px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #ffffff;\n cursor: pointer;\n margin-top: 48px;\n margin-bottom: 56px; }\n\n.G-main-text {\n text-align: center; }\n\n.G-main-download-text {\n margin-top: 30px;\n margin-bottom: 20px; }\n\n.G-main-rotate {\n margin-top: 46px;\n margin-bottom: 24px; }\n\n.G-main_top,\n.G-main-bottom {\n display: flex;\n flex-direction: column;\n align-items: center; }\n\n.google-icon {\n margin-right: 12px; }\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; }\n\nul[class],\nol[class] {\n padding: 0; }\n\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nul[class],\nol[class],\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n margin: 0; }\n\nbody {\n min-height: 100vh;\n scroll-behavior: smooth;\n text-rendering: optimizeSpeed;\n line-height: 1.5; }\n\nul[class],\nol[class] {\n list-style: none; }\n\na:not([class]) {\n text-decoration-skip-ink: auto; }\n\nimg {\n max-width: 100%;\n display: block; }\n\narticle > * + * {\n margin-top: 1em; }\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit; }\n\n@media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important; } }\n\n@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 400;\n src: local(\"Gilroy\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") format(\"woff\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") format(\"truetype\"); }\n\n@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 500;\n src: local(\"Gilroy\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") format(\"woff\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") format(\"truetype\"); }\n\n@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 600;\n src: local(\"Gilroy\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_4___ + ") format(\"woff\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_5___ + ") format(\"truetype\"); }\n\n@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 700;\n src: local(\"Gilroy\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_6___ + ") format(\"woff\"), url(" + ___CSS_LOADER_URL_REPLACEMENT_7___ + ") format(\"truetype\"); }\n\n* {\n font-family: \"Gilroy\", sans-serif; }\n\nbody {\n overflow: hidden;\n min-height: 100%;\n height: 100vh; }\n\nmain, #root {\n height: 100%; }\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n margin-right: 15px;\n width: 0px;\n height: 6px;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 5px;\n background-image: linear-gradient(#F33540, #F33540);\n background-size: 0% 100%;\n background-repeat: no-repeat; }\n\n/* Input Thumb */\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: 6px;\n width: 5px;\n border-radius: 0;\n background: #F33540;\n margin-left: -1px;\n cursor: ew-resize; }\n\ninput[type=\"range\"]::-moz-range-thumb {\n -webkit-appearance: none;\n height: 6px;\n width: 5px;\n border-radius: 0;\n background: #F33540;\n margin-left: -1px;\n cursor: ew-resize; }\n\ninput[type=\"range\"]::-ms-thumb {\n -webkit-appearance: none;\n height: 6px;\n width: 5px;\n border-radius: 0;\n background: #F33540;\n margin-left: -1px;\n cursor: ew-resize; }\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n background: #F33540; }\n\ninput[type=\"range\"]::-moz-range-thumb:hover {\n background: #F33540; }\n\ninput[type=\"range\"]::-ms-thumb:hover {\n background: #F33540; }\n\n/* Input Track */\ninput[type=range]::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent; }\n\ninput[type=range]::-moz-range-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent; }\n\ninput[type=\"range\"]::-ms-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent; }\n", "",{"version":3,"sources":["webpack://src/styles/global.scss","webpack://src/styles/variables.scss","webpack://src/styles/reset.scss","webpack://src/styles/fonts.scss","webpack://src/styles/core.scss"],"names":[],"mappings":"AAGA;EACE,4BC2CsB,EAAA;;ADxCxB;EACE,uBAAuB,EAAA;;AAEzB;EACE,sBAAsB,EAAA;;AAExB;EACE,sBAAsB,EAAA;;AAExB;EACE,UAAU,EAAA;;AAEZ;EACE,UAAU,EAAA;;AAEZ;EACE,gBAAgB,EAAA;;AAElB;EACE,gBAAgB,EAAA;;AAElB;EACE,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB,EAAA;;AAGnB;EACE,kBAAkB;EAClB,mBAAmB,EAAA;;AAGrB;EACE,kBAAkB;EAClB,mBAAmB,EAAA;;AAGrB;EACE,0BAA0B,EAAA;;AAG5B;EACE,cC7BkB,EAAA;;ADgCpB;EACE,yBAAgC,EAAA;;AAGlC;EACE,cCxDa,EAAA;;AD2Df;EACE,iBAAiB,EAAA;;AAGnB;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B,EAAA;;AAG9B;EACE,WAAW;EACX,eAAe;EACf,YAAY;EACZ,kBAAkB,EAAA;;AAGpB;EACE,kCAAkC,EAAA;;AAGpC;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB,EAAA;;AAGpB;EACE,gBAAgB,EAAA;;AAGlB;EACE,iBAAiB,EAAA;;AAGnB;EACE,eAAe,EAAA;;AAKjB;EACE,aAAa,EAAA;;AAGf;EACE,cAAc,EAAA;;AAGhB;EACE,oBAAoB,EAAA;;AAGtB;EACE,uBAAuB;EACvB,mBAAmB,EAAA;;AAGrB;EACE,2BAA2B,EAAA;;AAG7B;EACE,uBAAuB,EAAA;;AAGzB;EACE,8BAA8B,EAAA;;AAGhC;EACE,6BAA6B,EAAA;;AAG/B;EACE,yBAAyB,EAAA;;AAG3B;EACE,mBAAmB,EAAA;;AAGrB;EACE,uBAAuB,EAAA;;AAGzB;EACE,qBAAqB,EAAA;;AAGvB;EACE,sBAAsB,EAAA;;AAGxB;EACE,eAAe,EAAA;;AAKjB;EACE,WAAW;EACX,mBAAmB,EAAA;EAFrB;IAKI,kBAAkB;IAClB,eAAe;IACf,cCxKc,EAAA;EDiKlB;IAWI,WAAW,EAAA;IAXf;MAcM,cC/KY;MDgLZ,gBAAgB;MAChB,eAAe,EAAA;EAhBrB;IAqBI,kBAAkB;IAClB,eAAe;IACf,QAAQ;IACR,aAAa;IACb,eAAe;IACf,cC1KgB,EAAA;;AD8KpB;EACE,kBAAkB;EAClB,mBAAmB;EACnB,yBCnMkB,EAAA;;ADsMpB;EACE,cCrMiB;EDsMjB,eC/KY;EDgLZ,iBAAiB,EAAA;;AAGnB;EACE,gCAAgC,EAAA;;AAGlC;EAEI,4BAA4B;EAC5B,iBAAiB;EACjB,cAAc;EACd,UAAU,EAAA;;AAId;EACE,gBAAgB;EAChB,uBAAuB;EAEvB,qBAAqB;EACrB,4BAA4B,EAAA;;AAG9B;;EAEE,aAAa;EACb,eAAe,EAAA;;AAGjB;EAEI,4BAA4B;EAC5B,kBAAkB,EAAA;EAHtB;IAMM,eAAe,EAAA;;AAKrB;EAEI,4BAA4B;EAC5B,kBAAkB,EAAA;EAHtB;IAMM,eAAe,EAAA;;AASrB;EACE,WAAW;EACX,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,yBAAyB;EACzB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,eAAe;EACf,yBC/Qa,EAAA;;ADkRf;EACE,yBChQkB;EDiQlB,cCpRa;EDqRb,yBClQkB,EAAA;;ADyQpB;EACE,WAAW;EACX,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,yBC/QkB;EDgRlB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,eAAe,EAAA;EAXjB;IAeM,WAAW;IACX,uBAAuB;IACvB,wBAAwB;IACxB,kBAAkB;IAClB,kBAAkB;IAClB,QAAQ;IACR,SAAS;IACT,yBC/Rc,EAAA;;ADsSpB;EACE,yBAAuC;EACvC,iBAAiB;EACjB,qCAAiD;EACjD,kBAAkB;EAClB,oBCzRwB;ED0RxB,kBC5RqB,EAAA;;AD+RvB;EACE,yBAA8C;EAC9C,kBChS4B,EAAA;;ADmS9B;EACE,kBClSmB,EAAA;;ADySrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,mBAAmB,EAAA;;AAGrB;EACE,oBAAoB,EAAA;;AAGtB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,gBAAgB,EAAA;;AAGlB;EACE,iBAAiB,EAAA;;AAGnB;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB,EAAA;;AAGpB;EACE,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB,EAAA;;AAGnB;EACE,qBAAoB;EACpB,yBAAyB;EACzB,qBAAqB;EACrB,YAAY;EACZ,iBAAiB,EAAA;;AAGnB;EACE,qBAAoB;EACpB,yBAAyB;EACzB,qBAAqB;EACrB,YAAY;EACZ,wBAAwB;EACxB,WAAW,EAAA;;AAGb;EACE,qBAAoB;EACpB,yBAAyB;EACzB,qBAAqB;EACrB,YAAY;EACZ,yBAAyB;EACzB,gBAAgB;EAChB,iCAAiC,EAAA;;AAGnC;EACE,qBAAoB;EACpB,yBAAyB;EACzB,qBAAqB;EACrB,YAAY;EACZ,yBAAyB;EACzB,iBAAiB;EACjB,iCAAiC,EAAA;;AAGnC;EACE,wBAAwB;EACxB,gCAAgC,EAAA;;AAOlC,uFAAA;AACA;EACE,aAAa;EACb,qEAEyB;EACzB,uBAAuB;EACvB,iCAAiC;EACjC,YAAY;EACZ,iBAAiB,EAAA;EARnB;IAiBM,kBAAkB,EAAA;EAjBxB;IAoBM,uBAAsB,EAAA;IApB5B;MAsBQ,uBAAsB,EAAA;;AAO9B;EACE,qBAAqB,EAAA;;AAGvB;EACE,kBAAkB,EAAA;;AAGpB;EACE,yBAAyB;EAGzB,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB,EAAA;;AAItB;EACE,aAAa;EACb,sBAAsB;EAEtB,cAAS;EAAT,SAAS,EAAA;;AAGX;EACE,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;EACvB,kBAAkB,EAAA;;AAIpB;EACE,mBAAmB,EAAA;;AAGrB;EACE,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,oBAAoB;EACpB,qBAAqB;EACrB,cAAc;EACd,4BAA4B,EAAA;EAP9B;IASI,iBAAiB,EAAA;EATrB;IAYI,qBAAqB,EAAA;;AAKzB;EACE,gGAAgG,EAAA;;AAGlG;EACE,gBAAgB,EAAA;;AAGlB;EACE,mBAAmB;EACnB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,YAAY;EACZ,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,eAAe,EAAA;;AAGjB;EACE,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,8BAA8B;EAC9B,YAAY,EAAA;;AAGd;EACE,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,yBAAyB;EACzB,cAAc;EACd,eAAe;EACf,gBAAgB;EAChB,mBAAmB,EAAA;;AAGrB;EACE,kBAAkB,EAAA;;AAGpB;EACE,gBAAgB;EAChB,mBAAmB,EAAA;;AAGrB;EACE,gBAAgB;EAChB,mBAAmB,EAAA;;AAGrB;;EAEE,aAAa;EACb,sBAAsB;EACtB,mBAAmB,EAAA;;AAGrB;EACE,kBAAkB,EAAA;;AEvpBpB;;;EAGE,sBAAsB,EAAA;;AAGxB;;EAEE,UAAU,EAAA;;AAGZ;;;;;;;;;;;;;;EAcE,SAAS,EAAA;;AAGX;EACE,iBAAiB;EACjB,uBAAuB;EACvB,6BAA6B;EAC7B,gBAAgB,EAAA;;AAGlB;;EAEE,gBAAgB,EAAA;;AAGlB;EACE,8BAA8B,EAAA;;AAGhC;EACE,eAAe;EACf,cAAc,EAAA;;AAGhB;EACE,eAAe,EAAA;;AAGjB;;;;EAIE,aAAa,EAAA;;AAGf;EACE;IACE,qCAAqC;IACrC,uCAAuC;IACvC,sCAAsC;IACtC,gCAAgC,EAAA,EACjC;;AClEH;EACE,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,wIAEoD,EAAA;;AAGtD;EACE,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,wIAEmD,EAAA;;AAGrD;EACE,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,wIAEqD,EAAA;;AAGvD;EACE,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,wIAEiD,EAAA;;AC5BnD;EACE,iCAAiC,EAAA;;AAGnC;EACE,gBAAgB;EAChB,gBAAgB;EAChB,aAAa,EAAA;;AAGf;EACE,YAAY,EAAA;;AAGd;EACE,wBAAwB;EACxB,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,oCAAoC;EACpC,kBAAkB;EAClB,mDAAiE;EACjE,wBAAwB;EACxB,4BAA4B,EAAA;;AAG9B,gBAAA;AACA;EACE,wBAAwB;EACxB,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,mBHdqB;EGerB,iBAAiB;EACjB,iBAAiB,EAAA;;AAGnB;EACE,wBAAwB;EACxB,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,mBHxBqB;EGyBrB,iBAAiB;EACjB,iBAAiB,EAAA;;AAGnB;EACE,wBAAwB;EACxB,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,mBHlCqB;EGmCrB,iBAAiB;EACjB,iBAAiB,EAAA;;AAGnB;EACE,mBHxCqB,EAAA;;AG2CvB;EACE,mBH5CqB,EAAA;;AG+CvB;EACE,mBHhDqB,EAAA;;AGmDvB,gBAAA;AACA;EACE,wBAAwB;EACxB,gBAAgB;EAChB,YAAY;EACZ,uBAAuB,EAAA;;AAGzB;EACE,wBAAwB;EACxB,gBAAgB;EAChB,YAAY;EACZ,uBAAuB,EAAA;;AAGzB;EACE,wBAAwB;EACxB,gBAAgB;EAChB,YAAY;EACZ,uBAAuB,EAAA","sourcesContent":["@import 'variables';\n@import 'mixins';\n\n.G-container-padding {\n padding: 18px $home-side-padding 18px $home-side-padding;\n}\n\n.G-height-100 {\n height: 100% !important;\n}\n.G-width-100 {\n width: 100% !important;\n}\n.G-w-auto {\n width: auto !important;\n}\n.G-opacity-0 {\n opacity: 0;\n}\n.G-opacity-100 {\n opacity: 1;\n}\n.G-overflow-y-auto {\n overflow-y: auto;\n}\n.G-mt-auto {\n margin-top: auto;\n}\n.G-pt-48 {\n padding-top: 48px;\n}\n\n.G-pt-29 {\n padding-top: 29px;\n}\n\n.G-p-sides-48 {\n padding-left: 48px;\n padding-right: 48px;\n}\n\n.G-p-sides-24 {\n padding-left: 48px;\n padding-right: 24px;\n}\n\n.G-capitalize {\n text-transform: capitalize;\n}\n\n.G-main-color {\n color: $main-color;\n}\n\n.G-primary-color {\n color: $primary-color !important;\n}\n\n.G-white {\n color: $white;\n}\n\n.G-bold {\n font-weight: bold;\n}\n\n.G-bg-image {\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n}\n\n.G-circle-image {\n width: 35px;\n min-width: 35px;\n height: 35px;\n border-radius: 50%;\n}\n\n.G-half {\n width: calc(50% - 20px) !important;\n}\n\n.G-position-relative {\n position: relative;\n}\n\n.G-text-center {\n text-align: center;\n}\n\n.G-text-left {\n text-align: left;\n}\n\n.G-text-right {\n text-align: right;\n}\n\n.G-cursor {\n cursor: pointer;\n}\n\n// #region Flex\n\n.G-flex {\n display: flex;\n}\n\n.G-block {\n display: block;\n}\n\n.G-inline-flex {\n display: inline-flex;\n}\n\n.G-center {\n justify-content: center;\n align-items: center;\n}\n\n.G-justify-start {\n justify-content: flex-start;\n}\n\n.G-justify-center {\n justify-content: center;\n}\n\n.G-justify-between {\n justify-content: space-between;\n}\n\n.G-justify-around {\n justify-content: space-around;\n}\n\n.G-justify-end {\n justify-content: flex-end;\n}\n\n.G-align-center {\n align-items: center;\n}\n\n.G-align-start {\n align-items: flex-start;\n}\n\n.G-align-end {\n align-items: flex-end;\n}\n\n.G-flex-column {\n flex-direction: column;\n}\n\n.G-flex-wrap {\n flex-wrap: wrap;\n}\n\n// #region Inputs\n\n.G-input-group {\n width: 100%;\n margin-bottom: 20px;\n\n > p {\n margin-bottom: 5px;\n font-size: 12px;\n color: $mid-gray;\n }\n\n input {\n width: 100%;\n\n &::-webkit-input-placeholder {\n color: $mid-gray;\n font-weight: 500;\n font-size: 19px;\n }\n }\n\n .G-input-delete-btn {\n position: absolute;\n cursor: pointer;\n right: 0;\n bottom: -20px;\n font-size: 12px;\n color: $main-color;\n }\n}\n\n.g-btn {\n padding: 10px 20px;\n border-radius: 40px;\n background-color: $light-gray;\n}\n\n.g-btn-dark-gray-text {\n color: $dark-gray;\n font-size: $font-18;\n font-weight: bold;\n}\n\n.G-error {\n border-color: darkred !important;\n}\n\n.G-title {\n h3 {\n font: Bold 26px/33px PT Sans;\n letter-spacing: 0;\n color: #141414;\n opacity: 1;\n }\n}\n\n.G-short-text-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n // display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n}\n\n.G-input-col-2,\n.G-input-col-3 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.G-input-col-2 {\n .G-input-group {\n width: calc(100% / 2 - 30px);\n margin-right: 60px;\n\n &:nth-child(2n) {\n margin-right: 0;\n }\n }\n}\n\n.G-input-col-3 {\n .G-input-group {\n width: calc(100% / 3 - 40px);\n margin-right: 60px;\n\n &:nth-child(3n) {\n margin-right: 0;\n }\n }\n}\n\n// #endregion\n\n// #region Checkbox directive\n\n.G-checkbox-item {\n width: 20px;\n height: 20px;\n min-width: 20px;\n min-height: 20px;\n font-size: 10px;\n font-weight: bold;\n border-radius: 3px;\n border: 1px solid #bbbbbb;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n background-color: $white;\n}\n\n.G-checkbox-active {\n border: 2px solid $main-color;\n color: $white;\n background-color: $main-color;\n}\n\n// #endregion\n\n// #region Radio directive\n\n.G-radio-item {\n width: 17px;\n height: 17px;\n min-width: 17px;\n min-height: 17px;\n border-radius: 50%;\n border: 1px solid $main-color;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n\n &.G-radio-active {\n &::before {\n content: '';\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 50%;\n position: absolute;\n top: 3px;\n left: 3px;\n background-color: $main-color;\n }\n }\n}\n\n// #region Page\n\n.G-page {\n width: calc(100% - #{$left-side-width});\n min-height: 100vh;\n padding: calc(#{$header-height} + 40px) 60px 40px;\n position: relative;\n transition: all $left-side-transition;\n margin-left: $left-side-width;\n}\n\n.G-big {\n width: calc(100% - #{$left-side-closed-width});\n margin-left: $left-side-closed-width;\n}\n\n.G-cover {\n padding-top: $header-height;\n}\n\n// #endregion\n\n// #region Margins\n\n.G-mb-1 {\n margin-bottom: 10px;\n}\n\n.G-mb-2 {\n margin-bottom: 20px;\n}\n\n.G-mb-3 {\n margin-bottom: 30px;\n}\n\n.G-mb-4 {\n margin-bottom: 40px;\n}\n\n.G-mb-5 {\n margin-bottom: 50px;\n}\n\n.G-mb-6 {\n margin-bottom: 60px;\n}\n\n.G-mb-7 {\n margin-bottom: 70px;\n}\n\n.G-mb-8 {\n margin-bottom: 80px;\n}\n\n.G-mb-9 {\n margin-bottom: 90px;\n}\n\n.G-mb-10 {\n margin-bottom: 100px;\n}\n\n.G-mt-1 {\n margin-top: 10px;\n}\n\n.G-mt-2 {\n margin-top: 20px;\n}\n\n.G-mt-3 {\n margin-top: 30px;\n}\n\n.G-mt-4 {\n margin-top: 40px;\n}\n\n.G-mt-5 {\n margin-top: 50px;\n}\n\n.G-mt-6 {\n margin-top: 60px;\n}\n\n.G-mt-7 {\n margin-top: 70px;\n}\n\n.G-mt-8 {\n margin-top: 80px;\n}\n\n.G-mt-9 {\n margin-top: 90px;\n}\n\n.G-mt-10 {\n margin-top: 100px;\n}\n\n.G-mr-1 {\n margin-right: 10px;\n}\n\n.G-mr-2 {\n margin-right: 20px;\n}\n\n.G-mr-3 {\n margin-right: 30px;\n}\n\n.G-mr-4 {\n margin-right: 40px;\n}\n\n.G-mr-5 {\n margin-right: 50px;\n}\n\n.G-mr-6 {\n margin-right: 60px;\n}\n\n.G-ml-1 {\n margin-left: 10px;\n}\n\n.G-ml-2 {\n margin-left: 20px;\n}\n\n.G-ml-3 {\n margin-left: 30px;\n}\n\n.G-ml-4 {\n margin-left: 40px;\n}\n\n.G-ml-5 {\n margin-left: 50px;\n}\n\n.G-ml-6 {\n margin-left: 60px;\n}\n\n.G-arrow-down-sm {\n border: $black solid;\n border-width: 0 1px 1px 0;\n display: inline-block;\n padding: 2px;\n margin-left: 16px;\n}\n\n.G-arrow-down-md {\n border: $black solid;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 3px;\n transform: rotate(42deg);\n height: 8px;\n}\n\n.G-arrow-left {\n border: $black solid;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n transform: rotate(135deg);\n margin-left: 4px;\n -webkit-transform: rotate(135deg);\n}\n\n.G-arrow-right {\n border: $black solid;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4px;\n transform: rotate(-45deg);\n margin-right: 2px;\n -webkit-transform: rotate(-45deg);\n}\n\n.G-arrow-down {\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n}\n\n// #endregion\n\n//TODO: need to clean up the classes\n\n/*------------------------------------------------------------------------------------*/\n.G-main-grid {\n display: grid;\n grid-template-areas:\n 'nav-bar main-container'\n 'player-bar player-bar';\n grid-template-rows: 1fr;\n grid-template-columns: 252px auto;\n height: 100%;\n min-width: 1024px;\n\n // @include desktop-and-smaller() {\n // grid-template-columns: 62px auto;\n // }\n\n // применяется если в плеере включен isOpenFullscreen\n &.blurred {\n & > *:not(#G-player-bar), & > *:not(.drawer) {\n filter: blur(20px);\n }\n & #G-player-bar, .drawer {\n filter: none!important; ;\n & > * {\n filter: none!important; ;\n }\n }\n\n }\n}\n\n#G-player-bar {\n grid-area: player-bar;\n}\n\n#G-nav-bar {\n grid-area: nav-bar;\n}\n\n#G-main-container {\n grid-area: main-container;\n // padding-bottom: 140px;\n\n overflow-x: hidden;\n overflow-y: auto;\n padding-bottom: 40px;\n}\n\n// TODO: what is this class for?\n#G-content-spacing {\n display: flex;\n flex-direction: column;\n\n gap: 48px;\n}\n\n.G-one-line-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: inherit;\n // display: flex;\n}\n\n.G-mb-10 {\n margin-bottom: 10px;\n}\n\n.G-short-text-max {\n white-space: pre-wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n max-width: 70%;\n -webkit-box-orient: vertical;\n .track {\n margin-right: 8px;\n }\n img {\n display: inline-block;\n }\n}\n\n//menu dotes\n.active-menu {\n filter: invert(53%) sepia(73%) saturate(6765%) hue-rotate(336deg) brightness(94%) contrast(103%);\n}\n\n.G-main-height {\n min-height: 80vh;\n}\n\n.G-main-mobile-container {\n background: #18191d;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n padding: 40px 0;\n}\n\n.G-main-content {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n\n.G-main_close {\n font-weight: bold;\n font-size: 12px;\n line-height: 15px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #ffffff;\n cursor: pointer;\n margin-top: 48px;\n margin-bottom: 56px;\n}\n\n.G-main-text {\n text-align: center;\n}\n\n.G-main-download-text {\n margin-top: 30px;\n margin-bottom: 20px;\n}\n\n.G-main-rotate {\n margin-top: 46px;\n margin-bottom: 24px;\n}\n\n.G-main_top,\n.G-main-bottom {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.google-icon {\n margin-right: 12px;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n","*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nul[class],\nol[class] {\n padding: 0;\n}\n\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nul[class],\nol[class],\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n margin: 0;\n}\n\nbody {\n min-height: 100vh;\n scroll-behavior: smooth;\n text-rendering: optimizeSpeed;\n line-height: 1.5;\n}\n\nul[class],\nol[class] {\n list-style: none;\n}\n\na:not([class]) {\n text-decoration-skip-ink: auto;\n}\n\nimg {\n max-width: 100%;\n display: block;\n}\n\narticle > * + * {\n margin-top: 1em;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\n@media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n}\n","@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 400;\n src: local('Gilroy'),\n url('./fonts/Gilroy-Regular.woff') format('woff'),\n url('./fonts/Gilroy-Regular.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 500;\n src: local('Gilroy'),\n url('./fonts/Gilroy-Medium.woff') format('woff'),\n url('./fonts/Gilroy-Medium.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 600;\n src: local('Gilroy'),\n url('./fonts/Gilroy-SemiBold.woff') format('woff'),\n url('./fonts/Gilroy-SemiBold.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Gilroy';\n font-style: normal;\n font-weight: 700;\n src: local('Gilroy'),\n url('./fonts/Gilroy-Bold.woff') format('woff'),\n url('./fonts/Gilroy-Bold.ttf') format('truetype');\n}\n","@import \"global\";\n@import \"reset\";\n@import \"fonts\";\n@import 'styles/variables';\n\n* {\n font-family: \"Gilroy\", sans-serif;\n}\n\nbody {\n overflow: hidden;\n min-height: 100%;\n height: 100vh;\n}\n\nmain, #root {\n height: 100%;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n margin-right: 15px;\n width: 0px;\n height: 6px;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 5px;\n background-image: linear-gradient($primary-color, $primary-color);\n background-size: 0% 100%;\n background-repeat: no-repeat;\n}\n\n/* Input Thumb */\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: 6px;\n width: 5px;\n border-radius: 0;\n background: $primary-color;\n margin-left: -1px;\n cursor: ew-resize;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n -webkit-appearance: none;\n height: 6px;\n width: 5px;\n border-radius: 0;\n background: $primary-color;\n margin-left: -1px;\n cursor: ew-resize;\n}\n\ninput[type=\"range\"]::-ms-thumb {\n -webkit-appearance: none;\n height: 6px;\n width: 5px;\n border-radius: 0;\n background: $primary-color;\n margin-left: -1px;\n cursor: ew-resize;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n background: $primary-color;\n}\n\ninput[type=\"range\"]::-moz-range-thumb:hover {\n background: $primary-color;\n}\n\ninput[type=\"range\"]::-ms-thumb:hover {\n background: $primary-color;\n}\n\n/* Input Track */\ninput[type=range]::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent;\n}\n\ninput[type=range]::-moz-range-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent;\n}\n\ninput[type=\"range\"]::-ms-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent;\n}"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/styles/normalize.scss":
/*!***************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/styles/normalize.scss ***!
\***************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(true);
// Module
___CSS_LOADER_EXPORT___.push([module.i, "/* You can add HTML default tag styles */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n outline: 0;\n font-family: 'Agenda', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }\n\nhtml {\n scroll-behavior: smooth; }\n\nbody {\n font-size: 16px;\n color: #202020;\n min-height: 100vh;\n background-color: #ffffff; }\n body a {\n text-decoration: none; }\n\ntextarea, input, button, pre {\n font-size: 16px;\n outline: none !important; }\n\ninput {\n height: 44px;\n border: 1px solid #E8EAEC;\n text-indent: 10px;\n border-radius: 36px;\n padding: 0 0 2px 10px; }\n\ntextarea {\n width: 100%;\n height: calc(44px + 10px);\n border: 1px solid #F6F6F6;\n max-height: 400px;\n min-height: calc(44px + 40px);\n padding: 10px;\n text-indent: 0;\n resize: vertical; }\n\npre {\n white-space: pre-wrap; }\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n margin: 0;\n -webkit-appearance: none;\n appearance: none; }\n\ni[class*=icon] {\n cursor: pointer; }\n\na, button, label {\n cursor: pointer; }\n\nbutton {\n border: 0;\n background-color: transparent; }\n\nh1 {\n font-size: 40px; }\n\nh2 {\n font-size: 32px; }\n\nh3 {\n font-size: 28px; }\n\nh4 {\n font-size: 24px; }\n\nh5 {\n font-size: 22px; }\n\nh6 {\n font-size: 18px; }\n\na, p {\n font-size: 16px; }\n\n*::-webkit-scrollbar-track, *::-ms-autohiding-scrollbar {\n border-radius: 1px;\n background-color: #F6F6F6; }\n\n*::-webkit-scrollbar {\n width: 4px;\n height: 8px;\n background-color: #F6F6F6; }\n\n*::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: grey; }\n\ninput::-webkit-inner-spin-button,\ninput::-webkit-outer-spin-button {\n -webkit-appearance: none;\n appearance: none; }\n", "",{"version":3,"sources":["webpack://src/styles/normalize.scss","webpack://src/styles/variables.scss"],"names":[],"mappings":"AAAA,wCAAA;AAGA;EACE,SAAS;EACT,UAAU;EACV,sBAAsB;EACtB,UAAU;EACV,sEAAsE,EAAA;;AAGxE;EACE,uBAAuB,EAAA;;AAGzB;EACE,eAAe;EACf,cCfa;EDgBb,iBAAiB;EAEjB,yBCjBa,EAAA;EDYf;IAQI,qBAAqB,EAAA;;AAIzB;EACE,eAAe;EACf,wBAAwB,EAAA;;AAG1B;EACE,YCWiB;EDVjB,yBC7BgB;ED8BhB,iBAAiB;EACjB,mBAAmB;EACnB,qBAAqB,EAAA;;AAGvB;EACE,WAAW;EACX,yBAAqC;EACrC,yBCvCkB;EDwClB,iBAAiB;EACjB,6BAAyC;EACzC,aAAa;EACb,cAAc;EACd,gBAAgB,EAAA;;AAGlB;EACE,qBAAqB,EAAA;;AAGvB;;EAEE,SAAS;EACT,wBAAgB;UAAhB,gBAAgB,EAAA;;AAGlB;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe,EAAA;;AAGjB;EACE,SAAS;EACT,6BAA6B,EAAA;;AAG/B;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe,EAAA;;AAGjB;EACE,kBAAkB;EAClB,yBCpGkB,EAAA;;ADuGpB;EACE,UAAU;EACV,WAAW;EACX,yBC1GkB,EAAA;;AD6GpB;EACE,kBAAkB;EAClB,sBAAsB,EAAA;;AAGxB;;EAEE,wBAAwB;EAExB,gBAAgB,EAAA","sourcesContent":["/* You can add HTML default tag styles */\n@import \"variables\";\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n outline: 0;\n font-family: 'Agenda', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody {\n font-size: 16px;\n color: $black;\n min-height: 100vh;\n // min-width: 1024px;\n background-color: $body-color;\n\n a {\n text-decoration: none;\n }\n}\n\ntextarea, input, button, pre {\n font-size: 16px;\n outline: none !important;\n}\n\ninput {\n height: $input-height;\n border: 1px solid $mid-gray;\n text-indent: 10px;\n border-radius: 36px;\n padding: 0 0 2px 10px;\n}\n\ntextarea {\n width: 100%;\n height: calc(#{$input-height} + 10px);\n border: 1px solid $light-gray;\n max-height: 400px;\n min-height: calc(#{$input-height} + 40px);\n padding: 10px;\n text-indent: 0;\n resize: vertical;\n}\n\npre {\n white-space: pre-wrap;\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n margin: 0;\n appearance: none;\n}\n\ni[class*=icon] {\n cursor: pointer;\n}\n\na, button, label {\n cursor: pointer;\n}\n\nbutton {\n border: 0;\n background-color: transparent;\n}\n\nh1 {\n font-size: 40px;\n}\n\nh2 {\n font-size: 32px;\n}\n\nh3 {\n font-size: 28px;\n}\n\nh4 {\n font-size: 24px;\n}\n\nh5 {\n font-size: 22px;\n}\n\nh6 {\n font-size: 18px;\n}\n\na, p {\n font-size: 16px;\n}\n\n*::-webkit-scrollbar-track, *::-ms-autohiding-scrollbar {\n border-radius: 1px;\n background-color: $light-gray;\n}\n\n*::-webkit-scrollbar {\n width: 4px;\n height: 8px;\n background-color: $light-gray;\n}\n\n*::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: grey;\n}\n\ninput::-webkit-inner-spin-button,\ninput::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n","// #region Colors\n$total-black: #000000;\n$black: #202020;\n$white: #ffffff;\n$light-gray: #F6F6F6;\n$mid-gray: #E8EAEC;\n$dark-gray: #46556B;\n$typography-dark-grey: #4A4A4A;\n$orange: #F33540;\n$gray: #F2F2F2;\n$border-gray: #E8E9EC;\n$darken: #242424;\n// #endregion\n\n$laptop-size: 1024px;\n$tab-size: 768px;\n$phone-size: 520px;\n\n// #endregion\n\n// #region App Components styles\n$body-color: $white;\n$main-color: #202020;\n$primary-color: #F33540;\n\n// #font sizes\n$font-12: 12px;\n$font-14: 14px;\n$font-16: 16px;\n$font-18: 18px;\n$font-19: 19px;\n$font-20: 20px;\n$font-22: 22px;\n$font-24: 24px;\n$font-26: 26px;\n$font-28: 28px;\n$font-36: 36px;\n\n$left-side-width: 300px;\n$left-side-closed-width: 100px;\n$left-side-transition: .3s;\n$header-height: 200px;\n$padding-vw: 8vw;\n$padding: 8%;\n$input-height: 44px;\n$default-transition: 0.2s all ease-in-out;\n\n$home-side-padding: 48px;\n\n// #endregion\n$mobile-width: 600px;\n$left-nav-width: 252px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$TV-width: 1440px;\n\n//TODO: clear variables\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ "./src/assets/gif/Comp.gif":
/*!*********************************!*\
!*** ./src/assets/gif/Comp.gif ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/Comp.326a06c7.gif");
/***/ }),
/***/ "./src/assets/pdf/confident.pdf":
/*!**************************************!*\
!*** ./src/assets/pdf/confident.pdf ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/confident.7e586d7d.pdf");
/***/ }),
/***/ "./src/assets/pdf/soglas.pdf":
/*!***********************************!*\
!*** ./src/assets/pdf/soglas.pdf ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/soglas.8398a92b.pdf");
/***/ }),
/***/ "./src/assets/png/add.png":
/*!********************************!*\
!*** ./src/assets/png/add.png ***!
\********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADPSURBVHgB7daxDYJAFMbx712s1IJSO5eAGjewtXMFN2ADx6DVCexdQiqlJJFYet7pAJJ8z+Si71cAxRX/kOMd0uflxgM7ABkSIoIm3Crpi/LsPRZIU+cSjosyh8RZIMsCWRbI+q/AyaHGeF9D0wiKZD6DQJftQZYFsiyQJbe89EMXxzkXRwnjcWlxX60Hr/+tN/jJ9HR83ftiCS32kbAskGWBLNX/QX9t4dWG1pvqHPwG24MsC2RZIMsCWTGwQ6LCCdK4cNnGByQmHJmdE1RP/l4uJc89vQAAAAAASUVORK5CYII=");
/***/ }),
/***/ "./src/assets/png/basic-frame.png":
/*!****************************************!*\
!*** ./src/assets/png/basic-frame.png ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/basic-frame.1ab811fb.png");
/***/ }),
/***/ "./src/assets/png/free-frame.png":
/*!***************************************!*\
!*** ./src/assets/png/free-frame.png ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/free-frame.08447556.png");
/***/ }),
/***/ "./src/assets/png/i-like-card.jpg":
/*!****************************************!*\
!*** ./src/assets/png/i-like-card.jpg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/i-like-card.6d4d358a.jpg");
/***/ }),
/***/ "./src/assets/png/pic-tindermode.png":
/*!*******************************************!*\
!*** ./src/assets/png/pic-tindermode.png ***!
\*******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/pic-tindermode.a7e24a51.png");
/***/ }),
/***/ "./src/assets/png/premium-frame.png":
/*!******************************************!*\
!*** ./src/assets/png/premium-frame.png ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/premium-frame.12ca39d5.png");
/***/ }),
/***/ "./src/assets/png/specialForYou1.jpg":
/*!*******************************************!*\
!*** ./src/assets/png/specialForYou1.jpg ***!
\*******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/specialForYou1.9cda6446.jpg");
/***/ }),
/***/ "./src/assets/png/trial-frame.png":
/*!****************************************!*\
!*** ./src/assets/png/trial-frame.png ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/trial-frame.c930056e.png");
/***/ }),
/***/ "./src/assets/png/vip-frame.png":
/*!**************************************!*\
!*** ./src/assets/png/vip-frame.png ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/vip-frame.baf46f50.png");
/***/ }),
/***/ "./src/assets/svg/BronseEllipse.svg":
/*!******************************************!*\
!*** ./src/assets/svg/BronseEllipse.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/BronseEllipse.5574e4b3.svg");
/***/ }),
/***/ "./src/assets/svg/Bronze.svg":
/*!***********************************!*\
!*** ./src/assets/svg/Bronze.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/Bronze.f74ba83a.svg");
/***/ }),
/***/ "./src/assets/svg/Checkbox-A.svg":
/*!***************************************!*\
!*** ./src/assets/svg/Checkbox-A.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/Checkbox-A.015b29ca.svg");
/***/ }),
/***/ "./src/assets/svg/CheckboxOFF.svg":
/*!****************************************!*\
!*** ./src/assets/svg/CheckboxOFF.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/CheckboxOFF.c105f002.svg");
/***/ }),
/***/ "./src/assets/svg/File.svg":
/*!*********************************!*\
!*** ./src/assets/svg/File.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/File.84b0c206.svg");
/***/ }),
/***/ "./src/assets/svg/GoldEllipse.svg":
/*!****************************************!*\
!*** ./src/assets/svg/GoldEllipse.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/GoldEllipse.cebf3ffc.svg");
/***/ }),
/***/ "./src/assets/svg/LogoMain.svg":
/*!*************************************!*\
!*** ./src/assets/svg/LogoMain.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/LogoMain.8dedcdd1.svg");
/***/ }),
/***/ "./src/assets/svg/Shuffle-disabled.svg":
/*!*********************************************!*\
!*** ./src/assets/svg/Shuffle-disabled.svg ***!
\*********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/Shuffle-disabled.fcc36b31.svg");
/***/ }),
/***/ "./src/assets/svg/SilverEllipse.svg":
/*!******************************************!*\
!*** ./src/assets/svg/SilverEllipse.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/SilverEllipse.093dcfab.svg");
/***/ }),
/***/ "./src/assets/svg/Union.svg":
/*!**********************************!*\
!*** ./src/assets/svg/Union.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/Union.0c95a507.svg");
/***/ }),
/***/ "./src/assets/svg/Vector.svg":
/*!***********************************!*\
!*** ./src/assets/svg/Vector.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/Vector.5389b7ae.svg");
/***/ }),
/***/ "./src/assets/svg/active-artist.svg":
/*!******************************************!*\
!*** ./src/assets/svg/active-artist.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/active-artist.28ecabf5.svg");
/***/ }),
/***/ "./src/assets/svg/active-genre.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/active-genre.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/active-genre.dd165fd4.svg");
/***/ }),
/***/ "./src/assets/svg/active-queue.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/active-queue.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/active-queue.2bef5e41.svg");
/***/ }),
/***/ "./src/assets/svg/active-sleep.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/active-sleep.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/active-sleep.b514de16.svg");
/***/ }),
/***/ "./src/assets/svg/add.svg":
/*!********************************!*\
!*** ./src/assets/svg/add.svg ***!
\********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/add.1db9b913.svg");
/***/ }),
/***/ "./src/assets/svg/addSequence.svg":
/*!****************************************!*\
!*** ./src/assets/svg/addSequence.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/addSequence.007b95d5.svg");
/***/ }),
/***/ "./src/assets/svg/additional-menu.svg":
/*!********************************************!*\
!*** ./src/assets/svg/additional-menu.svg ***!
\********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/additional-menu.cc9671b9.svg");
/***/ }),
/***/ "./src/assets/svg/album.svg":
/*!**********************************!*\
!*** ./src/assets/svg/album.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/album.f539d622.svg");
/***/ }),
/***/ "./src/assets/svg/alertTriangle.svg":
/*!******************************************!*\
!*** ./src/assets/svg/alertTriangle.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/alertTriangle.1b4829b0.svg");
/***/ }),
/***/ "./src/assets/svg/arrow.svg":
/*!**********************************!*\
!*** ./src/assets/svg/arrow.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/arrow.2039b1bf.svg");
/***/ }),
/***/ "./src/assets/svg/arrowRight.svg":
/*!***************************************!*\
!*** ./src/assets/svg/arrowRight.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/arrowRight.7591837f.svg");
/***/ }),
/***/ "./src/assets/svg/arrowstories.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/arrowstories.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/arrowstories.f9288a25.svg");
/***/ }),
/***/ "./src/assets/svg/audio-icon.svg":
/*!***************************************!*\
!*** ./src/assets/svg/audio-icon.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/audio-icon.dcbe847b.svg");
/***/ }),
/***/ "./src/assets/svg/audiobooks.svg":
/*!***************************************!*\
!*** ./src/assets/svg/audiobooks.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/audiobooks.0e77fb49.svg");
/***/ }),
/***/ "./src/assets/svg/book_period.svg":
/*!****************************************!*\
!*** ./src/assets/svg/book_period.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/book_period.f434d366.svg");
/***/ }),
/***/ "./src/assets/svg/bookmark.svg":
/*!*************************************!*\
!*** ./src/assets/svg/bookmark.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/bookmark.ebd15513.svg");
/***/ }),
/***/ "./src/assets/svg/bookmarks-empty.svg":
/*!********************************************!*\
!*** ./src/assets/svg/bookmarks-empty.svg ***!
\********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/bookmarks-empty.02f7428c.svg");
/***/ }),
/***/ "./src/assets/svg/cancel-gray.svg":
/*!****************************************!*\
!*** ./src/assets/svg/cancel-gray.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/cancel-gray.be3c17cd.svg");
/***/ }),
/***/ "./src/assets/svg/cancel-red.svg":
/*!***************************************!*\
!*** ./src/assets/svg/cancel-red.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/cancel-red.06cfaf28.svg");
/***/ }),
/***/ "./src/assets/svg/cancel.svg":
/*!***********************************!*\
!*** ./src/assets/svg/cancel.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/cancel.9d73f838.svg");
/***/ }),
/***/ "./src/assets/svg/catBronze.svg":
/*!**************************************!*\
!*** ./src/assets/svg/catBronze.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/catBronze.bb07a89d.svg");
/***/ }),
/***/ "./src/assets/svg/catGold.svg":
/*!************************************!*\
!*** ./src/assets/svg/catGold.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/catGold.5a0f8d73.svg");
/***/ }),
/***/ "./src/assets/svg/catSilver.svg":
/*!**************************************!*\
!*** ./src/assets/svg/catSilver.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/catSilver.d63d3a2d.svg");
/***/ }),
/***/ "./src/assets/svg/chapters.svg":
/*!*************************************!*\
!*** ./src/assets/svg/chapters.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/chapters.53353687.svg");
/***/ }),
/***/ "./src/assets/svg/check.svg":
/*!**********************************!*\
!*** ./src/assets/svg/check.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/check.c69fc5a9.svg");
/***/ }),
/***/ "./src/assets/svg/check2.svg":
/*!***********************************!*\
!*** ./src/assets/svg/check2.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/check2.758fca20.svg");
/***/ }),
/***/ "./src/assets/svg/chevron.svg":
/*!************************************!*\
!*** ./src/assets/svg/chevron.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/chevron.d478fecb.svg");
/***/ }),
/***/ "./src/assets/svg/collection-heart.svg":
/*!*********************************************!*\
!*** ./src/assets/svg/collection-heart.svg ***!
\*********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/collection-heart.3499ccaa.svg");
/***/ }),
/***/ "./src/assets/svg/deleteTrack.svg":
/*!****************************************!*\
!*** ./src/assets/svg/deleteTrack.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/deleteTrack.db4e9dc8.svg");
/***/ }),
/***/ "./src/assets/svg/dotes-black.svg":
/*!****************************************!*\
!*** ./src/assets/svg/dotes-black.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/dotes-black.1f86fe91.svg");
/***/ }),
/***/ "./src/assets/svg/dotes.svg":
/*!**********************************!*\
!*** ./src/assets/svg/dotes.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/dotes.e18bf858.svg");
/***/ }),
/***/ "./src/assets/svg/download.svg":
/*!*************************************!*\
!*** ./src/assets/svg/download.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/download.a4d1cdba.svg");
/***/ }),
/***/ "./src/assets/svg/drag.svg":
/*!*********************************!*\
!*** ./src/assets/svg/drag.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/drag.a3884ee3.svg");
/***/ }),
/***/ "./src/assets/svg/drop-arrow.svg":
/*!***************************************!*\
!*** ./src/assets/svg/drop-arrow.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/drop-arrow.eb3225f5.svg");
/***/ }),
/***/ "./src/assets/svg/edit-gray.svg":
/*!**************************************!*\
!*** ./src/assets/svg/edit-gray.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/edit-gray.e8c41be9.svg");
/***/ }),
/***/ "./src/assets/svg/edit.svg":
/*!*********************************!*\
!*** ./src/assets/svg/edit.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/edit.b4cb1f22.svg");
/***/ }),
/***/ "./src/assets/svg/equalizer.svg":
/*!**************************************!*\
!*** ./src/assets/svg/equalizer.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/equalizer.bf7616b2.svg");
/***/ }),
/***/ "./src/assets/svg/exit.svg":
/*!*********************************!*\
!*** ./src/assets/svg/exit.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/exit.98e57071.svg");
/***/ }),
/***/ "./src/assets/svg/explicit/explicit_content_frame.svg":
/*!************************************************************!*\
!*** ./src/assets/svg/explicit/explicit_content_frame.svg ***!
\************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/explicit_content_frame.9800f478.svg");
/***/ }),
/***/ "./src/assets/svg/eye-off.svg":
/*!************************************!*\
!*** ./src/assets/svg/eye-off.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/eye-off.6dba00fb.svg");
/***/ }),
/***/ "./src/assets/svg/fast-forward.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/fast-forward.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/fast-forward.09408e11.svg");
/***/ }),
/***/ "./src/assets/svg/feedback.svg":
/*!*************************************!*\
!*** ./src/assets/svg/feedback.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/feedback.b5a469dd.svg");
/***/ }),
/***/ "./src/assets/svg/fullscreen-open.svg":
/*!********************************************!*\
!*** ./src/assets/svg/fullscreen-open.svg ***!
\********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/fullscreen-open.950e233f.svg");
/***/ }),
/***/ "./src/assets/svg/green-pause.svg":
/*!****************************************!*\
!*** ./src/assets/svg/green-pause.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/green-pause.1a02d7ce.svg");
/***/ }),
/***/ "./src/assets/svg/greenMark.svg":
/*!**************************************!*\
!*** ./src/assets/svg/greenMark.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/greenMark.ebc6eb50.svg");
/***/ }),
/***/ "./src/assets/svg/header-pause.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/header-pause.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/header-pause.310a1494.svg");
/***/ }),
/***/ "./src/assets/svg/header-play.svg":
/*!****************************************!*\
!*** ./src/assets/svg/header-play.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/header-play.a870f20e.svg");
/***/ }),
/***/ "./src/assets/svg/heart.svg":
/*!**********************************!*\
!*** ./src/assets/svg/heart.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/heart.292a54c0.svg");
/***/ }),
/***/ "./src/assets/svg/help.svg":
/*!*********************************!*\
!*** ./src/assets/svg/help.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/help.97316160.svg");
/***/ }),
/***/ "./src/assets/svg/hide.svg":
/*!*********************************!*\
!*** ./src/assets/svg/hide.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/hide.68bd4698.svg");
/***/ }),
/***/ "./src/assets/svg/home.svg":
/*!*********************************!*\
!*** ./src/assets/svg/home.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/home.b0bd113a.svg");
/***/ }),
/***/ "./src/assets/svg/ico_arrow_left.svg":
/*!*******************************************!*\
!*** ./src/assets/svg/ico_arrow_left.svg ***!
\*******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/ico_arrow_left.df56aa95.svg");
/***/ }),
/***/ "./src/assets/svg/legal.svg":
/*!**********************************!*\
!*** ./src/assets/svg/legal.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/legal.cad33cac.svg");
/***/ }),
/***/ "./src/assets/svg/like.svg":
/*!*********************************!*\
!*** ./src/assets/svg/like.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/like.2b0b96d3.svg");
/***/ }),
/***/ "./src/assets/svg/liked.svg":
/*!**********************************!*\
!*** ./src/assets/svg/liked.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/liked.b9dc1250.svg");
/***/ }),
/***/ "./src/assets/svg/logo-error.svg":
/*!***************************************!*\
!*** ./src/assets/svg/logo-error.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/logo-error.9d99bc4b.svg");
/***/ }),
/***/ "./src/assets/svg/mark-black.svg":
/*!***************************************!*\
!*** ./src/assets/svg/mark-black.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/mark-black.74b2a731.svg");
/***/ }),
/***/ "./src/assets/svg/mark.svg":
/*!*********************************!*\
!*** ./src/assets/svg/mark.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/mark.9f62e264.svg");
/***/ }),
/***/ "./src/assets/svg/maximize-2.svg":
/*!***************************************!*\
!*** ./src/assets/svg/maximize-2.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/maximize-2.0551355b.svg");
/***/ }),
/***/ "./src/assets/svg/message.svg":
/*!************************************!*\
!*** ./src/assets/svg/message.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/message.1f6485fa.svg");
/***/ }),
/***/ "./src/assets/svg/music_period.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/music_period.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/music_period.e97211d6.svg");
/***/ }),
/***/ "./src/assets/svg/new_search.svg":
/*!***************************************!*\
!*** ./src/assets/svg/new_search.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/new_search.4bb23f89.svg");
/***/ }),
/***/ "./src/assets/svg/next-disabled.svg":
/*!******************************************!*\
!*** ./src/assets/svg/next-disabled.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/next-disabled.fe93c784.svg");
/***/ }),
/***/ "./src/assets/svg/next.svg":
/*!*********************************!*\
!*** ./src/assets/svg/next.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/next.2671954b.svg");
/***/ }),
/***/ "./src/assets/svg/noRepeat.svg":
/*!*************************************!*\
!*** ./src/assets/svg/noRepeat.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/noRepeat.42bd83ce.svg");
/***/ }),
/***/ "./src/assets/svg/note.svg":
/*!*********************************!*\
!*** ./src/assets/svg/note.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/note.fbbef0da.svg");
/***/ }),
/***/ "./src/assets/svg/pause-circle.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/pause-circle.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/pause-circle.46c390dd.svg");
/***/ }),
/***/ "./src/assets/svg/pause.svg":
/*!**********************************!*\
!*** ./src/assets/svg/pause.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/pause.2dfed533.svg");
/***/ }),
/***/ "./src/assets/svg/play-button.svg":
/*!****************************************!*\
!*** ./src/assets/svg/play-button.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/play-button.ca4bccc6.svg");
/***/ }),
/***/ "./src/assets/svg/playRound.svg":
/*!**************************************!*\
!*** ./src/assets/svg/playRound.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/playRound.73c19ce1.svg");
/***/ }),
/***/ "./src/assets/svg/player-play.svg":
/*!****************************************!*\
!*** ./src/assets/svg/player-play.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/player-play.796a33fd.svg");
/***/ }),
/***/ "./src/assets/svg/playerReport.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/playerReport.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/playerReport.474f147c.svg");
/***/ }),
/***/ "./src/assets/svg/playlist.svg":
/*!*************************************!*\
!*** ./src/assets/svg/playlist.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/playlist.98ff6340.svg");
/***/ }),
/***/ "./src/assets/svg/podcast.svg":
/*!************************************!*\
!*** ./src/assets/svg/podcast.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/podcast.1a083fc5.svg");
/***/ }),
/***/ "./src/assets/svg/popups/alert.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/popups/alert.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/alert.1119f7e5.svg");
/***/ }),
/***/ "./src/assets/svg/postpone.svg":
/*!*************************************!*\
!*** ./src/assets/svg/postpone.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/postpone.9060bd13.svg");
/***/ }),
/***/ "./src/assets/svg/preloader.svg":
/*!**************************************!*\
!*** ./src/assets/svg/preloader.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/preloader.d57785e9.svg");
/***/ }),
/***/ "./src/assets/svg/prev-disabled.svg":
/*!******************************************!*\
!*** ./src/assets/svg/prev-disabled.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/prev-disabled.2096746d.svg");
/***/ }),
/***/ "./src/assets/svg/prev.svg":
/*!*********************************!*\
!*** ./src/assets/svg/prev.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/prev.36aa092b.svg");
/***/ }),
/***/ "./src/assets/svg/profile.svg":
/*!************************************!*\
!*** ./src/assets/svg/profile.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/profile.25f4a46d.svg");
/***/ }),
/***/ "./src/assets/svg/profileHeart.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/profileHeart.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/profileHeart.09fe9f2a.svg");
/***/ }),
/***/ "./src/assets/svg/profileRecommend.svg":
/*!*********************************************!*\
!*** ./src/assets/svg/profileRecommend.svg ***!
\*********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/profileRecommend.941989a9.svg");
/***/ }),
/***/ "./src/assets/svg/radio-player-logo.svg":
/*!**********************************************!*\
!*** ./src/assets/svg/radio-player-logo.svg ***!
\**********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/radio-player-logo.020ba5dd.svg");
/***/ }),
/***/ "./src/assets/svg/radio.svg":
/*!**********************************!*\
!*** ./src/assets/svg/radio.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/radio.77be10e1.svg");
/***/ }),
/***/ "./src/assets/svg/radioProgramm.svg":
/*!******************************************!*\
!*** ./src/assets/svg/radioProgramm.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/radioProgramm.742c422e.svg");
/***/ }),
/***/ "./src/assets/svg/radio_period.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/radio_period.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/radio_period.25c1c6a5.svg");
/***/ }),
/***/ "./src/assets/svg/red-dotes.svg":
/*!**************************************!*\
!*** ./src/assets/svg/red-dotes.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/red-dotes.e92c661c.svg");
/***/ }),
/***/ "./src/assets/svg/redMark.svg":
/*!************************************!*\
!*** ./src/assets/svg/redMark.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/redMark.77acc0f6.svg");
/***/ }),
/***/ "./src/assets/svg/redTrash.svg":
/*!*************************************!*\
!*** ./src/assets/svg/redTrash.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/redTrash.17994773.svg");
/***/ }),
/***/ "./src/assets/svg/repeat-disabled.svg":
/*!********************************************!*\
!*** ./src/assets/svg/repeat-disabled.svg ***!
\********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/repeat-disabled.c8aa3e1d.svg");
/***/ }),
/***/ "./src/assets/svg/repeat.svg":
/*!***********************************!*\
!*** ./src/assets/svg/repeat.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/repeat.2b5a96c1.svg");
/***/ }),
/***/ "./src/assets/svg/repeatAll.svg":
/*!**************************************!*\
!*** ./src/assets/svg/repeatAll.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/repeatAll.2c629521.svg");
/***/ }),
/***/ "./src/assets/svg/report.svg":
/*!***********************************!*\
!*** ./src/assets/svg/report.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/report.5e0de1e8.svg");
/***/ }),
/***/ "./src/assets/svg/reportX.svg":
/*!************************************!*\
!*** ./src/assets/svg/reportX.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/reportX.f803b477.svg");
/***/ }),
/***/ "./src/assets/svg/rightVector.svg":
/*!****************************************!*\
!*** ./src/assets/svg/rightVector.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/rightVector.e6509273.svg");
/***/ }),
/***/ "./src/assets/svg/search.svg":
/*!***********************************!*\
!*** ./src/assets/svg/search.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/search.7137dc91.svg");
/***/ }),
/***/ "./src/assets/svg/selected.svg":
/*!*************************************!*\
!*** ./src/assets/svg/selected.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/selected.4efb1765.svg");
/***/ }),
/***/ "./src/assets/svg/selectedQueue.svg":
/*!******************************************!*\
!*** ./src/assets/svg/selectedQueue.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/selectedQueue.2cd3c53f.svg");
/***/ }),
/***/ "./src/assets/svg/settings.svg":
/*!*************************************!*\
!*** ./src/assets/svg/settings.svg ***!
\*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/settings.f37f6cab.svg");
/***/ }),
/***/ "./src/assets/svg/settingsReport.svg":
/*!*******************************************!*\
!*** ./src/assets/svg/settingsReport.svg ***!
\*******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/settingsReport.1119f7e5.svg");
/***/ }),
/***/ "./src/assets/svg/share.svg":
/*!**********************************!*\
!*** ./src/assets/svg/share.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/share.84ad8440.svg");
/***/ }),
/***/ "./src/assets/svg/shareMenu.svg":
/*!**************************************!*\
!*** ./src/assets/svg/shareMenu.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/shareMenu.06b7f787.svg");
/***/ }),
/***/ "./src/assets/svg/shuffle.svg":
/*!************************************!*\
!*** ./src/assets/svg/shuffle.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/shuffle.500ac14f.svg");
/***/ }),
/***/ "./src/assets/svg/shuffling.svg":
/*!**************************************!*\
!*** ./src/assets/svg/shuffling.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/shuffling.25916b47.svg");
/***/ }),
/***/ "./src/assets/svg/sleep.svg":
/*!**********************************!*\
!*** ./src/assets/svg/sleep.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/sleep.b27a2641.svg");
/***/ }),
/***/ "./src/assets/svg/sorting-arrow.svg":
/*!******************************************!*\
!*** ./src/assets/svg/sorting-arrow.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/sorting-arrow.88f1272a.svg");
/***/ }),
/***/ "./src/assets/svg/sound_period.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/sound_period.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/sound_period.93744ba5.svg");
/***/ }),
/***/ "./src/assets/svg/speed-0.5.svg":
/*!**************************************!*\
!*** ./src/assets/svg/speed-0.5.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/speed-0.5.99da1709.svg");
/***/ }),
/***/ "./src/assets/svg/speed-1.5.svg":
/*!**************************************!*\
!*** ./src/assets/svg/speed-1.5.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/speed-1.5.98aa8f37.svg");
/***/ }),
/***/ "./src/assets/svg/speed-2.0.svg":
/*!**************************************!*\
!*** ./src/assets/svg/speed-2.0.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/speed-2.0.40bdb567.svg");
/***/ }),
/***/ "./src/assets/svg/squence.svg":
/*!************************************!*\
!*** ./src/assets/svg/squence.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/squence.07f49e0c.svg");
/***/ }),
/***/ "./src/assets/svg/star.svg":
/*!*********************************!*\
!*** ./src/assets/svg/star.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/star.13291a30.svg");
/***/ }),
/***/ "./src/assets/svg/stared.svg":
/*!***********************************!*\
!*** ./src/assets/svg/stared.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/stared.4095f633.svg");
/***/ }),
/***/ "./src/assets/svg/subscribe.svg":
/*!**************************************!*\
!*** ./src/assets/svg/subscribe.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/subscribe.d075c848.svg");
/***/ }),
/***/ "./src/assets/svg/time-sm.svg":
/*!************************************!*\
!*** ./src/assets/svg/time-sm.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/time-sm.7194732c.svg");
/***/ }),
/***/ "./src/assets/svg/timer-gray.svg":
/*!***************************************!*\
!*** ./src/assets/svg/timer-gray.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/timer-gray.be78b108.svg");
/***/ }),
/***/ "./src/assets/svg/tinder-dislike.svg":
/*!*******************************************!*\
!*** ./src/assets/svg/tinder-dislike.svg ***!
\*******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/tinder-dislike.2f78168d.svg");
/***/ }),
/***/ "./src/assets/svg/tinder-like.svg":
/*!****************************************!*\
!*** ./src/assets/svg/tinder-like.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/tinder-like.55a0d42e.svg");
/***/ }),
/***/ "./src/assets/svg/tinder-pause.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/tinder-pause.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/tinder-pause.63f118c3.svg");
/***/ }),
/***/ "./src/assets/svg/tinder-play.svg":
/*!****************************************!*\
!*** ./src/assets/svg/tinder-play.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/tinder-play.59de6ed2.svg");
/***/ }),
/***/ "./src/assets/svg/tnb-pic.svg":
/*!************************************!*\
!*** ./src/assets/svg/tnb-pic.svg ***!
\************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/tnb-pic.4f660b3d.svg");
/***/ }),
/***/ "./src/assets/svg/trash.svg":
/*!**********************************!*\
!*** ./src/assets/svg/trash.svg ***!
\**********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/trash.20eee6fb.svg");
/***/ }),
/***/ "./src/assets/svg/tune.svg":
/*!*********************************!*\
!*** ./src/assets/svg/tune.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/tune.67f1586e.svg");
/***/ }),
/***/ "./src/assets/svg/tuneActive.svg":
/*!***************************************!*\
!*** ./src/assets/svg/tuneActive.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/tuneActive.baf997f7.svg");
/***/ }),
/***/ "./src/assets/svg/unselectedQueue.svg":
/*!********************************************!*\
!*** ./src/assets/svg/unselectedQueue.svg ***!
\********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/unselectedQueue.6fef8393.svg");
/***/ }),
/***/ "./src/assets/svg/user.svg":
/*!*********************************!*\
!*** ./src/assets/svg/user.svg ***!
\*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/user.de05c3f3.svg");
/***/ }),
/***/ "./src/assets/svg/userDelete.svg":
/*!***************************************!*\
!*** ./src/assets/svg/userDelete.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/userDelete.d4647993.svg");
/***/ }),
/***/ "./src/assets/svg/vip-catalog.svg":
/*!****************************************!*\
!*** ./src/assets/svg/vip-catalog.svg ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/vip-catalog.302eab1b.svg");
/***/ }),
/***/ "./src/assets/svg/volume-off.svg":
/*!***************************************!*\
!*** ./src/assets/svg/volume-off.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/volume-off.671ab6b5.svg");
/***/ }),
/***/ "./src/assets/svg/volume.svg":
/*!***********************************!*\
!*** ./src/assets/svg/volume.svg ***!
\***********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/volume.468af61e.svg");
/***/ }),
/***/ "./src/assets/svg/white-cancel.svg":
/*!*****************************************!*\
!*** ./src/assets/svg/white-cancel.svg ***!
\*****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/white-cancel.9d73f838.svg");
/***/ }),
/***/ "./src/assets/svg/white-message-circle.svg":
/*!*************************************************!*\
!*** ./src/assets/svg/white-message-circle.svg ***!
\*************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/white-message-circle.417df6e0.svg");
/***/ }),
/***/ "./src/assets/svg/white-star.svg":
/*!***************************************!*\
!*** ./src/assets/svg/white-star.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/white-star.2b05dfe7.svg");
/***/ }),
/***/ "./src/assets/svg/whiteHeart.svg":
/*!***************************************!*\
!*** ./src/assets/svg/whiteHeart.svg ***!
\***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/whiteHeart.741243db.svg");
/***/ }),
/***/ "./src/assets/svg/whiteHelp.svg":
/*!**************************************!*\
!*** ./src/assets/svg/whiteHelp.svg ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/whiteHelp.ad35956a.svg");
/***/ }),
/***/ "./src/assets/svg/whiteThreeDot.svg":
/*!******************************************!*\
!*** ./src/assets/svg/whiteThreeDot.svg ***!
\******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/whiteThreeDot.f9047bc7.svg");
/***/ }),
/***/ "./src/assets/svg/x.svg":
/*!******************************!*\
!*** ./src/assets/svg/x.svg ***!
\******************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/media/x.13389985.svg");
/***/ }),
/***/ "./src/components/AlbumHeaderPlayer/AlbumHeaderPlayer.js":
/*!***************************************************************!*\
!*** ./src/components/AlbumHeaderPlayer/AlbumHeaderPlayer.js ***!
\***************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* WEBPACK VAR INJECTION */(function(__react_refresh_utils__, __react_refresh_error_overlay__) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
/* harmony import */ var redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! redux/Player/PlayerAction */ "./src/redux/Player/PlayerAction.js");
/* harmony import */ var assets_svg_pause_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! assets/svg/pause.svg */ "./src/assets/svg/pause.svg");
/* harmony import */ var assets_svg_pause_circle_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! assets/svg/pause-circle.svg */ "./src/assets/svg/pause-circle.svg");
/* harmony import */ var assets_svg_player_play_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! assets/svg/player-play.svg */ "./src/assets/svg/player-play.svg");
/* harmony import */ var _styles_albumHeaderPlayer_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styles/albumHeaderPlayer.scss */ "./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss");
/* harmony import */ var _styles_albumHeaderPlayer_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_styles_albumHeaderPlayer_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var static_DropDownData__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! static/DropDownData */ "./src/static/DropDownData.js");
/* harmony import */ var _FooterPlayer_components_MenuControl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../FooterPlayer/components/MenuControl */ "./src/components/FooterPlayer/components/MenuControl.js");
/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-use */ "./node_modules/react-use/esm/index.js");
/* harmony import */ var redux_Album_AlbumSelectors__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! redux/Album/AlbumSelectors */ "./src/redux/Album/AlbumSelectors.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/esm/react-router-dom.js");
/* harmony import */ var redux_Player_PlayerSelectors__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! redux/Player/PlayerSelectors */ "./src/redux/Player/PlayerSelectors.js");
/* harmony import */ var redux_playlist_playlistSelectors__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! redux/playlist/playlistSelectors */ "./src/redux/playlist/playlistSelectors.js");
/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react/jsx-dev-runtime */ "./node_modules/react/jsx-dev-runtime.js");
/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__);
__webpack_require__.$Refresh$.runtime = __webpack_require__(/*! ./node_modules/react-refresh/runtime.js */ "./node_modules/react-refresh/runtime.js");
__webpack_require__.$Refresh$.setup(module.i);
var _jsxFileName = "/app/src/components/AlbumHeaderPlayer/AlbumHeaderPlayer.js",
_s = __webpack_require__.$Refresh$.signature();
const AlbumHeaderPlayer = ({
blockHidden,
menu
}) => {
_s();
const playerState = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(store => store.player);
const currentTrackInfo = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(redux_Player_PlayerSelectors__WEBPACK_IMPORTED_MODULE_12__["currentPlayingTrackInfo"]);
const albumStateData = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(redux_Album_AlbumSelectors__WEBPACK_IMPORTED_MODULE_10__["getAlbumData"]);
const executorState = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(store => store.executor);
const listeningState = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(store => store.listening);
const playlistData = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(redux_playlist_playlistSelectors__WEBPACK_IMPORTED_MODULE_13__["getPlaylistData"]);
const [isLike, setIsLike] = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(false);
const [itemsIds, setItemsIds] = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])([]);
const [isIncludes, setIsIncludes] = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(false);
const dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
const context = Object(react_use__WEBPACK_IMPORTED_MODULE_9__["useLocation"])();
Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
var _albumStateData$feed, _albumStateData$feed$, _albumStateData$feed$2, _albumStateData$feed$3;
if (albumStateData.feed && (albumStateData === null || albumStateData === void 0 ? void 0 : (_albumStateData$feed = albumStateData.feed) === null || _albumStateData$feed === void 0 ? void 0 : (_albumStateData$feed$ = _albumStateData$feed.blocks) === null || _albumStateData$feed$ === void 0 ? void 0 : (_albumStateData$feed$2 = _albumStateData$feed$[0]) === null || _albumStateData$feed$2 === void 0 ? void 0 : (_albumStateData$feed$3 = _albumStateData$feed$2.items) === null || _albumStateData$feed$3 === void 0 ? void 0 : _albumStateData$feed$3.find(item => item.id === currentTrackInfo.id))) {
var _albumStateData$feed2, _albumStateData$feed3, _albumStateData$feed4, _albumStateData$feed5;
setIsLike(albumStateData === null || albumStateData === void 0 ? void 0 : (_albumStateData$feed2 = albumStateData.feed) === null || _albumStateData$feed2 === void 0 ? void 0 : (_albumStateData$feed3 = _albumStateData$feed2.blocks) === null || _albumStateData$feed3 === void 0 ? void 0 : (_albumStateData$feed4 = _albumStateData$feed3[0]) === null || _albumStateData$feed4 === void 0 ? void 0 : (_albumStateData$feed5 = _albumStateData$feed4.items) === null || _albumStateData$feed5 === void 0 ? void 0 : _albumStateData$feed5.find(item => item.id === currentTrackInfo.id).liked);
}
}, [albumStateData]);
Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
var _executorState$data, _executorState$data$f, _executorState$data$f2, _executorState$data$f3;
const tracks = (executorState === null || executorState === void 0 ? void 0 : (_executorState$data = executorState.data) === null || _executorState$data === void 0 ? void 0 : (_executorState$data$f = _executorState$data.feed) === null || _executorState$data$f === void 0 ? void 0 : (_executorState$data$f2 = _executorState$data$f.blocks) === null || _executorState$data$f2 === void 0 ? void 0 : (_executorState$data$f3 = _executorState$data$f2.find(el => el.kind === 'tracks')) === null || _executorState$data$f3 === void 0 ? void 0 : _executorState$data$f3.items) || [];
if (context.pathname.split('/')[1] === 'playlist') {
setItemsIds(playlistData.items.map(item => item.id));
} else if (context.pathname.split('/')[1] === 'albums') {
var _albumStateData$feed6, _albumStateData$feed7, _albumStateData$feed8, _albumStateData$feed9;
setItemsIds((_albumStateData$feed6 = albumStateData.feed) === null || _albumStateData$feed6 === void 0 ? void 0 : (_albumStateData$feed7 = _albumStateData$feed6.blocks) === null || _albumStateData$feed7 === void 0 ? void 0 : (_albumStateData$feed8 = _albumStateData$feed7[0]) === null || _albumStateData$feed8 === void 0 ? void 0 : (_albumStateData$feed9 = _albumStateData$feed8.items) === null || _albumStateData$feed9 === void 0 ? void 0 : _albumStateData$feed9.map(item => item.id));
} else if (context.pathname.split('/')[1] === 'recommended') {
setItemsIds(listeningState.data.items.map(item => item.id));
} else if (context.pathname.split('/')[2] === 'executor') {
setItemsIds(tracks.map(item => item.id));
}
}, [context.pathname.split('/')[1]]);
Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
if (itemsIds.includes(playerState.playingTrack.id)) {
setIsIncludes(true);
}
}, [itemsIds, playerState.playingTrack]);
const trackId = !playerState.loading && playerState.playingTrack.id;
const handlePlay = () => {
if (playerState.isPlaying && (context.pathname.split('/')[2] === playerState.playingTrack.source_id || context.pathname.split('/')[3] === playerState.playingTrack.source_id)) {
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["pausePlayingTrack"])(trackId));
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["handleTrackPlay"])(false));
} else if (!playerState.isPlaying && playerState.playingTrack.source_id && (context.pathname.split('/')[2] === playerState.playingTrack.source_id || context.pathname.split('/')[3] === playerState.playingTrack.source_id)) {
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["resumePlayingTrack"])(trackId));
} else if (isIncludes) {
if (playerState.isPlaying && !context.pathname.split('/')[2] && playerState.playingTrack.source_id === 'recommended_playlist') {
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["pausePlayingTrack"])(trackId));
} else if (!playerState.isPlaying && !context.pathname.split('/')[2] && playerState.playingTrack.source_id === 'recommended_playlist') {
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["resumePlayingTrack"])(trackId));
}
} else {
if (context.pathname.split('/')[2] && context.pathname.split('/')[2] !== 'executor') {
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["startPlayer"])(context.pathname.split('/')[2]));
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["handleTrackPlay"])(true));
} else if (context.pathname.split('/')[3]) {
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["startPlayer"])(context.pathname.split('/')[3]));
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["handleTrackPlay"])(true));
} else {
dispatch(Object(redux_Player_PlayerAction__WEBPACK_IMPORTED_MODULE_2__["startListeningPlaylist"])());
}
} // if (playerState.isPlaying && context.pathname.split('/')[2] === playerState.playingTrack.source_id) {
// dispatch(pausePlayingTrack(trackId));
// dispatch(handleTrackPlay(false));
// } else if (!playerState.isPlaying && playerState.playingTrack.source_id && context.pathname.split('/')[2] === playerState.playingTrack.source_id) {
// dispatch(resumePlayingTrack(trackId));
// } else {
// if (context.pathname.split('/')[2]) {
// dispatch(startPlayer(context.pathname.split('/')[2]));
// dispatch(handleTrackPlay(true));
// }
// }
};
return /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("div", {
className: "album-player",
children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("button", {
className: "album-button",
disabled: blockHidden,
onClick: handlePlay,
children: /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("img", {
src: isIncludes ? blockHidden ? assets_svg_pause_circle_svg__WEBPACK_IMPORTED_MODULE_4__["default"] : context.pathname.split('/')[3] === playerState.playingTrack.source_id ? playerState.isPlaying ? assets_svg_pause_svg__WEBPACK_IMPORTED_MODULE_3__["default"] : assets_svg_player_play_svg__WEBPACK_IMPORTED_MODULE_5__["default"] : context.pathname.split('/')[2] === playerState.playingTrack.source_id ? playerState.isPlaying ? assets_svg_pause_svg__WEBPACK_IMPORTED_MODULE_3__["default"] : assets_svg_player_play_svg__WEBPACK_IMPORTED_MODULE_5__["default"] : context.pathname === '/recommended' ? playerState.isPlaying ? assets_svg_pause_svg__WEBPACK_IMPORTED_MODULE_3__["default"] : assets_svg_player_play_svg__WEBPACK_IMPORTED_MODULE_5__["default"] : assets_svg_player_play_svg__WEBPACK_IMPORTED_MODULE_5__["default"] : assets_svg_player_play_svg__WEBPACK_IMPORTED_MODULE_5__["default"],
width: "32px",
height: "32px",
alt: "play"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 124,
columnNumber: 9
}, undefined)
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 123,
columnNumber: 7
}, undefined), isIncludes && menu && /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])(_FooterPlayer_components_MenuControl__WEBPACK_IMPORTED_MODULE_8__["MenuControl"], {
position: 'bottomRightArrowLeft',
isAlbum: true,
menu: blockHidden ? Object(static_DropDownData__WEBPACK_IMPORTED_MODULE_7__["unHide"])('Разблокировать') : menu(isLike),
itemId: context.pathname.split('/')[2],
contentType: 'music_track'
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 151,
columnNumber: 11
}, undefined), isIncludes && currentTrackInfo && /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("div", {
className: "album-track",
children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("img", {
src: currentTrackInfo.trackImg,
alt: 'img',
width: "32px",
height: "32px"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 165,
columnNumber: 11
}, undefined), /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("div", {
children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("div", {
className: "album-title",
children: currentTrackInfo.track
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 167,
columnNumber: 13
}, undefined), /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_14__["jsxDEV"])("div", {
children: currentTrackInfo.artist
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 170,
columnNumber: 13
}, undefined)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 166,
columnNumber: 11
}, undefined)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 164,
columnNumber: 9
}, undefined)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 122,
columnNumber: 5
}, undefined);
};
_s(AlbumHeaderPlayer, "Aso2AWNARHO5GrpzS7conBM+Md8=", false, function () {
return [react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"], react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"], react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"], react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"], react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"], react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"], react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"], react_use__WEBPACK_IMPORTED_MODULE_9__["useLocation"]];
});
_c = AlbumHeaderPlayer;
/* harmony default export */ __webpack_exports__["default"] = (AlbumHeaderPlayer);
var _c;
__webpack_require__.$Refresh$.register(_c, "AlbumHeaderPlayer");
const currentExports = __react_refresh_utils__.getModuleExports(module.i);
__react_refresh_utils__.registerExportsForReactRefresh(currentExports, module.i);
if (true) {
const isHotUpdate = !!module.hot.data;
const prevExports = isHotUpdate ? module.hot.data.prevExports : null;
if (__react_refresh_utils__.isReactRefreshBoundary(currentExports)) {
module.hot.dispose(
/**
* A callback to performs a full refresh if React has unrecoverable errors,
* and also caches the to-be-disposed module.
* @param {*} data A hot module data object from Webpack HMR.
* @returns {void}
*/
function hotDisposeCallback(data) {
// We have to mutate the data object to get data registered and cached
data.prevExports = currentExports;
}
);
module.hot.accept(
/**
* An error handler to allow self-recovering behaviours.
* @param {Error} error An error occurred during evaluation of a module.
* @returns {void}
*/
function hotErrorHandler(error) {
if (
typeof __react_refresh_error_overlay__ !== 'undefined' &&
__react_refresh_error_overlay__
) {
__react_refresh_error_overlay__.handleRuntimeError(error);
}
if (typeof __react_refresh_test__ !== 'undefined' && __react_refresh_test__) {
if (window.onHotAcceptError) {
window.onHotAcceptError(error.message);
}
}
__webpack_require__.c[module.i].hot.accept(hotErrorHandler);
}
);
if (isHotUpdate) {
if (
__react_refresh_utils__.isReactRefreshBoundary(prevExports) &&
__react_refresh_utils__.shouldInvalidateReactRefreshBoundary(prevExports, currentExports)
) {
module.hot.invalidate();
} else {
__react_refresh_utils__.enqueueUpdate(
/**
* A function to dismiss the error overlay after performing React refresh.
* @returns {void}
*/
function updateCallback() {
if (
typeof __react_refresh_error_overlay__ !== 'undefined' &&
__react_refresh_error_overlay__
) {
__react_refresh_error_overlay__.clearRuntimeErrors();
}
}
);
}
}
} else {
if (isHotUpdate && __react_refresh_utils__.isReactRefreshBoundary(prevExports)) {
module.hot.invalidate();
}
}
}
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ "./node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"), __webpack_require__(/*! ./node_modules/react-dev-utils/refreshOverlayInterop.js */ "./node_modules/react-dev-utils/refreshOverlayInterop.js")))
/***/ }),
/***/ "./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss":
/*!************************************************************************!*\
!*** ./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss ***!
\************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
var api = __webpack_require__(/*! ../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!../../../../node_modules/postcss-loader/src??postcss!../../../../node_modules/resolve-url-loader??ref--5-oneOf-6-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./albumHeaderPlayer.scss */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss");
content = content.__esModule ? content.default : content;
if (typeof content === 'string') {
content = [[module.i, content, '']];
}
var options = {};
options.insert = "head";
options.singleton = false;
var update = api(content, options);
if (true) {
if (!content.locals || module.hot.invalidate) {
var isEqualLocals = function isEqualLocals(a, b, isNamedExport) {
if (!a && b || a && !b) {
return false;
}
var p;
for (p in a) {
if (isNamedExport && p === 'default') {
// eslint-disable-next-line no-continue
continue;
}
if (a[p] !== b[p]) {
return false;
}
}
for (p in b) {
if (isNamedExport && p === 'default') {
// eslint-disable-next-line no-continue
continue;
}
if (!a[p]) {
return false;
}
}
return true;
};
var oldLocals = content.locals;
module.hot.accept(
/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!../../../../node_modules/postcss-loader/src??postcss!../../../../node_modules/resolve-url-loader??ref--5-oneOf-6-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./albumHeaderPlayer.scss */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss",
function () {
content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!../../../../node_modules/postcss-loader/src??postcss!../../../../node_modules/resolve-url-loader??ref--5-oneOf-6-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./albumHeaderPlayer.scss */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/dist/cjs.js?!./src/components/AlbumHeaderPlayer/styles/albumHeaderPlayer.scss");
content = content.__esModule ? content.default : content;
if (typeof content === 'string') {
content = [[module.i, content, '']];
}
if (!isEqualLocals(oldLocals, content.locals)) {
module.hot.invalidate();
return;
}
oldLocals = content.locals;
update(content);
}
)
}
module.hot.dispose(function() {
update();
});
}
module.exports = content.locals || {};
/***/ }),
/***/ "./src/components/AudiobookDrawer/index.js":
/*!*************************************************!*\
!*** ./src/components/AudiobookDrawer/index.js ***!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment