/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/video.js/dist/video-js.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
       user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/cropperjs/dist/cropper.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
/*!
 * Cropper.js v1.5.9
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-10T13:16:21.689Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/prose/lib/style/prosemirror.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.ProseMirror {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection *::-moz-selection { background: transparent; }
.ProseMirror-hideselection { caret-color: transparent; }

/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
.ProseMirror [draggable][contenteditable=false] { -webkit-user-select: text; user-select: text }

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */

li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px; top: -2px; bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/* Protect against generic img rules */

img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/kit/lib/prose/view/style/prosemirror.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wcm9zZS92aWV3L3N0eWxlL3Byb3NlbWlycm9yLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJwcm9zZW1pcnJvci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICdAbWlsa2Rvd24vcHJvc2Uvdmlldy9zdHlsZS9wcm9zZW1pcnJvci5jc3MnO1xuIl19 */
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/prosemirror.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/


/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/reset.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.milkdown {
  position: relative;
}

  .milkdown * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .milkdown button,
  .milkdown input {
    border: none;
    background: none;
    box-shadow: none;
  }

  .milkdown button:focus, .milkdown input:focus {
      outline: none;
    }

  .milkdown :focus-visible {
    outline: none;
  }

  .milkdown {

  font-family: var(--crepe-font-default);
  color: var(--crepe-color-on-background);
  background: var(--crepe-color-background);
}

  .milkdown .milkdown-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .milkdown .ProseMirror-focused {
    outline: none;
  }

  .milkdown .ProseMirror {
    padding: 60px 120px;
  }

  .milkdown .ProseMirror *::selection {
      background: var(--crepe-color-selected);
    }

  .milkdown .ProseMirror li.ProseMirror-selectednode {
      background: var(--crepe-color-selected);
      outline: none;
    }

  .milkdown .ProseMirror li.ProseMirror-selectednode ::selection {
        background: transparent;
      }

  .milkdown .ProseMirror li.ProseMirror-selectednode::selection {
        background: transparent;
      }

  .milkdown .ProseMirror li.ProseMirror-selectednode:after {
      all: unset;
    }

  .milkdown .ProseMirror .ProseMirror-selectednode {
      background: var(--crepe-color-selected);
      outline: none;
      background: color-mix(
        in srgb,
        var(--crepe-color-selected),
        transparent 60%
      );
    }

  .milkdown .ProseMirror .ProseMirror-selectednode ::selection {
        background: transparent;
      }

  .milkdown .ProseMirror .ProseMirror-selectednode::selection {
        background: transparent;
      }

  .milkdown .ProseMirror[data-dragging='true'] .ProseMirror-selectednode,
      .milkdown .ProseMirror[data-dragging='true']::selection,
      .milkdown .ProseMirror[data-dragging='true'] *::selection {
        background: transparent;
      }

  .milkdown .ProseMirror[data-dragging='true'] input::selection {
        background: var(--crepe-color-selected);
      }

  .milkdown .ProseMirror img {
      vertical-align: bottom;
      max-width: 100%;
    }

  .milkdown .ProseMirror img.ProseMirror-selectednode {
        background: none;
        outline: 2px solid var(--crepe-color-primary);
      }

  .milkdown .ProseMirror h1,
    .milkdown .ProseMirror h2,
    .milkdown .ProseMirror h3,
    .milkdown .ProseMirror h4,
    .milkdown .ProseMirror h5,
    .milkdown .ProseMirror h6 {
      font-family: var(--crepe-font-title);
      font-weight: 400;
      padding: 2px 0;
    }

  .milkdown .ProseMirror h1 {
      font-size: 42px;
      line-height: 50px;
      margin-top: 32px;
    }

  .milkdown .ProseMirror h2 {
      font-size: 36px;
      line-height: 44px;
      margin-top: 28px;
    }

  .milkdown .ProseMirror h3 {
      font-size: 32px;
      line-height: 40px;
      margin-top: 24px;
    }

  .milkdown .ProseMirror h4 {
      font-size: 28px;
      line-height: 36px;
      margin-top: 20px;
    }

  .milkdown .ProseMirror h5 {
      font-size: 24px;
      line-height: 32px;
      margin-top: 16px;
    }

  .milkdown .ProseMirror h6 {
      font-size: 18px;
      font-weight: 700;
      line-height: 28px;
      margin-top: 16px;
    }

  .milkdown .ProseMirror p {
      font-size: 16px;
      line-height: 24px;
      padding: 4px 0;
    }

  .milkdown .ProseMirror code {
      color: var(--crepe-color-inline-code);
      background: color-mix(
        in srgb,
        var(--crepe-color-inline-area),
        transparent 40%
      );
      font-family: var(--crepe-font-code);
      padding: 0 2px;
      border-radius: 4px;
      font-size: 87.5%;
      display: inline-block;
      line-height: 1.4286;
    }

  .milkdown .ProseMirror a {
      color: var(--crepe-color-primary);
      text-decoration: underline;
    }

  .milkdown .ProseMirror pre {
      background: color-mix(
        in srgb,
        var(--crepe-color-inline-area),
        transparent 40%
      );
      padding: 10px;
      border-radius: 4px;
    }

  .milkdown .ProseMirror pre code {
        padding: 0;
        background: transparent;
      }

  .milkdown .ProseMirror blockquote {
      position: relative;
      padding-left: 40px;
      padding-top: 0;
      padding-bottom: 0;
      box-sizing: content-box;
      margin: 4px 0;
    }

  .milkdown .ProseMirror blockquote::before {
        content: '';
        width: 4px;
        left: 0;
        top: 4px;
        bottom: 4px;
        position: absolute;
        background: var(--crepe-color-selected);
        border-radius: 100px;
      }

  .milkdown .ProseMirror blockquote hr {
        margin-bottom: 16px;
      }

  .milkdown .ProseMirror hr {
      border: none;
      background-color: color-mix(
        in srgb,
        var(--crepe-color-outline),
        transparent 80%
      );
      background-clip: content-box;
      padding: 6px 0;
      height: 13px;
      position: relative;
    }

  .milkdown .ProseMirror hr.ProseMirror-selectednode {
        outline: none;
        background-color: color-mix(
          in srgb,
          var(--crepe-color-outline),
          transparent 20%
        );
        background-clip: content-box;
      }

  .milkdown .ProseMirror hr.ProseMirror-selectednode::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          background-color: color-mix(
            in srgb,
            var(--crepe-color-outline),
            transparent 80%
          );
          pointer-events: none;
        }

  .milkdown .ProseMirror ul,
    .milkdown .ProseMirror ol {
      padding: 0;
    }

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/block-edit.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.milkdown .milkdown-block-handle[data-show='false'] {
      opacity: 0;
      pointer-events: none;
    }
    .milkdown .milkdown-block-handle {
    transition: all 0.2s;
    position: absolute;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
    .milkdown .milkdown-block-handle .operation-item {
      border-radius: 4px;
      width: 32px;
      height: 32px;
      padding: 4px;
    }
    .milkdown .milkdown-block-handle .operation-item svg {
        width: 24px;
        height: 24px;
        fill: var(--crepe-color-outline);
      }
    .milkdown .milkdown-block-handle .operation-item:hover {
        background: var(--crepe-color-hover);
      }
    .milkdown .milkdown-block-handle .operation-item.active {
        background: var(--crepe-color-selected);
      }
  .milkdown .milkdown-slash-menu[data-show='false'] {
      display: none;
    }
  .milkdown .milkdown-slash-menu {
    position: absolute;
    z-index: 10;
    display: block;
    font-family: var(--crepe-font-default);
    color: var(--crepe-color-on-surface);
    background: var(--crepe-color-surface);
    border-radius: 12px;
    box-shadow: var(--crepe-shadow-1);
}
  .milkdown .milkdown-slash-menu ul {
      list-style-type: none;
    }
  .milkdown .milkdown-slash-menu ul li {
        cursor: pointer;
        border-radius: 8px;
      }
  .milkdown .milkdown-slash-menu .tab-group {
      border-bottom: 1px solid
        color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
      padding: 12px 12px 0;
    }
  .milkdown .milkdown-slash-menu .tab-group ul {
        padding: 8px 10px;
        display: flex;
        gap: 10px;
        flex-wrap: nowrap;
      }
  .milkdown .milkdown-slash-menu .tab-group ul li {
          padding: 6px 10px;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 20px;
        }
  .milkdown .milkdown-slash-menu .tab-group ul li:hover {
            background: var(--crepe-color-hover);
          }
  .milkdown .milkdown-slash-menu .tab-group ul li.selected {
            background: var(--crepe-color-selected);
          }
  .milkdown .milkdown-slash-menu .menu-groups {
      padding: 0 12px 12px;
      max-height: 420px;
      overflow: auto;
      overscroll-behavior: contain;
      scroll-behavior: smooth;
    }
  .milkdown .milkdown-slash-menu .menu-groups .menu-group h6 {
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 20px;
          padding: 14px 10px;
          text-transform: uppercase;
          color: color-mix(
            in srgb,
            var(--crepe-color-on-surface),
            transparent 40%
          );
        }
  .milkdown .milkdown-slash-menu .menu-groups .menu-group li {
          min-width: 220px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 16px;
          padding: 14px 10px;
        }
  .milkdown .milkdown-slash-menu .menu-groups .menu-group li.hover {
            background: var(--crepe-color-hover);
          }
  .milkdown .milkdown-slash-menu .menu-groups .menu-group li.active {
            background: var(--crepe-color-selected);
          }
  .milkdown .milkdown-slash-menu .menu-groups .menu-group li svg {
            width: 24px;
            height: 24px;
            color: var(--crepe-color-outline);
            fill: var(--crepe-color-outline);
          }
  .milkdown .milkdown-slash-menu .menu-groups .menu-group li > span {
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
          }
  .milkdown .milkdown-slash-menu .menu-groups .menu-group + .menu-group::before {
        content: '';
        display: block;
        height: 1px;
        background: color-mix(
          in srgb,
          var(--crepe-color-outline),
          transparent 80%
        );
        margin: 0 10px;
      }

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/code-mirror.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.milkdown .milkdown-code-block {
    display: block;
    position: relative;
    padding: 8px 20px 20px;
    background: var(--crepe-color-surface);
    margin: 4px 0;
  }

    .milkdown .milkdown-code-block .language-picker {
      padding-top: 10px;
      width: max-content;
      position: absolute;
      z-index: 999;
    }

    .milkdown .milkdown-code-block .hidden {
      display: none !important;
    }

    .milkdown .milkdown-code-block.selected {
      outline: 1px solid var(--crepe-color-primary);
    }

    .milkdown .milkdown-code-block .cm-editor {
      outline: none !important;
      background: var(--crepe-color-surface);
    }

    .milkdown .milkdown-code-block .cm-gutters {
      border-right: none;
      background: var(--crepe-color-surface);
    }

    .milkdown .milkdown-code-block .cm-panel {
      font-family: var(--crepe-font-default);
      background: var(--crepe-color-surface);
      color: var(--crepe-color-on-surface);
    }

    .milkdown .milkdown-code-block .cm-panel input {
        caret-color: var(--crepe-color-outline);
        border-radius: 4px;
        background: var(--crepe-color-surface-low);
      }

    .milkdown .milkdown-code-block .cm-panel > button {
        text-transform: capitalize;
        background: var(--crepe-color-surface-low);
        color: var(--crepe-color-on-surface-variant);
        border: 1px solid var(--crepe-color-outline);
        font-weight: 600;
        cursor: pointer;
        border-radius: 4px;
      }

    .milkdown .milkdown-code-block .cm-panel > button:hover {
          background: var(--crepe-color-hover);
        }

    .milkdown .milkdown-code-block .cm-panel > label {
        display: inline-flex;
        align-items: center;
        text-transform: capitalize;
      }

    .milkdown .milkdown-code-block .cm-panel > label input[type='checkbox'] {
          border-radius: 4px;
          cursor: pointer;
          appearance: none;
          -webkit-appearance: none;
          background: var(--crepe-color-surface-low);
          width: 1.15em;
          height: 1.15em;
          border: 1px solid var(--crepe-color-outline);
          display: grid;
          place-content: center;
        }

    .milkdown .milkdown-code-block .cm-panel > label input[type='checkbox']::before {
            content: '';
            transform-origin: bottom left;
            width: 0.65em;
            height: 0.65em;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em var(--crepe-color-outline);
            clip-path: polygon(
              14% 44%,
              0 65%,
              50% 100%,
              100% 16%,
              80% 0%,
              43% 62%
            );
          }

    .milkdown .milkdown-code-block .cm-panel > label input[type='checkbox']:checked::before {
            transform: scale(1);
          }

    .milkdown .milkdown-code-block .tools {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .milkdown .milkdown-code-block .tools input {
        caret-color: var(--crepe-color-outline);
      }

    .milkdown .milkdown-code-block .tools .tools-button-group {
        display: flex;
        gap: 2px;
      }

    .milkdown .milkdown-code-block .tools .tools-button-group button {
          background: var(--crepe-color-secondary);
          color: var(--crepe-color-on-surface-variant);
          padding: 4px 10px;
          opacity: 0;
          cursor: pointer;
          border-radius: 4px;
          font-size: 12px;
          line-height: 16px;
          font-weight: 600;
          font-family: var(--crepe-font-default);
          transition: opacity 0.2s ease-in-out;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 4px;
        }

    .milkdown .milkdown-code-block .tools .tools-button-group button svg {
            width: 14px;
            height: 14px;
            fill: var(--crepe-color-on-surface-variant);
          }

    .milkdown .milkdown-code-block .tools .tools-button-group button:first-child {
          border-top-left-radius: 100px;
          border-bottom-left-radius: 100px;
        }

    .milkdown .milkdown-code-block .tools .tools-button-group button:last-child {
          border-top-right-radius: 100px;
          border-bottom-right-radius: 100px;
        }

    .milkdown .milkdown-code-block .tools .language-button {
        display: flex;
        align-items: center;
        font-family: var(--crepe-font-default);
        gap: 6px;
        padding: 2px 4px 2px 8px;
        background: var(--crepe-color-surface-low);
        color: var(--crepe-color-on-surface-variant);
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 8px;
        opacity: 0;
        cursor: pointer;
        transition: opacity 0.2s ease-in-out;
      }

    .milkdown .milkdown-code-block .tools .language-button:hover {
          background: var(--crepe-color-hover);
        }

    .milkdown .milkdown-code-block .tools .language-button .expand-icon {
          transition: transform 0.2s ease-in-out;
          width: 18px;
          height: 18px;
          display: flex;
          justify-content: center;
          align-items: center;
        }

    .milkdown .milkdown-code-block .tools .language-button .expand-icon svg {
          width: 14px;
          height: 14px;
          color: var(--crepe-color-outline);
        }

    .milkdown .milkdown-code-block .tools .language-button[data-expanded='true'] .expand-icon {
          transform: rotate(180deg);
        }

    .milkdown .milkdown-code-block .tools .language-button .expand-icon svg:focus,
        .milkdown .milkdown-code-block .tools .language-button .expand-icon:focus-visible {
          outline: none;
        }

    .milkdown .milkdown-code-block:hover .language-button {
      opacity: 1;
    }

    .milkdown .milkdown-code-block:hover .tools-button-group > button {
      opacity: 1;
    }

    .milkdown .milkdown-code-block .list-wrapper {
      background: var(--crepe-color-surface-low);
      border-radius: 12px;
      box-shadow: var(--crepe-shadow-1);
      width: 240px;
      padding-top: 12px;
    }

    .milkdown .milkdown-code-block .language-list {
      height: 410px;
      overflow-y: auto;
      overscroll-behavior: contain;
      margin: 0;
      padding: 0;
    }

    .milkdown .milkdown-code-block .language-list-item {
      cursor: pointer;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 4px 22px;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
    }

    .milkdown .milkdown-code-block .language-list-item:hover {
        background: var(--crepe-color-hover);
      }

    .milkdown .milkdown-code-block .language-list-item:focus-visible {
        outline: none;
        background: var(--crepe-color-hover);
      }

    .milkdown .milkdown-code-block .language-list-item .leading,
      .milkdown .milkdown-code-block .language-list-item .leading svg {
        width: 24px;
        height: 24px;
      }

    .milkdown .milkdown-code-block .language-list-item.no-result {
        cursor: default;
        opacity: 0.6;
      }

    .milkdown .milkdown-code-block .language-list-item.no-result:hover {
          background: transparent;
        }

    .milkdown .milkdown-code-block .search-box {
      display: flex;
      align-items: center;
      margin: 0 12px 8px;
      background: transparent;
      border-radius: 4px;
      outline: 1px solid var(--crepe-color-primary);
      gap: 8px;
      padding: 6px 10px;
    }

    .milkdown .milkdown-code-block .search-box:has(input:focus) {
        outline: 2px solid var(--crepe-color-primary);
      }

    .milkdown .milkdown-code-block .search-box .search-input {
        width: 100%;
        color: var(--crepe-color-on-surface);
      }

    .milkdown .milkdown-code-block .search-box .search-icon {
        display: none;
      }

    .milkdown .milkdown-code-block .search-box .clear-icon {
        cursor: pointer;
        width: 20px;
        height: 20px;
      }

    .milkdown .milkdown-code-block .search-box .clear-icon svg {
          width: 20px;
          height: 20px;
          color: var(--crepe-color-primary);
          fill: var(--crepe-color-primary);
        }

    .milkdown .milkdown-code-block .search-box .clear-icon:hover {
          background: var(--crepe-color-hover);
        }

    .milkdown .milkdown-code-block .search-box input {
        font-family: var(--crepe-font-default);
        font-size: 14px;
        line-height: 20px;
        background: transparent;
      }

    .milkdown .milkdown-code-block .search-box input:focus {
        outline: none;
      }

    .milkdown .milkdown-code-block .preview-panel .preview-divider {
        height: 1px;
        opacity: 0.2;
        background: var(--crepe-color-outline);
        margin: 6px 0;
      }

    .milkdown .milkdown-code-block .preview-panel .preview-label {
        margin: 6px 0;
        font-size: 12px;
        color: color-mix(
          in srgb,
          var(--crepe-color-on-surface),
          transparent 40%
        );
        font-weight: 600;
        text-transform: uppercase;
        font-family: var(--crepe-font-default);
      }

    .milkdown .milkdown-code-block .preview-panel .preview {
        text-align: center;
        overflow-x: auto;
      }

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/prose/lib/style/gapcursor.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}

.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}

.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/kit/lib/prose/gapcursor/style/gapcursor.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wcm9zZS9nYXBjdXJzb3Ivc3R5bGUvZ2FwY3Vyc29yLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJnYXBjdXJzb3IuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnQG1pbGtkb3duL3Byb3NlL2dhcGN1cnNvci9zdHlsZS9nYXBjdXJzb3IuY3NzJztcbiJdfQ== */
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/prosemirror-virtual-cursor/style/virtual-cursor.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.ProseMirror.virtual-cursor-enabled {
  /* Hide the native cursor */
  caret-color: transparent;
}

.ProseMirror-focused {
  /* Color of the virtual cursor */
  --prosemirror-virtual-cursor-color: red;
}

.ProseMirror .prosemirror-virtual-cursor {
  position: absolute;
  cursor: text;
  pointer-events: none;
  transform: translate(-1px);
  user-select: none;
  -webkit-user-select: none;
  border-left: 2px solid var(--prosemirror-virtual-cursor-color);
}

.ProseMirror .prosemirror-virtual-cursor-left {
  width: 1ch;
  transform: translate(calc(-1ch + -1px));
  border-bottom: 2px solid var(--prosemirror-virtual-cursor-color);
  border-right: 2px solid var(--prosemirror-virtual-cursor-color);
  border-left: none;
}

.ProseMirror .prosemirror-virtual-cursor-right {
  width: 1ch;
  border-bottom: 2px solid var(--prosemirror-virtual-cursor-color);
  border-left: 2px solid var(--prosemirror-virtual-cursor-color);
  border-right: none;
}

.ProseMirror-focused .prosemirror-virtual-cursor-animation {
  animation: prosemirror-virtual-cursor-blink 1s linear infinite;
  animation-delay: 0.5s;
}

@keyframes prosemirror-virtual-cursor-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/cursor.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.milkdown .crepe-drop-cursor {
    background-color: color-mix(
      in srgb,
      var(--crepe-color-outline),
      transparent 50%
    );
    opacity: 0.5;
    transition: all 0.2s;
    pointer-events: none;
  }

.milkdown .ProseMirror-gapcursor:after {
    box-sizing: border-box;
    border-top: 1px solid var(--crepe-color-on-background);
  }

.milkdown .ProseMirror-focused {
    --prosemirror-virtual-cursor-color: var(--crepe-color-outline);
  }

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/image-block.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.milkdown .milkdown-image-inline {
    outline: none;
    display: inline-flex;
    vertical-align: text-bottom;
  }

    .milkdown .milkdown-image-inline input {
      background: transparent;
      outline: none;
      border: 0;
      caret-color: var(--crepe-color-outline);
    }

    .milkdown .milkdown-image-inline > .empty-image-inline {
      display: inline-flex;
    }

    .milkdown .milkdown-image-inline > .empty-image-inline .confirm {
      cursor: pointer;
    }

    .milkdown .milkdown-image-inline > .empty-image-inline .link-importer {
      position: relative;
      flex: 1;
    }

    .milkdown .milkdown-image-inline > .empty-image-inline .link-importer > .link-input-area {
      width: 208px;
      color: var(--crepe-color-on-background);
      display: flex;
    }

    .milkdown .milkdown-image-inline > .empty-image-inline .link-importer .placeholder {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      cursor: text;
    }

    .milkdown .milkdown-image-inline > .empty-image-inline .link-importer .placeholder .uploader {
      cursor: pointer;
      display: flex;
    }

    .milkdown .milkdown-image-inline .hidden {
      display: none !important;
    }

    .milkdown .milkdown-image-inline.empty.selected {
      background: none;
      outline: none;
    }

    .milkdown .milkdown-image-inline.empty.selected .empty-image-inline {
        box-shadow: var(--crepe-shadow-1);
      }

    .milkdown .milkdown-image-inline.selected {
      background: none;
      outline: 1px solid var(--crepe-color-primary);
    }

    .milkdown .milkdown-image-inline.selected :not(input)::selection {
        background: transparent;
      }

    .milkdown .milkdown-image-inline .empty-image-inline {
      align-items: center;
      padding: 4px 10px;
      gap: 10px;
      background: var(--crepe-color-surface);
      font-family: var(--crepe-font-default);
      border-radius: 8px;
      font-size: 16px;
    }

    .milkdown .milkdown-image-inline .empty-image-inline .image-icon svg {
        width: 18px;
        height: 18px;
        fill: var(--crepe-color-outline);
      }

    .milkdown .milkdown-image-inline .empty-image-inline .image-icon {
      padding: 3px;
      width: 24px;
      height: 24px;
}

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer {
      height: 24px;
    }

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder {
      color: color-mix(
        in srgb,
        var(--crepe-color-on-background),
        transparent 60%
      );
    }

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder :not(input)::selection {
        background: transparent;
      }

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer .link-input-area {
      line-height: 24px;
    }

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader {
      gap: 8px;
      color: var(--crepe-color-primary);
      justify-content: center;
      transition: color 0.2s;
      font-family: var(--crepe-font-default);
    }

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer.focus .placeholder .uploader {
      color: unset;
    }

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader:hover {
      color: var(--crepe-color-primary);
    }

    .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .text {
      margin-left: 8px;
    }

    .milkdown .milkdown-image-inline .empty-image-inline .confirm svg {
        width: 18px;
        height: 18px;
      }

    .milkdown .milkdown-image-inline .empty-image-inline .confirm {
      display: flex;
      width: 24px;
      height: 24px;
      padding: 3px;
      border-radius: 8px;
      color: var(--crepe-color-primary);
}

    .milkdown .milkdown-image-inline .empty-image-inline .confirm:hover {
        background: var(--crepe-color-hover);
      }
  .milkdown .milkdown-image-block {
    outline: none;
    margin: 4px 0;
    display: block;
  }
  .milkdown .milkdown-image-block > .image-wrapper {
      position: relative;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
      min-width: 100px;
    }
  .milkdown .milkdown-image-block > .image-wrapper .operation {
      position: absolute;
      display: flex;
    }
  .milkdown .milkdown-image-block > .image-wrapper .operation > .operation-item {
      cursor: pointer;
    }
  .milkdown .milkdown-image-block > .image-wrapper img {
      max-width: 100%;
      min-height: 100px;
      display: block;
      object-fit: cover;
    }
  .milkdown .milkdown-image-block > .image-wrapper > .image-resize-handle {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
  .milkdown .milkdown-image-block > .image-wrapper > .image-resize-handle:hover {
      cursor: row-resize;
    }
  .milkdown .milkdown-image-block input {
      background: transparent;
      outline: none;
      border: 0;
      caret-color: var(--crepe-color-outline);
    }
  .milkdown .milkdown-image-block > .caption-input {
      display: block;
      width: 100%;
      text-align: center;
      color: var(--crepe-color-on-background);
    }
  .milkdown .milkdown-image-block > .image-edit {
      display: flex;
    }
  .milkdown .milkdown-image-block > .image-edit .confirm {
      cursor: pointer;
    }
  .milkdown .milkdown-image-block > .image-edit .link-importer {
      position: relative;
      flex: 1;
    }
  .milkdown .milkdown-image-block > .image-edit .link-importer > .link-input-area {
      width: 100%;
    }
  .milkdown .milkdown-image-block > .image-edit .link-importer .placeholder {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      cursor: text;
    }
  .milkdown .milkdown-image-block > .image-edit .link-importer .placeholder .uploader {
      cursor: pointer;
      display: flex;
    }
  .milkdown .milkdown-image-block .hidden {
      display: none !important;
    }
  .milkdown .milkdown-image-block.selected > .image-edit:not(:has(input:focus)) {
      position: relative;
    }
  .milkdown .milkdown-image-block.selected > .image-edit:not(:has(input:focus))::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: color-mix(
          in srgb,
          var(--crepe-color-selected),
          transparent 60%
        );
        pointer-events: none;
      }
  .milkdown .milkdown-image-block.selected > .image-wrapper {
        position: relative;
      }
  .milkdown .milkdown-image-block.selected > .image-wrapper::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: color-mix(
            in srgb,
            var(--crepe-color-selected),
            transparent 60%
          );
        }
  .milkdown .milkdown-image-block.selected :not(input)::selection {
        background: transparent;
      }
  .milkdown .milkdown-image-block .image-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  .milkdown .milkdown-image-block .image-wrapper .operation {
      gap: 12px;
      right: 12px;
      top: 12px;
      opacity: 0;
      transition: all 0.2s;
    }
  .milkdown .milkdown-image-block:hover > .image-wrapper .operation {
      opacity: 1;
    }
  .milkdown .milkdown-image-block .image-wrapper .operation > .operation-item {
      color: var(--crepe-color-on-inverse);
      padding: 4px;
      background: var(--crepe-color-inverse);
      opacity: 0.6;
      border-radius: 50%;
      width: 32px;
      height: 32px;
    }
  .milkdown .milkdown-image-block .image-wrapper .operation > .operation-item svg {
        width: 24px;
        height: 24px;
      }
  .milkdown .milkdown-image-block .image-wrapper .image-resize-handle {
      height: 4px;
      bottom: -2px;
      max-width: 160px;
      width: 100%;
      background: var(--crepe-color-outline);
      opacity: 0;
      transition: all 0.2s;
      border-radius: 4px;
    }
  .milkdown .milkdown-image-block:hover > .image-wrapper .image-resize-handle {
      opacity: 1;
    }
  .milkdown .milkdown-image-block .caption-input {
      margin: 4px auto;
      font-family: var(--crepe-font-default);
    }
  .milkdown .milkdown-image-block .image-edit {
      align-items: center;
      padding: 16px 24px;
      gap: 16px;
      background: var(--crepe-color-surface);
      height: 56px;
    }
  .milkdown .milkdown-image-block .image-edit .image-icon {
      color: var(--crepe-color-outline);
    }
  .milkdown .milkdown-image-block .image-edit .image-icon svg {
      width: 24px;
      height: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      fill: var(--crepe-color-outline);
    }
  .milkdown .milkdown-image-block .image-edit .link-importer .placeholder {
      color: color-mix(
        in srgb,
        var(--crepe-color-on-background),
        transparent 60%
      );
    }
  .milkdown .milkdown-image-block .image-edit .link-importer .placeholder :not(input)::selection {
        background: transparent;
      }
  .milkdown .milkdown-image-block .image-edit .link-importer .link-input-area {
      line-height: 24px;
      color: var(--crepe-color-on-background);
    }
  .milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader {
      gap: 8px;
      color: var(--crepe-color-primary);
      justify-content: center;
      transition: color 0.2s;
      font-weight: 600;
    }
  .milkdown .milkdown-image-block .image-edit .link-importer.focus .placeholder .uploader {
      color: unset;
    }
  .milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader:hover {
      color: var(--crepe-color-primary);
    }
  .milkdown .milkdown-image-block .image-edit .link-importer .placeholder .text {
      margin-left: 8px;
    }
  .milkdown .milkdown-image-block .image-edit .confirm {
      background: var(--crepe-color-secondary);
      color: var(--crepe-color-on-secondary);
      line-height: 40px;
      padding: 0 24px;
      border-radius: 100px;
      font-size: 14px;
      font-weight: 600;
    }
  .milkdown .milkdown-image-block .image-edit .confirm:hover {
        background:
          linear-gradient(
            0deg,
            rgba(29, 25, 43, 0.08) 0%,
            rgba(29, 25, 43, 0.08) 100%
          ),
          var(--crepe-color-secondary);
      }

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/link-tooltip.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.milkdown .milkdown-link-preview {
    position: absolute;
    z-index: 10;
  }
    .milkdown .milkdown-link-preview[data-show='false'] {
      display: none;
    }
    .milkdown .milkdown-link-preview > .link-preview {
      height: 32px;
      display: flex;
      justify-content: center;
      padding: 4px 10px;
      background: var(--crepe-color-surface);
      gap: 10px;
      border-radius: 8px;
      cursor: pointer;
      box-shadow: var(--crepe-shadow-1);
    }
    .milkdown .milkdown-link-preview > .link-preview > .link-display {
        text-decoration: none;
        color: unset;
      }
    .milkdown .milkdown-link-preview > .link-preview > .link-display:hover:before {
        display: block;
      }
    .milkdown .milkdown-link-preview > .link-preview > .link-icon > svg {
          width: 18px;
          height: 18px;
          color: var(--crepe-color-outline);
          fill: var(--crepe-color-outline);
        }
    .milkdown .milkdown-link-preview > .link-preview > .link-icon {
        border-radius: 8px;
        padding: 3px;
        line-height: 24px;
}
    .milkdown .milkdown-link-preview > .link-preview > .link-icon:hover {
          background: var(--crepe-color-hover);
        }
    .milkdown .milkdown-link-preview > .link-preview > .link-display {
        width: 240px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        white-space: nowrap;
      }
    .milkdown .milkdown-link-preview > .link-preview > .link-display:hover {
          text-decoration: underline;
        }
    .milkdown .milkdown-link-preview > .link-preview > .button > svg {
          width: 18px;
          height: 18px;
          color: var(--crepe-color-outline);
          fill: var(--crepe-color-outline);
        }
    .milkdown .milkdown-link-preview > .link-preview > .button {
        padding: 3px;
        border-radius: 8px;
        line-height: 24px;
}
    .milkdown .milkdown-link-preview > .link-preview > .button:hover {
          background: var(--crepe-color-hover);
        }
  .milkdown .milkdown-link-edit {
    position: absolute;
    z-index: 10;
  }
  .milkdown .milkdown-link-edit[data-show='false'] {
      display: none;
    }
  .milkdown .milkdown-link-edit > .link-edit {
      height: 32px;
      display: flex;
      justify-content: center;
      padding: 4px 10px 4px 20px;
      background: var(--crepe-color-surface);
      gap: 8px;
      border-radius: 8px;
      box-shadow: var(--crepe-shadow-1);
    }
  .milkdown .milkdown-link-edit > .link-edit > .input-area {
        outline: none;
        background: transparent;
        width: 200px;
        font-size: 14px;
        color: var(--crepe-color-on-background);
      }
  .milkdown .milkdown-link-edit > .link-edit > .button > svg {
          width: 18px;
          height: 18px;
          color: var(--crepe-color-outline);
          fill: var(--crepe-color-outline);
        }
  .milkdown .milkdown-link-edit > .link-edit > .button {
        padding: 3px;
        cursor: pointer;
        border-radius: 8px;
        font-size: 12px;
        line-height: 24px;
}
  .milkdown .milkdown-link-edit > .link-edit > .button:hover {
          background: var(--crepe-color-hover);
        }
  .milkdown .milkdown-link-edit > .link-edit > .button.hidden {
          visibility: hidden;
        }

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/list-item.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.milkdown .milkdown-list-item-block {
    display: block;
    padding: 0;
  }

    .milkdown .milkdown-list-item-block > .list-item {
      display: flex;
      align-items: flex-start;
    }

    .milkdown .milkdown-list-item-block > .list-item > .children {
      min-width: 0;
      flex: 1;
    }

    .milkdown .milkdown-list-item-block li {
      gap: 10px;
    }

    .milkdown .milkdown-list-item-block li .label-wrapper {
        color: var(--crepe-color-outline);
      }

    .milkdown .milkdown-list-item-block li .label-wrapper svg {
          fill: var(--crepe-color-outline);
        }

    .milkdown .milkdown-list-item-block li .label-wrapper {
        height: 32px;
        width: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
}

    .milkdown .milkdown-list-item-block li .label-wrapper .label {
          height: 32px;
          padding: 4px 0;
          width: 24px;
          text-align: right;
        }

    .milkdown .milkdown-list-item-block li .label-wrapper .checked,
        .milkdown .milkdown-list-item-block li .label-wrapper .unchecked {
          cursor: pointer;
        }

    .milkdown .milkdown-list-item-block li .label-wrapper .readonly {
          cursor: not-allowed;
        }

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/placeholder.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.milkdown .crepe-placeholder::before {
    position: absolute;
    color: color-mix(
      in srgb,
      var(--crepe-color-on-background),
      transparent 60%
    );
    pointer-events: none;
    height: 0;
    content: attr(data-placeholder);
  }

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/toolbar.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.milkdown:has(.milkdown-link-preview[data-show='true']) .milkdown-toolbar,
  .milkdown:has(.milkdown-link-edit[data-show='true']) .milkdown-toolbar {
    display: none;
  }
  .milkdown .milkdown-toolbar[data-show='false'] {
      display: none;
    }
  .milkdown .milkdown-toolbar {
    z-index: 10;
    position: absolute;
    display: flex;
    background: var(--crepe-color-surface);
    box-shadow: var(--crepe-shadow-1);
    border-radius: 8px;
    overflow: hidden;
}
  .milkdown .milkdown-toolbar .divider {
      width: 1px;
      background: color-mix(
        in srgb,
        var(--crepe-color-outline),
        transparent 80%
      );
      height: 24px;
      margin: 10px;
    }
  .milkdown .milkdown-toolbar .toolbar-item {
      width: 32px;
      height: 32px;
      margin: 6px;
      padding: 4px;
      cursor: pointer;
      border-radius: 4px;
    }
  .milkdown .milkdown-toolbar .toolbar-item:hover {
        background: var(--crepe-color-hover);
      }
  .milkdown .milkdown-toolbar .toolbar-item:active {
        background: var(--crepe-color-selected);
      }
  .milkdown .milkdown-toolbar .toolbar-item svg {
        height: 24px;
        width: 24px;
        color: var(--crepe-color-outline);
        fill: var(--crepe-color-outline);
      }
  .milkdown .milkdown-toolbar .toolbar-item.active svg {
          color: var(--crepe-color-primary);
          fill: var(--crepe-color-primary);
        }

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/prose/lib/style/tables.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.ProseMirror .tableWrapper {
  overflow-x: auto;
}
.ProseMirror table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.ProseMirror td,
.ProseMirror th {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}

.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
  /* if there's no explicit width set and the column is not being resized, set a default width */
  min-width: var(--default-cell-min-width);
}

.ProseMirror .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  z-index: 20;
  background-color: #adf;
  pointer-events: none;
}
.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}
/* Give selected cells a blue overlay */
.ProseMirror .selectedCell:after {
  z-index: 2;
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(200, 200, 255, 0.4);
  pointer-events: none;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/kit/lib/prose/tables/style/tables.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wcm9zZS90YWJsZXMvc3R5bGUvdGFibGVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJ0YWJsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnQG1pbGtkb3duL3Byb3NlL3RhYmxlcy9zdHlsZS90YWJsZXMuY3NzJztcbiJdfQ== */
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/table.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.milkdown .milkdown-table-block {
    display: block;
    margin: 4px 0;
  }

.milkdown .milkdown-table-block th,
    .milkdown .milkdown-table-block td {
      border: 1px solid
        color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
      padding: 4px 16px;
    }

.milkdown .milkdown-table-block th .ProseMirror-selectednode, .milkdown .milkdown-table-block td .ProseMirror-selectednode {
        background-color: transparent !important;
      }

.milkdown .milkdown-table-block th:has(.ProseMirror-selectednode), .milkdown .milkdown-table-block td:has(.ProseMirror-selectednode) {
        outline: 1px solid var(--crepe-color-primary);
        outline-offset: -1px;
      }

.milkdown .milkdown-table-block .selectedCell::after {
        background-color: var(--crepe-color-selected);
        opacity: 0.4;
      }

.milkdown .milkdown-table-block .selectedCell ::selection {
        background: transparent;
      }

.milkdown .milkdown-table-block .drag-preview {
      background-color: var(--crepe-color-surface);
      opacity: 0.4;
      position: absolute;
      z-index: 100;
      display: flex;
      flex-direction: column;
      outline: 1px solid var(--crepe-color-primary);
      outline-offset: -1px;
    }

.milkdown .milkdown-table-block .drag-preview[data-show='false'] {
        display: none;
      }

.milkdown .milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode), .milkdown .milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode) {
          outline: none;
        }

.milkdown .milkdown-table-block .handle {
      position: absolute;
      font-size: 14px;
      transition: opacity ease-in-out 0.2s;
    }

.milkdown .milkdown-table-block .handle[data-show='false'] {
      opacity: 0;
    }

.milkdown .milkdown-table-block svg {
      fill: var(--crepe-color-outline);
    }

.milkdown .milkdown-table-block .cell-handle {
      z-index: 50;
      left: -999px;
      top: -999px;
      cursor: grab;
      background-color: var(--crepe-color-surface);
      color: var(--crepe-color-outline);
      border-radius: 100px;
      box-shadow: var(--crepe-shadow-1);
      transition: background-color 0.2s ease-in-out;
    }

.milkdown .milkdown-table-block .cell-handle:hover {
        background-color: var(--crepe-color-hover);
      }

.milkdown .milkdown-table-block .cell-handle:has(.button-group:hover) {
        background-color: var(--crepe-color-surface);
      }

.milkdown .milkdown-table-block .cell-handle[data-role='col-drag-handle'] {
        transform: translateY(50%);
        padding: 0 6px;
        width: 28px;
        height: 16px;
      }

.milkdown .milkdown-table-block .cell-handle[data-role='row-drag-handle'] {
        transform: translateX(50%);
        padding: 6px 0;
        width: 16px;
        height: 28px;
      }

.milkdown .milkdown-table-block .cell-handle .button-group {
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        top: -52px;
        display: flex;
        background-color: var(--crepe-color-surface);
        border-radius: 8px;
        box-shadow: var(--crepe-shadow-1);
      }

.milkdown .milkdown-table-block .cell-handle .button-group::after {
          content: '';
          position: absolute;
          bottom: -8px;
          height: 8px;
          background-color: transparent;
          width: 100%;
        }

.milkdown .milkdown-table-block .cell-handle .button-group[data-show='false'] {
          display: none;
        }

.milkdown .milkdown-table-block .cell-handle .button-group button {
          cursor: pointer;
          margin: 6px;
          padding: 4px;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 4px;
        }

.milkdown .milkdown-table-block .cell-handle .button-group button svg {
            width: 24px;
            height: 24px;
          }

.milkdown .milkdown-table-block .cell-handle .button-group button:hover {
            border-radius: 8px;
            background-color: var(--crepe-color-hover);
          }

.milkdown .milkdown-table-block .cell-handle .button-group button:active {
            background: var(--crepe-color-selected);
          }

.milkdown .milkdown-table-block .cell-handle:hover {
        opacity: 1;
      }

.milkdown .milkdown-table-block .line-handle {
      z-index: 20;
      background-color: var(--crepe-color-primary);
    }

.milkdown .milkdown-table-block .line-handle:hover {
        opacity: 1;
      }

.milkdown .milkdown-table-block .line-handle .add-button {
        cursor: pointer;
        background-color: var(--crepe-color-surface);
        color: var(--crepe-color-outline);
        border-radius: 100px;
        box-shadow: var(--crepe-shadow-1);
        transition: background-color 0.2s ease-in-out;
      }

.milkdown .milkdown-table-block .line-handle .add-button svg {
          width: 16px;
          height: 16px;
        }

.milkdown .milkdown-table-block .line-handle .add-button:hover {
          background-color: var(--crepe-color-hover);
        }

.milkdown .milkdown-table-block .line-handle .add-button:active {
          background: var(--crepe-color-selected);
        }

.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] {
        height: 1px;
        z-index: 2;
      }

.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] .add-button {
          position: absolute;
          transform: translateX(-50%) translateY(-50%);
          padding: 6px 0;
          width: 16px;
          height: 28px;
        }

.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] {
        width: 1px;
        z-index: 1;
      }

.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] .add-button {
          position: absolute;
          transform: translateY(-50%) translateX(-50%);
          padding: 0 6px;
          width: 28px;
          height: 16px;
        }

.milkdown .milkdown-table-block .line-handle[data-display-type='indicator'] .add-button {
          display: none;
        }

.milkdown .milkdown-table-block.readonly .handle {
      display: none;
    }

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/katex/dist/katex.min.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url('KaTeX_AMS-Regular.a79f1c3119cd700d.woff2') format("woff2"),url('KaTeX_AMS-Regular.1608a09b4aff30c2.woff') format("woff"),url('KaTeX_AMS-Regular.4aafdb685c2bf1c9.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url('KaTeX_Caligraphic-Bold.ec17d132645b2c86.woff2') format("woff2"),url('KaTeX_Caligraphic-Bold.b67709187bb0654a.woff') format("woff"),url('KaTeX_Caligraphic-Bold.cce5b8ecea35407a.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url('KaTeX_Caligraphic-Regular.55fac25845c12663.woff2') format("woff2"),url('KaTeX_Caligraphic-Regular.dad44a7fc678e2ca.woff') format("woff"),url('KaTeX_Caligraphic-Regular.07ef19e7b06429d4.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url('KaTeX_Fraktur-Bold.d42a5579b0283025.woff2') format("woff2"),url('KaTeX_Fraktur-Bold.9f256b8593ce632e.woff') format("woff"),url('KaTeX_Fraktur-Bold.b18f59e1d1359581.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url('KaTeX_Fraktur-Regular.d3c882a649b3f4fa.woff2') format("woff2"),url('KaTeX_Fraktur-Regular.7c1871215eef4da8.woff') format("woff"),url('KaTeX_Fraktur-Regular.ed38e79f5799ceca.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url('KaTeX_Main-Bold.c3fb5ac22fd413f2.woff2') format("woff2"),url('KaTeX_Main-Bold.d181c4650dd0c0fe.woff') format("woff"),url('KaTeX_Main-Bold.b74a1a8b2c5d73c2.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url('KaTeX_Main-BoldItalic.6f2bb1dff24614a5.woff2') format("woff2"),url('KaTeX_Main-BoldItalic.e3f82f9d2724733a.woff') format("woff"),url('KaTeX_Main-BoldItalic.70d8b0a530ab8484.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url('KaTeX_Main-Italic.8916142bec8821e7.woff2') format("woff2"),url('KaTeX_Main-Italic.9024d815ba48fa55.woff') format("woff"),url('KaTeX_Main-Italic.47373d1e512354bb.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url('KaTeX_Main-Regular.0462f03bdf9d9e26.woff2') format("woff2"),url('KaTeX_Main-Regular.7f51fe034014000e.woff') format("woff"),url('KaTeX_Main-Regular.b7f8fe9b5f78a977.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url('KaTeX_Math-BoldItalic.572d331f69425f62.woff2') format("woff2"),url('KaTeX_Math-BoldItalic.f1035d8d5d945108.woff') format("woff"),url('KaTeX_Math-BoldItalic.a879cf8383e22737.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url('KaTeX_Math-Italic.f28c23acad0b6d75.woff2') format("woff2"),url('KaTeX_Math-Italic.5295ba483ad9f51a.woff') format("woff"),url('KaTeX_Math-Italic.939bc64440a13865.ttf') format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url('KaTeX_SansSerif-Bold.8c5b5494b63adb73.woff2') format("woff2"),url('KaTeX_SansSerif-Bold.bf59d231c34de257.woff') format("woff"),url('KaTeX_SansSerif-Bold.94e1e8dc5ff5d517.ttf') format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url('KaTeX_SansSerif-Italic.3b1e59b3ba055bda.woff2') format("woff2"),url('KaTeX_SansSerif-Italic.7c9bc82b17fa2586.woff') format("woff"),url('KaTeX_SansSerif-Italic.b4c20c84d8259773.ttf') format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url('KaTeX_SansSerif-Regular.ba21ed5f8468b2b7.woff2') format("woff2"),url('KaTeX_SansSerif-Regular.740484788f643b19.woff') format("woff"),url('KaTeX_SansSerif-Regular.d4d7ba480428fe6e.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url('KaTeX_Script-Regular.03e9641d6f9e9223.woff2') format("woff2"),url('KaTeX_Script-Regular.0750571032beef1a.woff') format("woff"),url('KaTeX_Script-Regular.fe9cbbe1a0f37727.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url('KaTeX_Size1-Regular.eae34984b3dc1874.woff2') format("woff2"),url('KaTeX_Size1-Regular.e1e279cbdd2feecd.woff') format("woff"),url('KaTeX_Size1-Regular.fabc004aab10cb40.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url('KaTeX_Size2-Regular.5916a24fa3ab2b17.woff2') format("woff2"),url('KaTeX_Size2-Regular.577270225ea69a74.woff') format("woff"),url('KaTeX_Size2-Regular.d6b476ecd3949434.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url('KaTeX_Size3-Regular.b4230e7e83f57db8.woff2') format("woff2"),url('KaTeX_Size3-Regular.9acaf01c6476f53a.woff') format("woff"),url('KaTeX_Size3-Regular.a144ef5840bbd063.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url('KaTeX_Size4-Regular.10d95fd3a2a3c8c5.woff2') format("woff2"),url('KaTeX_Size4-Regular.7a996c9da2ec18e6.woff') format("woff"),url('KaTeX_Size4-Regular.fbccdabe0ae624b8.ttf') format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url('KaTeX_Typewriter-Regular.a8709e36220dee77.woff2') format("woff2"),url('KaTeX_Typewriter-Regular.6258592bdc9387b6.woff') format("woff"),url('KaTeX_Typewriter-Regular.d97aaf4a1ebf38b0.ttf') format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.33"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/latex.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.milkdown span[data-type='math_inline'] {
    padding: 0 4px;
    display: inline-block;
    vertical-align: bottom;
    color: var(--crepe-color-primary);
  }

.milkdown .milkdown-latex-inline-edit[data-show='false'] {
      display: none;
    }

.milkdown .milkdown-latex-inline-edit{
    position: absolute;
    background: var(--crepe-color-surface);
    box-shadow: var(--crepe-shadow-1);
    border-radius: 8px;
    padding: 2px 6px 2px 12px;
}

.milkdown .milkdown-latex-inline-edit .container {
      display: flex;
      gap: 6px;
      align-items: flex-start;
    }

.milkdown .milkdown-latex-inline-edit .container button {
        width: 24px;
        height: 24px;
        cursor: pointer;
        border-radius: 8px;
      }

.milkdown .milkdown-latex-inline-edit .container button:hover {
          background: var(--crepe-color-hover);
        }

.milkdown .milkdown-latex-inline-edit .ProseMirror {
      padding: 0;
      min-width: 174px;
      max-width: 294px;
      font-family: var(--crepe-font-code);
    }

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/common/style.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/


/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@milkdown/crepe/lib/theme/frame/style.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.milkdown {
  --crepe-color-background: #ffffff;
  --crepe-color-on-background: #000000;
  --crepe-color-surface: #f7f7f7;
  --crepe-color-surface-low: #ededed;
  --crepe-color-on-surface: #1c1c1c;
  --crepe-color-on-surface-variant: #4d4d4d;
  --crepe-color-outline: #a8a8a8;
  --crepe-color-primary: #333333;
  --crepe-color-secondary: #cfcfcf;
  --crepe-color-on-secondary: #000000;
  --crepe-color-inverse: #f0f0f0;
  --crepe-color-on-inverse: #1a1a1a;
  --crepe-color-inline-code: #ba1a1a;
  --crepe-color-error: #ba1a1a;
  --crepe-color-hover: #e0e0e0;
  --crepe-color-selected: #d5d5d5;
  --crepe-color-inline-area: #cacaca;

  --crepe-font-title: 'Noto Serif', Cambria, 'Times New Roman', Times, serif;
  --crepe-font-default: 'Noto Sans', Arial, Helvetica, sans-serif;
  --crepe-font-code:
    'Space Mono', Fira Code, Menlo, Monaco, 'Courier New', Courier, monospace;

  --crepe-shadow-1:
    0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --crepe-shadow-2:
    0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
:root {
  --maxbrain-warn: #f44336;
  --maxbrain-50: #f6f9e7;
  --maxbrain-100: #e7f1c4;
  --maxbrain-200: #d8e79d;
  --maxbrain-300: #c8dd75;
  --maxbrain-400: #bcd658;
  --maxbrain-500: #b0cf3a;
  --maxbrain-600: #a9ca34;
  --maxbrain-700: #a0c32c;
  --maxbrain-800: #97bd25;
  --maxbrain-900: #87b218;
  --maxbrain-A100: #f8ffe6;
  --maxbrain-A200: #e8ffb3;
  --maxbrain-A400: #d9ff80;
  --maxbrain-A700: #d1ff67;
  --maxbrain-50-text: rgba(0, 0, 0, 0.87);
  --maxbrain-500-text: white;
  --maxbrain-A700-text: white;
  /* Add more variables if needed */
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: var(--maxbrain-500);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: var(--maxbrain-500);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--maxbrain-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--maxbrain-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--maxbrain-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--maxbrain-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--maxbrain-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--maxbrain-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--maxbrain-500);
  --mdc-linear-progress-track-color: var(--maxbrain-500);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--maxbrain-500);
  --mdc-linear-progress-track-color: var(--maxbrain-500);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: var(--maxbrain-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--maxbrain-500);
  --mdc-filled-text-field-focus-label-text-color: var(--maxbrain-500);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: var(--maxbrain-500);
  --mdc-outlined-text-field-focus-outline-color: var(--maxbrain-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--maxbrain-500);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: var(--maxbrain-500);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--maxbrain-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--maxbrain-500);
  --mdc-filled-text-field-focus-label-text-color: var(--maxbrain-500);
  --mdc-outlined-text-field-caret-color: var(--maxbrain-500);
  --mdc-outlined-text-field-focus-outline-color: var(--maxbrain-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--maxbrain-500);
  --mat-form-field-focus-select-arrow-color: var(--maxbrain-500);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--maxbrain-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--maxbrain-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: var(--maxbrain-500-text);
  --mdc-chip-elevated-container-color: var(--maxbrain-500);
  --mdc-chip-elevated-selected-container-color: var(--maxbrain-500);
  --mdc-chip-elevated-disabled-container-color: var(--maxbrain-500);
  --mdc-chip-flat-disabled-selected-container-color: var(--maxbrain-500);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--maxbrain-500-text);
  --mdc-chip-selected-label-text-color: var(--maxbrain-500-text);
  --mdc-chip-with-icon-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-icon-disabled-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-icon-selected-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--maxbrain-500-text);
  --mat-chip-selected-disabled-trailing-icon-color: var(--maxbrain-500-text);
  --mat-chip-selected-trailing-icon-color: var(--maxbrain-500-text);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: var(--maxbrain-500-text);
  --mdc-chip-elevated-container-color: var(--maxbrain-500);
  --mdc-chip-elevated-selected-container-color: var(--maxbrain-500);
  --mdc-chip-elevated-disabled-container-color: var(--maxbrain-500);
  --mdc-chip-flat-disabled-selected-container-color: var(--maxbrain-500);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--maxbrain-500-text);
  --mdc-chip-selected-label-text-color: var(--maxbrain-500-text);
  --mdc-chip-with-icon-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-icon-disabled-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-icon-selected-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--maxbrain-500-text);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--maxbrain-500-text);
  --mat-chip-selected-disabled-trailing-icon-color: var(--maxbrain-500-text);
  --mat-chip-selected-trailing-icon-color: var(--maxbrain-500-text);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: var(--maxbrain-600);
  --mdc-switch-selected-handle-color: var(--maxbrain-600);
  --mdc-switch-selected-hover-state-layer-color: var(--maxbrain-600);
  --mdc-switch-selected-pressed-state-layer-color: var(--maxbrain-600);
  --mdc-switch-selected-focus-handle-color: var(--maxbrain-900);
  --mdc-switch-selected-hover-handle-color: var(--maxbrain-900);
  --mdc-switch-selected-pressed-handle-color: var(--maxbrain-900);
  --mdc-switch-selected-focus-track-color: var(--maxbrain-300);
  --mdc-switch-selected-hover-track-color: var(--maxbrain-300);
  --mdc-switch-selected-pressed-track-color: var(--maxbrain-300);
  --mdc-switch-selected-track-color: var(--maxbrain-300);
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--maxbrain-600);
  --mdc-switch-selected-handle-color: var(--maxbrain-600);
  --mdc-switch-selected-hover-state-layer-color: var(--maxbrain-600);
  --mdc-switch-selected-pressed-state-layer-color: var(--maxbrain-600);
  --mdc-switch-selected-focus-handle-color: var(--maxbrain-900);
  --mdc-switch-selected-hover-handle-color: var(--maxbrain-900);
  --mdc-switch-selected-pressed-handle-color: var(--maxbrain-900);
  --mdc-switch-selected-focus-track-color: var(--maxbrain-300);
  --mdc-switch-selected-hover-track-color: var(--maxbrain-300);
  --mdc-switch-selected-pressed-track-color: var(--maxbrain-300);
  --mdc-switch-selected-track-color: var(--maxbrain-300);
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-pressed-icon-color: var(--maxbrain-500);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--maxbrain-500);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-pressed-icon-color: var(--maxbrain-500);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--maxbrain-500);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: var(--maxbrain-500);
  --mdc-slider-focus-handle-color: var(--maxbrain-500);
  --mdc-slider-hover-handle-color: var(--maxbrain-500);
  --mdc-slider-active-track-color: var(--maxbrain-500);
  --mdc-slider-inactive-track-color: var(--maxbrain-500);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--maxbrain-500);
  --mdc-slider-with-tick-marks-active-container-color: var(--maxbrain-500-text);
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: var(--maxbrain-500);
  --mat-slider-hover-state-layer-color: rgba(var(--maxbrain-500), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--maxbrain-500), 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: var(--maxbrain-500);
  --mat-slider-hover-state-layer-color: rgba(var(--maxbrain-500), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--maxbrain-500), 0.2);
  --mdc-slider-handle-color: var(--maxbrain-500);
  --mdc-slider-focus-handle-color: var(--maxbrain-500);
  --mdc-slider-hover-handle-color: var(--maxbrain-500);
  --mdc-slider-active-track-color: var(--maxbrain-500);
  --mdc-slider-inactive-track-color: var(--maxbrain-500);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--maxbrain-500);
  --mdc-slider-with-tick-marks-active-container-color: var(--maxbrain-500-text);
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-pressed-icon-color: var(--maxbrain-500);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-icon-color: var(--maxbrain-500);
  --mdc-radio-selected-pressed-icon-color: var(--maxbrain-500);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--maxbrain-500-text);
  --mdc-checkbox-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--maxbrain-500-text);
  --mdc-checkbox-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--maxbrain-500);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--maxbrain-500);
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: var(--maxbrain-500);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--maxbrain-500);
  --mat-tab-header-active-ripple-color: var(--maxbrain-500);
  --mat-tab-header-inactive-ripple-color: var(--maxbrain-500);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--maxbrain-500);
  --mat-tab-header-active-hover-label-text-color: var(--maxbrain-500);
  --mat-tab-header-active-focus-indicator-color: var(--maxbrain-500);
  --mat-tab-header-active-hover-indicator-color: var(--maxbrain-500);
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--maxbrain-500);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--maxbrain-500);
  --mat-tab-header-active-ripple-color: var(--maxbrain-500);
  --mat-tab-header-inactive-ripple-color: var(--maxbrain-500);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--maxbrain-500);
  --mat-tab-header-active-hover-label-text-color: var(--maxbrain-500);
  --mat-tab-header-active-focus-indicator-color: var(--maxbrain-500);
  --mat-tab-header-active-hover-indicator-color: var(--maxbrain-500);
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: var(--maxbrain-500);
  --mat-tab-header-with-background-foreground-color: var(--maxbrain-500-text);
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--maxbrain-500);
  --mat-tab-header-with-background-foreground-color: var(--maxbrain-500-text);
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--maxbrain-500-text);
  --mdc-checkbox-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--maxbrain-500-text);
  --mdc-checkbox-selected-focus-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-icon-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--maxbrain-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--maxbrain-500);
  --mat-text-button-state-layer-color: var(--maxbrain-500);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--maxbrain-500);
  --mat-text-button-state-layer-color: var(--maxbrain-500);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--maxbrain-500);
  --mdc-filled-button-label-text-color: var(--maxbrain-500-text);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--maxbrain-500);
  --mdc-filled-button-label-text-color: var(--maxbrain-500-text);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--maxbrain-500);
  --mdc-protected-button-label-text-color: var(--maxbrain-500-text);
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--maxbrain-500);
  --mdc-protected-button-label-text-color: var(--maxbrain-500-text);
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--maxbrain-500);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: var(--maxbrain-500);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--maxbrain-500);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: var(--maxbrain-500);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--maxbrain-500);
  --mat-icon-button-state-layer-color: var(--maxbrain-500);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--maxbrain-500);
  --mat-icon-button-state-layer-color: var(--maxbrain-500);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: var(--maxbrain-500);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: var(--maxbrain-500);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: var(--maxbrain-500);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: var(--maxbrain-500);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: var(--maxbrain-500);
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: var(--maxbrain-500);
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--maxbrain-500);
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: var(--maxbrain-500);
  --mat-badge-text-color: var(--maxbrain-500-text);
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: var(--maxbrain-500);
  --mat-badge-text-color: var(--maxbrain-500-text);
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--maxbrain-500-text);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--maxbrain-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--maxbrain-500-text);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--maxbrain-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--maxbrain-500);
  --mat-datepicker-toggle-active-state-icon-color: var(--maxbrain-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--maxbrain-500), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--maxbrain-500-text);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--maxbrain-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--maxbrain-500-text);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--maxbrain-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--maxbrain-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--maxbrain-500), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--maxbrain-500);
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: var(--maxbrain-500);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--maxbrain-500);
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--maxbrain-500-text);
  --mat-stepper-header-selected-state-icon-background-color: var(--maxbrain-500);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--maxbrain-500-text);
  --mat-stepper-header-done-state-icon-background-color: var(--maxbrain-500);
  --mat-stepper-header-done-state-icon-foreground-color: var(--maxbrain-500-text);
  --mat-stepper-header-edit-state-icon-background-color: var(--maxbrain-500);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--maxbrain-500-text);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--maxbrain-500-text);
  --mat-stepper-header-selected-state-icon-background-color: var(--maxbrain-500);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--maxbrain-500-text);
  --mat-stepper-header-done-state-icon-background-color: var(--maxbrain-500);
  --mat-stepper-header-done-state-icon-foreground-color: var(--maxbrain-500-text);
  --mat-stepper-header-edit-state-icon-background-color: var(--maxbrain-500);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--maxbrain-500-text);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: #757575;
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--maxbrain-500);
  --mat-toolbar-container-text-color: var(--maxbrain-500-text);
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--maxbrain-500);
  --mat-toolbar-container-text-color: var(--maxbrain-500-text);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

.maxbrain-50 {
  background-color: var(--maxbrain-50) !important;
  color: var(--maxbrain-50-text, inherit) !important;
}

.maxbrain-100 {
  background-color: var(--maxbrain-100) !important;
  color: var(--maxbrain-100-text, inherit) !important;
}

.maxbrain-200 {
  background-color: var(--maxbrain-200) !important;
  color: var(--maxbrain-200-text, inherit) !important;
}

.maxbrain-300 {
  background-color: var(--maxbrain-300) !important;
  color: var(--maxbrain-300-text, inherit) !important;
}

.maxbrain-400 {
  background-color: var(--maxbrain-400) !important;
  color: var(--maxbrain-400-text, inherit) !important;
}

.maxbrain-500 {
  background-color: var(--maxbrain-500) !important;
  color: var(--maxbrain-500-text, inherit) !important;
}

.maxbrain-600 {
  background-color: var(--maxbrain-600) !important;
  color: var(--maxbrain-600-text, inherit) !important;
}

.maxbrain-700 {
  background-color: var(--maxbrain-700) !important;
  color: var(--maxbrain-700-text, inherit) !important;
}

.maxbrain-800 {
  background-color: var(--maxbrain-800) !important;
  color: var(--maxbrain-800-text, inherit) !important;
}

.maxbrain-900 {
  background-color: var(--maxbrain-900) !important;
  color: var(--maxbrain-900-text, inherit) !important;
}

.maxbrain-A100 {
  background-color: var(--maxbrain-A100) !important;
  color: var(--maxbrain-A100-text, inherit) !important;
}

.maxbrain-A200 {
  background-color: var(--maxbrain-A200) !important;
  color: var(--maxbrain-A200-text, inherit) !important;
}

.maxbrain-A400 {
  background-color: var(--maxbrain-A400) !important;
  color: var(--maxbrain-A400-text, inherit) !important;
}

.maxbrain-A700 {
  background-color: var(--maxbrain-A700) !important;
  color: var(--maxbrain-A700-text, inherit) !important;
}

.accent-50 {
  background-color: var(--maxbrain-50) !important;
  color: var(--maxbrain-50-text) !important;
}

.accent-50-fg {
  color: var(--maxbrain-50) !important;
}

.accent-100 {
  background-color: var(--maxbrain-100) !important;
  color: !important;
}

.accent-100-fg {
  color: var(--maxbrain-100) !important;
}

.accent-200 {
  background-color: var(--maxbrain-200) !important;
  color: !important;
}

.accent-200-fg {
  color: var(--maxbrain-200) !important;
}

.accent-300 {
  background-color: var(--maxbrain-300) !important;
  color: !important;
}

.accent-300-fg {
  color: var(--maxbrain-300) !important;
}

.accent-400 {
  background-color: var(--maxbrain-400) !important;
  color: !important;
}

.accent-400-fg {
  color: var(--maxbrain-400) !important;
}

.accent-500 {
  background-color: var(--maxbrain-500) !important;
  color: var(--maxbrain-500-text) !important;
}

.accent-500-fg {
  color: var(--maxbrain-500) !important;
}

.accent-600 {
  background-color: var(--maxbrain-600) !important;
  color: !important;
}

.accent-600-fg {
  color: var(--maxbrain-600) !important;
}

.accent-700 {
  background-color: var(--maxbrain-700) !important;
  color: !important;
}

.accent-700-fg {
  color: var(--maxbrain-700) !important;
}

.accent-800 {
  background-color: var(--maxbrain-800) !important;
  color: !important;
}

.accent-800-fg {
  color: var(--maxbrain-800) !important;
}

.accent-900 {
  background-color: var(--maxbrain-900) !important;
  color: !important;
}

.accent-900-fg {
  color: var(--maxbrain-900) !important;
}

.accent-A100 {
  background-color: var(--maxbrain-A100) !important;
  color: !important;
}

.accent-A100-fg {
  color: var(--maxbrain-A100) !important;
}

.accent-A200 {
  background-color: var(--maxbrain-A200) !important;
  color: !important;
}

.accent-A200-fg {
  color: var(--maxbrain-A200) !important;
}

.accent-A400 {
  background-color: var(--maxbrain-A400) !important;
  color: !important;
}

.accent-A400-fg {
  color: var(--maxbrain-A400) !important;
}

.accent-A700 {
  background-color: var(--maxbrain-A700) !important;
  color: var(--maxbrain-A700-text) !important;
}

.accent-A700-fg {
  color: var(--maxbrain-A700) !important;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

/*----------------------------------------------------------------*/
/*  Reset
/*----------------------------------------------------------------*/
* {
  text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -webkit-text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

*:not(mat-form-field) > input {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
*:not(mat-form-field) > input[type=text],
*:not(mat-form-field) > input[type=tel],
*:not(mat-form-field) > input[type=email],
*:not(mat-form-field) > input[type=search],
*:not(mat-form-field) > input[type=password],
*:not(mat-form-field) > input[type=button],
*:not(mat-form-field) > button,
*:not(mat-form-field) > input[type=submit],
*:not(mat-form-field) > input[type=image],
*:not(mat-form-field) > textarea {
  appearance: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

*:not(mat-form-field) > input[type=button],
*:not(mat-form-field) > button,
*:not(mat-form-field) > input[type=submit] {
  background: none;
}

button {
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: none;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

body:not(.is-mobile) ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
body:not(.is-mobile) ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
body:not(.is-mobile) ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  box-shadow: inset 0 0 0 24px rgba(0, 0, 0, 0.37);
  border-radius: 24px;
}
body:not(.is-mobile) ::-webkit-scrollbar-thumb:active {
  box-shadow: inset 0 0 0 24px rgba(0, 0, 0, 0.54);
  border-radius: 24px;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-static {
  position: static;
}

@media (min-width: 600px) {
  .position-sm-relative {
    position: relative;
  }
  .position-sm-absolute {
    position: absolute;
  }
  .position-sm-static {
    position: static;
  }
}
@media (min-width: 960px) {
  .position-md-relative {
    position: relative;
  }
  .position-md-absolute {
    position: absolute;
  }
  .position-md-static {
    position: static;
  }
}
@media (min-width: 1280px) {
  .position-lg-relative {
    position: relative;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-static {
    position: static;
  }
}
@media (min-width: 1920px) {
  .position-xl-relative {
    position: relative;
  }
  .position-xl-absolute {
    position: absolute;
  }
  .position-xl-static {
    position: static;
  }
}
.align-top {
  top: 0;
}

.align-right {
  right: 0;
}

.align-bottom {
  bottom: 0;
}

.align-left {
  left: 0;
}

@media (min-width: 600px) {
  .align-sm-top {
    top: 0;
  }
  .align-sm-right {
    right: 0;
  }
  .align-sm-bottom {
    bottom: 0;
  }
  .align-sm-left {
    left: 0;
  }
}
@media (min-width: 960px) {
  .align-md-top {
    top: 0;
  }
  .align-md-right {
    right: 0;
  }
  .align-md-bottom {
    bottom: 0;
  }
  .align-md-left {
    left: 0;
  }
}
@media (min-width: 1280px) {
  .align-lg-top {
    top: 0;
  }
  .align-lg-right {
    right: 0;
  }
  .align-lg-bottom {
    bottom: 0;
  }
  .align-lg-left {
    left: 0;
  }
}
@media (min-width: 1920px) {
  .align-xl-top {
    top: 0;
  }
  .align-xl-right {
    right: 0;
  }
  .align-xl-bottom {
    bottom: 0;
  }
  .align-xl-left {
    left: 0;
  }
}
.h-0 {
  height: 0px !important;
  min-height: 0px !important;
  max-height: 0px !important;
}

.h-4 {
  height: 4px !important;
  min-height: 4px !important;
  max-height: 4px !important;
}

.h-8 {
  height: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
}

.h-12 {
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
}

.h-16 {
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
}

.h-20 {
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}

.h-24 {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}

.h-28 {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
}

.h-32 {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}

.h-36 {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}

.h-40 {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
}

.h-44 {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
}

.h-48 {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
}

.h-52 {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
}

.h-56 {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
}

.h-60 {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
}

.h-64 {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}

.h-68 {
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
}

.h-72 {
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
}

.h-76 {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
}

.h-80 {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
}

.h-84 {
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
}

.h-88 {
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
}

.h-92 {
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
}

.h-96 {
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
}

.h-100 {
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
}

.h-104 {
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
}

.h-108 {
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;
}

.h-112 {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
}

.h-116 {
  height: 116px !important;
  min-height: 116px !important;
  max-height: 116px !important;
}

.h-120 {
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
}

.h-124 {
  height: 124px !important;
  min-height: 124px !important;
  max-height: 124px !important;
}

.h-128 {
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
}

.h-132 {
  height: 132px !important;
  min-height: 132px !important;
  max-height: 132px !important;
}

.h-136 {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
}

.h-140 {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
}

.h-144 {
  height: 144px !important;
  min-height: 144px !important;
  max-height: 144px !important;
}

.h-148 {
  height: 148px !important;
  min-height: 148px !important;
  max-height: 148px !important;
}

.h-152 {
  height: 152px !important;
  min-height: 152px !important;
  max-height: 152px !important;
}

.h-156 {
  height: 156px !important;
  min-height: 156px !important;
  max-height: 156px !important;
}

.h-160 {
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
}

.h-164 {
  height: 164px !important;
  min-height: 164px !important;
  max-height: 164px !important;
}

.h-168 {
  height: 168px !important;
  min-height: 168px !important;
  max-height: 168px !important;
}

.h-172 {
  height: 172px !important;
  min-height: 172px !important;
  max-height: 172px !important;
}

.h-176 {
  height: 176px !important;
  min-height: 176px !important;
  max-height: 176px !important;
}

.h-180 {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
}

.h-184 {
  height: 184px !important;
  min-height: 184px !important;
  max-height: 184px !important;
}

.h-188 {
  height: 188px !important;
  min-height: 188px !important;
  max-height: 188px !important;
}

.h-192 {
  height: 192px !important;
  min-height: 192px !important;
  max-height: 192px !important;
}

.h-196 {
  height: 196px !important;
  min-height: 196px !important;
  max-height: 196px !important;
}

.h-200 {
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}

.h-204 {
  height: 204px !important;
  min-height: 204px !important;
  max-height: 204px !important;
}

.h-208 {
  height: 208px !important;
  min-height: 208px !important;
  max-height: 208px !important;
}

.h-212 {
  height: 212px !important;
  min-height: 212px !important;
  max-height: 212px !important;
}

.h-216 {
  height: 216px !important;
  min-height: 216px !important;
  max-height: 216px !important;
}

.h-220 {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
}

.h-224 {
  height: 224px !important;
  min-height: 224px !important;
  max-height: 224px !important;
}

.h-228 {
  height: 228px !important;
  min-height: 228px !important;
  max-height: 228px !important;
}

.h-232 {
  height: 232px !important;
  min-height: 232px !important;
  max-height: 232px !important;
}

.h-236 {
  height: 236px !important;
  min-height: 236px !important;
  max-height: 236px !important;
}

.h-240 {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
}

.h-244 {
  height: 244px !important;
  min-height: 244px !important;
  max-height: 244px !important;
}

.h-248 {
  height: 248px !important;
  min-height: 248px !important;
  max-height: 248px !important;
}

.h-252 {
  height: 252px !important;
  min-height: 252px !important;
  max-height: 252px !important;
}

.h-256 {
  height: 256px !important;
  min-height: 256px !important;
  max-height: 256px !important;
}

.h-260 {
  height: 260px !important;
  min-height: 260px !important;
  max-height: 260px !important;
}

.h-264 {
  height: 264px !important;
  min-height: 264px !important;
  max-height: 264px !important;
}

.h-268 {
  height: 268px !important;
  min-height: 268px !important;
  max-height: 268px !important;
}

.h-272 {
  height: 272px !important;
  min-height: 272px !important;
  max-height: 272px !important;
}

.h-276 {
  height: 276px !important;
  min-height: 276px !important;
  max-height: 276px !important;
}

.h-280 {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
}

.h-284 {
  height: 284px !important;
  min-height: 284px !important;
  max-height: 284px !important;
}

.h-288 {
  height: 288px !important;
  min-height: 288px !important;
  max-height: 288px !important;
}

.h-292 {
  height: 292px !important;
  min-height: 292px !important;
  max-height: 292px !important;
}

.h-296 {
  height: 296px !important;
  min-height: 296px !important;
  max-height: 296px !important;
}

.h-300 {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
}

.h-304 {
  height: 304px !important;
  min-height: 304px !important;
  max-height: 304px !important;
}

.h-308 {
  height: 308px !important;
  min-height: 308px !important;
  max-height: 308px !important;
}

.h-312 {
  height: 312px !important;
  min-height: 312px !important;
  max-height: 312px !important;
}

.h-316 {
  height: 316px !important;
  min-height: 316px !important;
  max-height: 316px !important;
}

.h-320 {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

.h-324 {
  height: 324px !important;
  min-height: 324px !important;
  max-height: 324px !important;
}

.h-328 {
  height: 328px !important;
  min-height: 328px !important;
  max-height: 328px !important;
}

.h-332 {
  height: 332px !important;
  min-height: 332px !important;
  max-height: 332px !important;
}

.h-336 {
  height: 336px !important;
  min-height: 336px !important;
  max-height: 336px !important;
}

.h-340 {
  height: 340px !important;
  min-height: 340px !important;
  max-height: 340px !important;
}

.h-344 {
  height: 344px !important;
  min-height: 344px !important;
  max-height: 344px !important;
}

.h-348 {
  height: 348px !important;
  min-height: 348px !important;
  max-height: 348px !important;
}

.h-352 {
  height: 352px !important;
  min-height: 352px !important;
  max-height: 352px !important;
}

.h-356 {
  height: 356px !important;
  min-height: 356px !important;
  max-height: 356px !important;
}

.h-360 {
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
}

.h-364 {
  height: 364px !important;
  min-height: 364px !important;
  max-height: 364px !important;
}

.h-368 {
  height: 368px !important;
  min-height: 368px !important;
  max-height: 368px !important;
}

.h-372 {
  height: 372px !important;
  min-height: 372px !important;
  max-height: 372px !important;
}

.h-376 {
  height: 376px !important;
  min-height: 376px !important;
  max-height: 376px !important;
}

.h-380 {
  height: 380px !important;
  min-height: 380px !important;
  max-height: 380px !important;
}

.h-384 {
  height: 384px !important;
  min-height: 384px !important;
  max-height: 384px !important;
}

.h-388 {
  height: 388px !important;
  min-height: 388px !important;
  max-height: 388px !important;
}

.h-392 {
  height: 392px !important;
  min-height: 392px !important;
  max-height: 392px !important;
}

.h-396 {
  height: 396px !important;
  min-height: 396px !important;
  max-height: 396px !important;
}

.h-400 {
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
}

.h-404 {
  height: 404px !important;
  min-height: 404px !important;
  max-height: 404px !important;
}

.h-408 {
  height: 408px !important;
  min-height: 408px !important;
  max-height: 408px !important;
}

.h-412 {
  height: 412px !important;
  min-height: 412px !important;
  max-height: 412px !important;
}

.h-416 {
  height: 416px !important;
  min-height: 416px !important;
  max-height: 416px !important;
}

.h-420 {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
}

.h-424 {
  height: 424px !important;
  min-height: 424px !important;
  max-height: 424px !important;
}

.h-428 {
  height: 428px !important;
  min-height: 428px !important;
  max-height: 428px !important;
}

.h-432 {
  height: 432px !important;
  min-height: 432px !important;
  max-height: 432px !important;
}

.h-436 {
  height: 436px !important;
  min-height: 436px !important;
  max-height: 436px !important;
}

.h-440 {
  height: 440px !important;
  min-height: 440px !important;
  max-height: 440px !important;
}

.h-444 {
  height: 444px !important;
  min-height: 444px !important;
  max-height: 444px !important;
}

.h-448 {
  height: 448px !important;
  min-height: 448px !important;
  max-height: 448px !important;
}

.h-452 {
  height: 452px !important;
  min-height: 452px !important;
  max-height: 452px !important;
}

.h-456 {
  height: 456px !important;
  min-height: 456px !important;
  max-height: 456px !important;
}

.h-460 {
  height: 460px !important;
  min-height: 460px !important;
  max-height: 460px !important;
}

.h-464 {
  height: 464px !important;
  min-height: 464px !important;
  max-height: 464px !important;
}

.h-468 {
  height: 468px !important;
  min-height: 468px !important;
  max-height: 468px !important;
}

.h-472 {
  height: 472px !important;
  min-height: 472px !important;
  max-height: 472px !important;
}

.h-476 {
  height: 476px !important;
  min-height: 476px !important;
  max-height: 476px !important;
}

.h-480 {
  height: 480px !important;
  min-height: 480px !important;
  max-height: 480px !important;
}

.h-484 {
  height: 484px !important;
  min-height: 484px !important;
  max-height: 484px !important;
}

.h-488 {
  height: 488px !important;
  min-height: 488px !important;
  max-height: 488px !important;
}

.h-492 {
  height: 492px !important;
  min-height: 492px !important;
  max-height: 492px !important;
}

.h-496 {
  height: 496px !important;
  min-height: 496px !important;
  max-height: 496px !important;
}

.h-500 {
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
}

.h-504 {
  height: 504px !important;
  min-height: 504px !important;
  max-height: 504px !important;
}

.h-508 {
  height: 508px !important;
  min-height: 508px !important;
  max-height: 508px !important;
}

.h-512 {
  height: 512px !important;
  min-height: 512px !important;
  max-height: 512px !important;
}

.h-516 {
  height: 516px !important;
  min-height: 516px !important;
  max-height: 516px !important;
}

.h-520 {
  height: 520px !important;
  min-height: 520px !important;
  max-height: 520px !important;
}

.h-524 {
  height: 524px !important;
  min-height: 524px !important;
  max-height: 524px !important;
}

.h-528 {
  height: 528px !important;
  min-height: 528px !important;
  max-height: 528px !important;
}

.h-532 {
  height: 532px !important;
  min-height: 532px !important;
  max-height: 532px !important;
}

.h-536 {
  height: 536px !important;
  min-height: 536px !important;
  max-height: 536px !important;
}

.h-540 {
  height: 540px !important;
  min-height: 540px !important;
  max-height: 540px !important;
}

.h-544 {
  height: 544px !important;
  min-height: 544px !important;
  max-height: 544px !important;
}

.h-548 {
  height: 548px !important;
  min-height: 548px !important;
  max-height: 548px !important;
}

.h-552 {
  height: 552px !important;
  min-height: 552px !important;
  max-height: 552px !important;
}

.h-556 {
  height: 556px !important;
  min-height: 556px !important;
  max-height: 556px !important;
}

.h-560 {
  height: 560px !important;
  min-height: 560px !important;
  max-height: 560px !important;
}

.h-564 {
  height: 564px !important;
  min-height: 564px !important;
  max-height: 564px !important;
}

.h-568 {
  height: 568px !important;
  min-height: 568px !important;
  max-height: 568px !important;
}

.h-572 {
  height: 572px !important;
  min-height: 572px !important;
  max-height: 572px !important;
}

.h-576 {
  height: 576px !important;
  min-height: 576px !important;
  max-height: 576px !important;
}

.h-580 {
  height: 580px !important;
  min-height: 580px !important;
  max-height: 580px !important;
}

.h-584 {
  height: 584px !important;
  min-height: 584px !important;
  max-height: 584px !important;
}

.h-588 {
  height: 588px !important;
  min-height: 588px !important;
  max-height: 588px !important;
}

.h-592 {
  height: 592px !important;
  min-height: 592px !important;
  max-height: 592px !important;
}

.h-596 {
  height: 596px !important;
  min-height: 596px !important;
  max-height: 596px !important;
}

.h-600 {
  height: 600px !important;
  min-height: 600px !important;
  max-height: 600px !important;
}

.h-604 {
  height: 604px !important;
  min-height: 604px !important;
  max-height: 604px !important;
}

.h-608 {
  height: 608px !important;
  min-height: 608px !important;
  max-height: 608px !important;
}

.h-612 {
  height: 612px !important;
  min-height: 612px !important;
  max-height: 612px !important;
}

.h-616 {
  height: 616px !important;
  min-height: 616px !important;
  max-height: 616px !important;
}

.h-620 {
  height: 620px !important;
  min-height: 620px !important;
  max-height: 620px !important;
}

.h-624 {
  height: 624px !important;
  min-height: 624px !important;
  max-height: 624px !important;
}

.h-628 {
  height: 628px !important;
  min-height: 628px !important;
  max-height: 628px !important;
}

.h-632 {
  height: 632px !important;
  min-height: 632px !important;
  max-height: 632px !important;
}

.h-636 {
  height: 636px !important;
  min-height: 636px !important;
  max-height: 636px !important;
}

.h-640 {
  height: 640px !important;
  min-height: 640px !important;
  max-height: 640px !important;
}

.h-644 {
  height: 644px !important;
  min-height: 644px !important;
  max-height: 644px !important;
}

.h-648 {
  height: 648px !important;
  min-height: 648px !important;
  max-height: 648px !important;
}

.h-652 {
  height: 652px !important;
  min-height: 652px !important;
  max-height: 652px !important;
}

.h-656 {
  height: 656px !important;
  min-height: 656px !important;
  max-height: 656px !important;
}

.h-660 {
  height: 660px !important;
  min-height: 660px !important;
  max-height: 660px !important;
}

.h-664 {
  height: 664px !important;
  min-height: 664px !important;
  max-height: 664px !important;
}

.h-668 {
  height: 668px !important;
  min-height: 668px !important;
  max-height: 668px !important;
}

.h-672 {
  height: 672px !important;
  min-height: 672px !important;
  max-height: 672px !important;
}

.h-676 {
  height: 676px !important;
  min-height: 676px !important;
  max-height: 676px !important;
}

.h-680 {
  height: 680px !important;
  min-height: 680px !important;
  max-height: 680px !important;
}

.h-684 {
  height: 684px !important;
  min-height: 684px !important;
  max-height: 684px !important;
}

.h-688 {
  height: 688px !important;
  min-height: 688px !important;
  max-height: 688px !important;
}

.h-692 {
  height: 692px !important;
  min-height: 692px !important;
  max-height: 692px !important;
}

.h-696 {
  height: 696px !important;
  min-height: 696px !important;
  max-height: 696px !important;
}

.h-700 {
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
}

.h-704 {
  height: 704px !important;
  min-height: 704px !important;
  max-height: 704px !important;
}

.h-708 {
  height: 708px !important;
  min-height: 708px !important;
  max-height: 708px !important;
}

.h-712 {
  height: 712px !important;
  min-height: 712px !important;
  max-height: 712px !important;
}

.h-716 {
  height: 716px !important;
  min-height: 716px !important;
  max-height: 716px !important;
}

.h-720 {
  height: 720px !important;
  min-height: 720px !important;
  max-height: 720px !important;
}

.h-0-p {
  height: 0% !important;
}

.h-5-p {
  height: 5% !important;
}

.h-10-p {
  height: 10% !important;
}

.h-15-p {
  height: 15% !important;
}

.h-20-p {
  height: 20% !important;
}

.h-25-p {
  height: 25% !important;
}

.h-30-p {
  height: 30% !important;
}

.h-35-p {
  height: 35% !important;
}

.h-40-p {
  height: 40% !important;
}

.h-45-p {
  height: 45% !important;
}

.h-50-p {
  height: 50% !important;
}

.h-55-p {
  height: 55% !important;
}

.h-60-p {
  height: 60% !important;
}

.h-65-p {
  height: 65% !important;
}

.h-70-p {
  height: 70% !important;
}

.h-75-p {
  height: 75% !important;
}

.h-80-p {
  height: 80% !important;
}

.h-85-p {
  height: 85% !important;
}

.h-90-p {
  height: 90% !important;
}

.h-95-p {
  height: 95% !important;
}

.h-100-p {
  height: 100% !important;
}

.w-0 {
  width: 0px !important;
  min-width: 0px !important;
  max-width: 0px !important;
}

.w-4 {
  width: 4px !important;
  min-width: 4px !important;
  max-width: 4px !important;
}

.w-8 {
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
}

.w-12 {
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
}

.w-16 {
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
}

.w-20 {
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
}

.w-24 {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
}

.w-28 {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
}

.w-32 {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
}

.w-36 {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
}

.w-40 {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

.w-44 {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
}

.w-48 {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

.w-52 {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
}

.w-56 {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
}

.w-60 {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
}

.w-64 {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
}

.w-68 {
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
}

.w-72 {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

.w-76 {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
}

.w-80 {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.w-84 {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
}

.w-88 {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
}

.w-92 {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}

.w-96 {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}

.w-100 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

.w-104 {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

.w-108 {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
}

.w-112 {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
}

.w-116 {
  width: 116px !important;
  min-width: 116px !important;
  max-width: 116px !important;
}

.w-120 {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.w-124 {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
}

.w-128 {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}

.w-132 {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
}

.w-136 {
  width: 136px !important;
  min-width: 136px !important;
  max-width: 136px !important;
}

.w-140 {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

.w-144 {
  width: 144px !important;
  min-width: 144px !important;
  max-width: 144px !important;
}

.w-148 {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.w-152 {
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
}

.w-156 {
  width: 156px !important;
  min-width: 156px !important;
  max-width: 156px !important;
}

.w-160 {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

.w-164 {
  width: 164px !important;
  min-width: 164px !important;
  max-width: 164px !important;
}

.w-168 {
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
}

.w-172 {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

.w-176 {
  width: 176px !important;
  min-width: 176px !important;
  max-width: 176px !important;
}

.w-180 {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

.w-184 {
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
}

.w-188 {
  width: 188px !important;
  min-width: 188px !important;
  max-width: 188px !important;
}

.w-192 {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
}

.w-196 {
  width: 196px !important;
  min-width: 196px !important;
  max-width: 196px !important;
}

.w-200 {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

.w-204 {
  width: 204px !important;
  min-width: 204px !important;
  max-width: 204px !important;
}

.w-208 {
  width: 208px !important;
  min-width: 208px !important;
  max-width: 208px !important;
}

.w-212 {
  width: 212px !important;
  min-width: 212px !important;
  max-width: 212px !important;
}

.w-216 {
  width: 216px !important;
  min-width: 216px !important;
  max-width: 216px !important;
}

.w-220 {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.w-224 {
  width: 224px !important;
  min-width: 224px !important;
  max-width: 224px !important;
}

.w-228 {
  width: 228px !important;
  min-width: 228px !important;
  max-width: 228px !important;
}

.w-232 {
  width: 232px !important;
  min-width: 232px !important;
  max-width: 232px !important;
}

.w-236 {
  width: 236px !important;
  min-width: 236px !important;
  max-width: 236px !important;
}

.w-240 {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

.w-244 {
  width: 244px !important;
  min-width: 244px !important;
  max-width: 244px !important;
}

.w-248 {
  width: 248px !important;
  min-width: 248px !important;
  max-width: 248px !important;
}

.w-252 {
  width: 252px !important;
  min-width: 252px !important;
  max-width: 252px !important;
}

.w-256 {
  width: 256px !important;
  min-width: 256px !important;
  max-width: 256px !important;
}

.w-260 {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

.w-264 {
  width: 264px !important;
  min-width: 264px !important;
  max-width: 264px !important;
}

.w-268 {
  width: 268px !important;
  min-width: 268px !important;
  max-width: 268px !important;
}

.w-272 {
  width: 272px !important;
  min-width: 272px !important;
  max-width: 272px !important;
}

.w-276 {
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
}

.w-280 {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

.w-284 {
  width: 284px !important;
  min-width: 284px !important;
  max-width: 284px !important;
}

.w-288 {
  width: 288px !important;
  min-width: 288px !important;
  max-width: 288px !important;
}

.w-292 {
  width: 292px !important;
  min-width: 292px !important;
  max-width: 292px !important;
}

.w-296 {
  width: 296px !important;
  min-width: 296px !important;
  max-width: 296px !important;
}

.w-300 {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

.w-304 {
  width: 304px !important;
  min-width: 304px !important;
  max-width: 304px !important;
}

.w-308 {
  width: 308px !important;
  min-width: 308px !important;
  max-width: 308px !important;
}

.w-312 {
  width: 312px !important;
  min-width: 312px !important;
  max-width: 312px !important;
}

.w-316 {
  width: 316px !important;
  min-width: 316px !important;
  max-width: 316px !important;
}

.w-320 {
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
}

.w-324 {
  width: 324px !important;
  min-width: 324px !important;
  max-width: 324px !important;
}

.w-328 {
  width: 328px !important;
  min-width: 328px !important;
  max-width: 328px !important;
}

.w-332 {
  width: 332px !important;
  min-width: 332px !important;
  max-width: 332px !important;
}

.w-336 {
  width: 336px !important;
  min-width: 336px !important;
  max-width: 336px !important;
}

.w-340 {
  width: 340px !important;
  min-width: 340px !important;
  max-width: 340px !important;
}

.w-344 {
  width: 344px !important;
  min-width: 344px !important;
  max-width: 344px !important;
}

.w-348 {
  width: 348px !important;
  min-width: 348px !important;
  max-width: 348px !important;
}

.w-352 {
  width: 352px !important;
  min-width: 352px !important;
  max-width: 352px !important;
}

.w-356 {
  width: 356px !important;
  min-width: 356px !important;
  max-width: 356px !important;
}

.w-360 {
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
}

.w-364 {
  width: 364px !important;
  min-width: 364px !important;
  max-width: 364px !important;
}

.w-368 {
  width: 368px !important;
  min-width: 368px !important;
  max-width: 368px !important;
}

.w-372 {
  width: 372px !important;
  min-width: 372px !important;
  max-width: 372px !important;
}

.w-376 {
  width: 376px !important;
  min-width: 376px !important;
  max-width: 376px !important;
}

.w-380 {
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
}

.w-384 {
  width: 384px !important;
  min-width: 384px !important;
  max-width: 384px !important;
}

.w-388 {
  width: 388px !important;
  min-width: 388px !important;
  max-width: 388px !important;
}

.w-392 {
  width: 392px !important;
  min-width: 392px !important;
  max-width: 392px !important;
}

.w-396 {
  width: 396px !important;
  min-width: 396px !important;
  max-width: 396px !important;
}

.w-400 {
  width: 400px !important;
  min-width: 400px !important;
  max-width: 400px !important;
}

.w-404 {
  width: 404px !important;
  min-width: 404px !important;
  max-width: 404px !important;
}

.w-408 {
  width: 408px !important;
  min-width: 408px !important;
  max-width: 408px !important;
}

.w-412 {
  width: 412px !important;
  min-width: 412px !important;
  max-width: 412px !important;
}

.w-416 {
  width: 416px !important;
  min-width: 416px !important;
  max-width: 416px !important;
}

.w-420 {
  width: 420px !important;
  min-width: 420px !important;
  max-width: 420px !important;
}

.w-424 {
  width: 424px !important;
  min-width: 424px !important;
  max-width: 424px !important;
}

.w-428 {
  width: 428px !important;
  min-width: 428px !important;
  max-width: 428px !important;
}

.w-432 {
  width: 432px !important;
  min-width: 432px !important;
  max-width: 432px !important;
}

.w-436 {
  width: 436px !important;
  min-width: 436px !important;
  max-width: 436px !important;
}

.w-440 {
  width: 440px !important;
  min-width: 440px !important;
  max-width: 440px !important;
}

.w-444 {
  width: 444px !important;
  min-width: 444px !important;
  max-width: 444px !important;
}

.w-448 {
  width: 448px !important;
  min-width: 448px !important;
  max-width: 448px !important;
}

.w-452 {
  width: 452px !important;
  min-width: 452px !important;
  max-width: 452px !important;
}

.w-456 {
  width: 456px !important;
  min-width: 456px !important;
  max-width: 456px !important;
}

.w-460 {
  width: 460px !important;
  min-width: 460px !important;
  max-width: 460px !important;
}

.w-464 {
  width: 464px !important;
  min-width: 464px !important;
  max-width: 464px !important;
}

.w-468 {
  width: 468px !important;
  min-width: 468px !important;
  max-width: 468px !important;
}

.w-472 {
  width: 472px !important;
  min-width: 472px !important;
  max-width: 472px !important;
}

.w-476 {
  width: 476px !important;
  min-width: 476px !important;
  max-width: 476px !important;
}

.w-480 {
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
}

.w-484 {
  width: 484px !important;
  min-width: 484px !important;
  max-width: 484px !important;
}

.w-488 {
  width: 488px !important;
  min-width: 488px !important;
  max-width: 488px !important;
}

.w-492 {
  width: 492px !important;
  min-width: 492px !important;
  max-width: 492px !important;
}

.w-496 {
  width: 496px !important;
  min-width: 496px !important;
  max-width: 496px !important;
}

.w-500 {
  width: 500px !important;
  min-width: 500px !important;
  max-width: 500px !important;
}

.w-504 {
  width: 504px !important;
  min-width: 504px !important;
  max-width: 504px !important;
}

.w-508 {
  width: 508px !important;
  min-width: 508px !important;
  max-width: 508px !important;
}

.w-512 {
  width: 512px !important;
  min-width: 512px !important;
  max-width: 512px !important;
}

.w-516 {
  width: 516px !important;
  min-width: 516px !important;
  max-width: 516px !important;
}

.w-520 {
  width: 520px !important;
  min-width: 520px !important;
  max-width: 520px !important;
}

.w-524 {
  width: 524px !important;
  min-width: 524px !important;
  max-width: 524px !important;
}

.w-528 {
  width: 528px !important;
  min-width: 528px !important;
  max-width: 528px !important;
}

.w-532 {
  width: 532px !important;
  min-width: 532px !important;
  max-width: 532px !important;
}

.w-536 {
  width: 536px !important;
  min-width: 536px !important;
  max-width: 536px !important;
}

.w-540 {
  width: 540px !important;
  min-width: 540px !important;
  max-width: 540px !important;
}

.w-544 {
  width: 544px !important;
  min-width: 544px !important;
  max-width: 544px !important;
}

.w-548 {
  width: 548px !important;
  min-width: 548px !important;
  max-width: 548px !important;
}

.w-552 {
  width: 552px !important;
  min-width: 552px !important;
  max-width: 552px !important;
}

.w-556 {
  width: 556px !important;
  min-width: 556px !important;
  max-width: 556px !important;
}

.w-560 {
  width: 560px !important;
  min-width: 560px !important;
  max-width: 560px !important;
}

.w-564 {
  width: 564px !important;
  min-width: 564px !important;
  max-width: 564px !important;
}

.w-568 {
  width: 568px !important;
  min-width: 568px !important;
  max-width: 568px !important;
}

.w-572 {
  width: 572px !important;
  min-width: 572px !important;
  max-width: 572px !important;
}

.w-576 {
  width: 576px !important;
  min-width: 576px !important;
  max-width: 576px !important;
}

.w-580 {
  width: 580px !important;
  min-width: 580px !important;
  max-width: 580px !important;
}

.w-584 {
  width: 584px !important;
  min-width: 584px !important;
  max-width: 584px !important;
}

.w-588 {
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
}

.w-592 {
  width: 592px !important;
  min-width: 592px !important;
  max-width: 592px !important;
}

.w-596 {
  width: 596px !important;
  min-width: 596px !important;
  max-width: 596px !important;
}

.w-600 {
  width: 600px !important;
  min-width: 600px !important;
  max-width: 600px !important;
}

.w-604 {
  width: 604px !important;
  min-width: 604px !important;
  max-width: 604px !important;
}

.w-608 {
  width: 608px !important;
  min-width: 608px !important;
  max-width: 608px !important;
}

.w-612 {
  width: 612px !important;
  min-width: 612px !important;
  max-width: 612px !important;
}

.w-616 {
  width: 616px !important;
  min-width: 616px !important;
  max-width: 616px !important;
}

.w-620 {
  width: 620px !important;
  min-width: 620px !important;
  max-width: 620px !important;
}

.w-624 {
  width: 624px !important;
  min-width: 624px !important;
  max-width: 624px !important;
}

.w-628 {
  width: 628px !important;
  min-width: 628px !important;
  max-width: 628px !important;
}

.w-632 {
  width: 632px !important;
  min-width: 632px !important;
  max-width: 632px !important;
}

.w-636 {
  width: 636px !important;
  min-width: 636px !important;
  max-width: 636px !important;
}

.w-640 {
  width: 640px !important;
  min-width: 640px !important;
  max-width: 640px !important;
}

.w-644 {
  width: 644px !important;
  min-width: 644px !important;
  max-width: 644px !important;
}

.w-648 {
  width: 648px !important;
  min-width: 648px !important;
  max-width: 648px !important;
}

.w-652 {
  width: 652px !important;
  min-width: 652px !important;
  max-width: 652px !important;
}

.w-656 {
  width: 656px !important;
  min-width: 656px !important;
  max-width: 656px !important;
}

.w-660 {
  width: 660px !important;
  min-width: 660px !important;
  max-width: 660px !important;
}

.w-664 {
  width: 664px !important;
  min-width: 664px !important;
  max-width: 664px !important;
}

.w-668 {
  width: 668px !important;
  min-width: 668px !important;
  max-width: 668px !important;
}

.w-672 {
  width: 672px !important;
  min-width: 672px !important;
  max-width: 672px !important;
}

.w-676 {
  width: 676px !important;
  min-width: 676px !important;
  max-width: 676px !important;
}

.w-680 {
  width: 680px !important;
  min-width: 680px !important;
  max-width: 680px !important;
}

.w-684 {
  width: 684px !important;
  min-width: 684px !important;
  max-width: 684px !important;
}

.w-688 {
  width: 688px !important;
  min-width: 688px !important;
  max-width: 688px !important;
}

.w-692 {
  width: 692px !important;
  min-width: 692px !important;
  max-width: 692px !important;
}

.w-696 {
  width: 696px !important;
  min-width: 696px !important;
  max-width: 696px !important;
}

.w-700 {
  width: 700px !important;
  min-width: 700px !important;
  max-width: 700px !important;
}

.w-704 {
  width: 704px !important;
  min-width: 704px !important;
  max-width: 704px !important;
}

.w-708 {
  width: 708px !important;
  min-width: 708px !important;
  max-width: 708px !important;
}

.w-712 {
  width: 712px !important;
  min-width: 712px !important;
  max-width: 712px !important;
}

.w-716 {
  width: 716px !important;
  min-width: 716px !important;
  max-width: 716px !important;
}

.w-720 {
  width: 720px !important;
  min-width: 720px !important;
  max-width: 720px !important;
}

.w-0-p {
  width: 0% !important;
}

.w-5-p {
  width: 5% !important;
}

.w-10-p {
  width: 10% !important;
}

.w-15-p {
  width: 15% !important;
}

.w-20-p {
  width: 20% !important;
}

.w-25-p {
  width: 25% !important;
}

.w-30-p {
  width: 30% !important;
}

.w-35-p {
  width: 35% !important;
}

.w-40-p {
  width: 40% !important;
}

.w-45-p {
  width: 45% !important;
}

.w-50-p {
  width: 50% !important;
}

.w-55-p {
  width: 55% !important;
}

.w-60-p {
  width: 60% !important;
}

.w-65-p {
  width: 65% !important;
}

.w-70-p {
  width: 70% !important;
}

.w-75-p {
  width: 75% !important;
}

.w-80-p {
  width: 80% !important;
}

.w-85-p {
  width: 85% !important;
}

.w-90-p {
  width: 90% !important;
}

.w-95-p {
  width: 95% !important;
}

.w-100-p {
  width: 100% !important;
}

.m-0 {
  margin: 0px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-12 {
  margin: 12px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-28 {
  margin: 28px !important;
}

.m-32 {
  margin: 32px !important;
}

.m-36 {
  margin: 36px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-44 {
  margin: 44px !important;
}

.m-48 {
  margin: 48px !important;
}

.m-52 {
  margin: 52px !important;
}

.m-56 {
  margin: 56px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-64 {
  margin: 64px !important;
}

.m-68 {
  margin: 68px !important;
}

.m-72 {
  margin: 72px !important;
}

.m-76 {
  margin: 76px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-84 {
  margin: 84px !important;
}

.m-88 {
  margin: 88px !important;
}

.m-92 {
  margin: 92px !important;
}

.m-96 {
  margin: 96px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-104 {
  margin: 104px !important;
}

.m-108 {
  margin: 108px !important;
}

.m-112 {
  margin: 112px !important;
}

.m-116 {
  margin: 116px !important;
}

.m-120 {
  margin: 120px !important;
}

.m-124 {
  margin: 124px !important;
}

.m-128 {
  margin: 128px !important;
}

.m-132 {
  margin: 132px !important;
}

.m-136 {
  margin: 136px !important;
}

.m-140 {
  margin: 140px !important;
}

.m-144 {
  margin: 144px !important;
}

.m-148 {
  margin: 148px !important;
}

.m-152 {
  margin: 152px !important;
}

.m-156 {
  margin: 156px !important;
}

.m-160 {
  margin: 160px !important;
}

.m-164 {
  margin: 164px !important;
}

.m-168 {
  margin: 168px !important;
}

.m-172 {
  margin: 172px !important;
}

.m-176 {
  margin: 176px !important;
}

.m-180 {
  margin: 180px !important;
}

.m-184 {
  margin: 184px !important;
}

.m-188 {
  margin: 188px !important;
}

.m-192 {
  margin: 192px !important;
}

.m-196 {
  margin: 196px !important;
}

.m-200 {
  margin: 200px !important;
}

.m-204 {
  margin: 204px !important;
}

.m-208 {
  margin: 208px !important;
}

.m-212 {
  margin: 212px !important;
}

.m-216 {
  margin: 216px !important;
}

.m-220 {
  margin: 220px !important;
}

.m-224 {
  margin: 224px !important;
}

.m-228 {
  margin: 228px !important;
}

.m-232 {
  margin: 232px !important;
}

.m-236 {
  margin: 236px !important;
}

.m-240 {
  margin: 240px !important;
}

.m-244 {
  margin: 244px !important;
}

.m-248 {
  margin: 248px !important;
}

.m-252 {
  margin: 252px !important;
}

.m-256 {
  margin: 256px !important;
}

.mx-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mx-4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mx-8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mx-12 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mx-16 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mx-24 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mx-28 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mx-32 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mx-36 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mx-44 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.mx-48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mx-52 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.my-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.mx-56 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.mx-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mx-64 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.mx-68 {
  margin-right: 68px !important;
  margin-left: 68px !important;
}

.my-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.mx-72 {
  margin-right: 72px !important;
  margin-left: 72px !important;
}

.my-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.mx-76 {
  margin-right: 76px !important;
  margin-left: 76px !important;
}

.my-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.mx-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mx-84 {
  margin-right: 84px !important;
  margin-left: 84px !important;
}

.my-84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.mx-88 {
  margin-right: 88px !important;
  margin-left: 88px !important;
}

.my-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.mx-92 {
  margin-right: 92px !important;
  margin-left: 92px !important;
}

.my-92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.mx-96 {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

.my-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.mx-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mx-104 {
  margin-right: 104px !important;
  margin-left: 104px !important;
}

.my-104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.mx-108 {
  margin-right: 108px !important;
  margin-left: 108px !important;
}

.my-108 {
  margin-top: 108px !important;
  margin-bottom: 108px !important;
}

.mx-112 {
  margin-right: 112px !important;
  margin-left: 112px !important;
}

.my-112 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.mx-116 {
  margin-right: 116px !important;
  margin-left: 116px !important;
}

.my-116 {
  margin-top: 116px !important;
  margin-bottom: 116px !important;
}

.mx-120 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.my-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.mx-124 {
  margin-right: 124px !important;
  margin-left: 124px !important;
}

.my-124 {
  margin-top: 124px !important;
  margin-bottom: 124px !important;
}

.mx-128 {
  margin-right: 128px !important;
  margin-left: 128px !important;
}

.my-128 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.mx-132 {
  margin-right: 132px !important;
  margin-left: 132px !important;
}

.my-132 {
  margin-top: 132px !important;
  margin-bottom: 132px !important;
}

.mx-136 {
  margin-right: 136px !important;
  margin-left: 136px !important;
}

.my-136 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}

.mx-140 {
  margin-right: 140px !important;
  margin-left: 140px !important;
}

.my-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.mx-144 {
  margin-right: 144px !important;
  margin-left: 144px !important;
}

.my-144 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}

.mx-148 {
  margin-right: 148px !important;
  margin-left: 148px !important;
}

.my-148 {
  margin-top: 148px !important;
  margin-bottom: 148px !important;
}

.mx-152 {
  margin-right: 152px !important;
  margin-left: 152px !important;
}

.my-152 {
  margin-top: 152px !important;
  margin-bottom: 152px !important;
}

.mx-156 {
  margin-right: 156px !important;
  margin-left: 156px !important;
}

.my-156 {
  margin-top: 156px !important;
  margin-bottom: 156px !important;
}

.mx-160 {
  margin-right: 160px !important;
  margin-left: 160px !important;
}

.my-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.mx-164 {
  margin-right: 164px !important;
  margin-left: 164px !important;
}

.my-164 {
  margin-top: 164px !important;
  margin-bottom: 164px !important;
}

.mx-168 {
  margin-right: 168px !important;
  margin-left: 168px !important;
}

.my-168 {
  margin-top: 168px !important;
  margin-bottom: 168px !important;
}

.mx-172 {
  margin-right: 172px !important;
  margin-left: 172px !important;
}

.my-172 {
  margin-top: 172px !important;
  margin-bottom: 172px !important;
}

.mx-176 {
  margin-right: 176px !important;
  margin-left: 176px !important;
}

.my-176 {
  margin-top: 176px !important;
  margin-bottom: 176px !important;
}

.mx-180 {
  margin-right: 180px !important;
  margin-left: 180px !important;
}

.my-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.mx-184 {
  margin-right: 184px !important;
  margin-left: 184px !important;
}

.my-184 {
  margin-top: 184px !important;
  margin-bottom: 184px !important;
}

.mx-188 {
  margin-right: 188px !important;
  margin-left: 188px !important;
}

.my-188 {
  margin-top: 188px !important;
  margin-bottom: 188px !important;
}

.mx-192 {
  margin-right: 192px !important;
  margin-left: 192px !important;
}

.my-192 {
  margin-top: 192px !important;
  margin-bottom: 192px !important;
}

.mx-196 {
  margin-right: 196px !important;
  margin-left: 196px !important;
}

.my-196 {
  margin-top: 196px !important;
  margin-bottom: 196px !important;
}

.mx-200 {
  margin-right: 200px !important;
  margin-left: 200px !important;
}

.my-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.mx-204 {
  margin-right: 204px !important;
  margin-left: 204px !important;
}

.my-204 {
  margin-top: 204px !important;
  margin-bottom: 204px !important;
}

.mx-208 {
  margin-right: 208px !important;
  margin-left: 208px !important;
}

.my-208 {
  margin-top: 208px !important;
  margin-bottom: 208px !important;
}

.mx-212 {
  margin-right: 212px !important;
  margin-left: 212px !important;
}

.my-212 {
  margin-top: 212px !important;
  margin-bottom: 212px !important;
}

.mx-216 {
  margin-right: 216px !important;
  margin-left: 216px !important;
}

.my-216 {
  margin-top: 216px !important;
  margin-bottom: 216px !important;
}

.mx-220 {
  margin-right: 220px !important;
  margin-left: 220px !important;
}

.my-220 {
  margin-top: 220px !important;
  margin-bottom: 220px !important;
}

.mx-224 {
  margin-right: 224px !important;
  margin-left: 224px !important;
}

.my-224 {
  margin-top: 224px !important;
  margin-bottom: 224px !important;
}

.mx-228 {
  margin-right: 228px !important;
  margin-left: 228px !important;
}

.my-228 {
  margin-top: 228px !important;
  margin-bottom: 228px !important;
}

.mx-232 {
  margin-right: 232px !important;
  margin-left: 232px !important;
}

.my-232 {
  margin-top: 232px !important;
  margin-bottom: 232px !important;
}

.mx-236 {
  margin-right: 236px !important;
  margin-left: 236px !important;
}

.my-236 {
  margin-top: 236px !important;
  margin-bottom: 236px !important;
}

.mx-240 {
  margin-right: 240px !important;
  margin-left: 240px !important;
}

.my-240 {
  margin-top: 240px !important;
  margin-bottom: 240px !important;
}

.mx-244 {
  margin-right: 244px !important;
  margin-left: 244px !important;
}

.my-244 {
  margin-top: 244px !important;
  margin-bottom: 244px !important;
}

.mx-248 {
  margin-right: 248px !important;
  margin-left: 248px !important;
}

.my-248 {
  margin-top: 248px !important;
  margin-bottom: 248px !important;
}

.mx-252 {
  margin-right: 252px !important;
  margin-left: 252px !important;
}

.my-252 {
  margin-top: 252px !important;
  margin-bottom: 252px !important;
}

.mx-256 {
  margin-right: 256px !important;
  margin-left: 256px !important;
}

.my-256 {
  margin-top: 256px !important;
  margin-bottom: 256px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mr-68 {
  margin-right: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.ml-68 {
  margin-left: 68px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mr-76 {
  margin-right: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.ml-76 {
  margin-left: 76px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.mr-84 {
  margin-right: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.ml-84 {
  margin-left: 84px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.mr-88 {
  margin-right: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.ml-88 {
  margin-left: 88px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.mr-92 {
  margin-right: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.ml-92 {
  margin-left: 92px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.mr-96 {
  margin-right: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.ml-96 {
  margin-left: 96px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mt-104 {
  margin-top: 104px !important;
}

.mr-104 {
  margin-right: 104px !important;
}

.mb-104 {
  margin-bottom: 104px !important;
}

.ml-104 {
  margin-left: 104px !important;
}

.mt-108 {
  margin-top: 108px !important;
}

.mr-108 {
  margin-right: 108px !important;
}

.mb-108 {
  margin-bottom: 108px !important;
}

.ml-108 {
  margin-left: 108px !important;
}

.mt-112 {
  margin-top: 112px !important;
}

.mr-112 {
  margin-right: 112px !important;
}

.mb-112 {
  margin-bottom: 112px !important;
}

.ml-112 {
  margin-left: 112px !important;
}

.mt-116 {
  margin-top: 116px !important;
}

.mr-116 {
  margin-right: 116px !important;
}

.mb-116 {
  margin-bottom: 116px !important;
}

.ml-116 {
  margin-left: 116px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mr-120 {
  margin-right: 120px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.mt-124 {
  margin-top: 124px !important;
}

.mr-124 {
  margin-right: 124px !important;
}

.mb-124 {
  margin-bottom: 124px !important;
}

.ml-124 {
  margin-left: 124px !important;
}

.mt-128 {
  margin-top: 128px !important;
}

.mr-128 {
  margin-right: 128px !important;
}

.mb-128 {
  margin-bottom: 128px !important;
}

.ml-128 {
  margin-left: 128px !important;
}

.mt-132 {
  margin-top: 132px !important;
}

.mr-132 {
  margin-right: 132px !important;
}

.mb-132 {
  margin-bottom: 132px !important;
}

.ml-132 {
  margin-left: 132px !important;
}

.mt-136 {
  margin-top: 136px !important;
}

.mr-136 {
  margin-right: 136px !important;
}

.mb-136 {
  margin-bottom: 136px !important;
}

.ml-136 {
  margin-left: 136px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

.mr-140 {
  margin-right: 140px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

.ml-140 {
  margin-left: 140px !important;
}

.mt-144 {
  margin-top: 144px !important;
}

.mr-144 {
  margin-right: 144px !important;
}

.mb-144 {
  margin-bottom: 144px !important;
}

.ml-144 {
  margin-left: 144px !important;
}

.mt-148 {
  margin-top: 148px !important;
}

.mr-148 {
  margin-right: 148px !important;
}

.mb-148 {
  margin-bottom: 148px !important;
}

.ml-148 {
  margin-left: 148px !important;
}

.mt-152 {
  margin-top: 152px !important;
}

.mr-152 {
  margin-right: 152px !important;
}

.mb-152 {
  margin-bottom: 152px !important;
}

.ml-152 {
  margin-left: 152px !important;
}

.mt-156 {
  margin-top: 156px !important;
}

.mr-156 {
  margin-right: 156px !important;
}

.mb-156 {
  margin-bottom: 156px !important;
}

.ml-156 {
  margin-left: 156px !important;
}

.mt-160 {
  margin-top: 160px !important;
}

.mr-160 {
  margin-right: 160px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

.ml-160 {
  margin-left: 160px !important;
}

.mt-164 {
  margin-top: 164px !important;
}

.mr-164 {
  margin-right: 164px !important;
}

.mb-164 {
  margin-bottom: 164px !important;
}

.ml-164 {
  margin-left: 164px !important;
}

.mt-168 {
  margin-top: 168px !important;
}

.mr-168 {
  margin-right: 168px !important;
}

.mb-168 {
  margin-bottom: 168px !important;
}

.ml-168 {
  margin-left: 168px !important;
}

.mt-172 {
  margin-top: 172px !important;
}

.mr-172 {
  margin-right: 172px !important;
}

.mb-172 {
  margin-bottom: 172px !important;
}

.ml-172 {
  margin-left: 172px !important;
}

.mt-176 {
  margin-top: 176px !important;
}

.mr-176 {
  margin-right: 176px !important;
}

.mb-176 {
  margin-bottom: 176px !important;
}

.ml-176 {
  margin-left: 176px !important;
}

.mt-180 {
  margin-top: 180px !important;
}

.mr-180 {
  margin-right: 180px !important;
}

.mb-180 {
  margin-bottom: 180px !important;
}

.ml-180 {
  margin-left: 180px !important;
}

.mt-184 {
  margin-top: 184px !important;
}

.mr-184 {
  margin-right: 184px !important;
}

.mb-184 {
  margin-bottom: 184px !important;
}

.ml-184 {
  margin-left: 184px !important;
}

.mt-188 {
  margin-top: 188px !important;
}

.mr-188 {
  margin-right: 188px !important;
}

.mb-188 {
  margin-bottom: 188px !important;
}

.ml-188 {
  margin-left: 188px !important;
}

.mt-192 {
  margin-top: 192px !important;
}

.mr-192 {
  margin-right: 192px !important;
}

.mb-192 {
  margin-bottom: 192px !important;
}

.ml-192 {
  margin-left: 192px !important;
}

.mt-196 {
  margin-top: 196px !important;
}

.mr-196 {
  margin-right: 196px !important;
}

.mb-196 {
  margin-bottom: 196px !important;
}

.ml-196 {
  margin-left: 196px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mr-200 {
  margin-right: 200px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.mt-204 {
  margin-top: 204px !important;
}

.mr-204 {
  margin-right: 204px !important;
}

.mb-204 {
  margin-bottom: 204px !important;
}

.ml-204 {
  margin-left: 204px !important;
}

.mt-208 {
  margin-top: 208px !important;
}

.mr-208 {
  margin-right: 208px !important;
}

.mb-208 {
  margin-bottom: 208px !important;
}

.ml-208 {
  margin-left: 208px !important;
}

.mt-212 {
  margin-top: 212px !important;
}

.mr-212 {
  margin-right: 212px !important;
}

.mb-212 {
  margin-bottom: 212px !important;
}

.ml-212 {
  margin-left: 212px !important;
}

.mt-216 {
  margin-top: 216px !important;
}

.mr-216 {
  margin-right: 216px !important;
}

.mb-216 {
  margin-bottom: 216px !important;
}

.ml-216 {
  margin-left: 216px !important;
}

.mt-220 {
  margin-top: 220px !important;
}

.mr-220 {
  margin-right: 220px !important;
}

.mb-220 {
  margin-bottom: 220px !important;
}

.ml-220 {
  margin-left: 220px !important;
}

.mt-224 {
  margin-top: 224px !important;
}

.mr-224 {
  margin-right: 224px !important;
}

.mb-224 {
  margin-bottom: 224px !important;
}

.ml-224 {
  margin-left: 224px !important;
}

.mt-228 {
  margin-top: 228px !important;
}

.mr-228 {
  margin-right: 228px !important;
}

.mb-228 {
  margin-bottom: 228px !important;
}

.ml-228 {
  margin-left: 228px !important;
}

.mt-232 {
  margin-top: 232px !important;
}

.mr-232 {
  margin-right: 232px !important;
}

.mb-232 {
  margin-bottom: 232px !important;
}

.ml-232 {
  margin-left: 232px !important;
}

.mt-236 {
  margin-top: 236px !important;
}

.mr-236 {
  margin-right: 236px !important;
}

.mb-236 {
  margin-bottom: 236px !important;
}

.ml-236 {
  margin-left: 236px !important;
}

.mt-240 {
  margin-top: 240px !important;
}

.mr-240 {
  margin-right: 240px !important;
}

.mb-240 {
  margin-bottom: 240px !important;
}

.ml-240 {
  margin-left: 240px !important;
}

.mt-244 {
  margin-top: 244px !important;
}

.mr-244 {
  margin-right: 244px !important;
}

.mb-244 {
  margin-bottom: 244px !important;
}

.ml-244 {
  margin-left: 244px !important;
}

.mt-248 {
  margin-top: 248px !important;
}

.mr-248 {
  margin-right: 248px !important;
}

.mb-248 {
  margin-bottom: 248px !important;
}

.ml-248 {
  margin-left: 248px !important;
}

.mt-252 {
  margin-top: 252px !important;
}

.mr-252 {
  margin-right: 252px !important;
}

.mb-252 {
  margin-bottom: 252px !important;
}

.ml-252 {
  margin-left: 252px !important;
}

.mt-256 {
  margin-top: 256px !important;
}

.mr-256 {
  margin-right: 256px !important;
}

.mb-256 {
  margin-bottom: 256px !important;
}

.ml-256 {
  margin-left: 256px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-28 {
  padding: 28px !important;
}

.p-32 {
  padding: 32px !important;
}

.p-36 {
  padding: 36px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-44 {
  padding: 44px !important;
}

.p-48 {
  padding: 48px !important;
}

.p-52 {
  padding: 52px !important;
}

.p-56 {
  padding: 56px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-64 {
  padding: 64px !important;
}

.p-68 {
  padding: 68px !important;
}

.p-72 {
  padding: 72px !important;
}

.p-76 {
  padding: 76px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-84 {
  padding: 84px !important;
}

.p-88 {
  padding: 88px !important;
}

.p-92 {
  padding: 92px !important;
}

.p-96 {
  padding: 96px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-104 {
  padding: 104px !important;
}

.p-108 {
  padding: 108px !important;
}

.p-112 {
  padding: 112px !important;
}

.p-116 {
  padding: 116px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-124 {
  padding: 124px !important;
}

.p-128 {
  padding: 128px !important;
}

.p-132 {
  padding: 132px !important;
}

.p-136 {
  padding: 136px !important;
}

.p-140 {
  padding: 140px !important;
}

.p-144 {
  padding: 144px !important;
}

.p-148 {
  padding: 148px !important;
}

.p-152 {
  padding: 152px !important;
}

.p-156 {
  padding: 156px !important;
}

.p-160 {
  padding: 160px !important;
}

.p-164 {
  padding: 164px !important;
}

.p-168 {
  padding: 168px !important;
}

.p-172 {
  padding: 172px !important;
}

.p-176 {
  padding: 176px !important;
}

.p-180 {
  padding: 180px !important;
}

.p-184 {
  padding: 184px !important;
}

.p-188 {
  padding: 188px !important;
}

.p-192 {
  padding: 192px !important;
}

.p-196 {
  padding: 196px !important;
}

.p-200 {
  padding: 200px !important;
}

.p-204 {
  padding: 204px !important;
}

.p-208 {
  padding: 208px !important;
}

.p-212 {
  padding: 212px !important;
}

.p-216 {
  padding: 216px !important;
}

.p-220 {
  padding: 220px !important;
}

.p-224 {
  padding: 224px !important;
}

.p-228 {
  padding: 228px !important;
}

.p-232 {
  padding: 232px !important;
}

.p-236 {
  padding: 236px !important;
}

.p-240 {
  padding: 240px !important;
}

.p-244 {
  padding: 244px !important;
}

.p-248 {
  padding: 248px !important;
}

.p-252 {
  padding: 252px !important;
}

.p-256 {
  padding: 256px !important;
}

.px-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.px-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.px-12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.px-16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.px-24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.px-28 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.px-32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.px-36 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px-44 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.px-48 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.px-52 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.py-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.px-56 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.py-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.px-64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.px-68 {
  padding-right: 68px !important;
  padding-left: 68px !important;
}

.py-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.px-72 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.py-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.px-76 {
  padding-right: 76px !important;
  padding-left: 76px !important;
}

.py-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.px-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.px-84 {
  padding-right: 84px !important;
  padding-left: 84px !important;
}

.py-84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.px-88 {
  padding-right: 88px !important;
  padding-left: 88px !important;
}

.py-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.px-92 {
  padding-right: 92px !important;
  padding-left: 92px !important;
}

.py-92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.px-96 {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

.py-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.px-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.px-104 {
  padding-right: 104px !important;
  padding-left: 104px !important;
}

.py-104 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.px-108 {
  padding-right: 108px !important;
  padding-left: 108px !important;
}

.py-108 {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}

.px-112 {
  padding-right: 112px !important;
  padding-left: 112px !important;
}

.py-112 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.px-116 {
  padding-right: 116px !important;
  padding-left: 116px !important;
}

.py-116 {
  padding-top: 116px !important;
  padding-bottom: 116px !important;
}

.px-120 {
  padding-right: 120px !important;
  padding-left: 120px !important;
}

.py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.px-124 {
  padding-right: 124px !important;
  padding-left: 124px !important;
}

.py-124 {
  padding-top: 124px !important;
  padding-bottom: 124px !important;
}

.px-128 {
  padding-right: 128px !important;
  padding-left: 128px !important;
}

.py-128 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.px-132 {
  padding-right: 132px !important;
  padding-left: 132px !important;
}

.py-132 {
  padding-top: 132px !important;
  padding-bottom: 132px !important;
}

.px-136 {
  padding-right: 136px !important;
  padding-left: 136px !important;
}

.py-136 {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}

.px-140 {
  padding-right: 140px !important;
  padding-left: 140px !important;
}

.py-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.px-144 {
  padding-right: 144px !important;
  padding-left: 144px !important;
}

.py-144 {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}

.px-148 {
  padding-right: 148px !important;
  padding-left: 148px !important;
}

.py-148 {
  padding-top: 148px !important;
  padding-bottom: 148px !important;
}

.px-152 {
  padding-right: 152px !important;
  padding-left: 152px !important;
}

.py-152 {
  padding-top: 152px !important;
  padding-bottom: 152px !important;
}

.px-156 {
  padding-right: 156px !important;
  padding-left: 156px !important;
}

.py-156 {
  padding-top: 156px !important;
  padding-bottom: 156px !important;
}

.px-160 {
  padding-right: 160px !important;
  padding-left: 160px !important;
}

.py-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.px-164 {
  padding-right: 164px !important;
  padding-left: 164px !important;
}

.py-164 {
  padding-top: 164px !important;
  padding-bottom: 164px !important;
}

.px-168 {
  padding-right: 168px !important;
  padding-left: 168px !important;
}

.py-168 {
  padding-top: 168px !important;
  padding-bottom: 168px !important;
}

.px-172 {
  padding-right: 172px !important;
  padding-left: 172px !important;
}

.py-172 {
  padding-top: 172px !important;
  padding-bottom: 172px !important;
}

.px-176 {
  padding-right: 176px !important;
  padding-left: 176px !important;
}

.py-176 {
  padding-top: 176px !important;
  padding-bottom: 176px !important;
}

.px-180 {
  padding-right: 180px !important;
  padding-left: 180px !important;
}

.py-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.px-184 {
  padding-right: 184px !important;
  padding-left: 184px !important;
}

.py-184 {
  padding-top: 184px !important;
  padding-bottom: 184px !important;
}

.px-188 {
  padding-right: 188px !important;
  padding-left: 188px !important;
}

.py-188 {
  padding-top: 188px !important;
  padding-bottom: 188px !important;
}

.px-192 {
  padding-right: 192px !important;
  padding-left: 192px !important;
}

.py-192 {
  padding-top: 192px !important;
  padding-bottom: 192px !important;
}

.px-196 {
  padding-right: 196px !important;
  padding-left: 196px !important;
}

.py-196 {
  padding-top: 196px !important;
  padding-bottom: 196px !important;
}

.px-200 {
  padding-right: 200px !important;
  padding-left: 200px !important;
}

.py-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.px-204 {
  padding-right: 204px !important;
  padding-left: 204px !important;
}

.py-204 {
  padding-top: 204px !important;
  padding-bottom: 204px !important;
}

.px-208 {
  padding-right: 208px !important;
  padding-left: 208px !important;
}

.py-208 {
  padding-top: 208px !important;
  padding-bottom: 208px !important;
}

.px-212 {
  padding-right: 212px !important;
  padding-left: 212px !important;
}

.py-212 {
  padding-top: 212px !important;
  padding-bottom: 212px !important;
}

.px-216 {
  padding-right: 216px !important;
  padding-left: 216px !important;
}

.py-216 {
  padding-top: 216px !important;
  padding-bottom: 216px !important;
}

.px-220 {
  padding-right: 220px !important;
  padding-left: 220px !important;
}

.py-220 {
  padding-top: 220px !important;
  padding-bottom: 220px !important;
}

.px-224 {
  padding-right: 224px !important;
  padding-left: 224px !important;
}

.py-224 {
  padding-top: 224px !important;
  padding-bottom: 224px !important;
}

.px-228 {
  padding-right: 228px !important;
  padding-left: 228px !important;
}

.py-228 {
  padding-top: 228px !important;
  padding-bottom: 228px !important;
}

.px-232 {
  padding-right: 232px !important;
  padding-left: 232px !important;
}

.py-232 {
  padding-top: 232px !important;
  padding-bottom: 232px !important;
}

.px-236 {
  padding-right: 236px !important;
  padding-left: 236px !important;
}

.py-236 {
  padding-top: 236px !important;
  padding-bottom: 236px !important;
}

.px-240 {
  padding-right: 240px !important;
  padding-left: 240px !important;
}

.py-240 {
  padding-top: 240px !important;
  padding-bottom: 240px !important;
}

.px-244 {
  padding-right: 244px !important;
  padding-left: 244px !important;
}

.py-244 {
  padding-top: 244px !important;
  padding-bottom: 244px !important;
}

.px-248 {
  padding-right: 248px !important;
  padding-left: 248px !important;
}

.py-248 {
  padding-top: 248px !important;
  padding-bottom: 248px !important;
}

.px-252 {
  padding-right: 252px !important;
  padding-left: 252px !important;
}

.py-252 {
  padding-top: 252px !important;
  padding-bottom: 252px !important;
}

.px-256 {
  padding-right: 256px !important;
  padding-left: 256px !important;
}

.py-256 {
  padding-top: 256px !important;
  padding-bottom: 256px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.pr-68 {
  padding-right: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.pl-68 {
  padding-left: 68px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pr-72 {
  padding-right: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pl-72 {
  padding-left: 72px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.pr-76 {
  padding-right: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.pl-76 {
  padding-left: 76px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pt-84 {
  padding-top: 84px !important;
}

.pr-84 {
  padding-right: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

.pl-84 {
  padding-left: 84px !important;
}

.pt-88 {
  padding-top: 88px !important;
}

.pr-88 {
  padding-right: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

.pl-88 {
  padding-left: 88px !important;
}

.pt-92 {
  padding-top: 92px !important;
}

.pr-92 {
  padding-right: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

.pl-92 {
  padding-left: 92px !important;
}

.pt-96 {
  padding-top: 96px !important;
}

.pr-96 {
  padding-right: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

.pl-96 {
  padding-left: 96px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pt-104 {
  padding-top: 104px !important;
}

.pr-104 {
  padding-right: 104px !important;
}

.pb-104 {
  padding-bottom: 104px !important;
}

.pl-104 {
  padding-left: 104px !important;
}

.pt-108 {
  padding-top: 108px !important;
}

.pr-108 {
  padding-right: 108px !important;
}

.pb-108 {
  padding-bottom: 108px !important;
}

.pl-108 {
  padding-left: 108px !important;
}

.pt-112 {
  padding-top: 112px !important;
}

.pr-112 {
  padding-right: 112px !important;
}

.pb-112 {
  padding-bottom: 112px !important;
}

.pl-112 {
  padding-left: 112px !important;
}

.pt-116 {
  padding-top: 116px !important;
}

.pr-116 {
  padding-right: 116px !important;
}

.pb-116 {
  padding-bottom: 116px !important;
}

.pl-116 {
  padding-left: 116px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.pt-124 {
  padding-top: 124px !important;
}

.pr-124 {
  padding-right: 124px !important;
}

.pb-124 {
  padding-bottom: 124px !important;
}

.pl-124 {
  padding-left: 124px !important;
}

.pt-128 {
  padding-top: 128px !important;
}

.pr-128 {
  padding-right: 128px !important;
}

.pb-128 {
  padding-bottom: 128px !important;
}

.pl-128 {
  padding-left: 128px !important;
}

.pt-132 {
  padding-top: 132px !important;
}

.pr-132 {
  padding-right: 132px !important;
}

.pb-132 {
  padding-bottom: 132px !important;
}

.pl-132 {
  padding-left: 132px !important;
}

.pt-136 {
  padding-top: 136px !important;
}

.pr-136 {
  padding-right: 136px !important;
}

.pb-136 {
  padding-bottom: 136px !important;
}

.pl-136 {
  padding-left: 136px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pr-140 {
  padding-right: 140px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.pl-140 {
  padding-left: 140px !important;
}

.pt-144 {
  padding-top: 144px !important;
}

.pr-144 {
  padding-right: 144px !important;
}

.pb-144 {
  padding-bottom: 144px !important;
}

.pl-144 {
  padding-left: 144px !important;
}

.pt-148 {
  padding-top: 148px !important;
}

.pr-148 {
  padding-right: 148px !important;
}

.pb-148 {
  padding-bottom: 148px !important;
}

.pl-148 {
  padding-left: 148px !important;
}

.pt-152 {
  padding-top: 152px !important;
}

.pr-152 {
  padding-right: 152px !important;
}

.pb-152 {
  padding-bottom: 152px !important;
}

.pl-152 {
  padding-left: 152px !important;
}

.pt-156 {
  padding-top: 156px !important;
}

.pr-156 {
  padding-right: 156px !important;
}

.pb-156 {
  padding-bottom: 156px !important;
}

.pl-156 {
  padding-left: 156px !important;
}

.pt-160 {
  padding-top: 160px !important;
}

.pr-160 {
  padding-right: 160px !important;
}

.pb-160 {
  padding-bottom: 160px !important;
}

.pl-160 {
  padding-left: 160px !important;
}

.pt-164 {
  padding-top: 164px !important;
}

.pr-164 {
  padding-right: 164px !important;
}

.pb-164 {
  padding-bottom: 164px !important;
}

.pl-164 {
  padding-left: 164px !important;
}

.pt-168 {
  padding-top: 168px !important;
}

.pr-168 {
  padding-right: 168px !important;
}

.pb-168 {
  padding-bottom: 168px !important;
}

.pl-168 {
  padding-left: 168px !important;
}

.pt-172 {
  padding-top: 172px !important;
}

.pr-172 {
  padding-right: 172px !important;
}

.pb-172 {
  padding-bottom: 172px !important;
}

.pl-172 {
  padding-left: 172px !important;
}

.pt-176 {
  padding-top: 176px !important;
}

.pr-176 {
  padding-right: 176px !important;
}

.pb-176 {
  padding-bottom: 176px !important;
}

.pl-176 {
  padding-left: 176px !important;
}

.pt-180 {
  padding-top: 180px !important;
}

.pr-180 {
  padding-right: 180px !important;
}

.pb-180 {
  padding-bottom: 180px !important;
}

.pl-180 {
  padding-left: 180px !important;
}

.pt-184 {
  padding-top: 184px !important;
}

.pr-184 {
  padding-right: 184px !important;
}

.pb-184 {
  padding-bottom: 184px !important;
}

.pl-184 {
  padding-left: 184px !important;
}

.pt-188 {
  padding-top: 188px !important;
}

.pr-188 {
  padding-right: 188px !important;
}

.pb-188 {
  padding-bottom: 188px !important;
}

.pl-188 {
  padding-left: 188px !important;
}

.pt-192 {
  padding-top: 192px !important;
}

.pr-192 {
  padding-right: 192px !important;
}

.pb-192 {
  padding-bottom: 192px !important;
}

.pl-192 {
  padding-left: 192px !important;
}

.pt-196 {
  padding-top: 196px !important;
}

.pr-196 {
  padding-right: 196px !important;
}

.pb-196 {
  padding-bottom: 196px !important;
}

.pl-196 {
  padding-left: 196px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.pt-204 {
  padding-top: 204px !important;
}

.pr-204 {
  padding-right: 204px !important;
}

.pb-204 {
  padding-bottom: 204px !important;
}

.pl-204 {
  padding-left: 204px !important;
}

.pt-208 {
  padding-top: 208px !important;
}

.pr-208 {
  padding-right: 208px !important;
}

.pb-208 {
  padding-bottom: 208px !important;
}

.pl-208 {
  padding-left: 208px !important;
}

.pt-212 {
  padding-top: 212px !important;
}

.pr-212 {
  padding-right: 212px !important;
}

.pb-212 {
  padding-bottom: 212px !important;
}

.pl-212 {
  padding-left: 212px !important;
}

.pt-216 {
  padding-top: 216px !important;
}

.pr-216 {
  padding-right: 216px !important;
}

.pb-216 {
  padding-bottom: 216px !important;
}

.pl-216 {
  padding-left: 216px !important;
}

.pt-220 {
  padding-top: 220px !important;
}

.pr-220 {
  padding-right: 220px !important;
}

.pb-220 {
  padding-bottom: 220px !important;
}

.pl-220 {
  padding-left: 220px !important;
}

.pt-224 {
  padding-top: 224px !important;
}

.pr-224 {
  padding-right: 224px !important;
}

.pb-224 {
  padding-bottom: 224px !important;
}

.pl-224 {
  padding-left: 224px !important;
}

.pt-228 {
  padding-top: 228px !important;
}

.pr-228 {
  padding-right: 228px !important;
}

.pb-228 {
  padding-bottom: 228px !important;
}

.pl-228 {
  padding-left: 228px !important;
}

.pt-232 {
  padding-top: 232px !important;
}

.pr-232 {
  padding-right: 232px !important;
}

.pb-232 {
  padding-bottom: 232px !important;
}

.pl-232 {
  padding-left: 232px !important;
}

.pt-236 {
  padding-top: 236px !important;
}

.pr-236 {
  padding-right: 236px !important;
}

.pb-236 {
  padding-bottom: 236px !important;
}

.pl-236 {
  padding-left: 236px !important;
}

.pt-240 {
  padding-top: 240px !important;
}

.pr-240 {
  padding-right: 240px !important;
}

.pb-240 {
  padding-bottom: 240px !important;
}

.pl-240 {
  padding-left: 240px !important;
}

.pt-244 {
  padding-top: 244px !important;
}

.pr-244 {
  padding-right: 244px !important;
}

.pb-244 {
  padding-bottom: 244px !important;
}

.pl-244 {
  padding-left: 244px !important;
}

.pt-248 {
  padding-top: 248px !important;
}

.pr-248 {
  padding-right: 248px !important;
}

.pb-248 {
  padding-bottom: 248px !important;
}

.pl-248 {
  padding-left: 248px !important;
}

.pt-252 {
  padding-top: 252px !important;
}

.pr-252 {
  padding-right: 252px !important;
}

.pb-252 {
  padding-bottom: 252px !important;
}

.pl-252 {
  padding-left: 252px !important;
}

.pt-256 {
  padding-top: 256px !important;
}

.pr-256 {
  padding-right: 256px !important;
}

.pb-256 {
  padding-bottom: 256px !important;
}

.pl-256 {
  padding-left: 256px !important;
}

@media (min-width: 600px) {
  .m-sm-0 {
    margin: 0px !important;
  }
  .m-sm-4 {
    margin: 4px !important;
  }
  .m-sm-8 {
    margin: 8px !important;
  }
  .m-sm-12 {
    margin: 12px !important;
  }
  .m-sm-16 {
    margin: 16px !important;
  }
  .m-sm-20 {
    margin: 20px !important;
  }
  .m-sm-24 {
    margin: 24px !important;
  }
  .m-sm-28 {
    margin: 28px !important;
  }
  .m-sm-32 {
    margin: 32px !important;
  }
  .m-sm-36 {
    margin: 36px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
  .m-sm-44 {
    margin: 44px !important;
  }
  .m-sm-48 {
    margin: 48px !important;
  }
  .m-sm-52 {
    margin: 52px !important;
  }
  .m-sm-56 {
    margin: 56px !important;
  }
  .m-sm-60 {
    margin: 60px !important;
  }
  .m-sm-64 {
    margin: 64px !important;
  }
  .m-sm-68 {
    margin: 68px !important;
  }
  .m-sm-72 {
    margin: 72px !important;
  }
  .m-sm-76 {
    margin: 76px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
  .m-sm-84 {
    margin: 84px !important;
  }
  .m-sm-88 {
    margin: 88px !important;
  }
  .m-sm-92 {
    margin: 92px !important;
  }
  .m-sm-96 {
    margin: 96px !important;
  }
  .m-sm-100 {
    margin: 100px !important;
  }
  .m-sm-104 {
    margin: 104px !important;
  }
  .m-sm-108 {
    margin: 108px !important;
  }
  .m-sm-112 {
    margin: 112px !important;
  }
  .m-sm-116 {
    margin: 116px !important;
  }
  .m-sm-120 {
    margin: 120px !important;
  }
  .m-sm-124 {
    margin: 124px !important;
  }
  .m-sm-128 {
    margin: 128px !important;
  }
  .m-sm-132 {
    margin: 132px !important;
  }
  .m-sm-136 {
    margin: 136px !important;
  }
  .m-sm-140 {
    margin: 140px !important;
  }
  .m-sm-144 {
    margin: 144px !important;
  }
  .m-sm-148 {
    margin: 148px !important;
  }
  .m-sm-152 {
    margin: 152px !important;
  }
  .m-sm-156 {
    margin: 156px !important;
  }
  .m-sm-160 {
    margin: 160px !important;
  }
  .m-sm-164 {
    margin: 164px !important;
  }
  .m-sm-168 {
    margin: 168px !important;
  }
  .m-sm-172 {
    margin: 172px !important;
  }
  .m-sm-176 {
    margin: 176px !important;
  }
  .m-sm-180 {
    margin: 180px !important;
  }
  .m-sm-184 {
    margin: 184px !important;
  }
  .m-sm-188 {
    margin: 188px !important;
  }
  .m-sm-192 {
    margin: 192px !important;
  }
  .m-sm-196 {
    margin: 196px !important;
  }
  .m-sm-200 {
    margin: 200px !important;
  }
  .m-sm-204 {
    margin: 204px !important;
  }
  .m-sm-208 {
    margin: 208px !important;
  }
  .m-sm-212 {
    margin: 212px !important;
  }
  .m-sm-216 {
    margin: 216px !important;
  }
  .m-sm-220 {
    margin: 220px !important;
  }
  .m-sm-224 {
    margin: 224px !important;
  }
  .m-sm-228 {
    margin: 228px !important;
  }
  .m-sm-232 {
    margin: 232px !important;
  }
  .m-sm-236 {
    margin: 236px !important;
  }
  .m-sm-240 {
    margin: 240px !important;
  }
  .m-sm-244 {
    margin: 244px !important;
  }
  .m-sm-248 {
    margin: 248px !important;
  }
  .m-sm-252 {
    margin: 252px !important;
  }
  .m-sm-256 {
    margin: 256px !important;
  }
  .mx-sm-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-sm-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-sm-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-sm-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-sm-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-sm-12 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-sm-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-sm-16 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-sm-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-sm-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mx-sm-24 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-sm-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-sm-28 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-sm-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mx-sm-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-sm-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-sm-36 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-sm-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mx-sm-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-sm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mx-sm-44 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-sm-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mx-sm-48 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-sm-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-sm-52 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-sm-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mx-sm-56 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-sm-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mx-sm-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-sm-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mx-sm-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-sm-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-sm-68 {
    margin-right: 68px !important;
    margin-left: 68px !important;
  }
  .my-sm-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .mx-sm-72 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-sm-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mx-sm-76 {
    margin-right: 76px !important;
    margin-left: 76px !important;
  }
  .my-sm-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .mx-sm-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-sm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mx-sm-84 {
    margin-right: 84px !important;
    margin-left: 84px !important;
  }
  .my-sm-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .mx-sm-88 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-sm-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .mx-sm-92 {
    margin-right: 92px !important;
    margin-left: 92px !important;
  }
  .my-sm-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .mx-sm-96 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-sm-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mx-sm-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-sm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mx-sm-104 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-sm-104 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .mx-sm-108 {
    margin-right: 108px !important;
    margin-left: 108px !important;
  }
  .my-sm-108 {
    margin-top: 108px !important;
    margin-bottom: 108px !important;
  }
  .mx-sm-112 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-sm-112 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .mx-sm-116 {
    margin-right: 116px !important;
    margin-left: 116px !important;
  }
  .my-sm-116 {
    margin-top: 116px !important;
    margin-bottom: 116px !important;
  }
  .mx-sm-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-sm-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mx-sm-124 {
    margin-right: 124px !important;
    margin-left: 124px !important;
  }
  .my-sm-124 {
    margin-top: 124px !important;
    margin-bottom: 124px !important;
  }
  .mx-sm-128 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }
  .my-sm-128 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mx-sm-132 {
    margin-right: 132px !important;
    margin-left: 132px !important;
  }
  .my-sm-132 {
    margin-top: 132px !important;
    margin-bottom: 132px !important;
  }
  .mx-sm-136 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }
  .my-sm-136 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
  .mx-sm-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .my-sm-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mx-sm-144 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }
  .my-sm-144 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
  .mx-sm-148 {
    margin-right: 148px !important;
    margin-left: 148px !important;
  }
  .my-sm-148 {
    margin-top: 148px !important;
    margin-bottom: 148px !important;
  }
  .mx-sm-152 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }
  .my-sm-152 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
  .mx-sm-156 {
    margin-right: 156px !important;
    margin-left: 156px !important;
  }
  .my-sm-156 {
    margin-top: 156px !important;
    margin-bottom: 156px !important;
  }
  .mx-sm-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .my-sm-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .mx-sm-164 {
    margin-right: 164px !important;
    margin-left: 164px !important;
  }
  .my-sm-164 {
    margin-top: 164px !important;
    margin-bottom: 164px !important;
  }
  .mx-sm-168 {
    margin-right: 168px !important;
    margin-left: 168px !important;
  }
  .my-sm-168 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }
  .mx-sm-172 {
    margin-right: 172px !important;
    margin-left: 172px !important;
  }
  .my-sm-172 {
    margin-top: 172px !important;
    margin-bottom: 172px !important;
  }
  .mx-sm-176 {
    margin-right: 176px !important;
    margin-left: 176px !important;
  }
  .my-sm-176 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }
  .mx-sm-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .my-sm-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .mx-sm-184 {
    margin-right: 184px !important;
    margin-left: 184px !important;
  }
  .my-sm-184 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }
  .mx-sm-188 {
    margin-right: 188px !important;
    margin-left: 188px !important;
  }
  .my-sm-188 {
    margin-top: 188px !important;
    margin-bottom: 188px !important;
  }
  .mx-sm-192 {
    margin-right: 192px !important;
    margin-left: 192px !important;
  }
  .my-sm-192 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }
  .mx-sm-196 {
    margin-right: 196px !important;
    margin-left: 196px !important;
  }
  .my-sm-196 {
    margin-top: 196px !important;
    margin-bottom: 196px !important;
  }
  .mx-sm-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .my-sm-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .mx-sm-204 {
    margin-right: 204px !important;
    margin-left: 204px !important;
  }
  .my-sm-204 {
    margin-top: 204px !important;
    margin-bottom: 204px !important;
  }
  .mx-sm-208 {
    margin-right: 208px !important;
    margin-left: 208px !important;
  }
  .my-sm-208 {
    margin-top: 208px !important;
    margin-bottom: 208px !important;
  }
  .mx-sm-212 {
    margin-right: 212px !important;
    margin-left: 212px !important;
  }
  .my-sm-212 {
    margin-top: 212px !important;
    margin-bottom: 212px !important;
  }
  .mx-sm-216 {
    margin-right: 216px !important;
    margin-left: 216px !important;
  }
  .my-sm-216 {
    margin-top: 216px !important;
    margin-bottom: 216px !important;
  }
  .mx-sm-220 {
    margin-right: 220px !important;
    margin-left: 220px !important;
  }
  .my-sm-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }
  .mx-sm-224 {
    margin-right: 224px !important;
    margin-left: 224px !important;
  }
  .my-sm-224 {
    margin-top: 224px !important;
    margin-bottom: 224px !important;
  }
  .mx-sm-228 {
    margin-right: 228px !important;
    margin-left: 228px !important;
  }
  .my-sm-228 {
    margin-top: 228px !important;
    margin-bottom: 228px !important;
  }
  .mx-sm-232 {
    margin-right: 232px !important;
    margin-left: 232px !important;
  }
  .my-sm-232 {
    margin-top: 232px !important;
    margin-bottom: 232px !important;
  }
  .mx-sm-236 {
    margin-right: 236px !important;
    margin-left: 236px !important;
  }
  .my-sm-236 {
    margin-top: 236px !important;
    margin-bottom: 236px !important;
  }
  .mx-sm-240 {
    margin-right: 240px !important;
    margin-left: 240px !important;
  }
  .my-sm-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
  .mx-sm-244 {
    margin-right: 244px !important;
    margin-left: 244px !important;
  }
  .my-sm-244 {
    margin-top: 244px !important;
    margin-bottom: 244px !important;
  }
  .mx-sm-248 {
    margin-right: 248px !important;
    margin-left: 248px !important;
  }
  .my-sm-248 {
    margin-top: 248px !important;
    margin-bottom: 248px !important;
  }
  .mx-sm-252 {
    margin-right: 252px !important;
    margin-left: 252px !important;
  }
  .my-sm-252 {
    margin-top: 252px !important;
    margin-bottom: 252px !important;
  }
  .mx-sm-256 {
    margin-right: 256px !important;
    margin-left: 256px !important;
  }
  .my-sm-256 {
    margin-top: 256px !important;
    margin-bottom: 256px !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mr-sm-0 {
    margin-right: 0px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .ml-sm-0 {
    margin-left: 0px !important;
  }
  .mt-sm-4 {
    margin-top: 4px !important;
  }
  .mr-sm-4 {
    margin-right: 4px !important;
  }
  .mb-sm-4 {
    margin-bottom: 4px !important;
  }
  .ml-sm-4 {
    margin-left: 4px !important;
  }
  .mt-sm-8 {
    margin-top: 8px !important;
  }
  .mr-sm-8 {
    margin-right: 8px !important;
  }
  .mb-sm-8 {
    margin-bottom: 8px !important;
  }
  .ml-sm-8 {
    margin-left: 8px !important;
  }
  .mt-sm-12 {
    margin-top: 12px !important;
  }
  .mr-sm-12 {
    margin-right: 12px !important;
  }
  .mb-sm-12 {
    margin-bottom: 12px !important;
  }
  .ml-sm-12 {
    margin-left: 12px !important;
  }
  .mt-sm-16 {
    margin-top: 16px !important;
  }
  .mr-sm-16 {
    margin-right: 16px !important;
  }
  .mb-sm-16 {
    margin-bottom: 16px !important;
  }
  .ml-sm-16 {
    margin-left: 16px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mr-sm-20 {
    margin-right: 20px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .ml-sm-20 {
    margin-left: 20px !important;
  }
  .mt-sm-24 {
    margin-top: 24px !important;
  }
  .mr-sm-24 {
    margin-right: 24px !important;
  }
  .mb-sm-24 {
    margin-bottom: 24px !important;
  }
  .ml-sm-24 {
    margin-left: 24px !important;
  }
  .mt-sm-28 {
    margin-top: 28px !important;
  }
  .mr-sm-28 {
    margin-right: 28px !important;
  }
  .mb-sm-28 {
    margin-bottom: 28px !important;
  }
  .ml-sm-28 {
    margin-left: 28px !important;
  }
  .mt-sm-32 {
    margin-top: 32px !important;
  }
  .mr-sm-32 {
    margin-right: 32px !important;
  }
  .mb-sm-32 {
    margin-bottom: 32px !important;
  }
  .ml-sm-32 {
    margin-left: 32px !important;
  }
  .mt-sm-36 {
    margin-top: 36px !important;
  }
  .mr-sm-36 {
    margin-right: 36px !important;
  }
  .mb-sm-36 {
    margin-bottom: 36px !important;
  }
  .ml-sm-36 {
    margin-left: 36px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mr-sm-40 {
    margin-right: 40px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .ml-sm-40 {
    margin-left: 40px !important;
  }
  .mt-sm-44 {
    margin-top: 44px !important;
  }
  .mr-sm-44 {
    margin-right: 44px !important;
  }
  .mb-sm-44 {
    margin-bottom: 44px !important;
  }
  .ml-sm-44 {
    margin-left: 44px !important;
  }
  .mt-sm-48 {
    margin-top: 48px !important;
  }
  .mr-sm-48 {
    margin-right: 48px !important;
  }
  .mb-sm-48 {
    margin-bottom: 48px !important;
  }
  .ml-sm-48 {
    margin-left: 48px !important;
  }
  .mt-sm-52 {
    margin-top: 52px !important;
  }
  .mr-sm-52 {
    margin-right: 52px !important;
  }
  .mb-sm-52 {
    margin-bottom: 52px !important;
  }
  .ml-sm-52 {
    margin-left: 52px !important;
  }
  .mt-sm-56 {
    margin-top: 56px !important;
  }
  .mr-sm-56 {
    margin-right: 56px !important;
  }
  .mb-sm-56 {
    margin-bottom: 56px !important;
  }
  .ml-sm-56 {
    margin-left: 56px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mr-sm-60 {
    margin-right: 60px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .ml-sm-60 {
    margin-left: 60px !important;
  }
  .mt-sm-64 {
    margin-top: 64px !important;
  }
  .mr-sm-64 {
    margin-right: 64px !important;
  }
  .mb-sm-64 {
    margin-bottom: 64px !important;
  }
  .ml-sm-64 {
    margin-left: 64px !important;
  }
  .mt-sm-68 {
    margin-top: 68px !important;
  }
  .mr-sm-68 {
    margin-right: 68px !important;
  }
  .mb-sm-68 {
    margin-bottom: 68px !important;
  }
  .ml-sm-68 {
    margin-left: 68px !important;
  }
  .mt-sm-72 {
    margin-top: 72px !important;
  }
  .mr-sm-72 {
    margin-right: 72px !important;
  }
  .mb-sm-72 {
    margin-bottom: 72px !important;
  }
  .ml-sm-72 {
    margin-left: 72px !important;
  }
  .mt-sm-76 {
    margin-top: 76px !important;
  }
  .mr-sm-76 {
    margin-right: 76px !important;
  }
  .mb-sm-76 {
    margin-bottom: 76px !important;
  }
  .ml-sm-76 {
    margin-left: 76px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mr-sm-80 {
    margin-right: 80px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .ml-sm-80 {
    margin-left: 80px !important;
  }
  .mt-sm-84 {
    margin-top: 84px !important;
  }
  .mr-sm-84 {
    margin-right: 84px !important;
  }
  .mb-sm-84 {
    margin-bottom: 84px !important;
  }
  .ml-sm-84 {
    margin-left: 84px !important;
  }
  .mt-sm-88 {
    margin-top: 88px !important;
  }
  .mr-sm-88 {
    margin-right: 88px !important;
  }
  .mb-sm-88 {
    margin-bottom: 88px !important;
  }
  .ml-sm-88 {
    margin-left: 88px !important;
  }
  .mt-sm-92 {
    margin-top: 92px !important;
  }
  .mr-sm-92 {
    margin-right: 92px !important;
  }
  .mb-sm-92 {
    margin-bottom: 92px !important;
  }
  .ml-sm-92 {
    margin-left: 92px !important;
  }
  .mt-sm-96 {
    margin-top: 96px !important;
  }
  .mr-sm-96 {
    margin-right: 96px !important;
  }
  .mb-sm-96 {
    margin-bottom: 96px !important;
  }
  .ml-sm-96 {
    margin-left: 96px !important;
  }
  .mt-sm-100 {
    margin-top: 100px !important;
  }
  .mr-sm-100 {
    margin-right: 100px !important;
  }
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .ml-sm-100 {
    margin-left: 100px !important;
  }
  .mt-sm-104 {
    margin-top: 104px !important;
  }
  .mr-sm-104 {
    margin-right: 104px !important;
  }
  .mb-sm-104 {
    margin-bottom: 104px !important;
  }
  .ml-sm-104 {
    margin-left: 104px !important;
  }
  .mt-sm-108 {
    margin-top: 108px !important;
  }
  .mr-sm-108 {
    margin-right: 108px !important;
  }
  .mb-sm-108 {
    margin-bottom: 108px !important;
  }
  .ml-sm-108 {
    margin-left: 108px !important;
  }
  .mt-sm-112 {
    margin-top: 112px !important;
  }
  .mr-sm-112 {
    margin-right: 112px !important;
  }
  .mb-sm-112 {
    margin-bottom: 112px !important;
  }
  .ml-sm-112 {
    margin-left: 112px !important;
  }
  .mt-sm-116 {
    margin-top: 116px !important;
  }
  .mr-sm-116 {
    margin-right: 116px !important;
  }
  .mb-sm-116 {
    margin-bottom: 116px !important;
  }
  .ml-sm-116 {
    margin-left: 116px !important;
  }
  .mt-sm-120 {
    margin-top: 120px !important;
  }
  .mr-sm-120 {
    margin-right: 120px !important;
  }
  .mb-sm-120 {
    margin-bottom: 120px !important;
  }
  .ml-sm-120 {
    margin-left: 120px !important;
  }
  .mt-sm-124 {
    margin-top: 124px !important;
  }
  .mr-sm-124 {
    margin-right: 124px !important;
  }
  .mb-sm-124 {
    margin-bottom: 124px !important;
  }
  .ml-sm-124 {
    margin-left: 124px !important;
  }
  .mt-sm-128 {
    margin-top: 128px !important;
  }
  .mr-sm-128 {
    margin-right: 128px !important;
  }
  .mb-sm-128 {
    margin-bottom: 128px !important;
  }
  .ml-sm-128 {
    margin-left: 128px !important;
  }
  .mt-sm-132 {
    margin-top: 132px !important;
  }
  .mr-sm-132 {
    margin-right: 132px !important;
  }
  .mb-sm-132 {
    margin-bottom: 132px !important;
  }
  .ml-sm-132 {
    margin-left: 132px !important;
  }
  .mt-sm-136 {
    margin-top: 136px !important;
  }
  .mr-sm-136 {
    margin-right: 136px !important;
  }
  .mb-sm-136 {
    margin-bottom: 136px !important;
  }
  .ml-sm-136 {
    margin-left: 136px !important;
  }
  .mt-sm-140 {
    margin-top: 140px !important;
  }
  .mr-sm-140 {
    margin-right: 140px !important;
  }
  .mb-sm-140 {
    margin-bottom: 140px !important;
  }
  .ml-sm-140 {
    margin-left: 140px !important;
  }
  .mt-sm-144 {
    margin-top: 144px !important;
  }
  .mr-sm-144 {
    margin-right: 144px !important;
  }
  .mb-sm-144 {
    margin-bottom: 144px !important;
  }
  .ml-sm-144 {
    margin-left: 144px !important;
  }
  .mt-sm-148 {
    margin-top: 148px !important;
  }
  .mr-sm-148 {
    margin-right: 148px !important;
  }
  .mb-sm-148 {
    margin-bottom: 148px !important;
  }
  .ml-sm-148 {
    margin-left: 148px !important;
  }
  .mt-sm-152 {
    margin-top: 152px !important;
  }
  .mr-sm-152 {
    margin-right: 152px !important;
  }
  .mb-sm-152 {
    margin-bottom: 152px !important;
  }
  .ml-sm-152 {
    margin-left: 152px !important;
  }
  .mt-sm-156 {
    margin-top: 156px !important;
  }
  .mr-sm-156 {
    margin-right: 156px !important;
  }
  .mb-sm-156 {
    margin-bottom: 156px !important;
  }
  .ml-sm-156 {
    margin-left: 156px !important;
  }
  .mt-sm-160 {
    margin-top: 160px !important;
  }
  .mr-sm-160 {
    margin-right: 160px !important;
  }
  .mb-sm-160 {
    margin-bottom: 160px !important;
  }
  .ml-sm-160 {
    margin-left: 160px !important;
  }
  .mt-sm-164 {
    margin-top: 164px !important;
  }
  .mr-sm-164 {
    margin-right: 164px !important;
  }
  .mb-sm-164 {
    margin-bottom: 164px !important;
  }
  .ml-sm-164 {
    margin-left: 164px !important;
  }
  .mt-sm-168 {
    margin-top: 168px !important;
  }
  .mr-sm-168 {
    margin-right: 168px !important;
  }
  .mb-sm-168 {
    margin-bottom: 168px !important;
  }
  .ml-sm-168 {
    margin-left: 168px !important;
  }
  .mt-sm-172 {
    margin-top: 172px !important;
  }
  .mr-sm-172 {
    margin-right: 172px !important;
  }
  .mb-sm-172 {
    margin-bottom: 172px !important;
  }
  .ml-sm-172 {
    margin-left: 172px !important;
  }
  .mt-sm-176 {
    margin-top: 176px !important;
  }
  .mr-sm-176 {
    margin-right: 176px !important;
  }
  .mb-sm-176 {
    margin-bottom: 176px !important;
  }
  .ml-sm-176 {
    margin-left: 176px !important;
  }
  .mt-sm-180 {
    margin-top: 180px !important;
  }
  .mr-sm-180 {
    margin-right: 180px !important;
  }
  .mb-sm-180 {
    margin-bottom: 180px !important;
  }
  .ml-sm-180 {
    margin-left: 180px !important;
  }
  .mt-sm-184 {
    margin-top: 184px !important;
  }
  .mr-sm-184 {
    margin-right: 184px !important;
  }
  .mb-sm-184 {
    margin-bottom: 184px !important;
  }
  .ml-sm-184 {
    margin-left: 184px !important;
  }
  .mt-sm-188 {
    margin-top: 188px !important;
  }
  .mr-sm-188 {
    margin-right: 188px !important;
  }
  .mb-sm-188 {
    margin-bottom: 188px !important;
  }
  .ml-sm-188 {
    margin-left: 188px !important;
  }
  .mt-sm-192 {
    margin-top: 192px !important;
  }
  .mr-sm-192 {
    margin-right: 192px !important;
  }
  .mb-sm-192 {
    margin-bottom: 192px !important;
  }
  .ml-sm-192 {
    margin-left: 192px !important;
  }
  .mt-sm-196 {
    margin-top: 196px !important;
  }
  .mr-sm-196 {
    margin-right: 196px !important;
  }
  .mb-sm-196 {
    margin-bottom: 196px !important;
  }
  .ml-sm-196 {
    margin-left: 196px !important;
  }
  .mt-sm-200 {
    margin-top: 200px !important;
  }
  .mr-sm-200 {
    margin-right: 200px !important;
  }
  .mb-sm-200 {
    margin-bottom: 200px !important;
  }
  .ml-sm-200 {
    margin-left: 200px !important;
  }
  .mt-sm-204 {
    margin-top: 204px !important;
  }
  .mr-sm-204 {
    margin-right: 204px !important;
  }
  .mb-sm-204 {
    margin-bottom: 204px !important;
  }
  .ml-sm-204 {
    margin-left: 204px !important;
  }
  .mt-sm-208 {
    margin-top: 208px !important;
  }
  .mr-sm-208 {
    margin-right: 208px !important;
  }
  .mb-sm-208 {
    margin-bottom: 208px !important;
  }
  .ml-sm-208 {
    margin-left: 208px !important;
  }
  .mt-sm-212 {
    margin-top: 212px !important;
  }
  .mr-sm-212 {
    margin-right: 212px !important;
  }
  .mb-sm-212 {
    margin-bottom: 212px !important;
  }
  .ml-sm-212 {
    margin-left: 212px !important;
  }
  .mt-sm-216 {
    margin-top: 216px !important;
  }
  .mr-sm-216 {
    margin-right: 216px !important;
  }
  .mb-sm-216 {
    margin-bottom: 216px !important;
  }
  .ml-sm-216 {
    margin-left: 216px !important;
  }
  .mt-sm-220 {
    margin-top: 220px !important;
  }
  .mr-sm-220 {
    margin-right: 220px !important;
  }
  .mb-sm-220 {
    margin-bottom: 220px !important;
  }
  .ml-sm-220 {
    margin-left: 220px !important;
  }
  .mt-sm-224 {
    margin-top: 224px !important;
  }
  .mr-sm-224 {
    margin-right: 224px !important;
  }
  .mb-sm-224 {
    margin-bottom: 224px !important;
  }
  .ml-sm-224 {
    margin-left: 224px !important;
  }
  .mt-sm-228 {
    margin-top: 228px !important;
  }
  .mr-sm-228 {
    margin-right: 228px !important;
  }
  .mb-sm-228 {
    margin-bottom: 228px !important;
  }
  .ml-sm-228 {
    margin-left: 228px !important;
  }
  .mt-sm-232 {
    margin-top: 232px !important;
  }
  .mr-sm-232 {
    margin-right: 232px !important;
  }
  .mb-sm-232 {
    margin-bottom: 232px !important;
  }
  .ml-sm-232 {
    margin-left: 232px !important;
  }
  .mt-sm-236 {
    margin-top: 236px !important;
  }
  .mr-sm-236 {
    margin-right: 236px !important;
  }
  .mb-sm-236 {
    margin-bottom: 236px !important;
  }
  .ml-sm-236 {
    margin-left: 236px !important;
  }
  .mt-sm-240 {
    margin-top: 240px !important;
  }
  .mr-sm-240 {
    margin-right: 240px !important;
  }
  .mb-sm-240 {
    margin-bottom: 240px !important;
  }
  .ml-sm-240 {
    margin-left: 240px !important;
  }
  .mt-sm-244 {
    margin-top: 244px !important;
  }
  .mr-sm-244 {
    margin-right: 244px !important;
  }
  .mb-sm-244 {
    margin-bottom: 244px !important;
  }
  .ml-sm-244 {
    margin-left: 244px !important;
  }
  .mt-sm-248 {
    margin-top: 248px !important;
  }
  .mr-sm-248 {
    margin-right: 248px !important;
  }
  .mb-sm-248 {
    margin-bottom: 248px !important;
  }
  .ml-sm-248 {
    margin-left: 248px !important;
  }
  .mt-sm-252 {
    margin-top: 252px !important;
  }
  .mr-sm-252 {
    margin-right: 252px !important;
  }
  .mb-sm-252 {
    margin-bottom: 252px !important;
  }
  .ml-sm-252 {
    margin-left: 252px !important;
  }
  .mt-sm-256 {
    margin-top: 256px !important;
  }
  .mr-sm-256 {
    margin-right: 256px !important;
  }
  .mb-sm-256 {
    margin-bottom: 256px !important;
  }
  .ml-sm-256 {
    margin-left: 256px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
  .p-sm-4 {
    padding: 4px !important;
  }
  .p-sm-8 {
    padding: 8px !important;
  }
  .p-sm-12 {
    padding: 12px !important;
  }
  .p-sm-16 {
    padding: 16px !important;
  }
  .p-sm-20 {
    padding: 20px !important;
  }
  .p-sm-24 {
    padding: 24px !important;
  }
  .p-sm-28 {
    padding: 28px !important;
  }
  .p-sm-32 {
    padding: 32px !important;
  }
  .p-sm-36 {
    padding: 36px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
  .p-sm-44 {
    padding: 44px !important;
  }
  .p-sm-48 {
    padding: 48px !important;
  }
  .p-sm-52 {
    padding: 52px !important;
  }
  .p-sm-56 {
    padding: 56px !important;
  }
  .p-sm-60 {
    padding: 60px !important;
  }
  .p-sm-64 {
    padding: 64px !important;
  }
  .p-sm-68 {
    padding: 68px !important;
  }
  .p-sm-72 {
    padding: 72px !important;
  }
  .p-sm-76 {
    padding: 76px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
  .p-sm-84 {
    padding: 84px !important;
  }
  .p-sm-88 {
    padding: 88px !important;
  }
  .p-sm-92 {
    padding: 92px !important;
  }
  .p-sm-96 {
    padding: 96px !important;
  }
  .p-sm-100 {
    padding: 100px !important;
  }
  .p-sm-104 {
    padding: 104px !important;
  }
  .p-sm-108 {
    padding: 108px !important;
  }
  .p-sm-112 {
    padding: 112px !important;
  }
  .p-sm-116 {
    padding: 116px !important;
  }
  .p-sm-120 {
    padding: 120px !important;
  }
  .p-sm-124 {
    padding: 124px !important;
  }
  .p-sm-128 {
    padding: 128px !important;
  }
  .p-sm-132 {
    padding: 132px !important;
  }
  .p-sm-136 {
    padding: 136px !important;
  }
  .p-sm-140 {
    padding: 140px !important;
  }
  .p-sm-144 {
    padding: 144px !important;
  }
  .p-sm-148 {
    padding: 148px !important;
  }
  .p-sm-152 {
    padding: 152px !important;
  }
  .p-sm-156 {
    padding: 156px !important;
  }
  .p-sm-160 {
    padding: 160px !important;
  }
  .p-sm-164 {
    padding: 164px !important;
  }
  .p-sm-168 {
    padding: 168px !important;
  }
  .p-sm-172 {
    padding: 172px !important;
  }
  .p-sm-176 {
    padding: 176px !important;
  }
  .p-sm-180 {
    padding: 180px !important;
  }
  .p-sm-184 {
    padding: 184px !important;
  }
  .p-sm-188 {
    padding: 188px !important;
  }
  .p-sm-192 {
    padding: 192px !important;
  }
  .p-sm-196 {
    padding: 196px !important;
  }
  .p-sm-200 {
    padding: 200px !important;
  }
  .p-sm-204 {
    padding: 204px !important;
  }
  .p-sm-208 {
    padding: 208px !important;
  }
  .p-sm-212 {
    padding: 212px !important;
  }
  .p-sm-216 {
    padding: 216px !important;
  }
  .p-sm-220 {
    padding: 220px !important;
  }
  .p-sm-224 {
    padding: 224px !important;
  }
  .p-sm-228 {
    padding: 228px !important;
  }
  .p-sm-232 {
    padding: 232px !important;
  }
  .p-sm-236 {
    padding: 236px !important;
  }
  .p-sm-240 {
    padding: 240px !important;
  }
  .p-sm-244 {
    padding: 244px !important;
  }
  .p-sm-248 {
    padding: 248px !important;
  }
  .p-sm-252 {
    padding: 252px !important;
  }
  .p-sm-256 {
    padding: 256px !important;
  }
  .px-sm-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-sm-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-sm-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-sm-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-sm-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-sm-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-sm-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-sm-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-sm-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-sm-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .px-sm-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-sm-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-sm-28 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-sm-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .px-sm-32 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-sm-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-sm-36 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-sm-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .px-sm-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .px-sm-44 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-sm-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .px-sm-48 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-sm-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-sm-52 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-sm-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .px-sm-56 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-sm-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .px-sm-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-sm-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .px-sm-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-sm-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-sm-68 {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-sm-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .px-sm-72 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-sm-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .px-sm-76 {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-sm-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .px-sm-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .px-sm-84 {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-sm-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .px-sm-88 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-sm-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .px-sm-92 {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-sm-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .px-sm-96 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-sm-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .px-sm-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-sm-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .px-sm-104 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-sm-104 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .px-sm-108 {
    padding-right: 108px !important;
    padding-left: 108px !important;
  }
  .py-sm-108 {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
  .px-sm-112 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-sm-112 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .px-sm-116 {
    padding-right: 116px !important;
    padding-left: 116px !important;
  }
  .py-sm-116 {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
  .px-sm-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-sm-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .px-sm-124 {
    padding-right: 124px !important;
    padding-left: 124px !important;
  }
  .py-sm-124 {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
  .px-sm-128 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }
  .py-sm-128 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .px-sm-132 {
    padding-right: 132px !important;
    padding-left: 132px !important;
  }
  .py-sm-132 {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
  .px-sm-136 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }
  .py-sm-136 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .px-sm-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .py-sm-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .px-sm-144 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }
  .py-sm-144 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .px-sm-148 {
    padding-right: 148px !important;
    padding-left: 148px !important;
  }
  .py-sm-148 {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
  .px-sm-152 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }
  .py-sm-152 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .px-sm-156 {
    padding-right: 156px !important;
    padding-left: 156px !important;
  }
  .py-sm-156 {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
  .px-sm-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .py-sm-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .px-sm-164 {
    padding-right: 164px !important;
    padding-left: 164px !important;
  }
  .py-sm-164 {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
  .px-sm-168 {
    padding-right: 168px !important;
    padding-left: 168px !important;
  }
  .py-sm-168 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
  .px-sm-172 {
    padding-right: 172px !important;
    padding-left: 172px !important;
  }
  .py-sm-172 {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
  .px-sm-176 {
    padding-right: 176px !important;
    padding-left: 176px !important;
  }
  .py-sm-176 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
  .px-sm-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .py-sm-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .px-sm-184 {
    padding-right: 184px !important;
    padding-left: 184px !important;
  }
  .py-sm-184 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
  .px-sm-188 {
    padding-right: 188px !important;
    padding-left: 188px !important;
  }
  .py-sm-188 {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
  .px-sm-192 {
    padding-right: 192px !important;
    padding-left: 192px !important;
  }
  .py-sm-192 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
  .px-sm-196 {
    padding-right: 196px !important;
    padding-left: 196px !important;
  }
  .py-sm-196 {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
  .px-sm-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .py-sm-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .px-sm-204 {
    padding-right: 204px !important;
    padding-left: 204px !important;
  }
  .py-sm-204 {
    padding-top: 204px !important;
    padding-bottom: 204px !important;
  }
  .px-sm-208 {
    padding-right: 208px !important;
    padding-left: 208px !important;
  }
  .py-sm-208 {
    padding-top: 208px !important;
    padding-bottom: 208px !important;
  }
  .px-sm-212 {
    padding-right: 212px !important;
    padding-left: 212px !important;
  }
  .py-sm-212 {
    padding-top: 212px !important;
    padding-bottom: 212px !important;
  }
  .px-sm-216 {
    padding-right: 216px !important;
    padding-left: 216px !important;
  }
  .py-sm-216 {
    padding-top: 216px !important;
    padding-bottom: 216px !important;
  }
  .px-sm-220 {
    padding-right: 220px !important;
    padding-left: 220px !important;
  }
  .py-sm-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .px-sm-224 {
    padding-right: 224px !important;
    padding-left: 224px !important;
  }
  .py-sm-224 {
    padding-top: 224px !important;
    padding-bottom: 224px !important;
  }
  .px-sm-228 {
    padding-right: 228px !important;
    padding-left: 228px !important;
  }
  .py-sm-228 {
    padding-top: 228px !important;
    padding-bottom: 228px !important;
  }
  .px-sm-232 {
    padding-right: 232px !important;
    padding-left: 232px !important;
  }
  .py-sm-232 {
    padding-top: 232px !important;
    padding-bottom: 232px !important;
  }
  .px-sm-236 {
    padding-right: 236px !important;
    padding-left: 236px !important;
  }
  .py-sm-236 {
    padding-top: 236px !important;
    padding-bottom: 236px !important;
  }
  .px-sm-240 {
    padding-right: 240px !important;
    padding-left: 240px !important;
  }
  .py-sm-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
  .px-sm-244 {
    padding-right: 244px !important;
    padding-left: 244px !important;
  }
  .py-sm-244 {
    padding-top: 244px !important;
    padding-bottom: 244px !important;
  }
  .px-sm-248 {
    padding-right: 248px !important;
    padding-left: 248px !important;
  }
  .py-sm-248 {
    padding-top: 248px !important;
    padding-bottom: 248px !important;
  }
  .px-sm-252 {
    padding-right: 252px !important;
    padding-left: 252px !important;
  }
  .py-sm-252 {
    padding-top: 252px !important;
    padding-bottom: 252px !important;
  }
  .px-sm-256 {
    padding-right: 256px !important;
    padding-left: 256px !important;
  }
  .py-sm-256 {
    padding-top: 256px !important;
    padding-bottom: 256px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pr-sm-0 {
    padding-right: 0px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
  }
  .pt-sm-4 {
    padding-top: 4px !important;
  }
  .pr-sm-4 {
    padding-right: 4px !important;
  }
  .pb-sm-4 {
    padding-bottom: 4px !important;
  }
  .pl-sm-4 {
    padding-left: 4px !important;
  }
  .pt-sm-8 {
    padding-top: 8px !important;
  }
  .pr-sm-8 {
    padding-right: 8px !important;
  }
  .pb-sm-8 {
    padding-bottom: 8px !important;
  }
  .pl-sm-8 {
    padding-left: 8px !important;
  }
  .pt-sm-12 {
    padding-top: 12px !important;
  }
  .pr-sm-12 {
    padding-right: 12px !important;
  }
  .pb-sm-12 {
    padding-bottom: 12px !important;
  }
  .pl-sm-12 {
    padding-left: 12px !important;
  }
  .pt-sm-16 {
    padding-top: 16px !important;
  }
  .pr-sm-16 {
    padding-right: 16px !important;
  }
  .pb-sm-16 {
    padding-bottom: 16px !important;
  }
  .pl-sm-16 {
    padding-left: 16px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pr-sm-20 {
    padding-right: 20px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pl-sm-20 {
    padding-left: 20px !important;
  }
  .pt-sm-24 {
    padding-top: 24px !important;
  }
  .pr-sm-24 {
    padding-right: 24px !important;
  }
  .pb-sm-24 {
    padding-bottom: 24px !important;
  }
  .pl-sm-24 {
    padding-left: 24px !important;
  }
  .pt-sm-28 {
    padding-top: 28px !important;
  }
  .pr-sm-28 {
    padding-right: 28px !important;
  }
  .pb-sm-28 {
    padding-bottom: 28px !important;
  }
  .pl-sm-28 {
    padding-left: 28px !important;
  }
  .pt-sm-32 {
    padding-top: 32px !important;
  }
  .pr-sm-32 {
    padding-right: 32px !important;
  }
  .pb-sm-32 {
    padding-bottom: 32px !important;
  }
  .pl-sm-32 {
    padding-left: 32px !important;
  }
  .pt-sm-36 {
    padding-top: 36px !important;
  }
  .pr-sm-36 {
    padding-right: 36px !important;
  }
  .pb-sm-36 {
    padding-bottom: 36px !important;
  }
  .pl-sm-36 {
    padding-left: 36px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pr-sm-40 {
    padding-right: 40px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pl-sm-40 {
    padding-left: 40px !important;
  }
  .pt-sm-44 {
    padding-top: 44px !important;
  }
  .pr-sm-44 {
    padding-right: 44px !important;
  }
  .pb-sm-44 {
    padding-bottom: 44px !important;
  }
  .pl-sm-44 {
    padding-left: 44px !important;
  }
  .pt-sm-48 {
    padding-top: 48px !important;
  }
  .pr-sm-48 {
    padding-right: 48px !important;
  }
  .pb-sm-48 {
    padding-bottom: 48px !important;
  }
  .pl-sm-48 {
    padding-left: 48px !important;
  }
  .pt-sm-52 {
    padding-top: 52px !important;
  }
  .pr-sm-52 {
    padding-right: 52px !important;
  }
  .pb-sm-52 {
    padding-bottom: 52px !important;
  }
  .pl-sm-52 {
    padding-left: 52px !important;
  }
  .pt-sm-56 {
    padding-top: 56px !important;
  }
  .pr-sm-56 {
    padding-right: 56px !important;
  }
  .pb-sm-56 {
    padding-bottom: 56px !important;
  }
  .pl-sm-56 {
    padding-left: 56px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }
  .pr-sm-60 {
    padding-right: 60px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .pl-sm-60 {
    padding-left: 60px !important;
  }
  .pt-sm-64 {
    padding-top: 64px !important;
  }
  .pr-sm-64 {
    padding-right: 64px !important;
  }
  .pb-sm-64 {
    padding-bottom: 64px !important;
  }
  .pl-sm-64 {
    padding-left: 64px !important;
  }
  .pt-sm-68 {
    padding-top: 68px !important;
  }
  .pr-sm-68 {
    padding-right: 68px !important;
  }
  .pb-sm-68 {
    padding-bottom: 68px !important;
  }
  .pl-sm-68 {
    padding-left: 68px !important;
  }
  .pt-sm-72 {
    padding-top: 72px !important;
  }
  .pr-sm-72 {
    padding-right: 72px !important;
  }
  .pb-sm-72 {
    padding-bottom: 72px !important;
  }
  .pl-sm-72 {
    padding-left: 72px !important;
  }
  .pt-sm-76 {
    padding-top: 76px !important;
  }
  .pr-sm-76 {
    padding-right: 76px !important;
  }
  .pb-sm-76 {
    padding-bottom: 76px !important;
  }
  .pl-sm-76 {
    padding-left: 76px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !important;
  }
  .pr-sm-80 {
    padding-right: 80px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .pl-sm-80 {
    padding-left: 80px !important;
  }
  .pt-sm-84 {
    padding-top: 84px !important;
  }
  .pr-sm-84 {
    padding-right: 84px !important;
  }
  .pb-sm-84 {
    padding-bottom: 84px !important;
  }
  .pl-sm-84 {
    padding-left: 84px !important;
  }
  .pt-sm-88 {
    padding-top: 88px !important;
  }
  .pr-sm-88 {
    padding-right: 88px !important;
  }
  .pb-sm-88 {
    padding-bottom: 88px !important;
  }
  .pl-sm-88 {
    padding-left: 88px !important;
  }
  .pt-sm-92 {
    padding-top: 92px !important;
  }
  .pr-sm-92 {
    padding-right: 92px !important;
  }
  .pb-sm-92 {
    padding-bottom: 92px !important;
  }
  .pl-sm-92 {
    padding-left: 92px !important;
  }
  .pt-sm-96 {
    padding-top: 96px !important;
  }
  .pr-sm-96 {
    padding-right: 96px !important;
  }
  .pb-sm-96 {
    padding-bottom: 96px !important;
  }
  .pl-sm-96 {
    padding-left: 96px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pr-sm-100 {
    padding-right: 100px !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pl-sm-100 {
    padding-left: 100px !important;
  }
  .pt-sm-104 {
    padding-top: 104px !important;
  }
  .pr-sm-104 {
    padding-right: 104px !important;
  }
  .pb-sm-104 {
    padding-bottom: 104px !important;
  }
  .pl-sm-104 {
    padding-left: 104px !important;
  }
  .pt-sm-108 {
    padding-top: 108px !important;
  }
  .pr-sm-108 {
    padding-right: 108px !important;
  }
  .pb-sm-108 {
    padding-bottom: 108px !important;
  }
  .pl-sm-108 {
    padding-left: 108px !important;
  }
  .pt-sm-112 {
    padding-top: 112px !important;
  }
  .pr-sm-112 {
    padding-right: 112px !important;
  }
  .pb-sm-112 {
    padding-bottom: 112px !important;
  }
  .pl-sm-112 {
    padding-left: 112px !important;
  }
  .pt-sm-116 {
    padding-top: 116px !important;
  }
  .pr-sm-116 {
    padding-right: 116px !important;
  }
  .pb-sm-116 {
    padding-bottom: 116px !important;
  }
  .pl-sm-116 {
    padding-left: 116px !important;
  }
  .pt-sm-120 {
    padding-top: 120px !important;
  }
  .pr-sm-120 {
    padding-right: 120px !important;
  }
  .pb-sm-120 {
    padding-bottom: 120px !important;
  }
  .pl-sm-120 {
    padding-left: 120px !important;
  }
  .pt-sm-124 {
    padding-top: 124px !important;
  }
  .pr-sm-124 {
    padding-right: 124px !important;
  }
  .pb-sm-124 {
    padding-bottom: 124px !important;
  }
  .pl-sm-124 {
    padding-left: 124px !important;
  }
  .pt-sm-128 {
    padding-top: 128px !important;
  }
  .pr-sm-128 {
    padding-right: 128px !important;
  }
  .pb-sm-128 {
    padding-bottom: 128px !important;
  }
  .pl-sm-128 {
    padding-left: 128px !important;
  }
  .pt-sm-132 {
    padding-top: 132px !important;
  }
  .pr-sm-132 {
    padding-right: 132px !important;
  }
  .pb-sm-132 {
    padding-bottom: 132px !important;
  }
  .pl-sm-132 {
    padding-left: 132px !important;
  }
  .pt-sm-136 {
    padding-top: 136px !important;
  }
  .pr-sm-136 {
    padding-right: 136px !important;
  }
  .pb-sm-136 {
    padding-bottom: 136px !important;
  }
  .pl-sm-136 {
    padding-left: 136px !important;
  }
  .pt-sm-140 {
    padding-top: 140px !important;
  }
  .pr-sm-140 {
    padding-right: 140px !important;
  }
  .pb-sm-140 {
    padding-bottom: 140px !important;
  }
  .pl-sm-140 {
    padding-left: 140px !important;
  }
  .pt-sm-144 {
    padding-top: 144px !important;
  }
  .pr-sm-144 {
    padding-right: 144px !important;
  }
  .pb-sm-144 {
    padding-bottom: 144px !important;
  }
  .pl-sm-144 {
    padding-left: 144px !important;
  }
  .pt-sm-148 {
    padding-top: 148px !important;
  }
  .pr-sm-148 {
    padding-right: 148px !important;
  }
  .pb-sm-148 {
    padding-bottom: 148px !important;
  }
  .pl-sm-148 {
    padding-left: 148px !important;
  }
  .pt-sm-152 {
    padding-top: 152px !important;
  }
  .pr-sm-152 {
    padding-right: 152px !important;
  }
  .pb-sm-152 {
    padding-bottom: 152px !important;
  }
  .pl-sm-152 {
    padding-left: 152px !important;
  }
  .pt-sm-156 {
    padding-top: 156px !important;
  }
  .pr-sm-156 {
    padding-right: 156px !important;
  }
  .pb-sm-156 {
    padding-bottom: 156px !important;
  }
  .pl-sm-156 {
    padding-left: 156px !important;
  }
  .pt-sm-160 {
    padding-top: 160px !important;
  }
  .pr-sm-160 {
    padding-right: 160px !important;
  }
  .pb-sm-160 {
    padding-bottom: 160px !important;
  }
  .pl-sm-160 {
    padding-left: 160px !important;
  }
  .pt-sm-164 {
    padding-top: 164px !important;
  }
  .pr-sm-164 {
    padding-right: 164px !important;
  }
  .pb-sm-164 {
    padding-bottom: 164px !important;
  }
  .pl-sm-164 {
    padding-left: 164px !important;
  }
  .pt-sm-168 {
    padding-top: 168px !important;
  }
  .pr-sm-168 {
    padding-right: 168px !important;
  }
  .pb-sm-168 {
    padding-bottom: 168px !important;
  }
  .pl-sm-168 {
    padding-left: 168px !important;
  }
  .pt-sm-172 {
    padding-top: 172px !important;
  }
  .pr-sm-172 {
    padding-right: 172px !important;
  }
  .pb-sm-172 {
    padding-bottom: 172px !important;
  }
  .pl-sm-172 {
    padding-left: 172px !important;
  }
  .pt-sm-176 {
    padding-top: 176px !important;
  }
  .pr-sm-176 {
    padding-right: 176px !important;
  }
  .pb-sm-176 {
    padding-bottom: 176px !important;
  }
  .pl-sm-176 {
    padding-left: 176px !important;
  }
  .pt-sm-180 {
    padding-top: 180px !important;
  }
  .pr-sm-180 {
    padding-right: 180px !important;
  }
  .pb-sm-180 {
    padding-bottom: 180px !important;
  }
  .pl-sm-180 {
    padding-left: 180px !important;
  }
  .pt-sm-184 {
    padding-top: 184px !important;
  }
  .pr-sm-184 {
    padding-right: 184px !important;
  }
  .pb-sm-184 {
    padding-bottom: 184px !important;
  }
  .pl-sm-184 {
    padding-left: 184px !important;
  }
  .pt-sm-188 {
    padding-top: 188px !important;
  }
  .pr-sm-188 {
    padding-right: 188px !important;
  }
  .pb-sm-188 {
    padding-bottom: 188px !important;
  }
  .pl-sm-188 {
    padding-left: 188px !important;
  }
  .pt-sm-192 {
    padding-top: 192px !important;
  }
  .pr-sm-192 {
    padding-right: 192px !important;
  }
  .pb-sm-192 {
    padding-bottom: 192px !important;
  }
  .pl-sm-192 {
    padding-left: 192px !important;
  }
  .pt-sm-196 {
    padding-top: 196px !important;
  }
  .pr-sm-196 {
    padding-right: 196px !important;
  }
  .pb-sm-196 {
    padding-bottom: 196px !important;
  }
  .pl-sm-196 {
    padding-left: 196px !important;
  }
  .pt-sm-200 {
    padding-top: 200px !important;
  }
  .pr-sm-200 {
    padding-right: 200px !important;
  }
  .pb-sm-200 {
    padding-bottom: 200px !important;
  }
  .pl-sm-200 {
    padding-left: 200px !important;
  }
  .pt-sm-204 {
    padding-top: 204px !important;
  }
  .pr-sm-204 {
    padding-right: 204px !important;
  }
  .pb-sm-204 {
    padding-bottom: 204px !important;
  }
  .pl-sm-204 {
    padding-left: 204px !important;
  }
  .pt-sm-208 {
    padding-top: 208px !important;
  }
  .pr-sm-208 {
    padding-right: 208px !important;
  }
  .pb-sm-208 {
    padding-bottom: 208px !important;
  }
  .pl-sm-208 {
    padding-left: 208px !important;
  }
  .pt-sm-212 {
    padding-top: 212px !important;
  }
  .pr-sm-212 {
    padding-right: 212px !important;
  }
  .pb-sm-212 {
    padding-bottom: 212px !important;
  }
  .pl-sm-212 {
    padding-left: 212px !important;
  }
  .pt-sm-216 {
    padding-top: 216px !important;
  }
  .pr-sm-216 {
    padding-right: 216px !important;
  }
  .pb-sm-216 {
    padding-bottom: 216px !important;
  }
  .pl-sm-216 {
    padding-left: 216px !important;
  }
  .pt-sm-220 {
    padding-top: 220px !important;
  }
  .pr-sm-220 {
    padding-right: 220px !important;
  }
  .pb-sm-220 {
    padding-bottom: 220px !important;
  }
  .pl-sm-220 {
    padding-left: 220px !important;
  }
  .pt-sm-224 {
    padding-top: 224px !important;
  }
  .pr-sm-224 {
    padding-right: 224px !important;
  }
  .pb-sm-224 {
    padding-bottom: 224px !important;
  }
  .pl-sm-224 {
    padding-left: 224px !important;
  }
  .pt-sm-228 {
    padding-top: 228px !important;
  }
  .pr-sm-228 {
    padding-right: 228px !important;
  }
  .pb-sm-228 {
    padding-bottom: 228px !important;
  }
  .pl-sm-228 {
    padding-left: 228px !important;
  }
  .pt-sm-232 {
    padding-top: 232px !important;
  }
  .pr-sm-232 {
    padding-right: 232px !important;
  }
  .pb-sm-232 {
    padding-bottom: 232px !important;
  }
  .pl-sm-232 {
    padding-left: 232px !important;
  }
  .pt-sm-236 {
    padding-top: 236px !important;
  }
  .pr-sm-236 {
    padding-right: 236px !important;
  }
  .pb-sm-236 {
    padding-bottom: 236px !important;
  }
  .pl-sm-236 {
    padding-left: 236px !important;
  }
  .pt-sm-240 {
    padding-top: 240px !important;
  }
  .pr-sm-240 {
    padding-right: 240px !important;
  }
  .pb-sm-240 {
    padding-bottom: 240px !important;
  }
  .pl-sm-240 {
    padding-left: 240px !important;
  }
  .pt-sm-244 {
    padding-top: 244px !important;
  }
  .pr-sm-244 {
    padding-right: 244px !important;
  }
  .pb-sm-244 {
    padding-bottom: 244px !important;
  }
  .pl-sm-244 {
    padding-left: 244px !important;
  }
  .pt-sm-248 {
    padding-top: 248px !important;
  }
  .pr-sm-248 {
    padding-right: 248px !important;
  }
  .pb-sm-248 {
    padding-bottom: 248px !important;
  }
  .pl-sm-248 {
    padding-left: 248px !important;
  }
  .pt-sm-252 {
    padding-top: 252px !important;
  }
  .pr-sm-252 {
    padding-right: 252px !important;
  }
  .pb-sm-252 {
    padding-bottom: 252px !important;
  }
  .pl-sm-252 {
    padding-left: 252px !important;
  }
  .pt-sm-256 {
    padding-top: 256px !important;
  }
  .pr-sm-256 {
    padding-right: 256px !important;
  }
  .pb-sm-256 {
    padding-bottom: 256px !important;
  }
  .pl-sm-256 {
    padding-left: 256px !important;
  }
}
@media (min-width: 960px) {
  .m-md-0 {
    margin: 0px !important;
  }
  .m-md-4 {
    margin: 4px !important;
  }
  .m-md-8 {
    margin: 8px !important;
  }
  .m-md-12 {
    margin: 12px !important;
  }
  .m-md-16 {
    margin: 16px !important;
  }
  .m-md-20 {
    margin: 20px !important;
  }
  .m-md-24 {
    margin: 24px !important;
  }
  .m-md-28 {
    margin: 28px !important;
  }
  .m-md-32 {
    margin: 32px !important;
  }
  .m-md-36 {
    margin: 36px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
  .m-md-44 {
    margin: 44px !important;
  }
  .m-md-48 {
    margin: 48px !important;
  }
  .m-md-52 {
    margin: 52px !important;
  }
  .m-md-56 {
    margin: 56px !important;
  }
  .m-md-60 {
    margin: 60px !important;
  }
  .m-md-64 {
    margin: 64px !important;
  }
  .m-md-68 {
    margin: 68px !important;
  }
  .m-md-72 {
    margin: 72px !important;
  }
  .m-md-76 {
    margin: 76px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
  .m-md-84 {
    margin: 84px !important;
  }
  .m-md-88 {
    margin: 88px !important;
  }
  .m-md-92 {
    margin: 92px !important;
  }
  .m-md-96 {
    margin: 96px !important;
  }
  .m-md-100 {
    margin: 100px !important;
  }
  .m-md-104 {
    margin: 104px !important;
  }
  .m-md-108 {
    margin: 108px !important;
  }
  .m-md-112 {
    margin: 112px !important;
  }
  .m-md-116 {
    margin: 116px !important;
  }
  .m-md-120 {
    margin: 120px !important;
  }
  .m-md-124 {
    margin: 124px !important;
  }
  .m-md-128 {
    margin: 128px !important;
  }
  .m-md-132 {
    margin: 132px !important;
  }
  .m-md-136 {
    margin: 136px !important;
  }
  .m-md-140 {
    margin: 140px !important;
  }
  .m-md-144 {
    margin: 144px !important;
  }
  .m-md-148 {
    margin: 148px !important;
  }
  .m-md-152 {
    margin: 152px !important;
  }
  .m-md-156 {
    margin: 156px !important;
  }
  .m-md-160 {
    margin: 160px !important;
  }
  .m-md-164 {
    margin: 164px !important;
  }
  .m-md-168 {
    margin: 168px !important;
  }
  .m-md-172 {
    margin: 172px !important;
  }
  .m-md-176 {
    margin: 176px !important;
  }
  .m-md-180 {
    margin: 180px !important;
  }
  .m-md-184 {
    margin: 184px !important;
  }
  .m-md-188 {
    margin: 188px !important;
  }
  .m-md-192 {
    margin: 192px !important;
  }
  .m-md-196 {
    margin: 196px !important;
  }
  .m-md-200 {
    margin: 200px !important;
  }
  .m-md-204 {
    margin: 204px !important;
  }
  .m-md-208 {
    margin: 208px !important;
  }
  .m-md-212 {
    margin: 212px !important;
  }
  .m-md-216 {
    margin: 216px !important;
  }
  .m-md-220 {
    margin: 220px !important;
  }
  .m-md-224 {
    margin: 224px !important;
  }
  .m-md-228 {
    margin: 228px !important;
  }
  .m-md-232 {
    margin: 232px !important;
  }
  .m-md-236 {
    margin: 236px !important;
  }
  .m-md-240 {
    margin: 240px !important;
  }
  .m-md-244 {
    margin: 244px !important;
  }
  .m-md-248 {
    margin: 248px !important;
  }
  .m-md-252 {
    margin: 252px !important;
  }
  .m-md-256 {
    margin: 256px !important;
  }
  .mx-md-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-md-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-md-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-md-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-md-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-md-12 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-md-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-md-16 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-md-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-md-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mx-md-24 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-md-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-md-28 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-md-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mx-md-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-md-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-md-36 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-md-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mx-md-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-md-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mx-md-44 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-md-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mx-md-48 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-md-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-md-52 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-md-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mx-md-56 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-md-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mx-md-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-md-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mx-md-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-md-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-md-68 {
    margin-right: 68px !important;
    margin-left: 68px !important;
  }
  .my-md-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .mx-md-72 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-md-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mx-md-76 {
    margin-right: 76px !important;
    margin-left: 76px !important;
  }
  .my-md-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .mx-md-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-md-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mx-md-84 {
    margin-right: 84px !important;
    margin-left: 84px !important;
  }
  .my-md-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .mx-md-88 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-md-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .mx-md-92 {
    margin-right: 92px !important;
    margin-left: 92px !important;
  }
  .my-md-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .mx-md-96 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-md-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mx-md-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-md-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mx-md-104 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-md-104 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .mx-md-108 {
    margin-right: 108px !important;
    margin-left: 108px !important;
  }
  .my-md-108 {
    margin-top: 108px !important;
    margin-bottom: 108px !important;
  }
  .mx-md-112 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-md-112 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .mx-md-116 {
    margin-right: 116px !important;
    margin-left: 116px !important;
  }
  .my-md-116 {
    margin-top: 116px !important;
    margin-bottom: 116px !important;
  }
  .mx-md-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-md-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mx-md-124 {
    margin-right: 124px !important;
    margin-left: 124px !important;
  }
  .my-md-124 {
    margin-top: 124px !important;
    margin-bottom: 124px !important;
  }
  .mx-md-128 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }
  .my-md-128 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mx-md-132 {
    margin-right: 132px !important;
    margin-left: 132px !important;
  }
  .my-md-132 {
    margin-top: 132px !important;
    margin-bottom: 132px !important;
  }
  .mx-md-136 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }
  .my-md-136 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
  .mx-md-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .my-md-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mx-md-144 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }
  .my-md-144 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
  .mx-md-148 {
    margin-right: 148px !important;
    margin-left: 148px !important;
  }
  .my-md-148 {
    margin-top: 148px !important;
    margin-bottom: 148px !important;
  }
  .mx-md-152 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }
  .my-md-152 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
  .mx-md-156 {
    margin-right: 156px !important;
    margin-left: 156px !important;
  }
  .my-md-156 {
    margin-top: 156px !important;
    margin-bottom: 156px !important;
  }
  .mx-md-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .my-md-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .mx-md-164 {
    margin-right: 164px !important;
    margin-left: 164px !important;
  }
  .my-md-164 {
    margin-top: 164px !important;
    margin-bottom: 164px !important;
  }
  .mx-md-168 {
    margin-right: 168px !important;
    margin-left: 168px !important;
  }
  .my-md-168 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }
  .mx-md-172 {
    margin-right: 172px !important;
    margin-left: 172px !important;
  }
  .my-md-172 {
    margin-top: 172px !important;
    margin-bottom: 172px !important;
  }
  .mx-md-176 {
    margin-right: 176px !important;
    margin-left: 176px !important;
  }
  .my-md-176 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }
  .mx-md-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .my-md-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .mx-md-184 {
    margin-right: 184px !important;
    margin-left: 184px !important;
  }
  .my-md-184 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }
  .mx-md-188 {
    margin-right: 188px !important;
    margin-left: 188px !important;
  }
  .my-md-188 {
    margin-top: 188px !important;
    margin-bottom: 188px !important;
  }
  .mx-md-192 {
    margin-right: 192px !important;
    margin-left: 192px !important;
  }
  .my-md-192 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }
  .mx-md-196 {
    margin-right: 196px !important;
    margin-left: 196px !important;
  }
  .my-md-196 {
    margin-top: 196px !important;
    margin-bottom: 196px !important;
  }
  .mx-md-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .my-md-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .mx-md-204 {
    margin-right: 204px !important;
    margin-left: 204px !important;
  }
  .my-md-204 {
    margin-top: 204px !important;
    margin-bottom: 204px !important;
  }
  .mx-md-208 {
    margin-right: 208px !important;
    margin-left: 208px !important;
  }
  .my-md-208 {
    margin-top: 208px !important;
    margin-bottom: 208px !important;
  }
  .mx-md-212 {
    margin-right: 212px !important;
    margin-left: 212px !important;
  }
  .my-md-212 {
    margin-top: 212px !important;
    margin-bottom: 212px !important;
  }
  .mx-md-216 {
    margin-right: 216px !important;
    margin-left: 216px !important;
  }
  .my-md-216 {
    margin-top: 216px !important;
    margin-bottom: 216px !important;
  }
  .mx-md-220 {
    margin-right: 220px !important;
    margin-left: 220px !important;
  }
  .my-md-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }
  .mx-md-224 {
    margin-right: 224px !important;
    margin-left: 224px !important;
  }
  .my-md-224 {
    margin-top: 224px !important;
    margin-bottom: 224px !important;
  }
  .mx-md-228 {
    margin-right: 228px !important;
    margin-left: 228px !important;
  }
  .my-md-228 {
    margin-top: 228px !important;
    margin-bottom: 228px !important;
  }
  .mx-md-232 {
    margin-right: 232px !important;
    margin-left: 232px !important;
  }
  .my-md-232 {
    margin-top: 232px !important;
    margin-bottom: 232px !important;
  }
  .mx-md-236 {
    margin-right: 236px !important;
    margin-left: 236px !important;
  }
  .my-md-236 {
    margin-top: 236px !important;
    margin-bottom: 236px !important;
  }
  .mx-md-240 {
    margin-right: 240px !important;
    margin-left: 240px !important;
  }
  .my-md-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
  .mx-md-244 {
    margin-right: 244px !important;
    margin-left: 244px !important;
  }
  .my-md-244 {
    margin-top: 244px !important;
    margin-bottom: 244px !important;
  }
  .mx-md-248 {
    margin-right: 248px !important;
    margin-left: 248px !important;
  }
  .my-md-248 {
    margin-top: 248px !important;
    margin-bottom: 248px !important;
  }
  .mx-md-252 {
    margin-right: 252px !important;
    margin-left: 252px !important;
  }
  .my-md-252 {
    margin-top: 252px !important;
    margin-bottom: 252px !important;
  }
  .mx-md-256 {
    margin-right: 256px !important;
    margin-left: 256px !important;
  }
  .my-md-256 {
    margin-top: 256px !important;
    margin-bottom: 256px !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mr-md-0 {
    margin-right: 0px !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .ml-md-0 {
    margin-left: 0px !important;
  }
  .mt-md-4 {
    margin-top: 4px !important;
  }
  .mr-md-4 {
    margin-right: 4px !important;
  }
  .mb-md-4 {
    margin-bottom: 4px !important;
  }
  .ml-md-4 {
    margin-left: 4px !important;
  }
  .mt-md-8 {
    margin-top: 8px !important;
  }
  .mr-md-8 {
    margin-right: 8px !important;
  }
  .mb-md-8 {
    margin-bottom: 8px !important;
  }
  .ml-md-8 {
    margin-left: 8px !important;
  }
  .mt-md-12 {
    margin-top: 12px !important;
  }
  .mr-md-12 {
    margin-right: 12px !important;
  }
  .mb-md-12 {
    margin-bottom: 12px !important;
  }
  .ml-md-12 {
    margin-left: 12px !important;
  }
  .mt-md-16 {
    margin-top: 16px !important;
  }
  .mr-md-16 {
    margin-right: 16px !important;
  }
  .mb-md-16 {
    margin-bottom: 16px !important;
  }
  .ml-md-16 {
    margin-left: 16px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mr-md-20 {
    margin-right: 20px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .ml-md-20 {
    margin-left: 20px !important;
  }
  .mt-md-24 {
    margin-top: 24px !important;
  }
  .mr-md-24 {
    margin-right: 24px !important;
  }
  .mb-md-24 {
    margin-bottom: 24px !important;
  }
  .ml-md-24 {
    margin-left: 24px !important;
  }
  .mt-md-28 {
    margin-top: 28px !important;
  }
  .mr-md-28 {
    margin-right: 28px !important;
  }
  .mb-md-28 {
    margin-bottom: 28px !important;
  }
  .ml-md-28 {
    margin-left: 28px !important;
  }
  .mt-md-32 {
    margin-top: 32px !important;
  }
  .mr-md-32 {
    margin-right: 32px !important;
  }
  .mb-md-32 {
    margin-bottom: 32px !important;
  }
  .ml-md-32 {
    margin-left: 32px !important;
  }
  .mt-md-36 {
    margin-top: 36px !important;
  }
  .mr-md-36 {
    margin-right: 36px !important;
  }
  .mb-md-36 {
    margin-bottom: 36px !important;
  }
  .ml-md-36 {
    margin-left: 36px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mr-md-40 {
    margin-right: 40px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .ml-md-40 {
    margin-left: 40px !important;
  }
  .mt-md-44 {
    margin-top: 44px !important;
  }
  .mr-md-44 {
    margin-right: 44px !important;
  }
  .mb-md-44 {
    margin-bottom: 44px !important;
  }
  .ml-md-44 {
    margin-left: 44px !important;
  }
  .mt-md-48 {
    margin-top: 48px !important;
  }
  .mr-md-48 {
    margin-right: 48px !important;
  }
  .mb-md-48 {
    margin-bottom: 48px !important;
  }
  .ml-md-48 {
    margin-left: 48px !important;
  }
  .mt-md-52 {
    margin-top: 52px !important;
  }
  .mr-md-52 {
    margin-right: 52px !important;
  }
  .mb-md-52 {
    margin-bottom: 52px !important;
  }
  .ml-md-52 {
    margin-left: 52px !important;
  }
  .mt-md-56 {
    margin-top: 56px !important;
  }
  .mr-md-56 {
    margin-right: 56px !important;
  }
  .mb-md-56 {
    margin-bottom: 56px !important;
  }
  .ml-md-56 {
    margin-left: 56px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mr-md-60 {
    margin-right: 60px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .ml-md-60 {
    margin-left: 60px !important;
  }
  .mt-md-64 {
    margin-top: 64px !important;
  }
  .mr-md-64 {
    margin-right: 64px !important;
  }
  .mb-md-64 {
    margin-bottom: 64px !important;
  }
  .ml-md-64 {
    margin-left: 64px !important;
  }
  .mt-md-68 {
    margin-top: 68px !important;
  }
  .mr-md-68 {
    margin-right: 68px !important;
  }
  .mb-md-68 {
    margin-bottom: 68px !important;
  }
  .ml-md-68 {
    margin-left: 68px !important;
  }
  .mt-md-72 {
    margin-top: 72px !important;
  }
  .mr-md-72 {
    margin-right: 72px !important;
  }
  .mb-md-72 {
    margin-bottom: 72px !important;
  }
  .ml-md-72 {
    margin-left: 72px !important;
  }
  .mt-md-76 {
    margin-top: 76px !important;
  }
  .mr-md-76 {
    margin-right: 76px !important;
  }
  .mb-md-76 {
    margin-bottom: 76px !important;
  }
  .ml-md-76 {
    margin-left: 76px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mr-md-80 {
    margin-right: 80px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .ml-md-80 {
    margin-left: 80px !important;
  }
  .mt-md-84 {
    margin-top: 84px !important;
  }
  .mr-md-84 {
    margin-right: 84px !important;
  }
  .mb-md-84 {
    margin-bottom: 84px !important;
  }
  .ml-md-84 {
    margin-left: 84px !important;
  }
  .mt-md-88 {
    margin-top: 88px !important;
  }
  .mr-md-88 {
    margin-right: 88px !important;
  }
  .mb-md-88 {
    margin-bottom: 88px !important;
  }
  .ml-md-88 {
    margin-left: 88px !important;
  }
  .mt-md-92 {
    margin-top: 92px !important;
  }
  .mr-md-92 {
    margin-right: 92px !important;
  }
  .mb-md-92 {
    margin-bottom: 92px !important;
  }
  .ml-md-92 {
    margin-left: 92px !important;
  }
  .mt-md-96 {
    margin-top: 96px !important;
  }
  .mr-md-96 {
    margin-right: 96px !important;
  }
  .mb-md-96 {
    margin-bottom: 96px !important;
  }
  .ml-md-96 {
    margin-left: 96px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mr-md-100 {
    margin-right: 100px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .ml-md-100 {
    margin-left: 100px !important;
  }
  .mt-md-104 {
    margin-top: 104px !important;
  }
  .mr-md-104 {
    margin-right: 104px !important;
  }
  .mb-md-104 {
    margin-bottom: 104px !important;
  }
  .ml-md-104 {
    margin-left: 104px !important;
  }
  .mt-md-108 {
    margin-top: 108px !important;
  }
  .mr-md-108 {
    margin-right: 108px !important;
  }
  .mb-md-108 {
    margin-bottom: 108px !important;
  }
  .ml-md-108 {
    margin-left: 108px !important;
  }
  .mt-md-112 {
    margin-top: 112px !important;
  }
  .mr-md-112 {
    margin-right: 112px !important;
  }
  .mb-md-112 {
    margin-bottom: 112px !important;
  }
  .ml-md-112 {
    margin-left: 112px !important;
  }
  .mt-md-116 {
    margin-top: 116px !important;
  }
  .mr-md-116 {
    margin-right: 116px !important;
  }
  .mb-md-116 {
    margin-bottom: 116px !important;
  }
  .ml-md-116 {
    margin-left: 116px !important;
  }
  .mt-md-120 {
    margin-top: 120px !important;
  }
  .mr-md-120 {
    margin-right: 120px !important;
  }
  .mb-md-120 {
    margin-bottom: 120px !important;
  }
  .ml-md-120 {
    margin-left: 120px !important;
  }
  .mt-md-124 {
    margin-top: 124px !important;
  }
  .mr-md-124 {
    margin-right: 124px !important;
  }
  .mb-md-124 {
    margin-bottom: 124px !important;
  }
  .ml-md-124 {
    margin-left: 124px !important;
  }
  .mt-md-128 {
    margin-top: 128px !important;
  }
  .mr-md-128 {
    margin-right: 128px !important;
  }
  .mb-md-128 {
    margin-bottom: 128px !important;
  }
  .ml-md-128 {
    margin-left: 128px !important;
  }
  .mt-md-132 {
    margin-top: 132px !important;
  }
  .mr-md-132 {
    margin-right: 132px !important;
  }
  .mb-md-132 {
    margin-bottom: 132px !important;
  }
  .ml-md-132 {
    margin-left: 132px !important;
  }
  .mt-md-136 {
    margin-top: 136px !important;
  }
  .mr-md-136 {
    margin-right: 136px !important;
  }
  .mb-md-136 {
    margin-bottom: 136px !important;
  }
  .ml-md-136 {
    margin-left: 136px !important;
  }
  .mt-md-140 {
    margin-top: 140px !important;
  }
  .mr-md-140 {
    margin-right: 140px !important;
  }
  .mb-md-140 {
    margin-bottom: 140px !important;
  }
  .ml-md-140 {
    margin-left: 140px !important;
  }
  .mt-md-144 {
    margin-top: 144px !important;
  }
  .mr-md-144 {
    margin-right: 144px !important;
  }
  .mb-md-144 {
    margin-bottom: 144px !important;
  }
  .ml-md-144 {
    margin-left: 144px !important;
  }
  .mt-md-148 {
    margin-top: 148px !important;
  }
  .mr-md-148 {
    margin-right: 148px !important;
  }
  .mb-md-148 {
    margin-bottom: 148px !important;
  }
  .ml-md-148 {
    margin-left: 148px !important;
  }
  .mt-md-152 {
    margin-top: 152px !important;
  }
  .mr-md-152 {
    margin-right: 152px !important;
  }
  .mb-md-152 {
    margin-bottom: 152px !important;
  }
  .ml-md-152 {
    margin-left: 152px !important;
  }
  .mt-md-156 {
    margin-top: 156px !important;
  }
  .mr-md-156 {
    margin-right: 156px !important;
  }
  .mb-md-156 {
    margin-bottom: 156px !important;
  }
  .ml-md-156 {
    margin-left: 156px !important;
  }
  .mt-md-160 {
    margin-top: 160px !important;
  }
  .mr-md-160 {
    margin-right: 160px !important;
  }
  .mb-md-160 {
    margin-bottom: 160px !important;
  }
  .ml-md-160 {
    margin-left: 160px !important;
  }
  .mt-md-164 {
    margin-top: 164px !important;
  }
  .mr-md-164 {
    margin-right: 164px !important;
  }
  .mb-md-164 {
    margin-bottom: 164px !important;
  }
  .ml-md-164 {
    margin-left: 164px !important;
  }
  .mt-md-168 {
    margin-top: 168px !important;
  }
  .mr-md-168 {
    margin-right: 168px !important;
  }
  .mb-md-168 {
    margin-bottom: 168px !important;
  }
  .ml-md-168 {
    margin-left: 168px !important;
  }
  .mt-md-172 {
    margin-top: 172px !important;
  }
  .mr-md-172 {
    margin-right: 172px !important;
  }
  .mb-md-172 {
    margin-bottom: 172px !important;
  }
  .ml-md-172 {
    margin-left: 172px !important;
  }
  .mt-md-176 {
    margin-top: 176px !important;
  }
  .mr-md-176 {
    margin-right: 176px !important;
  }
  .mb-md-176 {
    margin-bottom: 176px !important;
  }
  .ml-md-176 {
    margin-left: 176px !important;
  }
  .mt-md-180 {
    margin-top: 180px !important;
  }
  .mr-md-180 {
    margin-right: 180px !important;
  }
  .mb-md-180 {
    margin-bottom: 180px !important;
  }
  .ml-md-180 {
    margin-left: 180px !important;
  }
  .mt-md-184 {
    margin-top: 184px !important;
  }
  .mr-md-184 {
    margin-right: 184px !important;
  }
  .mb-md-184 {
    margin-bottom: 184px !important;
  }
  .ml-md-184 {
    margin-left: 184px !important;
  }
  .mt-md-188 {
    margin-top: 188px !important;
  }
  .mr-md-188 {
    margin-right: 188px !important;
  }
  .mb-md-188 {
    margin-bottom: 188px !important;
  }
  .ml-md-188 {
    margin-left: 188px !important;
  }
  .mt-md-192 {
    margin-top: 192px !important;
  }
  .mr-md-192 {
    margin-right: 192px !important;
  }
  .mb-md-192 {
    margin-bottom: 192px !important;
  }
  .ml-md-192 {
    margin-left: 192px !important;
  }
  .mt-md-196 {
    margin-top: 196px !important;
  }
  .mr-md-196 {
    margin-right: 196px !important;
  }
  .mb-md-196 {
    margin-bottom: 196px !important;
  }
  .ml-md-196 {
    margin-left: 196px !important;
  }
  .mt-md-200 {
    margin-top: 200px !important;
  }
  .mr-md-200 {
    margin-right: 200px !important;
  }
  .mb-md-200 {
    margin-bottom: 200px !important;
  }
  .ml-md-200 {
    margin-left: 200px !important;
  }
  .mt-md-204 {
    margin-top: 204px !important;
  }
  .mr-md-204 {
    margin-right: 204px !important;
  }
  .mb-md-204 {
    margin-bottom: 204px !important;
  }
  .ml-md-204 {
    margin-left: 204px !important;
  }
  .mt-md-208 {
    margin-top: 208px !important;
  }
  .mr-md-208 {
    margin-right: 208px !important;
  }
  .mb-md-208 {
    margin-bottom: 208px !important;
  }
  .ml-md-208 {
    margin-left: 208px !important;
  }
  .mt-md-212 {
    margin-top: 212px !important;
  }
  .mr-md-212 {
    margin-right: 212px !important;
  }
  .mb-md-212 {
    margin-bottom: 212px !important;
  }
  .ml-md-212 {
    margin-left: 212px !important;
  }
  .mt-md-216 {
    margin-top: 216px !important;
  }
  .mr-md-216 {
    margin-right: 216px !important;
  }
  .mb-md-216 {
    margin-bottom: 216px !important;
  }
  .ml-md-216 {
    margin-left: 216px !important;
  }
  .mt-md-220 {
    margin-top: 220px !important;
  }
  .mr-md-220 {
    margin-right: 220px !important;
  }
  .mb-md-220 {
    margin-bottom: 220px !important;
  }
  .ml-md-220 {
    margin-left: 220px !important;
  }
  .mt-md-224 {
    margin-top: 224px !important;
  }
  .mr-md-224 {
    margin-right: 224px !important;
  }
  .mb-md-224 {
    margin-bottom: 224px !important;
  }
  .ml-md-224 {
    margin-left: 224px !important;
  }
  .mt-md-228 {
    margin-top: 228px !important;
  }
  .mr-md-228 {
    margin-right: 228px !important;
  }
  .mb-md-228 {
    margin-bottom: 228px !important;
  }
  .ml-md-228 {
    margin-left: 228px !important;
  }
  .mt-md-232 {
    margin-top: 232px !important;
  }
  .mr-md-232 {
    margin-right: 232px !important;
  }
  .mb-md-232 {
    margin-bottom: 232px !important;
  }
  .ml-md-232 {
    margin-left: 232px !important;
  }
  .mt-md-236 {
    margin-top: 236px !important;
  }
  .mr-md-236 {
    margin-right: 236px !important;
  }
  .mb-md-236 {
    margin-bottom: 236px !important;
  }
  .ml-md-236 {
    margin-left: 236px !important;
  }
  .mt-md-240 {
    margin-top: 240px !important;
  }
  .mr-md-240 {
    margin-right: 240px !important;
  }
  .mb-md-240 {
    margin-bottom: 240px !important;
  }
  .ml-md-240 {
    margin-left: 240px !important;
  }
  .mt-md-244 {
    margin-top: 244px !important;
  }
  .mr-md-244 {
    margin-right: 244px !important;
  }
  .mb-md-244 {
    margin-bottom: 244px !important;
  }
  .ml-md-244 {
    margin-left: 244px !important;
  }
  .mt-md-248 {
    margin-top: 248px !important;
  }
  .mr-md-248 {
    margin-right: 248px !important;
  }
  .mb-md-248 {
    margin-bottom: 248px !important;
  }
  .ml-md-248 {
    margin-left: 248px !important;
  }
  .mt-md-252 {
    margin-top: 252px !important;
  }
  .mr-md-252 {
    margin-right: 252px !important;
  }
  .mb-md-252 {
    margin-bottom: 252px !important;
  }
  .ml-md-252 {
    margin-left: 252px !important;
  }
  .mt-md-256 {
    margin-top: 256px !important;
  }
  .mr-md-256 {
    margin-right: 256px !important;
  }
  .mb-md-256 {
    margin-bottom: 256px !important;
  }
  .ml-md-256 {
    margin-left: 256px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
  .p-md-4 {
    padding: 4px !important;
  }
  .p-md-8 {
    padding: 8px !important;
  }
  .p-md-12 {
    padding: 12px !important;
  }
  .p-md-16 {
    padding: 16px !important;
  }
  .p-md-20 {
    padding: 20px !important;
  }
  .p-md-24 {
    padding: 24px !important;
  }
  .p-md-28 {
    padding: 28px !important;
  }
  .p-md-32 {
    padding: 32px !important;
  }
  .p-md-36 {
    padding: 36px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
  .p-md-44 {
    padding: 44px !important;
  }
  .p-md-48 {
    padding: 48px !important;
  }
  .p-md-52 {
    padding: 52px !important;
  }
  .p-md-56 {
    padding: 56px !important;
  }
  .p-md-60 {
    padding: 60px !important;
  }
  .p-md-64 {
    padding: 64px !important;
  }
  .p-md-68 {
    padding: 68px !important;
  }
  .p-md-72 {
    padding: 72px !important;
  }
  .p-md-76 {
    padding: 76px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
  .p-md-84 {
    padding: 84px !important;
  }
  .p-md-88 {
    padding: 88px !important;
  }
  .p-md-92 {
    padding: 92px !important;
  }
  .p-md-96 {
    padding: 96px !important;
  }
  .p-md-100 {
    padding: 100px !important;
  }
  .p-md-104 {
    padding: 104px !important;
  }
  .p-md-108 {
    padding: 108px !important;
  }
  .p-md-112 {
    padding: 112px !important;
  }
  .p-md-116 {
    padding: 116px !important;
  }
  .p-md-120 {
    padding: 120px !important;
  }
  .p-md-124 {
    padding: 124px !important;
  }
  .p-md-128 {
    padding: 128px !important;
  }
  .p-md-132 {
    padding: 132px !important;
  }
  .p-md-136 {
    padding: 136px !important;
  }
  .p-md-140 {
    padding: 140px !important;
  }
  .p-md-144 {
    padding: 144px !important;
  }
  .p-md-148 {
    padding: 148px !important;
  }
  .p-md-152 {
    padding: 152px !important;
  }
  .p-md-156 {
    padding: 156px !important;
  }
  .p-md-160 {
    padding: 160px !important;
  }
  .p-md-164 {
    padding: 164px !important;
  }
  .p-md-168 {
    padding: 168px !important;
  }
  .p-md-172 {
    padding: 172px !important;
  }
  .p-md-176 {
    padding: 176px !important;
  }
  .p-md-180 {
    padding: 180px !important;
  }
  .p-md-184 {
    padding: 184px !important;
  }
  .p-md-188 {
    padding: 188px !important;
  }
  .p-md-192 {
    padding: 192px !important;
  }
  .p-md-196 {
    padding: 196px !important;
  }
  .p-md-200 {
    padding: 200px !important;
  }
  .p-md-204 {
    padding: 204px !important;
  }
  .p-md-208 {
    padding: 208px !important;
  }
  .p-md-212 {
    padding: 212px !important;
  }
  .p-md-216 {
    padding: 216px !important;
  }
  .p-md-220 {
    padding: 220px !important;
  }
  .p-md-224 {
    padding: 224px !important;
  }
  .p-md-228 {
    padding: 228px !important;
  }
  .p-md-232 {
    padding: 232px !important;
  }
  .p-md-236 {
    padding: 236px !important;
  }
  .p-md-240 {
    padding: 240px !important;
  }
  .p-md-244 {
    padding: 244px !important;
  }
  .p-md-248 {
    padding: 248px !important;
  }
  .p-md-252 {
    padding: 252px !important;
  }
  .p-md-256 {
    padding: 256px !important;
  }
  .px-md-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-md-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-md-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-md-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-md-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-md-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-md-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-md-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-md-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-md-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .px-md-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-md-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-md-28 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-md-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .px-md-32 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-md-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-md-36 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-md-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .px-md-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .px-md-44 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-md-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .px-md-48 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-md-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-md-52 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-md-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .px-md-56 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-md-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .px-md-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-md-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .px-md-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-md-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-md-68 {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-md-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .px-md-72 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-md-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .px-md-76 {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-md-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .px-md-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .px-md-84 {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-md-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .px-md-88 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-md-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .px-md-92 {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-md-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .px-md-96 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-md-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .px-md-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-md-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .px-md-104 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-md-104 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .px-md-108 {
    padding-right: 108px !important;
    padding-left: 108px !important;
  }
  .py-md-108 {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
  .px-md-112 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-md-112 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .px-md-116 {
    padding-right: 116px !important;
    padding-left: 116px !important;
  }
  .py-md-116 {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
  .px-md-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-md-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .px-md-124 {
    padding-right: 124px !important;
    padding-left: 124px !important;
  }
  .py-md-124 {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
  .px-md-128 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }
  .py-md-128 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .px-md-132 {
    padding-right: 132px !important;
    padding-left: 132px !important;
  }
  .py-md-132 {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
  .px-md-136 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }
  .py-md-136 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .px-md-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .py-md-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .px-md-144 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }
  .py-md-144 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .px-md-148 {
    padding-right: 148px !important;
    padding-left: 148px !important;
  }
  .py-md-148 {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
  .px-md-152 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }
  .py-md-152 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .px-md-156 {
    padding-right: 156px !important;
    padding-left: 156px !important;
  }
  .py-md-156 {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
  .px-md-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .py-md-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .px-md-164 {
    padding-right: 164px !important;
    padding-left: 164px !important;
  }
  .py-md-164 {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
  .px-md-168 {
    padding-right: 168px !important;
    padding-left: 168px !important;
  }
  .py-md-168 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
  .px-md-172 {
    padding-right: 172px !important;
    padding-left: 172px !important;
  }
  .py-md-172 {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
  .px-md-176 {
    padding-right: 176px !important;
    padding-left: 176px !important;
  }
  .py-md-176 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
  .px-md-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .py-md-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .px-md-184 {
    padding-right: 184px !important;
    padding-left: 184px !important;
  }
  .py-md-184 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
  .px-md-188 {
    padding-right: 188px !important;
    padding-left: 188px !important;
  }
  .py-md-188 {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
  .px-md-192 {
    padding-right: 192px !important;
    padding-left: 192px !important;
  }
  .py-md-192 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
  .px-md-196 {
    padding-right: 196px !important;
    padding-left: 196px !important;
  }
  .py-md-196 {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
  .px-md-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .py-md-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .px-md-204 {
    padding-right: 204px !important;
    padding-left: 204px !important;
  }
  .py-md-204 {
    padding-top: 204px !important;
    padding-bottom: 204px !important;
  }
  .px-md-208 {
    padding-right: 208px !important;
    padding-left: 208px !important;
  }
  .py-md-208 {
    padding-top: 208px !important;
    padding-bottom: 208px !important;
  }
  .px-md-212 {
    padding-right: 212px !important;
    padding-left: 212px !important;
  }
  .py-md-212 {
    padding-top: 212px !important;
    padding-bottom: 212px !important;
  }
  .px-md-216 {
    padding-right: 216px !important;
    padding-left: 216px !important;
  }
  .py-md-216 {
    padding-top: 216px !important;
    padding-bottom: 216px !important;
  }
  .px-md-220 {
    padding-right: 220px !important;
    padding-left: 220px !important;
  }
  .py-md-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .px-md-224 {
    padding-right: 224px !important;
    padding-left: 224px !important;
  }
  .py-md-224 {
    padding-top: 224px !important;
    padding-bottom: 224px !important;
  }
  .px-md-228 {
    padding-right: 228px !important;
    padding-left: 228px !important;
  }
  .py-md-228 {
    padding-top: 228px !important;
    padding-bottom: 228px !important;
  }
  .px-md-232 {
    padding-right: 232px !important;
    padding-left: 232px !important;
  }
  .py-md-232 {
    padding-top: 232px !important;
    padding-bottom: 232px !important;
  }
  .px-md-236 {
    padding-right: 236px !important;
    padding-left: 236px !important;
  }
  .py-md-236 {
    padding-top: 236px !important;
    padding-bottom: 236px !important;
  }
  .px-md-240 {
    padding-right: 240px !important;
    padding-left: 240px !important;
  }
  .py-md-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
  .px-md-244 {
    padding-right: 244px !important;
    padding-left: 244px !important;
  }
  .py-md-244 {
    padding-top: 244px !important;
    padding-bottom: 244px !important;
  }
  .px-md-248 {
    padding-right: 248px !important;
    padding-left: 248px !important;
  }
  .py-md-248 {
    padding-top: 248px !important;
    padding-bottom: 248px !important;
  }
  .px-md-252 {
    padding-right: 252px !important;
    padding-left: 252px !important;
  }
  .py-md-252 {
    padding-top: 252px !important;
    padding-bottom: 252px !important;
  }
  .px-md-256 {
    padding-right: 256px !important;
    padding-left: 256px !important;
  }
  .py-md-256 {
    padding-top: 256px !important;
    padding-bottom: 256px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pr-md-0 {
    padding-right: 0px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pl-md-0 {
    padding-left: 0px !important;
  }
  .pt-md-4 {
    padding-top: 4px !important;
  }
  .pr-md-4 {
    padding-right: 4px !important;
  }
  .pb-md-4 {
    padding-bottom: 4px !important;
  }
  .pl-md-4 {
    padding-left: 4px !important;
  }
  .pt-md-8 {
    padding-top: 8px !important;
  }
  .pr-md-8 {
    padding-right: 8px !important;
  }
  .pb-md-8 {
    padding-bottom: 8px !important;
  }
  .pl-md-8 {
    padding-left: 8px !important;
  }
  .pt-md-12 {
    padding-top: 12px !important;
  }
  .pr-md-12 {
    padding-right: 12px !important;
  }
  .pb-md-12 {
    padding-bottom: 12px !important;
  }
  .pl-md-12 {
    padding-left: 12px !important;
  }
  .pt-md-16 {
    padding-top: 16px !important;
  }
  .pr-md-16 {
    padding-right: 16px !important;
  }
  .pb-md-16 {
    padding-bottom: 16px !important;
  }
  .pl-md-16 {
    padding-left: 16px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pr-md-20 {
    padding-right: 20px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pl-md-20 {
    padding-left: 20px !important;
  }
  .pt-md-24 {
    padding-top: 24px !important;
  }
  .pr-md-24 {
    padding-right: 24px !important;
  }
  .pb-md-24 {
    padding-bottom: 24px !important;
  }
  .pl-md-24 {
    padding-left: 24px !important;
  }
  .pt-md-28 {
    padding-top: 28px !important;
  }
  .pr-md-28 {
    padding-right: 28px !important;
  }
  .pb-md-28 {
    padding-bottom: 28px !important;
  }
  .pl-md-28 {
    padding-left: 28px !important;
  }
  .pt-md-32 {
    padding-top: 32px !important;
  }
  .pr-md-32 {
    padding-right: 32px !important;
  }
  .pb-md-32 {
    padding-bottom: 32px !important;
  }
  .pl-md-32 {
    padding-left: 32px !important;
  }
  .pt-md-36 {
    padding-top: 36px !important;
  }
  .pr-md-36 {
    padding-right: 36px !important;
  }
  .pb-md-36 {
    padding-bottom: 36px !important;
  }
  .pl-md-36 {
    padding-left: 36px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pr-md-40 {
    padding-right: 40px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pl-md-40 {
    padding-left: 40px !important;
  }
  .pt-md-44 {
    padding-top: 44px !important;
  }
  .pr-md-44 {
    padding-right: 44px !important;
  }
  .pb-md-44 {
    padding-bottom: 44px !important;
  }
  .pl-md-44 {
    padding-left: 44px !important;
  }
  .pt-md-48 {
    padding-top: 48px !important;
  }
  .pr-md-48 {
    padding-right: 48px !important;
  }
  .pb-md-48 {
    padding-bottom: 48px !important;
  }
  .pl-md-48 {
    padding-left: 48px !important;
  }
  .pt-md-52 {
    padding-top: 52px !important;
  }
  .pr-md-52 {
    padding-right: 52px !important;
  }
  .pb-md-52 {
    padding-bottom: 52px !important;
  }
  .pl-md-52 {
    padding-left: 52px !important;
  }
  .pt-md-56 {
    padding-top: 56px !important;
  }
  .pr-md-56 {
    padding-right: 56px !important;
  }
  .pb-md-56 {
    padding-bottom: 56px !important;
  }
  .pl-md-56 {
    padding-left: 56px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pr-md-60 {
    padding-right: 60px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pl-md-60 {
    padding-left: 60px !important;
  }
  .pt-md-64 {
    padding-top: 64px !important;
  }
  .pr-md-64 {
    padding-right: 64px !important;
  }
  .pb-md-64 {
    padding-bottom: 64px !important;
  }
  .pl-md-64 {
    padding-left: 64px !important;
  }
  .pt-md-68 {
    padding-top: 68px !important;
  }
  .pr-md-68 {
    padding-right: 68px !important;
  }
  .pb-md-68 {
    padding-bottom: 68px !important;
  }
  .pl-md-68 {
    padding-left: 68px !important;
  }
  .pt-md-72 {
    padding-top: 72px !important;
  }
  .pr-md-72 {
    padding-right: 72px !important;
  }
  .pb-md-72 {
    padding-bottom: 72px !important;
  }
  .pl-md-72 {
    padding-left: 72px !important;
  }
  .pt-md-76 {
    padding-top: 76px !important;
  }
  .pr-md-76 {
    padding-right: 76px !important;
  }
  .pb-md-76 {
    padding-bottom: 76px !important;
  }
  .pl-md-76 {
    padding-left: 76px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pr-md-80 {
    padding-right: 80px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
  .pl-md-80 {
    padding-left: 80px !important;
  }
  .pt-md-84 {
    padding-top: 84px !important;
  }
  .pr-md-84 {
    padding-right: 84px !important;
  }
  .pb-md-84 {
    padding-bottom: 84px !important;
  }
  .pl-md-84 {
    padding-left: 84px !important;
  }
  .pt-md-88 {
    padding-top: 88px !important;
  }
  .pr-md-88 {
    padding-right: 88px !important;
  }
  .pb-md-88 {
    padding-bottom: 88px !important;
  }
  .pl-md-88 {
    padding-left: 88px !important;
  }
  .pt-md-92 {
    padding-top: 92px !important;
  }
  .pr-md-92 {
    padding-right: 92px !important;
  }
  .pb-md-92 {
    padding-bottom: 92px !important;
  }
  .pl-md-92 {
    padding-left: 92px !important;
  }
  .pt-md-96 {
    padding-top: 96px !important;
  }
  .pr-md-96 {
    padding-right: 96px !important;
  }
  .pb-md-96 {
    padding-bottom: 96px !important;
  }
  .pl-md-96 {
    padding-left: 96px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pr-md-100 {
    padding-right: 100px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pl-md-100 {
    padding-left: 100px !important;
  }
  .pt-md-104 {
    padding-top: 104px !important;
  }
  .pr-md-104 {
    padding-right: 104px !important;
  }
  .pb-md-104 {
    padding-bottom: 104px !important;
  }
  .pl-md-104 {
    padding-left: 104px !important;
  }
  .pt-md-108 {
    padding-top: 108px !important;
  }
  .pr-md-108 {
    padding-right: 108px !important;
  }
  .pb-md-108 {
    padding-bottom: 108px !important;
  }
  .pl-md-108 {
    padding-left: 108px !important;
  }
  .pt-md-112 {
    padding-top: 112px !important;
  }
  .pr-md-112 {
    padding-right: 112px !important;
  }
  .pb-md-112 {
    padding-bottom: 112px !important;
  }
  .pl-md-112 {
    padding-left: 112px !important;
  }
  .pt-md-116 {
    padding-top: 116px !important;
  }
  .pr-md-116 {
    padding-right: 116px !important;
  }
  .pb-md-116 {
    padding-bottom: 116px !important;
  }
  .pl-md-116 {
    padding-left: 116px !important;
  }
  .pt-md-120 {
    padding-top: 120px !important;
  }
  .pr-md-120 {
    padding-right: 120px !important;
  }
  .pb-md-120 {
    padding-bottom: 120px !important;
  }
  .pl-md-120 {
    padding-left: 120px !important;
  }
  .pt-md-124 {
    padding-top: 124px !important;
  }
  .pr-md-124 {
    padding-right: 124px !important;
  }
  .pb-md-124 {
    padding-bottom: 124px !important;
  }
  .pl-md-124 {
    padding-left: 124px !important;
  }
  .pt-md-128 {
    padding-top: 128px !important;
  }
  .pr-md-128 {
    padding-right: 128px !important;
  }
  .pb-md-128 {
    padding-bottom: 128px !important;
  }
  .pl-md-128 {
    padding-left: 128px !important;
  }
  .pt-md-132 {
    padding-top: 132px !important;
  }
  .pr-md-132 {
    padding-right: 132px !important;
  }
  .pb-md-132 {
    padding-bottom: 132px !important;
  }
  .pl-md-132 {
    padding-left: 132px !important;
  }
  .pt-md-136 {
    padding-top: 136px !important;
  }
  .pr-md-136 {
    padding-right: 136px !important;
  }
  .pb-md-136 {
    padding-bottom: 136px !important;
  }
  .pl-md-136 {
    padding-left: 136px !important;
  }
  .pt-md-140 {
    padding-top: 140px !important;
  }
  .pr-md-140 {
    padding-right: 140px !important;
  }
  .pb-md-140 {
    padding-bottom: 140px !important;
  }
  .pl-md-140 {
    padding-left: 140px !important;
  }
  .pt-md-144 {
    padding-top: 144px !important;
  }
  .pr-md-144 {
    padding-right: 144px !important;
  }
  .pb-md-144 {
    padding-bottom: 144px !important;
  }
  .pl-md-144 {
    padding-left: 144px !important;
  }
  .pt-md-148 {
    padding-top: 148px !important;
  }
  .pr-md-148 {
    padding-right: 148px !important;
  }
  .pb-md-148 {
    padding-bottom: 148px !important;
  }
  .pl-md-148 {
    padding-left: 148px !important;
  }
  .pt-md-152 {
    padding-top: 152px !important;
  }
  .pr-md-152 {
    padding-right: 152px !important;
  }
  .pb-md-152 {
    padding-bottom: 152px !important;
  }
  .pl-md-152 {
    padding-left: 152px !important;
  }
  .pt-md-156 {
    padding-top: 156px !important;
  }
  .pr-md-156 {
    padding-right: 156px !important;
  }
  .pb-md-156 {
    padding-bottom: 156px !important;
  }
  .pl-md-156 {
    padding-left: 156px !important;
  }
  .pt-md-160 {
    padding-top: 160px !important;
  }
  .pr-md-160 {
    padding-right: 160px !important;
  }
  .pb-md-160 {
    padding-bottom: 160px !important;
  }
  .pl-md-160 {
    padding-left: 160px !important;
  }
  .pt-md-164 {
    padding-top: 164px !important;
  }
  .pr-md-164 {
    padding-right: 164px !important;
  }
  .pb-md-164 {
    padding-bottom: 164px !important;
  }
  .pl-md-164 {
    padding-left: 164px !important;
  }
  .pt-md-168 {
    padding-top: 168px !important;
  }
  .pr-md-168 {
    padding-right: 168px !important;
  }
  .pb-md-168 {
    padding-bottom: 168px !important;
  }
  .pl-md-168 {
    padding-left: 168px !important;
  }
  .pt-md-172 {
    padding-top: 172px !important;
  }
  .pr-md-172 {
    padding-right: 172px !important;
  }
  .pb-md-172 {
    padding-bottom: 172px !important;
  }
  .pl-md-172 {
    padding-left: 172px !important;
  }
  .pt-md-176 {
    padding-top: 176px !important;
  }
  .pr-md-176 {
    padding-right: 176px !important;
  }
  .pb-md-176 {
    padding-bottom: 176px !important;
  }
  .pl-md-176 {
    padding-left: 176px !important;
  }
  .pt-md-180 {
    padding-top: 180px !important;
  }
  .pr-md-180 {
    padding-right: 180px !important;
  }
  .pb-md-180 {
    padding-bottom: 180px !important;
  }
  .pl-md-180 {
    padding-left: 180px !important;
  }
  .pt-md-184 {
    padding-top: 184px !important;
  }
  .pr-md-184 {
    padding-right: 184px !important;
  }
  .pb-md-184 {
    padding-bottom: 184px !important;
  }
  .pl-md-184 {
    padding-left: 184px !important;
  }
  .pt-md-188 {
    padding-top: 188px !important;
  }
  .pr-md-188 {
    padding-right: 188px !important;
  }
  .pb-md-188 {
    padding-bottom: 188px !important;
  }
  .pl-md-188 {
    padding-left: 188px !important;
  }
  .pt-md-192 {
    padding-top: 192px !important;
  }
  .pr-md-192 {
    padding-right: 192px !important;
  }
  .pb-md-192 {
    padding-bottom: 192px !important;
  }
  .pl-md-192 {
    padding-left: 192px !important;
  }
  .pt-md-196 {
    padding-top: 196px !important;
  }
  .pr-md-196 {
    padding-right: 196px !important;
  }
  .pb-md-196 {
    padding-bottom: 196px !important;
  }
  .pl-md-196 {
    padding-left: 196px !important;
  }
  .pt-md-200 {
    padding-top: 200px !important;
  }
  .pr-md-200 {
    padding-right: 200px !important;
  }
  .pb-md-200 {
    padding-bottom: 200px !important;
  }
  .pl-md-200 {
    padding-left: 200px !important;
  }
  .pt-md-204 {
    padding-top: 204px !important;
  }
  .pr-md-204 {
    padding-right: 204px !important;
  }
  .pb-md-204 {
    padding-bottom: 204px !important;
  }
  .pl-md-204 {
    padding-left: 204px !important;
  }
  .pt-md-208 {
    padding-top: 208px !important;
  }
  .pr-md-208 {
    padding-right: 208px !important;
  }
  .pb-md-208 {
    padding-bottom: 208px !important;
  }
  .pl-md-208 {
    padding-left: 208px !important;
  }
  .pt-md-212 {
    padding-top: 212px !important;
  }
  .pr-md-212 {
    padding-right: 212px !important;
  }
  .pb-md-212 {
    padding-bottom: 212px !important;
  }
  .pl-md-212 {
    padding-left: 212px !important;
  }
  .pt-md-216 {
    padding-top: 216px !important;
  }
  .pr-md-216 {
    padding-right: 216px !important;
  }
  .pb-md-216 {
    padding-bottom: 216px !important;
  }
  .pl-md-216 {
    padding-left: 216px !important;
  }
  .pt-md-220 {
    padding-top: 220px !important;
  }
  .pr-md-220 {
    padding-right: 220px !important;
  }
  .pb-md-220 {
    padding-bottom: 220px !important;
  }
  .pl-md-220 {
    padding-left: 220px !important;
  }
  .pt-md-224 {
    padding-top: 224px !important;
  }
  .pr-md-224 {
    padding-right: 224px !important;
  }
  .pb-md-224 {
    padding-bottom: 224px !important;
  }
  .pl-md-224 {
    padding-left: 224px !important;
  }
  .pt-md-228 {
    padding-top: 228px !important;
  }
  .pr-md-228 {
    padding-right: 228px !important;
  }
  .pb-md-228 {
    padding-bottom: 228px !important;
  }
  .pl-md-228 {
    padding-left: 228px !important;
  }
  .pt-md-232 {
    padding-top: 232px !important;
  }
  .pr-md-232 {
    padding-right: 232px !important;
  }
  .pb-md-232 {
    padding-bottom: 232px !important;
  }
  .pl-md-232 {
    padding-left: 232px !important;
  }
  .pt-md-236 {
    padding-top: 236px !important;
  }
  .pr-md-236 {
    padding-right: 236px !important;
  }
  .pb-md-236 {
    padding-bottom: 236px !important;
  }
  .pl-md-236 {
    padding-left: 236px !important;
  }
  .pt-md-240 {
    padding-top: 240px !important;
  }
  .pr-md-240 {
    padding-right: 240px !important;
  }
  .pb-md-240 {
    padding-bottom: 240px !important;
  }
  .pl-md-240 {
    padding-left: 240px !important;
  }
  .pt-md-244 {
    padding-top: 244px !important;
  }
  .pr-md-244 {
    padding-right: 244px !important;
  }
  .pb-md-244 {
    padding-bottom: 244px !important;
  }
  .pl-md-244 {
    padding-left: 244px !important;
  }
  .pt-md-248 {
    padding-top: 248px !important;
  }
  .pr-md-248 {
    padding-right: 248px !important;
  }
  .pb-md-248 {
    padding-bottom: 248px !important;
  }
  .pl-md-248 {
    padding-left: 248px !important;
  }
  .pt-md-252 {
    padding-top: 252px !important;
  }
  .pr-md-252 {
    padding-right: 252px !important;
  }
  .pb-md-252 {
    padding-bottom: 252px !important;
  }
  .pl-md-252 {
    padding-left: 252px !important;
  }
  .pt-md-256 {
    padding-top: 256px !important;
  }
  .pr-md-256 {
    padding-right: 256px !important;
  }
  .pb-md-256 {
    padding-bottom: 256px !important;
  }
  .pl-md-256 {
    padding-left: 256px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-0 {
    margin: 0px !important;
  }
  .m-lg-4 {
    margin: 4px !important;
  }
  .m-lg-8 {
    margin: 8px !important;
  }
  .m-lg-12 {
    margin: 12px !important;
  }
  .m-lg-16 {
    margin: 16px !important;
  }
  .m-lg-20 {
    margin: 20px !important;
  }
  .m-lg-24 {
    margin: 24px !important;
  }
  .m-lg-28 {
    margin: 28px !important;
  }
  .m-lg-32 {
    margin: 32px !important;
  }
  .m-lg-36 {
    margin: 36px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
  .m-lg-44 {
    margin: 44px !important;
  }
  .m-lg-48 {
    margin: 48px !important;
  }
  .m-lg-52 {
    margin: 52px !important;
  }
  .m-lg-56 {
    margin: 56px !important;
  }
  .m-lg-60 {
    margin: 60px !important;
  }
  .m-lg-64 {
    margin: 64px !important;
  }
  .m-lg-68 {
    margin: 68px !important;
  }
  .m-lg-72 {
    margin: 72px !important;
  }
  .m-lg-76 {
    margin: 76px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
  .m-lg-84 {
    margin: 84px !important;
  }
  .m-lg-88 {
    margin: 88px !important;
  }
  .m-lg-92 {
    margin: 92px !important;
  }
  .m-lg-96 {
    margin: 96px !important;
  }
  .m-lg-100 {
    margin: 100px !important;
  }
  .m-lg-104 {
    margin: 104px !important;
  }
  .m-lg-108 {
    margin: 108px !important;
  }
  .m-lg-112 {
    margin: 112px !important;
  }
  .m-lg-116 {
    margin: 116px !important;
  }
  .m-lg-120 {
    margin: 120px !important;
  }
  .m-lg-124 {
    margin: 124px !important;
  }
  .m-lg-128 {
    margin: 128px !important;
  }
  .m-lg-132 {
    margin: 132px !important;
  }
  .m-lg-136 {
    margin: 136px !important;
  }
  .m-lg-140 {
    margin: 140px !important;
  }
  .m-lg-144 {
    margin: 144px !important;
  }
  .m-lg-148 {
    margin: 148px !important;
  }
  .m-lg-152 {
    margin: 152px !important;
  }
  .m-lg-156 {
    margin: 156px !important;
  }
  .m-lg-160 {
    margin: 160px !important;
  }
  .m-lg-164 {
    margin: 164px !important;
  }
  .m-lg-168 {
    margin: 168px !important;
  }
  .m-lg-172 {
    margin: 172px !important;
  }
  .m-lg-176 {
    margin: 176px !important;
  }
  .m-lg-180 {
    margin: 180px !important;
  }
  .m-lg-184 {
    margin: 184px !important;
  }
  .m-lg-188 {
    margin: 188px !important;
  }
  .m-lg-192 {
    margin: 192px !important;
  }
  .m-lg-196 {
    margin: 196px !important;
  }
  .m-lg-200 {
    margin: 200px !important;
  }
  .m-lg-204 {
    margin: 204px !important;
  }
  .m-lg-208 {
    margin: 208px !important;
  }
  .m-lg-212 {
    margin: 212px !important;
  }
  .m-lg-216 {
    margin: 216px !important;
  }
  .m-lg-220 {
    margin: 220px !important;
  }
  .m-lg-224 {
    margin: 224px !important;
  }
  .m-lg-228 {
    margin: 228px !important;
  }
  .m-lg-232 {
    margin: 232px !important;
  }
  .m-lg-236 {
    margin: 236px !important;
  }
  .m-lg-240 {
    margin: 240px !important;
  }
  .m-lg-244 {
    margin: 244px !important;
  }
  .m-lg-248 {
    margin: 248px !important;
  }
  .m-lg-252 {
    margin: 252px !important;
  }
  .m-lg-256 {
    margin: 256px !important;
  }
  .mx-lg-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-lg-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-lg-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-lg-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-lg-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-lg-12 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-lg-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-lg-16 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-lg-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-lg-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mx-lg-24 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-lg-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-lg-28 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-lg-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mx-lg-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-lg-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-lg-36 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-lg-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mx-lg-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-lg-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mx-lg-44 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-lg-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mx-lg-48 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-lg-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-lg-52 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-lg-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mx-lg-56 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-lg-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mx-lg-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-lg-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mx-lg-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-lg-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-lg-68 {
    margin-right: 68px !important;
    margin-left: 68px !important;
  }
  .my-lg-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .mx-lg-72 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-lg-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mx-lg-76 {
    margin-right: 76px !important;
    margin-left: 76px !important;
  }
  .my-lg-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .mx-lg-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-lg-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mx-lg-84 {
    margin-right: 84px !important;
    margin-left: 84px !important;
  }
  .my-lg-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .mx-lg-88 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-lg-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .mx-lg-92 {
    margin-right: 92px !important;
    margin-left: 92px !important;
  }
  .my-lg-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .mx-lg-96 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-lg-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mx-lg-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-lg-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mx-lg-104 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-lg-104 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .mx-lg-108 {
    margin-right: 108px !important;
    margin-left: 108px !important;
  }
  .my-lg-108 {
    margin-top: 108px !important;
    margin-bottom: 108px !important;
  }
  .mx-lg-112 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-lg-112 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .mx-lg-116 {
    margin-right: 116px !important;
    margin-left: 116px !important;
  }
  .my-lg-116 {
    margin-top: 116px !important;
    margin-bottom: 116px !important;
  }
  .mx-lg-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-lg-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mx-lg-124 {
    margin-right: 124px !important;
    margin-left: 124px !important;
  }
  .my-lg-124 {
    margin-top: 124px !important;
    margin-bottom: 124px !important;
  }
  .mx-lg-128 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }
  .my-lg-128 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mx-lg-132 {
    margin-right: 132px !important;
    margin-left: 132px !important;
  }
  .my-lg-132 {
    margin-top: 132px !important;
    margin-bottom: 132px !important;
  }
  .mx-lg-136 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }
  .my-lg-136 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
  .mx-lg-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .my-lg-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mx-lg-144 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }
  .my-lg-144 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
  .mx-lg-148 {
    margin-right: 148px !important;
    margin-left: 148px !important;
  }
  .my-lg-148 {
    margin-top: 148px !important;
    margin-bottom: 148px !important;
  }
  .mx-lg-152 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }
  .my-lg-152 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
  .mx-lg-156 {
    margin-right: 156px !important;
    margin-left: 156px !important;
  }
  .my-lg-156 {
    margin-top: 156px !important;
    margin-bottom: 156px !important;
  }
  .mx-lg-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .my-lg-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .mx-lg-164 {
    margin-right: 164px !important;
    margin-left: 164px !important;
  }
  .my-lg-164 {
    margin-top: 164px !important;
    margin-bottom: 164px !important;
  }
  .mx-lg-168 {
    margin-right: 168px !important;
    margin-left: 168px !important;
  }
  .my-lg-168 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }
  .mx-lg-172 {
    margin-right: 172px !important;
    margin-left: 172px !important;
  }
  .my-lg-172 {
    margin-top: 172px !important;
    margin-bottom: 172px !important;
  }
  .mx-lg-176 {
    margin-right: 176px !important;
    margin-left: 176px !important;
  }
  .my-lg-176 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }
  .mx-lg-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .my-lg-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .mx-lg-184 {
    margin-right: 184px !important;
    margin-left: 184px !important;
  }
  .my-lg-184 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }
  .mx-lg-188 {
    margin-right: 188px !important;
    margin-left: 188px !important;
  }
  .my-lg-188 {
    margin-top: 188px !important;
    margin-bottom: 188px !important;
  }
  .mx-lg-192 {
    margin-right: 192px !important;
    margin-left: 192px !important;
  }
  .my-lg-192 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }
  .mx-lg-196 {
    margin-right: 196px !important;
    margin-left: 196px !important;
  }
  .my-lg-196 {
    margin-top: 196px !important;
    margin-bottom: 196px !important;
  }
  .mx-lg-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .my-lg-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .mx-lg-204 {
    margin-right: 204px !important;
    margin-left: 204px !important;
  }
  .my-lg-204 {
    margin-top: 204px !important;
    margin-bottom: 204px !important;
  }
  .mx-lg-208 {
    margin-right: 208px !important;
    margin-left: 208px !important;
  }
  .my-lg-208 {
    margin-top: 208px !important;
    margin-bottom: 208px !important;
  }
  .mx-lg-212 {
    margin-right: 212px !important;
    margin-left: 212px !important;
  }
  .my-lg-212 {
    margin-top: 212px !important;
    margin-bottom: 212px !important;
  }
  .mx-lg-216 {
    margin-right: 216px !important;
    margin-left: 216px !important;
  }
  .my-lg-216 {
    margin-top: 216px !important;
    margin-bottom: 216px !important;
  }
  .mx-lg-220 {
    margin-right: 220px !important;
    margin-left: 220px !important;
  }
  .my-lg-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }
  .mx-lg-224 {
    margin-right: 224px !important;
    margin-left: 224px !important;
  }
  .my-lg-224 {
    margin-top: 224px !important;
    margin-bottom: 224px !important;
  }
  .mx-lg-228 {
    margin-right: 228px !important;
    margin-left: 228px !important;
  }
  .my-lg-228 {
    margin-top: 228px !important;
    margin-bottom: 228px !important;
  }
  .mx-lg-232 {
    margin-right: 232px !important;
    margin-left: 232px !important;
  }
  .my-lg-232 {
    margin-top: 232px !important;
    margin-bottom: 232px !important;
  }
  .mx-lg-236 {
    margin-right: 236px !important;
    margin-left: 236px !important;
  }
  .my-lg-236 {
    margin-top: 236px !important;
    margin-bottom: 236px !important;
  }
  .mx-lg-240 {
    margin-right: 240px !important;
    margin-left: 240px !important;
  }
  .my-lg-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
  .mx-lg-244 {
    margin-right: 244px !important;
    margin-left: 244px !important;
  }
  .my-lg-244 {
    margin-top: 244px !important;
    margin-bottom: 244px !important;
  }
  .mx-lg-248 {
    margin-right: 248px !important;
    margin-left: 248px !important;
  }
  .my-lg-248 {
    margin-top: 248px !important;
    margin-bottom: 248px !important;
  }
  .mx-lg-252 {
    margin-right: 252px !important;
    margin-left: 252px !important;
  }
  .my-lg-252 {
    margin-top: 252px !important;
    margin-bottom: 252px !important;
  }
  .mx-lg-256 {
    margin-right: 256px !important;
    margin-left: 256px !important;
  }
  .my-lg-256 {
    margin-top: 256px !important;
    margin-bottom: 256px !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mr-lg-0 {
    margin-right: 0px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .ml-lg-0 {
    margin-left: 0px !important;
  }
  .mt-lg-4 {
    margin-top: 4px !important;
  }
  .mr-lg-4 {
    margin-right: 4px !important;
  }
  .mb-lg-4 {
    margin-bottom: 4px !important;
  }
  .ml-lg-4 {
    margin-left: 4px !important;
  }
  .mt-lg-8 {
    margin-top: 8px !important;
  }
  .mr-lg-8 {
    margin-right: 8px !important;
  }
  .mb-lg-8 {
    margin-bottom: 8px !important;
  }
  .ml-lg-8 {
    margin-left: 8px !important;
  }
  .mt-lg-12 {
    margin-top: 12px !important;
  }
  .mr-lg-12 {
    margin-right: 12px !important;
  }
  .mb-lg-12 {
    margin-bottom: 12px !important;
  }
  .ml-lg-12 {
    margin-left: 12px !important;
  }
  .mt-lg-16 {
    margin-top: 16px !important;
  }
  .mr-lg-16 {
    margin-right: 16px !important;
  }
  .mb-lg-16 {
    margin-bottom: 16px !important;
  }
  .ml-lg-16 {
    margin-left: 16px !important;
  }
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mr-lg-20 {
    margin-right: 20px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .ml-lg-20 {
    margin-left: 20px !important;
  }
  .mt-lg-24 {
    margin-top: 24px !important;
  }
  .mr-lg-24 {
    margin-right: 24px !important;
  }
  .mb-lg-24 {
    margin-bottom: 24px !important;
  }
  .ml-lg-24 {
    margin-left: 24px !important;
  }
  .mt-lg-28 {
    margin-top: 28px !important;
  }
  .mr-lg-28 {
    margin-right: 28px !important;
  }
  .mb-lg-28 {
    margin-bottom: 28px !important;
  }
  .ml-lg-28 {
    margin-left: 28px !important;
  }
  .mt-lg-32 {
    margin-top: 32px !important;
  }
  .mr-lg-32 {
    margin-right: 32px !important;
  }
  .mb-lg-32 {
    margin-bottom: 32px !important;
  }
  .ml-lg-32 {
    margin-left: 32px !important;
  }
  .mt-lg-36 {
    margin-top: 36px !important;
  }
  .mr-lg-36 {
    margin-right: 36px !important;
  }
  .mb-lg-36 {
    margin-bottom: 36px !important;
  }
  .ml-lg-36 {
    margin-left: 36px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mr-lg-40 {
    margin-right: 40px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .ml-lg-40 {
    margin-left: 40px !important;
  }
  .mt-lg-44 {
    margin-top: 44px !important;
  }
  .mr-lg-44 {
    margin-right: 44px !important;
  }
  .mb-lg-44 {
    margin-bottom: 44px !important;
  }
  .ml-lg-44 {
    margin-left: 44px !important;
  }
  .mt-lg-48 {
    margin-top: 48px !important;
  }
  .mr-lg-48 {
    margin-right: 48px !important;
  }
  .mb-lg-48 {
    margin-bottom: 48px !important;
  }
  .ml-lg-48 {
    margin-left: 48px !important;
  }
  .mt-lg-52 {
    margin-top: 52px !important;
  }
  .mr-lg-52 {
    margin-right: 52px !important;
  }
  .mb-lg-52 {
    margin-bottom: 52px !important;
  }
  .ml-lg-52 {
    margin-left: 52px !important;
  }
  .mt-lg-56 {
    margin-top: 56px !important;
  }
  .mr-lg-56 {
    margin-right: 56px !important;
  }
  .mb-lg-56 {
    margin-bottom: 56px !important;
  }
  .ml-lg-56 {
    margin-left: 56px !important;
  }
  .mt-lg-60 {
    margin-top: 60px !important;
  }
  .mr-lg-60 {
    margin-right: 60px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .ml-lg-60 {
    margin-left: 60px !important;
  }
  .mt-lg-64 {
    margin-top: 64px !important;
  }
  .mr-lg-64 {
    margin-right: 64px !important;
  }
  .mb-lg-64 {
    margin-bottom: 64px !important;
  }
  .ml-lg-64 {
    margin-left: 64px !important;
  }
  .mt-lg-68 {
    margin-top: 68px !important;
  }
  .mr-lg-68 {
    margin-right: 68px !important;
  }
  .mb-lg-68 {
    margin-bottom: 68px !important;
  }
  .ml-lg-68 {
    margin-left: 68px !important;
  }
  .mt-lg-72 {
    margin-top: 72px !important;
  }
  .mr-lg-72 {
    margin-right: 72px !important;
  }
  .mb-lg-72 {
    margin-bottom: 72px !important;
  }
  .ml-lg-72 {
    margin-left: 72px !important;
  }
  .mt-lg-76 {
    margin-top: 76px !important;
  }
  .mr-lg-76 {
    margin-right: 76px !important;
  }
  .mb-lg-76 {
    margin-bottom: 76px !important;
  }
  .ml-lg-76 {
    margin-left: 76px !important;
  }
  .mt-lg-80 {
    margin-top: 80px !important;
  }
  .mr-lg-80 {
    margin-right: 80px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .ml-lg-80 {
    margin-left: 80px !important;
  }
  .mt-lg-84 {
    margin-top: 84px !important;
  }
  .mr-lg-84 {
    margin-right: 84px !important;
  }
  .mb-lg-84 {
    margin-bottom: 84px !important;
  }
  .ml-lg-84 {
    margin-left: 84px !important;
  }
  .mt-lg-88 {
    margin-top: 88px !important;
  }
  .mr-lg-88 {
    margin-right: 88px !important;
  }
  .mb-lg-88 {
    margin-bottom: 88px !important;
  }
  .ml-lg-88 {
    margin-left: 88px !important;
  }
  .mt-lg-92 {
    margin-top: 92px !important;
  }
  .mr-lg-92 {
    margin-right: 92px !important;
  }
  .mb-lg-92 {
    margin-bottom: 92px !important;
  }
  .ml-lg-92 {
    margin-left: 92px !important;
  }
  .mt-lg-96 {
    margin-top: 96px !important;
  }
  .mr-lg-96 {
    margin-right: 96px !important;
  }
  .mb-lg-96 {
    margin-bottom: 96px !important;
  }
  .ml-lg-96 {
    margin-left: 96px !important;
  }
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mr-lg-100 {
    margin-right: 100px !important;
  }
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .ml-lg-100 {
    margin-left: 100px !important;
  }
  .mt-lg-104 {
    margin-top: 104px !important;
  }
  .mr-lg-104 {
    margin-right: 104px !important;
  }
  .mb-lg-104 {
    margin-bottom: 104px !important;
  }
  .ml-lg-104 {
    margin-left: 104px !important;
  }
  .mt-lg-108 {
    margin-top: 108px !important;
  }
  .mr-lg-108 {
    margin-right: 108px !important;
  }
  .mb-lg-108 {
    margin-bottom: 108px !important;
  }
  .ml-lg-108 {
    margin-left: 108px !important;
  }
  .mt-lg-112 {
    margin-top: 112px !important;
  }
  .mr-lg-112 {
    margin-right: 112px !important;
  }
  .mb-lg-112 {
    margin-bottom: 112px !important;
  }
  .ml-lg-112 {
    margin-left: 112px !important;
  }
  .mt-lg-116 {
    margin-top: 116px !important;
  }
  .mr-lg-116 {
    margin-right: 116px !important;
  }
  .mb-lg-116 {
    margin-bottom: 116px !important;
  }
  .ml-lg-116 {
    margin-left: 116px !important;
  }
  .mt-lg-120 {
    margin-top: 120px !important;
  }
  .mr-lg-120 {
    margin-right: 120px !important;
  }
  .mb-lg-120 {
    margin-bottom: 120px !important;
  }
  .ml-lg-120 {
    margin-left: 120px !important;
  }
  .mt-lg-124 {
    margin-top: 124px !important;
  }
  .mr-lg-124 {
    margin-right: 124px !important;
  }
  .mb-lg-124 {
    margin-bottom: 124px !important;
  }
  .ml-lg-124 {
    margin-left: 124px !important;
  }
  .mt-lg-128 {
    margin-top: 128px !important;
  }
  .mr-lg-128 {
    margin-right: 128px !important;
  }
  .mb-lg-128 {
    margin-bottom: 128px !important;
  }
  .ml-lg-128 {
    margin-left: 128px !important;
  }
  .mt-lg-132 {
    margin-top: 132px !important;
  }
  .mr-lg-132 {
    margin-right: 132px !important;
  }
  .mb-lg-132 {
    margin-bottom: 132px !important;
  }
  .ml-lg-132 {
    margin-left: 132px !important;
  }
  .mt-lg-136 {
    margin-top: 136px !important;
  }
  .mr-lg-136 {
    margin-right: 136px !important;
  }
  .mb-lg-136 {
    margin-bottom: 136px !important;
  }
  .ml-lg-136 {
    margin-left: 136px !important;
  }
  .mt-lg-140 {
    margin-top: 140px !important;
  }
  .mr-lg-140 {
    margin-right: 140px !important;
  }
  .mb-lg-140 {
    margin-bottom: 140px !important;
  }
  .ml-lg-140 {
    margin-left: 140px !important;
  }
  .mt-lg-144 {
    margin-top: 144px !important;
  }
  .mr-lg-144 {
    margin-right: 144px !important;
  }
  .mb-lg-144 {
    margin-bottom: 144px !important;
  }
  .ml-lg-144 {
    margin-left: 144px !important;
  }
  .mt-lg-148 {
    margin-top: 148px !important;
  }
  .mr-lg-148 {
    margin-right: 148px !important;
  }
  .mb-lg-148 {
    margin-bottom: 148px !important;
  }
  .ml-lg-148 {
    margin-left: 148px !important;
  }
  .mt-lg-152 {
    margin-top: 152px !important;
  }
  .mr-lg-152 {
    margin-right: 152px !important;
  }
  .mb-lg-152 {
    margin-bottom: 152px !important;
  }
  .ml-lg-152 {
    margin-left: 152px !important;
  }
  .mt-lg-156 {
    margin-top: 156px !important;
  }
  .mr-lg-156 {
    margin-right: 156px !important;
  }
  .mb-lg-156 {
    margin-bottom: 156px !important;
  }
  .ml-lg-156 {
    margin-left: 156px !important;
  }
  .mt-lg-160 {
    margin-top: 160px !important;
  }
  .mr-lg-160 {
    margin-right: 160px !important;
  }
  .mb-lg-160 {
    margin-bottom: 160px !important;
  }
  .ml-lg-160 {
    margin-left: 160px !important;
  }
  .mt-lg-164 {
    margin-top: 164px !important;
  }
  .mr-lg-164 {
    margin-right: 164px !important;
  }
  .mb-lg-164 {
    margin-bottom: 164px !important;
  }
  .ml-lg-164 {
    margin-left: 164px !important;
  }
  .mt-lg-168 {
    margin-top: 168px !important;
  }
  .mr-lg-168 {
    margin-right: 168px !important;
  }
  .mb-lg-168 {
    margin-bottom: 168px !important;
  }
  .ml-lg-168 {
    margin-left: 168px !important;
  }
  .mt-lg-172 {
    margin-top: 172px !important;
  }
  .mr-lg-172 {
    margin-right: 172px !important;
  }
  .mb-lg-172 {
    margin-bottom: 172px !important;
  }
  .ml-lg-172 {
    margin-left: 172px !important;
  }
  .mt-lg-176 {
    margin-top: 176px !important;
  }
  .mr-lg-176 {
    margin-right: 176px !important;
  }
  .mb-lg-176 {
    margin-bottom: 176px !important;
  }
  .ml-lg-176 {
    margin-left: 176px !important;
  }
  .mt-lg-180 {
    margin-top: 180px !important;
  }
  .mr-lg-180 {
    margin-right: 180px !important;
  }
  .mb-lg-180 {
    margin-bottom: 180px !important;
  }
  .ml-lg-180 {
    margin-left: 180px !important;
  }
  .mt-lg-184 {
    margin-top: 184px !important;
  }
  .mr-lg-184 {
    margin-right: 184px !important;
  }
  .mb-lg-184 {
    margin-bottom: 184px !important;
  }
  .ml-lg-184 {
    margin-left: 184px !important;
  }
  .mt-lg-188 {
    margin-top: 188px !important;
  }
  .mr-lg-188 {
    margin-right: 188px !important;
  }
  .mb-lg-188 {
    margin-bottom: 188px !important;
  }
  .ml-lg-188 {
    margin-left: 188px !important;
  }
  .mt-lg-192 {
    margin-top: 192px !important;
  }
  .mr-lg-192 {
    margin-right: 192px !important;
  }
  .mb-lg-192 {
    margin-bottom: 192px !important;
  }
  .ml-lg-192 {
    margin-left: 192px !important;
  }
  .mt-lg-196 {
    margin-top: 196px !important;
  }
  .mr-lg-196 {
    margin-right: 196px !important;
  }
  .mb-lg-196 {
    margin-bottom: 196px !important;
  }
  .ml-lg-196 {
    margin-left: 196px !important;
  }
  .mt-lg-200 {
    margin-top: 200px !important;
  }
  .mr-lg-200 {
    margin-right: 200px !important;
  }
  .mb-lg-200 {
    margin-bottom: 200px !important;
  }
  .ml-lg-200 {
    margin-left: 200px !important;
  }
  .mt-lg-204 {
    margin-top: 204px !important;
  }
  .mr-lg-204 {
    margin-right: 204px !important;
  }
  .mb-lg-204 {
    margin-bottom: 204px !important;
  }
  .ml-lg-204 {
    margin-left: 204px !important;
  }
  .mt-lg-208 {
    margin-top: 208px !important;
  }
  .mr-lg-208 {
    margin-right: 208px !important;
  }
  .mb-lg-208 {
    margin-bottom: 208px !important;
  }
  .ml-lg-208 {
    margin-left: 208px !important;
  }
  .mt-lg-212 {
    margin-top: 212px !important;
  }
  .mr-lg-212 {
    margin-right: 212px !important;
  }
  .mb-lg-212 {
    margin-bottom: 212px !important;
  }
  .ml-lg-212 {
    margin-left: 212px !important;
  }
  .mt-lg-216 {
    margin-top: 216px !important;
  }
  .mr-lg-216 {
    margin-right: 216px !important;
  }
  .mb-lg-216 {
    margin-bottom: 216px !important;
  }
  .ml-lg-216 {
    margin-left: 216px !important;
  }
  .mt-lg-220 {
    margin-top: 220px !important;
  }
  .mr-lg-220 {
    margin-right: 220px !important;
  }
  .mb-lg-220 {
    margin-bottom: 220px !important;
  }
  .ml-lg-220 {
    margin-left: 220px !important;
  }
  .mt-lg-224 {
    margin-top: 224px !important;
  }
  .mr-lg-224 {
    margin-right: 224px !important;
  }
  .mb-lg-224 {
    margin-bottom: 224px !important;
  }
  .ml-lg-224 {
    margin-left: 224px !important;
  }
  .mt-lg-228 {
    margin-top: 228px !important;
  }
  .mr-lg-228 {
    margin-right: 228px !important;
  }
  .mb-lg-228 {
    margin-bottom: 228px !important;
  }
  .ml-lg-228 {
    margin-left: 228px !important;
  }
  .mt-lg-232 {
    margin-top: 232px !important;
  }
  .mr-lg-232 {
    margin-right: 232px !important;
  }
  .mb-lg-232 {
    margin-bottom: 232px !important;
  }
  .ml-lg-232 {
    margin-left: 232px !important;
  }
  .mt-lg-236 {
    margin-top: 236px !important;
  }
  .mr-lg-236 {
    margin-right: 236px !important;
  }
  .mb-lg-236 {
    margin-bottom: 236px !important;
  }
  .ml-lg-236 {
    margin-left: 236px !important;
  }
  .mt-lg-240 {
    margin-top: 240px !important;
  }
  .mr-lg-240 {
    margin-right: 240px !important;
  }
  .mb-lg-240 {
    margin-bottom: 240px !important;
  }
  .ml-lg-240 {
    margin-left: 240px !important;
  }
  .mt-lg-244 {
    margin-top: 244px !important;
  }
  .mr-lg-244 {
    margin-right: 244px !important;
  }
  .mb-lg-244 {
    margin-bottom: 244px !important;
  }
  .ml-lg-244 {
    margin-left: 244px !important;
  }
  .mt-lg-248 {
    margin-top: 248px !important;
  }
  .mr-lg-248 {
    margin-right: 248px !important;
  }
  .mb-lg-248 {
    margin-bottom: 248px !important;
  }
  .ml-lg-248 {
    margin-left: 248px !important;
  }
  .mt-lg-252 {
    margin-top: 252px !important;
  }
  .mr-lg-252 {
    margin-right: 252px !important;
  }
  .mb-lg-252 {
    margin-bottom: 252px !important;
  }
  .ml-lg-252 {
    margin-left: 252px !important;
  }
  .mt-lg-256 {
    margin-top: 256px !important;
  }
  .mr-lg-256 {
    margin-right: 256px !important;
  }
  .mb-lg-256 {
    margin-bottom: 256px !important;
  }
  .ml-lg-256 {
    margin-left: 256px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
  .p-lg-4 {
    padding: 4px !important;
  }
  .p-lg-8 {
    padding: 8px !important;
  }
  .p-lg-12 {
    padding: 12px !important;
  }
  .p-lg-16 {
    padding: 16px !important;
  }
  .p-lg-20 {
    padding: 20px !important;
  }
  .p-lg-24 {
    padding: 24px !important;
  }
  .p-lg-28 {
    padding: 28px !important;
  }
  .p-lg-32 {
    padding: 32px !important;
  }
  .p-lg-36 {
    padding: 36px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
  .p-lg-44 {
    padding: 44px !important;
  }
  .p-lg-48 {
    padding: 48px !important;
  }
  .p-lg-52 {
    padding: 52px !important;
  }
  .p-lg-56 {
    padding: 56px !important;
  }
  .p-lg-60 {
    padding: 60px !important;
  }
  .p-lg-64 {
    padding: 64px !important;
  }
  .p-lg-68 {
    padding: 68px !important;
  }
  .p-lg-72 {
    padding: 72px !important;
  }
  .p-lg-76 {
    padding: 76px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
  .p-lg-84 {
    padding: 84px !important;
  }
  .p-lg-88 {
    padding: 88px !important;
  }
  .p-lg-92 {
    padding: 92px !important;
  }
  .p-lg-96 {
    padding: 96px !important;
  }
  .p-lg-100 {
    padding: 100px !important;
  }
  .p-lg-104 {
    padding: 104px !important;
  }
  .p-lg-108 {
    padding: 108px !important;
  }
  .p-lg-112 {
    padding: 112px !important;
  }
  .p-lg-116 {
    padding: 116px !important;
  }
  .p-lg-120 {
    padding: 120px !important;
  }
  .p-lg-124 {
    padding: 124px !important;
  }
  .p-lg-128 {
    padding: 128px !important;
  }
  .p-lg-132 {
    padding: 132px !important;
  }
  .p-lg-136 {
    padding: 136px !important;
  }
  .p-lg-140 {
    padding: 140px !important;
  }
  .p-lg-144 {
    padding: 144px !important;
  }
  .p-lg-148 {
    padding: 148px !important;
  }
  .p-lg-152 {
    padding: 152px !important;
  }
  .p-lg-156 {
    padding: 156px !important;
  }
  .p-lg-160 {
    padding: 160px !important;
  }
  .p-lg-164 {
    padding: 164px !important;
  }
  .p-lg-168 {
    padding: 168px !important;
  }
  .p-lg-172 {
    padding: 172px !important;
  }
  .p-lg-176 {
    padding: 176px !important;
  }
  .p-lg-180 {
    padding: 180px !important;
  }
  .p-lg-184 {
    padding: 184px !important;
  }
  .p-lg-188 {
    padding: 188px !important;
  }
  .p-lg-192 {
    padding: 192px !important;
  }
  .p-lg-196 {
    padding: 196px !important;
  }
  .p-lg-200 {
    padding: 200px !important;
  }
  .p-lg-204 {
    padding: 204px !important;
  }
  .p-lg-208 {
    padding: 208px !important;
  }
  .p-lg-212 {
    padding: 212px !important;
  }
  .p-lg-216 {
    padding: 216px !important;
  }
  .p-lg-220 {
    padding: 220px !important;
  }
  .p-lg-224 {
    padding: 224px !important;
  }
  .p-lg-228 {
    padding: 228px !important;
  }
  .p-lg-232 {
    padding: 232px !important;
  }
  .p-lg-236 {
    padding: 236px !important;
  }
  .p-lg-240 {
    padding: 240px !important;
  }
  .p-lg-244 {
    padding: 244px !important;
  }
  .p-lg-248 {
    padding: 248px !important;
  }
  .p-lg-252 {
    padding: 252px !important;
  }
  .p-lg-256 {
    padding: 256px !important;
  }
  .px-lg-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-lg-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-lg-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-lg-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-lg-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-lg-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-lg-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-lg-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-lg-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-lg-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .px-lg-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-lg-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-lg-28 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-lg-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .px-lg-32 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-lg-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-lg-36 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-lg-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .px-lg-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .px-lg-44 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-lg-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .px-lg-48 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-lg-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-lg-52 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-lg-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .px-lg-56 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-lg-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .px-lg-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-lg-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .px-lg-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-lg-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-lg-68 {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-lg-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .px-lg-72 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-lg-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .px-lg-76 {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-lg-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .px-lg-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-lg-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .px-lg-84 {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-lg-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .px-lg-88 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-lg-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .px-lg-92 {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-lg-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .px-lg-96 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-lg-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .px-lg-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .px-lg-104 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-lg-104 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .px-lg-108 {
    padding-right: 108px !important;
    padding-left: 108px !important;
  }
  .py-lg-108 {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
  .px-lg-112 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-lg-112 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .px-lg-116 {
    padding-right: 116px !important;
    padding-left: 116px !important;
  }
  .py-lg-116 {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
  .px-lg-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-lg-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .px-lg-124 {
    padding-right: 124px !important;
    padding-left: 124px !important;
  }
  .py-lg-124 {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
  .px-lg-128 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }
  .py-lg-128 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .px-lg-132 {
    padding-right: 132px !important;
    padding-left: 132px !important;
  }
  .py-lg-132 {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
  .px-lg-136 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }
  .py-lg-136 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .px-lg-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .py-lg-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .px-lg-144 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }
  .py-lg-144 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .px-lg-148 {
    padding-right: 148px !important;
    padding-left: 148px !important;
  }
  .py-lg-148 {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
  .px-lg-152 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }
  .py-lg-152 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .px-lg-156 {
    padding-right: 156px !important;
    padding-left: 156px !important;
  }
  .py-lg-156 {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
  .px-lg-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .py-lg-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .px-lg-164 {
    padding-right: 164px !important;
    padding-left: 164px !important;
  }
  .py-lg-164 {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
  .px-lg-168 {
    padding-right: 168px !important;
    padding-left: 168px !important;
  }
  .py-lg-168 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
  .px-lg-172 {
    padding-right: 172px !important;
    padding-left: 172px !important;
  }
  .py-lg-172 {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
  .px-lg-176 {
    padding-right: 176px !important;
    padding-left: 176px !important;
  }
  .py-lg-176 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
  .px-lg-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .py-lg-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .px-lg-184 {
    padding-right: 184px !important;
    padding-left: 184px !important;
  }
  .py-lg-184 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
  .px-lg-188 {
    padding-right: 188px !important;
    padding-left: 188px !important;
  }
  .py-lg-188 {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
  .px-lg-192 {
    padding-right: 192px !important;
    padding-left: 192px !important;
  }
  .py-lg-192 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
  .px-lg-196 {
    padding-right: 196px !important;
    padding-left: 196px !important;
  }
  .py-lg-196 {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
  .px-lg-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .py-lg-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .px-lg-204 {
    padding-right: 204px !important;
    padding-left: 204px !important;
  }
  .py-lg-204 {
    padding-top: 204px !important;
    padding-bottom: 204px !important;
  }
  .px-lg-208 {
    padding-right: 208px !important;
    padding-left: 208px !important;
  }
  .py-lg-208 {
    padding-top: 208px !important;
    padding-bottom: 208px !important;
  }
  .px-lg-212 {
    padding-right: 212px !important;
    padding-left: 212px !important;
  }
  .py-lg-212 {
    padding-top: 212px !important;
    padding-bottom: 212px !important;
  }
  .px-lg-216 {
    padding-right: 216px !important;
    padding-left: 216px !important;
  }
  .py-lg-216 {
    padding-top: 216px !important;
    padding-bottom: 216px !important;
  }
  .px-lg-220 {
    padding-right: 220px !important;
    padding-left: 220px !important;
  }
  .py-lg-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .px-lg-224 {
    padding-right: 224px !important;
    padding-left: 224px !important;
  }
  .py-lg-224 {
    padding-top: 224px !important;
    padding-bottom: 224px !important;
  }
  .px-lg-228 {
    padding-right: 228px !important;
    padding-left: 228px !important;
  }
  .py-lg-228 {
    padding-top: 228px !important;
    padding-bottom: 228px !important;
  }
  .px-lg-232 {
    padding-right: 232px !important;
    padding-left: 232px !important;
  }
  .py-lg-232 {
    padding-top: 232px !important;
    padding-bottom: 232px !important;
  }
  .px-lg-236 {
    padding-right: 236px !important;
    padding-left: 236px !important;
  }
  .py-lg-236 {
    padding-top: 236px !important;
    padding-bottom: 236px !important;
  }
  .px-lg-240 {
    padding-right: 240px !important;
    padding-left: 240px !important;
  }
  .py-lg-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
  .px-lg-244 {
    padding-right: 244px !important;
    padding-left: 244px !important;
  }
  .py-lg-244 {
    padding-top: 244px !important;
    padding-bottom: 244px !important;
  }
  .px-lg-248 {
    padding-right: 248px !important;
    padding-left: 248px !important;
  }
  .py-lg-248 {
    padding-top: 248px !important;
    padding-bottom: 248px !important;
  }
  .px-lg-252 {
    padding-right: 252px !important;
    padding-left: 252px !important;
  }
  .py-lg-252 {
    padding-top: 252px !important;
    padding-bottom: 252px !important;
  }
  .px-lg-256 {
    padding-right: 256px !important;
    padding-left: 256px !important;
  }
  .py-lg-256 {
    padding-top: 256px !important;
    padding-bottom: 256px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pr-lg-0 {
    padding-right: 0px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pl-lg-0 {
    padding-left: 0px !important;
  }
  .pt-lg-4 {
    padding-top: 4px !important;
  }
  .pr-lg-4 {
    padding-right: 4px !important;
  }
  .pb-lg-4 {
    padding-bottom: 4px !important;
  }
  .pl-lg-4 {
    padding-left: 4px !important;
  }
  .pt-lg-8 {
    padding-top: 8px !important;
  }
  .pr-lg-8 {
    padding-right: 8px !important;
  }
  .pb-lg-8 {
    padding-bottom: 8px !important;
  }
  .pl-lg-8 {
    padding-left: 8px !important;
  }
  .pt-lg-12 {
    padding-top: 12px !important;
  }
  .pr-lg-12 {
    padding-right: 12px !important;
  }
  .pb-lg-12 {
    padding-bottom: 12px !important;
  }
  .pl-lg-12 {
    padding-left: 12px !important;
  }
  .pt-lg-16 {
    padding-top: 16px !important;
  }
  .pr-lg-16 {
    padding-right: 16px !important;
  }
  .pb-lg-16 {
    padding-bottom: 16px !important;
  }
  .pl-lg-16 {
    padding-left: 16px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pr-lg-20 {
    padding-right: 20px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .pl-lg-20 {
    padding-left: 20px !important;
  }
  .pt-lg-24 {
    padding-top: 24px !important;
  }
  .pr-lg-24 {
    padding-right: 24px !important;
  }
  .pb-lg-24 {
    padding-bottom: 24px !important;
  }
  .pl-lg-24 {
    padding-left: 24px !important;
  }
  .pt-lg-28 {
    padding-top: 28px !important;
  }
  .pr-lg-28 {
    padding-right: 28px !important;
  }
  .pb-lg-28 {
    padding-bottom: 28px !important;
  }
  .pl-lg-28 {
    padding-left: 28px !important;
  }
  .pt-lg-32 {
    padding-top: 32px !important;
  }
  .pr-lg-32 {
    padding-right: 32px !important;
  }
  .pb-lg-32 {
    padding-bottom: 32px !important;
  }
  .pl-lg-32 {
    padding-left: 32px !important;
  }
  .pt-lg-36 {
    padding-top: 36px !important;
  }
  .pr-lg-36 {
    padding-right: 36px !important;
  }
  .pb-lg-36 {
    padding-bottom: 36px !important;
  }
  .pl-lg-36 {
    padding-left: 36px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pr-lg-40 {
    padding-right: 40px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .pl-lg-40 {
    padding-left: 40px !important;
  }
  .pt-lg-44 {
    padding-top: 44px !important;
  }
  .pr-lg-44 {
    padding-right: 44px !important;
  }
  .pb-lg-44 {
    padding-bottom: 44px !important;
  }
  .pl-lg-44 {
    padding-left: 44px !important;
  }
  .pt-lg-48 {
    padding-top: 48px !important;
  }
  .pr-lg-48 {
    padding-right: 48px !important;
  }
  .pb-lg-48 {
    padding-bottom: 48px !important;
  }
  .pl-lg-48 {
    padding-left: 48px !important;
  }
  .pt-lg-52 {
    padding-top: 52px !important;
  }
  .pr-lg-52 {
    padding-right: 52px !important;
  }
  .pb-lg-52 {
    padding-bottom: 52px !important;
  }
  .pl-lg-52 {
    padding-left: 52px !important;
  }
  .pt-lg-56 {
    padding-top: 56px !important;
  }
  .pr-lg-56 {
    padding-right: 56px !important;
  }
  .pb-lg-56 {
    padding-bottom: 56px !important;
  }
  .pl-lg-56 {
    padding-left: 56px !important;
  }
  .pt-lg-60 {
    padding-top: 60px !important;
  }
  .pr-lg-60 {
    padding-right: 60px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .pl-lg-60 {
    padding-left: 60px !important;
  }
  .pt-lg-64 {
    padding-top: 64px !important;
  }
  .pr-lg-64 {
    padding-right: 64px !important;
  }
  .pb-lg-64 {
    padding-bottom: 64px !important;
  }
  .pl-lg-64 {
    padding-left: 64px !important;
  }
  .pt-lg-68 {
    padding-top: 68px !important;
  }
  .pr-lg-68 {
    padding-right: 68px !important;
  }
  .pb-lg-68 {
    padding-bottom: 68px !important;
  }
  .pl-lg-68 {
    padding-left: 68px !important;
  }
  .pt-lg-72 {
    padding-top: 72px !important;
  }
  .pr-lg-72 {
    padding-right: 72px !important;
  }
  .pb-lg-72 {
    padding-bottom: 72px !important;
  }
  .pl-lg-72 {
    padding-left: 72px !important;
  }
  .pt-lg-76 {
    padding-top: 76px !important;
  }
  .pr-lg-76 {
    padding-right: 76px !important;
  }
  .pb-lg-76 {
    padding-bottom: 76px !important;
  }
  .pl-lg-76 {
    padding-left: 76px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }
  .pr-lg-80 {
    padding-right: 80px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
  .pl-lg-80 {
    padding-left: 80px !important;
  }
  .pt-lg-84 {
    padding-top: 84px !important;
  }
  .pr-lg-84 {
    padding-right: 84px !important;
  }
  .pb-lg-84 {
    padding-bottom: 84px !important;
  }
  .pl-lg-84 {
    padding-left: 84px !important;
  }
  .pt-lg-88 {
    padding-top: 88px !important;
  }
  .pr-lg-88 {
    padding-right: 88px !important;
  }
  .pb-lg-88 {
    padding-bottom: 88px !important;
  }
  .pl-lg-88 {
    padding-left: 88px !important;
  }
  .pt-lg-92 {
    padding-top: 92px !important;
  }
  .pr-lg-92 {
    padding-right: 92px !important;
  }
  .pb-lg-92 {
    padding-bottom: 92px !important;
  }
  .pl-lg-92 {
    padding-left: 92px !important;
  }
  .pt-lg-96 {
    padding-top: 96px !important;
  }
  .pr-lg-96 {
    padding-right: 96px !important;
  }
  .pb-lg-96 {
    padding-bottom: 96px !important;
  }
  .pl-lg-96 {
    padding-left: 96px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pr-lg-100 {
    padding-right: 100px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pl-lg-100 {
    padding-left: 100px !important;
  }
  .pt-lg-104 {
    padding-top: 104px !important;
  }
  .pr-lg-104 {
    padding-right: 104px !important;
  }
  .pb-lg-104 {
    padding-bottom: 104px !important;
  }
  .pl-lg-104 {
    padding-left: 104px !important;
  }
  .pt-lg-108 {
    padding-top: 108px !important;
  }
  .pr-lg-108 {
    padding-right: 108px !important;
  }
  .pb-lg-108 {
    padding-bottom: 108px !important;
  }
  .pl-lg-108 {
    padding-left: 108px !important;
  }
  .pt-lg-112 {
    padding-top: 112px !important;
  }
  .pr-lg-112 {
    padding-right: 112px !important;
  }
  .pb-lg-112 {
    padding-bottom: 112px !important;
  }
  .pl-lg-112 {
    padding-left: 112px !important;
  }
  .pt-lg-116 {
    padding-top: 116px !important;
  }
  .pr-lg-116 {
    padding-right: 116px !important;
  }
  .pb-lg-116 {
    padding-bottom: 116px !important;
  }
  .pl-lg-116 {
    padding-left: 116px !important;
  }
  .pt-lg-120 {
    padding-top: 120px !important;
  }
  .pr-lg-120 {
    padding-right: 120px !important;
  }
  .pb-lg-120 {
    padding-bottom: 120px !important;
  }
  .pl-lg-120 {
    padding-left: 120px !important;
  }
  .pt-lg-124 {
    padding-top: 124px !important;
  }
  .pr-lg-124 {
    padding-right: 124px !important;
  }
  .pb-lg-124 {
    padding-bottom: 124px !important;
  }
  .pl-lg-124 {
    padding-left: 124px !important;
  }
  .pt-lg-128 {
    padding-top: 128px !important;
  }
  .pr-lg-128 {
    padding-right: 128px !important;
  }
  .pb-lg-128 {
    padding-bottom: 128px !important;
  }
  .pl-lg-128 {
    padding-left: 128px !important;
  }
  .pt-lg-132 {
    padding-top: 132px !important;
  }
  .pr-lg-132 {
    padding-right: 132px !important;
  }
  .pb-lg-132 {
    padding-bottom: 132px !important;
  }
  .pl-lg-132 {
    padding-left: 132px !important;
  }
  .pt-lg-136 {
    padding-top: 136px !important;
  }
  .pr-lg-136 {
    padding-right: 136px !important;
  }
  .pb-lg-136 {
    padding-bottom: 136px !important;
  }
  .pl-lg-136 {
    padding-left: 136px !important;
  }
  .pt-lg-140 {
    padding-top: 140px !important;
  }
  .pr-lg-140 {
    padding-right: 140px !important;
  }
  .pb-lg-140 {
    padding-bottom: 140px !important;
  }
  .pl-lg-140 {
    padding-left: 140px !important;
  }
  .pt-lg-144 {
    padding-top: 144px !important;
  }
  .pr-lg-144 {
    padding-right: 144px !important;
  }
  .pb-lg-144 {
    padding-bottom: 144px !important;
  }
  .pl-lg-144 {
    padding-left: 144px !important;
  }
  .pt-lg-148 {
    padding-top: 148px !important;
  }
  .pr-lg-148 {
    padding-right: 148px !important;
  }
  .pb-lg-148 {
    padding-bottom: 148px !important;
  }
  .pl-lg-148 {
    padding-left: 148px !important;
  }
  .pt-lg-152 {
    padding-top: 152px !important;
  }
  .pr-lg-152 {
    padding-right: 152px !important;
  }
  .pb-lg-152 {
    padding-bottom: 152px !important;
  }
  .pl-lg-152 {
    padding-left: 152px !important;
  }
  .pt-lg-156 {
    padding-top: 156px !important;
  }
  .pr-lg-156 {
    padding-right: 156px !important;
  }
  .pb-lg-156 {
    padding-bottom: 156px !important;
  }
  .pl-lg-156 {
    padding-left: 156px !important;
  }
  .pt-lg-160 {
    padding-top: 160px !important;
  }
  .pr-lg-160 {
    padding-right: 160px !important;
  }
  .pb-lg-160 {
    padding-bottom: 160px !important;
  }
  .pl-lg-160 {
    padding-left: 160px !important;
  }
  .pt-lg-164 {
    padding-top: 164px !important;
  }
  .pr-lg-164 {
    padding-right: 164px !important;
  }
  .pb-lg-164 {
    padding-bottom: 164px !important;
  }
  .pl-lg-164 {
    padding-left: 164px !important;
  }
  .pt-lg-168 {
    padding-top: 168px !important;
  }
  .pr-lg-168 {
    padding-right: 168px !important;
  }
  .pb-lg-168 {
    padding-bottom: 168px !important;
  }
  .pl-lg-168 {
    padding-left: 168px !important;
  }
  .pt-lg-172 {
    padding-top: 172px !important;
  }
  .pr-lg-172 {
    padding-right: 172px !important;
  }
  .pb-lg-172 {
    padding-bottom: 172px !important;
  }
  .pl-lg-172 {
    padding-left: 172px !important;
  }
  .pt-lg-176 {
    padding-top: 176px !important;
  }
  .pr-lg-176 {
    padding-right: 176px !important;
  }
  .pb-lg-176 {
    padding-bottom: 176px !important;
  }
  .pl-lg-176 {
    padding-left: 176px !important;
  }
  .pt-lg-180 {
    padding-top: 180px !important;
  }
  .pr-lg-180 {
    padding-right: 180px !important;
  }
  .pb-lg-180 {
    padding-bottom: 180px !important;
  }
  .pl-lg-180 {
    padding-left: 180px !important;
  }
  .pt-lg-184 {
    padding-top: 184px !important;
  }
  .pr-lg-184 {
    padding-right: 184px !important;
  }
  .pb-lg-184 {
    padding-bottom: 184px !important;
  }
  .pl-lg-184 {
    padding-left: 184px !important;
  }
  .pt-lg-188 {
    padding-top: 188px !important;
  }
  .pr-lg-188 {
    padding-right: 188px !important;
  }
  .pb-lg-188 {
    padding-bottom: 188px !important;
  }
  .pl-lg-188 {
    padding-left: 188px !important;
  }
  .pt-lg-192 {
    padding-top: 192px !important;
  }
  .pr-lg-192 {
    padding-right: 192px !important;
  }
  .pb-lg-192 {
    padding-bottom: 192px !important;
  }
  .pl-lg-192 {
    padding-left: 192px !important;
  }
  .pt-lg-196 {
    padding-top: 196px !important;
  }
  .pr-lg-196 {
    padding-right: 196px !important;
  }
  .pb-lg-196 {
    padding-bottom: 196px !important;
  }
  .pl-lg-196 {
    padding-left: 196px !important;
  }
  .pt-lg-200 {
    padding-top: 200px !important;
  }
  .pr-lg-200 {
    padding-right: 200px !important;
  }
  .pb-lg-200 {
    padding-bottom: 200px !important;
  }
  .pl-lg-200 {
    padding-left: 200px !important;
  }
  .pt-lg-204 {
    padding-top: 204px !important;
  }
  .pr-lg-204 {
    padding-right: 204px !important;
  }
  .pb-lg-204 {
    padding-bottom: 204px !important;
  }
  .pl-lg-204 {
    padding-left: 204px !important;
  }
  .pt-lg-208 {
    padding-top: 208px !important;
  }
  .pr-lg-208 {
    padding-right: 208px !important;
  }
  .pb-lg-208 {
    padding-bottom: 208px !important;
  }
  .pl-lg-208 {
    padding-left: 208px !important;
  }
  .pt-lg-212 {
    padding-top: 212px !important;
  }
  .pr-lg-212 {
    padding-right: 212px !important;
  }
  .pb-lg-212 {
    padding-bottom: 212px !important;
  }
  .pl-lg-212 {
    padding-left: 212px !important;
  }
  .pt-lg-216 {
    padding-top: 216px !important;
  }
  .pr-lg-216 {
    padding-right: 216px !important;
  }
  .pb-lg-216 {
    padding-bottom: 216px !important;
  }
  .pl-lg-216 {
    padding-left: 216px !important;
  }
  .pt-lg-220 {
    padding-top: 220px !important;
  }
  .pr-lg-220 {
    padding-right: 220px !important;
  }
  .pb-lg-220 {
    padding-bottom: 220px !important;
  }
  .pl-lg-220 {
    padding-left: 220px !important;
  }
  .pt-lg-224 {
    padding-top: 224px !important;
  }
  .pr-lg-224 {
    padding-right: 224px !important;
  }
  .pb-lg-224 {
    padding-bottom: 224px !important;
  }
  .pl-lg-224 {
    padding-left: 224px !important;
  }
  .pt-lg-228 {
    padding-top: 228px !important;
  }
  .pr-lg-228 {
    padding-right: 228px !important;
  }
  .pb-lg-228 {
    padding-bottom: 228px !important;
  }
  .pl-lg-228 {
    padding-left: 228px !important;
  }
  .pt-lg-232 {
    padding-top: 232px !important;
  }
  .pr-lg-232 {
    padding-right: 232px !important;
  }
  .pb-lg-232 {
    padding-bottom: 232px !important;
  }
  .pl-lg-232 {
    padding-left: 232px !important;
  }
  .pt-lg-236 {
    padding-top: 236px !important;
  }
  .pr-lg-236 {
    padding-right: 236px !important;
  }
  .pb-lg-236 {
    padding-bottom: 236px !important;
  }
  .pl-lg-236 {
    padding-left: 236px !important;
  }
  .pt-lg-240 {
    padding-top: 240px !important;
  }
  .pr-lg-240 {
    padding-right: 240px !important;
  }
  .pb-lg-240 {
    padding-bottom: 240px !important;
  }
  .pl-lg-240 {
    padding-left: 240px !important;
  }
  .pt-lg-244 {
    padding-top: 244px !important;
  }
  .pr-lg-244 {
    padding-right: 244px !important;
  }
  .pb-lg-244 {
    padding-bottom: 244px !important;
  }
  .pl-lg-244 {
    padding-left: 244px !important;
  }
  .pt-lg-248 {
    padding-top: 248px !important;
  }
  .pr-lg-248 {
    padding-right: 248px !important;
  }
  .pb-lg-248 {
    padding-bottom: 248px !important;
  }
  .pl-lg-248 {
    padding-left: 248px !important;
  }
  .pt-lg-252 {
    padding-top: 252px !important;
  }
  .pr-lg-252 {
    padding-right: 252px !important;
  }
  .pb-lg-252 {
    padding-bottom: 252px !important;
  }
  .pl-lg-252 {
    padding-left: 252px !important;
  }
  .pt-lg-256 {
    padding-top: 256px !important;
  }
  .pr-lg-256 {
    padding-right: 256px !important;
  }
  .pb-lg-256 {
    padding-bottom: 256px !important;
  }
  .pl-lg-256 {
    padding-left: 256px !important;
  }
}
@media (min-width: 1920px) {
  .m-xl-0 {
    margin: 0px !important;
  }
  .m-xl-4 {
    margin: 4px !important;
  }
  .m-xl-8 {
    margin: 8px !important;
  }
  .m-xl-12 {
    margin: 12px !important;
  }
  .m-xl-16 {
    margin: 16px !important;
  }
  .m-xl-20 {
    margin: 20px !important;
  }
  .m-xl-24 {
    margin: 24px !important;
  }
  .m-xl-28 {
    margin: 28px !important;
  }
  .m-xl-32 {
    margin: 32px !important;
  }
  .m-xl-36 {
    margin: 36px !important;
  }
  .m-xl-40 {
    margin: 40px !important;
  }
  .m-xl-44 {
    margin: 44px !important;
  }
  .m-xl-48 {
    margin: 48px !important;
  }
  .m-xl-52 {
    margin: 52px !important;
  }
  .m-xl-56 {
    margin: 56px !important;
  }
  .m-xl-60 {
    margin: 60px !important;
  }
  .m-xl-64 {
    margin: 64px !important;
  }
  .m-xl-68 {
    margin: 68px !important;
  }
  .m-xl-72 {
    margin: 72px !important;
  }
  .m-xl-76 {
    margin: 76px !important;
  }
  .m-xl-80 {
    margin: 80px !important;
  }
  .m-xl-84 {
    margin: 84px !important;
  }
  .m-xl-88 {
    margin: 88px !important;
  }
  .m-xl-92 {
    margin: 92px !important;
  }
  .m-xl-96 {
    margin: 96px !important;
  }
  .m-xl-100 {
    margin: 100px !important;
  }
  .m-xl-104 {
    margin: 104px !important;
  }
  .m-xl-108 {
    margin: 108px !important;
  }
  .m-xl-112 {
    margin: 112px !important;
  }
  .m-xl-116 {
    margin: 116px !important;
  }
  .m-xl-120 {
    margin: 120px !important;
  }
  .m-xl-124 {
    margin: 124px !important;
  }
  .m-xl-128 {
    margin: 128px !important;
  }
  .m-xl-132 {
    margin: 132px !important;
  }
  .m-xl-136 {
    margin: 136px !important;
  }
  .m-xl-140 {
    margin: 140px !important;
  }
  .m-xl-144 {
    margin: 144px !important;
  }
  .m-xl-148 {
    margin: 148px !important;
  }
  .m-xl-152 {
    margin: 152px !important;
  }
  .m-xl-156 {
    margin: 156px !important;
  }
  .m-xl-160 {
    margin: 160px !important;
  }
  .m-xl-164 {
    margin: 164px !important;
  }
  .m-xl-168 {
    margin: 168px !important;
  }
  .m-xl-172 {
    margin: 172px !important;
  }
  .m-xl-176 {
    margin: 176px !important;
  }
  .m-xl-180 {
    margin: 180px !important;
  }
  .m-xl-184 {
    margin: 184px !important;
  }
  .m-xl-188 {
    margin: 188px !important;
  }
  .m-xl-192 {
    margin: 192px !important;
  }
  .m-xl-196 {
    margin: 196px !important;
  }
  .m-xl-200 {
    margin: 200px !important;
  }
  .m-xl-204 {
    margin: 204px !important;
  }
  .m-xl-208 {
    margin: 208px !important;
  }
  .m-xl-212 {
    margin: 212px !important;
  }
  .m-xl-216 {
    margin: 216px !important;
  }
  .m-xl-220 {
    margin: 220px !important;
  }
  .m-xl-224 {
    margin: 224px !important;
  }
  .m-xl-228 {
    margin: 228px !important;
  }
  .m-xl-232 {
    margin: 232px !important;
  }
  .m-xl-236 {
    margin: 236px !important;
  }
  .m-xl-240 {
    margin: 240px !important;
  }
  .m-xl-244 {
    margin: 244px !important;
  }
  .m-xl-248 {
    margin: 248px !important;
  }
  .m-xl-252 {
    margin: 252px !important;
  }
  .m-xl-256 {
    margin: 256px !important;
  }
  .mx-xl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-xl-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-xl-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-xl-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-xl-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-xl-12 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-xl-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-xl-16 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-xl-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-xl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-xl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mx-xl-24 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-xl-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-xl-28 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-xl-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mx-xl-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-xl-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-xl-36 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-xl-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mx-xl-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mx-xl-44 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-xl-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mx-xl-48 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-xl-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-xl-52 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-xl-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mx-xl-56 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-xl-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mx-xl-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mx-xl-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-xl-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-xl-68 {
    margin-right: 68px !important;
    margin-left: 68px !important;
  }
  .my-xl-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .mx-xl-72 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-xl-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mx-xl-76 {
    margin-right: 76px !important;
    margin-left: 76px !important;
  }
  .my-xl-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .mx-xl-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mx-xl-84 {
    margin-right: 84px !important;
    margin-left: 84px !important;
  }
  .my-xl-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .mx-xl-88 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-xl-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .mx-xl-92 {
    margin-right: 92px !important;
    margin-left: 92px !important;
  }
  .my-xl-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .mx-xl-96 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-xl-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mx-xl-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mx-xl-104 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-xl-104 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .mx-xl-108 {
    margin-right: 108px !important;
    margin-left: 108px !important;
  }
  .my-xl-108 {
    margin-top: 108px !important;
    margin-bottom: 108px !important;
  }
  .mx-xl-112 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-xl-112 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .mx-xl-116 {
    margin-right: 116px !important;
    margin-left: 116px !important;
  }
  .my-xl-116 {
    margin-top: 116px !important;
    margin-bottom: 116px !important;
  }
  .mx-xl-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-xl-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mx-xl-124 {
    margin-right: 124px !important;
    margin-left: 124px !important;
  }
  .my-xl-124 {
    margin-top: 124px !important;
    margin-bottom: 124px !important;
  }
  .mx-xl-128 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }
  .my-xl-128 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mx-xl-132 {
    margin-right: 132px !important;
    margin-left: 132px !important;
  }
  .my-xl-132 {
    margin-top: 132px !important;
    margin-bottom: 132px !important;
  }
  .mx-xl-136 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }
  .my-xl-136 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
  .mx-xl-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .my-xl-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mx-xl-144 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }
  .my-xl-144 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
  .mx-xl-148 {
    margin-right: 148px !important;
    margin-left: 148px !important;
  }
  .my-xl-148 {
    margin-top: 148px !important;
    margin-bottom: 148px !important;
  }
  .mx-xl-152 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }
  .my-xl-152 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
  .mx-xl-156 {
    margin-right: 156px !important;
    margin-left: 156px !important;
  }
  .my-xl-156 {
    margin-top: 156px !important;
    margin-bottom: 156px !important;
  }
  .mx-xl-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .my-xl-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .mx-xl-164 {
    margin-right: 164px !important;
    margin-left: 164px !important;
  }
  .my-xl-164 {
    margin-top: 164px !important;
    margin-bottom: 164px !important;
  }
  .mx-xl-168 {
    margin-right: 168px !important;
    margin-left: 168px !important;
  }
  .my-xl-168 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }
  .mx-xl-172 {
    margin-right: 172px !important;
    margin-left: 172px !important;
  }
  .my-xl-172 {
    margin-top: 172px !important;
    margin-bottom: 172px !important;
  }
  .mx-xl-176 {
    margin-right: 176px !important;
    margin-left: 176px !important;
  }
  .my-xl-176 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }
  .mx-xl-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .my-xl-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .mx-xl-184 {
    margin-right: 184px !important;
    margin-left: 184px !important;
  }
  .my-xl-184 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }
  .mx-xl-188 {
    margin-right: 188px !important;
    margin-left: 188px !important;
  }
  .my-xl-188 {
    margin-top: 188px !important;
    margin-bottom: 188px !important;
  }
  .mx-xl-192 {
    margin-right: 192px !important;
    margin-left: 192px !important;
  }
  .my-xl-192 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }
  .mx-xl-196 {
    margin-right: 196px !important;
    margin-left: 196px !important;
  }
  .my-xl-196 {
    margin-top: 196px !important;
    margin-bottom: 196px !important;
  }
  .mx-xl-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .my-xl-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .mx-xl-204 {
    margin-right: 204px !important;
    margin-left: 204px !important;
  }
  .my-xl-204 {
    margin-top: 204px !important;
    margin-bottom: 204px !important;
  }
  .mx-xl-208 {
    margin-right: 208px !important;
    margin-left: 208px !important;
  }
  .my-xl-208 {
    margin-top: 208px !important;
    margin-bottom: 208px !important;
  }
  .mx-xl-212 {
    margin-right: 212px !important;
    margin-left: 212px !important;
  }
  .my-xl-212 {
    margin-top: 212px !important;
    margin-bottom: 212px !important;
  }
  .mx-xl-216 {
    margin-right: 216px !important;
    margin-left: 216px !important;
  }
  .my-xl-216 {
    margin-top: 216px !important;
    margin-bottom: 216px !important;
  }
  .mx-xl-220 {
    margin-right: 220px !important;
    margin-left: 220px !important;
  }
  .my-xl-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }
  .mx-xl-224 {
    margin-right: 224px !important;
    margin-left: 224px !important;
  }
  .my-xl-224 {
    margin-top: 224px !important;
    margin-bottom: 224px !important;
  }
  .mx-xl-228 {
    margin-right: 228px !important;
    margin-left: 228px !important;
  }
  .my-xl-228 {
    margin-top: 228px !important;
    margin-bottom: 228px !important;
  }
  .mx-xl-232 {
    margin-right: 232px !important;
    margin-left: 232px !important;
  }
  .my-xl-232 {
    margin-top: 232px !important;
    margin-bottom: 232px !important;
  }
  .mx-xl-236 {
    margin-right: 236px !important;
    margin-left: 236px !important;
  }
  .my-xl-236 {
    margin-top: 236px !important;
    margin-bottom: 236px !important;
  }
  .mx-xl-240 {
    margin-right: 240px !important;
    margin-left: 240px !important;
  }
  .my-xl-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
  .mx-xl-244 {
    margin-right: 244px !important;
    margin-left: 244px !important;
  }
  .my-xl-244 {
    margin-top: 244px !important;
    margin-bottom: 244px !important;
  }
  .mx-xl-248 {
    margin-right: 248px !important;
    margin-left: 248px !important;
  }
  .my-xl-248 {
    margin-top: 248px !important;
    margin-bottom: 248px !important;
  }
  .mx-xl-252 {
    margin-right: 252px !important;
    margin-left: 252px !important;
  }
  .my-xl-252 {
    margin-top: 252px !important;
    margin-bottom: 252px !important;
  }
  .mx-xl-256 {
    margin-right: 256px !important;
    margin-left: 256px !important;
  }
  .my-xl-256 {
    margin-top: 256px !important;
    margin-bottom: 256px !important;
  }
  .mt-xl-0 {
    margin-top: 0px !important;
  }
  .mr-xl-0 {
    margin-right: 0px !important;
  }
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .ml-xl-0 {
    margin-left: 0px !important;
  }
  .mt-xl-4 {
    margin-top: 4px !important;
  }
  .mr-xl-4 {
    margin-right: 4px !important;
  }
  .mb-xl-4 {
    margin-bottom: 4px !important;
  }
  .ml-xl-4 {
    margin-left: 4px !important;
  }
  .mt-xl-8 {
    margin-top: 8px !important;
  }
  .mr-xl-8 {
    margin-right: 8px !important;
  }
  .mb-xl-8 {
    margin-bottom: 8px !important;
  }
  .ml-xl-8 {
    margin-left: 8px !important;
  }
  .mt-xl-12 {
    margin-top: 12px !important;
  }
  .mr-xl-12 {
    margin-right: 12px !important;
  }
  .mb-xl-12 {
    margin-bottom: 12px !important;
  }
  .ml-xl-12 {
    margin-left: 12px !important;
  }
  .mt-xl-16 {
    margin-top: 16px !important;
  }
  .mr-xl-16 {
    margin-right: 16px !important;
  }
  .mb-xl-16 {
    margin-bottom: 16px !important;
  }
  .ml-xl-16 {
    margin-left: 16px !important;
  }
  .mt-xl-20 {
    margin-top: 20px !important;
  }
  .mr-xl-20 {
    margin-right: 20px !important;
  }
  .mb-xl-20 {
    margin-bottom: 20px !important;
  }
  .ml-xl-20 {
    margin-left: 20px !important;
  }
  .mt-xl-24 {
    margin-top: 24px !important;
  }
  .mr-xl-24 {
    margin-right: 24px !important;
  }
  .mb-xl-24 {
    margin-bottom: 24px !important;
  }
  .ml-xl-24 {
    margin-left: 24px !important;
  }
  .mt-xl-28 {
    margin-top: 28px !important;
  }
  .mr-xl-28 {
    margin-right: 28px !important;
  }
  .mb-xl-28 {
    margin-bottom: 28px !important;
  }
  .ml-xl-28 {
    margin-left: 28px !important;
  }
  .mt-xl-32 {
    margin-top: 32px !important;
  }
  .mr-xl-32 {
    margin-right: 32px !important;
  }
  .mb-xl-32 {
    margin-bottom: 32px !important;
  }
  .ml-xl-32 {
    margin-left: 32px !important;
  }
  .mt-xl-36 {
    margin-top: 36px !important;
  }
  .mr-xl-36 {
    margin-right: 36px !important;
  }
  .mb-xl-36 {
    margin-bottom: 36px !important;
  }
  .ml-xl-36 {
    margin-left: 36px !important;
  }
  .mt-xl-40 {
    margin-top: 40px !important;
  }
  .mr-xl-40 {
    margin-right: 40px !important;
  }
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .ml-xl-40 {
    margin-left: 40px !important;
  }
  .mt-xl-44 {
    margin-top: 44px !important;
  }
  .mr-xl-44 {
    margin-right: 44px !important;
  }
  .mb-xl-44 {
    margin-bottom: 44px !important;
  }
  .ml-xl-44 {
    margin-left: 44px !important;
  }
  .mt-xl-48 {
    margin-top: 48px !important;
  }
  .mr-xl-48 {
    margin-right: 48px !important;
  }
  .mb-xl-48 {
    margin-bottom: 48px !important;
  }
  .ml-xl-48 {
    margin-left: 48px !important;
  }
  .mt-xl-52 {
    margin-top: 52px !important;
  }
  .mr-xl-52 {
    margin-right: 52px !important;
  }
  .mb-xl-52 {
    margin-bottom: 52px !important;
  }
  .ml-xl-52 {
    margin-left: 52px !important;
  }
  .mt-xl-56 {
    margin-top: 56px !important;
  }
  .mr-xl-56 {
    margin-right: 56px !important;
  }
  .mb-xl-56 {
    margin-bottom: 56px !important;
  }
  .ml-xl-56 {
    margin-left: 56px !important;
  }
  .mt-xl-60 {
    margin-top: 60px !important;
  }
  .mr-xl-60 {
    margin-right: 60px !important;
  }
  .mb-xl-60 {
    margin-bottom: 60px !important;
  }
  .ml-xl-60 {
    margin-left: 60px !important;
  }
  .mt-xl-64 {
    margin-top: 64px !important;
  }
  .mr-xl-64 {
    margin-right: 64px !important;
  }
  .mb-xl-64 {
    margin-bottom: 64px !important;
  }
  .ml-xl-64 {
    margin-left: 64px !important;
  }
  .mt-xl-68 {
    margin-top: 68px !important;
  }
  .mr-xl-68 {
    margin-right: 68px !important;
  }
  .mb-xl-68 {
    margin-bottom: 68px !important;
  }
  .ml-xl-68 {
    margin-left: 68px !important;
  }
  .mt-xl-72 {
    margin-top: 72px !important;
  }
  .mr-xl-72 {
    margin-right: 72px !important;
  }
  .mb-xl-72 {
    margin-bottom: 72px !important;
  }
  .ml-xl-72 {
    margin-left: 72px !important;
  }
  .mt-xl-76 {
    margin-top: 76px !important;
  }
  .mr-xl-76 {
    margin-right: 76px !important;
  }
  .mb-xl-76 {
    margin-bottom: 76px !important;
  }
  .ml-xl-76 {
    margin-left: 76px !important;
  }
  .mt-xl-80 {
    margin-top: 80px !important;
  }
  .mr-xl-80 {
    margin-right: 80px !important;
  }
  .mb-xl-80 {
    margin-bottom: 80px !important;
  }
  .ml-xl-80 {
    margin-left: 80px !important;
  }
  .mt-xl-84 {
    margin-top: 84px !important;
  }
  .mr-xl-84 {
    margin-right: 84px !important;
  }
  .mb-xl-84 {
    margin-bottom: 84px !important;
  }
  .ml-xl-84 {
    margin-left: 84px !important;
  }
  .mt-xl-88 {
    margin-top: 88px !important;
  }
  .mr-xl-88 {
    margin-right: 88px !important;
  }
  .mb-xl-88 {
    margin-bottom: 88px !important;
  }
  .ml-xl-88 {
    margin-left: 88px !important;
  }
  .mt-xl-92 {
    margin-top: 92px !important;
  }
  .mr-xl-92 {
    margin-right: 92px !important;
  }
  .mb-xl-92 {
    margin-bottom: 92px !important;
  }
  .ml-xl-92 {
    margin-left: 92px !important;
  }
  .mt-xl-96 {
    margin-top: 96px !important;
  }
  .mr-xl-96 {
    margin-right: 96px !important;
  }
  .mb-xl-96 {
    margin-bottom: 96px !important;
  }
  .ml-xl-96 {
    margin-left: 96px !important;
  }
  .mt-xl-100 {
    margin-top: 100px !important;
  }
  .mr-xl-100 {
    margin-right: 100px !important;
  }
  .mb-xl-100 {
    margin-bottom: 100px !important;
  }
  .ml-xl-100 {
    margin-left: 100px !important;
  }
  .mt-xl-104 {
    margin-top: 104px !important;
  }
  .mr-xl-104 {
    margin-right: 104px !important;
  }
  .mb-xl-104 {
    margin-bottom: 104px !important;
  }
  .ml-xl-104 {
    margin-left: 104px !important;
  }
  .mt-xl-108 {
    margin-top: 108px !important;
  }
  .mr-xl-108 {
    margin-right: 108px !important;
  }
  .mb-xl-108 {
    margin-bottom: 108px !important;
  }
  .ml-xl-108 {
    margin-left: 108px !important;
  }
  .mt-xl-112 {
    margin-top: 112px !important;
  }
  .mr-xl-112 {
    margin-right: 112px !important;
  }
  .mb-xl-112 {
    margin-bottom: 112px !important;
  }
  .ml-xl-112 {
    margin-left: 112px !important;
  }
  .mt-xl-116 {
    margin-top: 116px !important;
  }
  .mr-xl-116 {
    margin-right: 116px !important;
  }
  .mb-xl-116 {
    margin-bottom: 116px !important;
  }
  .ml-xl-116 {
    margin-left: 116px !important;
  }
  .mt-xl-120 {
    margin-top: 120px !important;
  }
  .mr-xl-120 {
    margin-right: 120px !important;
  }
  .mb-xl-120 {
    margin-bottom: 120px !important;
  }
  .ml-xl-120 {
    margin-left: 120px !important;
  }
  .mt-xl-124 {
    margin-top: 124px !important;
  }
  .mr-xl-124 {
    margin-right: 124px !important;
  }
  .mb-xl-124 {
    margin-bottom: 124px !important;
  }
  .ml-xl-124 {
    margin-left: 124px !important;
  }
  .mt-xl-128 {
    margin-top: 128px !important;
  }
  .mr-xl-128 {
    margin-right: 128px !important;
  }
  .mb-xl-128 {
    margin-bottom: 128px !important;
  }
  .ml-xl-128 {
    margin-left: 128px !important;
  }
  .mt-xl-132 {
    margin-top: 132px !important;
  }
  .mr-xl-132 {
    margin-right: 132px !important;
  }
  .mb-xl-132 {
    margin-bottom: 132px !important;
  }
  .ml-xl-132 {
    margin-left: 132px !important;
  }
  .mt-xl-136 {
    margin-top: 136px !important;
  }
  .mr-xl-136 {
    margin-right: 136px !important;
  }
  .mb-xl-136 {
    margin-bottom: 136px !important;
  }
  .ml-xl-136 {
    margin-left: 136px !important;
  }
  .mt-xl-140 {
    margin-top: 140px !important;
  }
  .mr-xl-140 {
    margin-right: 140px !important;
  }
  .mb-xl-140 {
    margin-bottom: 140px !important;
  }
  .ml-xl-140 {
    margin-left: 140px !important;
  }
  .mt-xl-144 {
    margin-top: 144px !important;
  }
  .mr-xl-144 {
    margin-right: 144px !important;
  }
  .mb-xl-144 {
    margin-bottom: 144px !important;
  }
  .ml-xl-144 {
    margin-left: 144px !important;
  }
  .mt-xl-148 {
    margin-top: 148px !important;
  }
  .mr-xl-148 {
    margin-right: 148px !important;
  }
  .mb-xl-148 {
    margin-bottom: 148px !important;
  }
  .ml-xl-148 {
    margin-left: 148px !important;
  }
  .mt-xl-152 {
    margin-top: 152px !important;
  }
  .mr-xl-152 {
    margin-right: 152px !important;
  }
  .mb-xl-152 {
    margin-bottom: 152px !important;
  }
  .ml-xl-152 {
    margin-left: 152px !important;
  }
  .mt-xl-156 {
    margin-top: 156px !important;
  }
  .mr-xl-156 {
    margin-right: 156px !important;
  }
  .mb-xl-156 {
    margin-bottom: 156px !important;
  }
  .ml-xl-156 {
    margin-left: 156px !important;
  }
  .mt-xl-160 {
    margin-top: 160px !important;
  }
  .mr-xl-160 {
    margin-right: 160px !important;
  }
  .mb-xl-160 {
    margin-bottom: 160px !important;
  }
  .ml-xl-160 {
    margin-left: 160px !important;
  }
  .mt-xl-164 {
    margin-top: 164px !important;
  }
  .mr-xl-164 {
    margin-right: 164px !important;
  }
  .mb-xl-164 {
    margin-bottom: 164px !important;
  }
  .ml-xl-164 {
    margin-left: 164px !important;
  }
  .mt-xl-168 {
    margin-top: 168px !important;
  }
  .mr-xl-168 {
    margin-right: 168px !important;
  }
  .mb-xl-168 {
    margin-bottom: 168px !important;
  }
  .ml-xl-168 {
    margin-left: 168px !important;
  }
  .mt-xl-172 {
    margin-top: 172px !important;
  }
  .mr-xl-172 {
    margin-right: 172px !important;
  }
  .mb-xl-172 {
    margin-bottom: 172px !important;
  }
  .ml-xl-172 {
    margin-left: 172px !important;
  }
  .mt-xl-176 {
    margin-top: 176px !important;
  }
  .mr-xl-176 {
    margin-right: 176px !important;
  }
  .mb-xl-176 {
    margin-bottom: 176px !important;
  }
  .ml-xl-176 {
    margin-left: 176px !important;
  }
  .mt-xl-180 {
    margin-top: 180px !important;
  }
  .mr-xl-180 {
    margin-right: 180px !important;
  }
  .mb-xl-180 {
    margin-bottom: 180px !important;
  }
  .ml-xl-180 {
    margin-left: 180px !important;
  }
  .mt-xl-184 {
    margin-top: 184px !important;
  }
  .mr-xl-184 {
    margin-right: 184px !important;
  }
  .mb-xl-184 {
    margin-bottom: 184px !important;
  }
  .ml-xl-184 {
    margin-left: 184px !important;
  }
  .mt-xl-188 {
    margin-top: 188px !important;
  }
  .mr-xl-188 {
    margin-right: 188px !important;
  }
  .mb-xl-188 {
    margin-bottom: 188px !important;
  }
  .ml-xl-188 {
    margin-left: 188px !important;
  }
  .mt-xl-192 {
    margin-top: 192px !important;
  }
  .mr-xl-192 {
    margin-right: 192px !important;
  }
  .mb-xl-192 {
    margin-bottom: 192px !important;
  }
  .ml-xl-192 {
    margin-left: 192px !important;
  }
  .mt-xl-196 {
    margin-top: 196px !important;
  }
  .mr-xl-196 {
    margin-right: 196px !important;
  }
  .mb-xl-196 {
    margin-bottom: 196px !important;
  }
  .ml-xl-196 {
    margin-left: 196px !important;
  }
  .mt-xl-200 {
    margin-top: 200px !important;
  }
  .mr-xl-200 {
    margin-right: 200px !important;
  }
  .mb-xl-200 {
    margin-bottom: 200px !important;
  }
  .ml-xl-200 {
    margin-left: 200px !important;
  }
  .mt-xl-204 {
    margin-top: 204px !important;
  }
  .mr-xl-204 {
    margin-right: 204px !important;
  }
  .mb-xl-204 {
    margin-bottom: 204px !important;
  }
  .ml-xl-204 {
    margin-left: 204px !important;
  }
  .mt-xl-208 {
    margin-top: 208px !important;
  }
  .mr-xl-208 {
    margin-right: 208px !important;
  }
  .mb-xl-208 {
    margin-bottom: 208px !important;
  }
  .ml-xl-208 {
    margin-left: 208px !important;
  }
  .mt-xl-212 {
    margin-top: 212px !important;
  }
  .mr-xl-212 {
    margin-right: 212px !important;
  }
  .mb-xl-212 {
    margin-bottom: 212px !important;
  }
  .ml-xl-212 {
    margin-left: 212px !important;
  }
  .mt-xl-216 {
    margin-top: 216px !important;
  }
  .mr-xl-216 {
    margin-right: 216px !important;
  }
  .mb-xl-216 {
    margin-bottom: 216px !important;
  }
  .ml-xl-216 {
    margin-left: 216px !important;
  }
  .mt-xl-220 {
    margin-top: 220px !important;
  }
  .mr-xl-220 {
    margin-right: 220px !important;
  }
  .mb-xl-220 {
    margin-bottom: 220px !important;
  }
  .ml-xl-220 {
    margin-left: 220px !important;
  }
  .mt-xl-224 {
    margin-top: 224px !important;
  }
  .mr-xl-224 {
    margin-right: 224px !important;
  }
  .mb-xl-224 {
    margin-bottom: 224px !important;
  }
  .ml-xl-224 {
    margin-left: 224px !important;
  }
  .mt-xl-228 {
    margin-top: 228px !important;
  }
  .mr-xl-228 {
    margin-right: 228px !important;
  }
  .mb-xl-228 {
    margin-bottom: 228px !important;
  }
  .ml-xl-228 {
    margin-left: 228px !important;
  }
  .mt-xl-232 {
    margin-top: 232px !important;
  }
  .mr-xl-232 {
    margin-right: 232px !important;
  }
  .mb-xl-232 {
    margin-bottom: 232px !important;
  }
  .ml-xl-232 {
    margin-left: 232px !important;
  }
  .mt-xl-236 {
    margin-top: 236px !important;
  }
  .mr-xl-236 {
    margin-right: 236px !important;
  }
  .mb-xl-236 {
    margin-bottom: 236px !important;
  }
  .ml-xl-236 {
    margin-left: 236px !important;
  }
  .mt-xl-240 {
    margin-top: 240px !important;
  }
  .mr-xl-240 {
    margin-right: 240px !important;
  }
  .mb-xl-240 {
    margin-bottom: 240px !important;
  }
  .ml-xl-240 {
    margin-left: 240px !important;
  }
  .mt-xl-244 {
    margin-top: 244px !important;
  }
  .mr-xl-244 {
    margin-right: 244px !important;
  }
  .mb-xl-244 {
    margin-bottom: 244px !important;
  }
  .ml-xl-244 {
    margin-left: 244px !important;
  }
  .mt-xl-248 {
    margin-top: 248px !important;
  }
  .mr-xl-248 {
    margin-right: 248px !important;
  }
  .mb-xl-248 {
    margin-bottom: 248px !important;
  }
  .ml-xl-248 {
    margin-left: 248px !important;
  }
  .mt-xl-252 {
    margin-top: 252px !important;
  }
  .mr-xl-252 {
    margin-right: 252px !important;
  }
  .mb-xl-252 {
    margin-bottom: 252px !important;
  }
  .ml-xl-252 {
    margin-left: 252px !important;
  }
  .mt-xl-256 {
    margin-top: 256px !important;
  }
  .mr-xl-256 {
    margin-right: 256px !important;
  }
  .mb-xl-256 {
    margin-bottom: 256px !important;
  }
  .ml-xl-256 {
    margin-left: 256px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-xl-0 {
    padding: 0px !important;
  }
  .p-xl-4 {
    padding: 4px !important;
  }
  .p-xl-8 {
    padding: 8px !important;
  }
  .p-xl-12 {
    padding: 12px !important;
  }
  .p-xl-16 {
    padding: 16px !important;
  }
  .p-xl-20 {
    padding: 20px !important;
  }
  .p-xl-24 {
    padding: 24px !important;
  }
  .p-xl-28 {
    padding: 28px !important;
  }
  .p-xl-32 {
    padding: 32px !important;
  }
  .p-xl-36 {
    padding: 36px !important;
  }
  .p-xl-40 {
    padding: 40px !important;
  }
  .p-xl-44 {
    padding: 44px !important;
  }
  .p-xl-48 {
    padding: 48px !important;
  }
  .p-xl-52 {
    padding: 52px !important;
  }
  .p-xl-56 {
    padding: 56px !important;
  }
  .p-xl-60 {
    padding: 60px !important;
  }
  .p-xl-64 {
    padding: 64px !important;
  }
  .p-xl-68 {
    padding: 68px !important;
  }
  .p-xl-72 {
    padding: 72px !important;
  }
  .p-xl-76 {
    padding: 76px !important;
  }
  .p-xl-80 {
    padding: 80px !important;
  }
  .p-xl-84 {
    padding: 84px !important;
  }
  .p-xl-88 {
    padding: 88px !important;
  }
  .p-xl-92 {
    padding: 92px !important;
  }
  .p-xl-96 {
    padding: 96px !important;
  }
  .p-xl-100 {
    padding: 100px !important;
  }
  .p-xl-104 {
    padding: 104px !important;
  }
  .p-xl-108 {
    padding: 108px !important;
  }
  .p-xl-112 {
    padding: 112px !important;
  }
  .p-xl-116 {
    padding: 116px !important;
  }
  .p-xl-120 {
    padding: 120px !important;
  }
  .p-xl-124 {
    padding: 124px !important;
  }
  .p-xl-128 {
    padding: 128px !important;
  }
  .p-xl-132 {
    padding: 132px !important;
  }
  .p-xl-136 {
    padding: 136px !important;
  }
  .p-xl-140 {
    padding: 140px !important;
  }
  .p-xl-144 {
    padding: 144px !important;
  }
  .p-xl-148 {
    padding: 148px !important;
  }
  .p-xl-152 {
    padding: 152px !important;
  }
  .p-xl-156 {
    padding: 156px !important;
  }
  .p-xl-160 {
    padding: 160px !important;
  }
  .p-xl-164 {
    padding: 164px !important;
  }
  .p-xl-168 {
    padding: 168px !important;
  }
  .p-xl-172 {
    padding: 172px !important;
  }
  .p-xl-176 {
    padding: 176px !important;
  }
  .p-xl-180 {
    padding: 180px !important;
  }
  .p-xl-184 {
    padding: 184px !important;
  }
  .p-xl-188 {
    padding: 188px !important;
  }
  .p-xl-192 {
    padding: 192px !important;
  }
  .p-xl-196 {
    padding: 196px !important;
  }
  .p-xl-200 {
    padding: 200px !important;
  }
  .p-xl-204 {
    padding: 204px !important;
  }
  .p-xl-208 {
    padding: 208px !important;
  }
  .p-xl-212 {
    padding: 212px !important;
  }
  .p-xl-216 {
    padding: 216px !important;
  }
  .p-xl-220 {
    padding: 220px !important;
  }
  .p-xl-224 {
    padding: 224px !important;
  }
  .p-xl-228 {
    padding: 228px !important;
  }
  .p-xl-232 {
    padding: 232px !important;
  }
  .p-xl-236 {
    padding: 236px !important;
  }
  .p-xl-240 {
    padding: 240px !important;
  }
  .p-xl-244 {
    padding: 244px !important;
  }
  .p-xl-248 {
    padding: 248px !important;
  }
  .p-xl-252 {
    padding: 252px !important;
  }
  .p-xl-256 {
    padding: 256px !important;
  }
  .px-xl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-xl-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-xl-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-xl-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-xl-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-xl-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-xl-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-xl-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-xl-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-xl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .px-xl-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-xl-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-xl-28 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xl-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .px-xl-32 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-xl-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-xl-36 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xl-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .px-xl-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .px-xl-44 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xl-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .px-xl-48 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-xl-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-xl-52 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xl-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .px-xl-56 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xl-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .px-xl-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .px-xl-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xl-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-xl-68 {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-xl-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .px-xl-72 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-xl-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .px-xl-76 {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-xl-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .px-xl-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .px-xl-84 {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-xl-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .px-xl-88 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-xl-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .px-xl-92 {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-xl-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .px-xl-96 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-xl-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .px-xl-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .px-xl-104 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-xl-104 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .px-xl-108 {
    padding-right: 108px !important;
    padding-left: 108px !important;
  }
  .py-xl-108 {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
  .px-xl-112 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-xl-112 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .px-xl-116 {
    padding-right: 116px !important;
    padding-left: 116px !important;
  }
  .py-xl-116 {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
  .px-xl-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-xl-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .px-xl-124 {
    padding-right: 124px !important;
    padding-left: 124px !important;
  }
  .py-xl-124 {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
  .px-xl-128 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }
  .py-xl-128 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .px-xl-132 {
    padding-right: 132px !important;
    padding-left: 132px !important;
  }
  .py-xl-132 {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
  .px-xl-136 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }
  .py-xl-136 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .px-xl-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .py-xl-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .px-xl-144 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }
  .py-xl-144 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .px-xl-148 {
    padding-right: 148px !important;
    padding-left: 148px !important;
  }
  .py-xl-148 {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
  .px-xl-152 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }
  .py-xl-152 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .px-xl-156 {
    padding-right: 156px !important;
    padding-left: 156px !important;
  }
  .py-xl-156 {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
  .px-xl-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .py-xl-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .px-xl-164 {
    padding-right: 164px !important;
    padding-left: 164px !important;
  }
  .py-xl-164 {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
  .px-xl-168 {
    padding-right: 168px !important;
    padding-left: 168px !important;
  }
  .py-xl-168 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
  .px-xl-172 {
    padding-right: 172px !important;
    padding-left: 172px !important;
  }
  .py-xl-172 {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
  .px-xl-176 {
    padding-right: 176px !important;
    padding-left: 176px !important;
  }
  .py-xl-176 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
  .px-xl-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .py-xl-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .px-xl-184 {
    padding-right: 184px !important;
    padding-left: 184px !important;
  }
  .py-xl-184 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
  .px-xl-188 {
    padding-right: 188px !important;
    padding-left: 188px !important;
  }
  .py-xl-188 {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
  .px-xl-192 {
    padding-right: 192px !important;
    padding-left: 192px !important;
  }
  .py-xl-192 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
  .px-xl-196 {
    padding-right: 196px !important;
    padding-left: 196px !important;
  }
  .py-xl-196 {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
  .px-xl-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .py-xl-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .px-xl-204 {
    padding-right: 204px !important;
    padding-left: 204px !important;
  }
  .py-xl-204 {
    padding-top: 204px !important;
    padding-bottom: 204px !important;
  }
  .px-xl-208 {
    padding-right: 208px !important;
    padding-left: 208px !important;
  }
  .py-xl-208 {
    padding-top: 208px !important;
    padding-bottom: 208px !important;
  }
  .px-xl-212 {
    padding-right: 212px !important;
    padding-left: 212px !important;
  }
  .py-xl-212 {
    padding-top: 212px !important;
    padding-bottom: 212px !important;
  }
  .px-xl-216 {
    padding-right: 216px !important;
    padding-left: 216px !important;
  }
  .py-xl-216 {
    padding-top: 216px !important;
    padding-bottom: 216px !important;
  }
  .px-xl-220 {
    padding-right: 220px !important;
    padding-left: 220px !important;
  }
  .py-xl-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .px-xl-224 {
    padding-right: 224px !important;
    padding-left: 224px !important;
  }
  .py-xl-224 {
    padding-top: 224px !important;
    padding-bottom: 224px !important;
  }
  .px-xl-228 {
    padding-right: 228px !important;
    padding-left: 228px !important;
  }
  .py-xl-228 {
    padding-top: 228px !important;
    padding-bottom: 228px !important;
  }
  .px-xl-232 {
    padding-right: 232px !important;
    padding-left: 232px !important;
  }
  .py-xl-232 {
    padding-top: 232px !important;
    padding-bottom: 232px !important;
  }
  .px-xl-236 {
    padding-right: 236px !important;
    padding-left: 236px !important;
  }
  .py-xl-236 {
    padding-top: 236px !important;
    padding-bottom: 236px !important;
  }
  .px-xl-240 {
    padding-right: 240px !important;
    padding-left: 240px !important;
  }
  .py-xl-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
  .px-xl-244 {
    padding-right: 244px !important;
    padding-left: 244px !important;
  }
  .py-xl-244 {
    padding-top: 244px !important;
    padding-bottom: 244px !important;
  }
  .px-xl-248 {
    padding-right: 248px !important;
    padding-left: 248px !important;
  }
  .py-xl-248 {
    padding-top: 248px !important;
    padding-bottom: 248px !important;
  }
  .px-xl-252 {
    padding-right: 252px !important;
    padding-left: 252px !important;
  }
  .py-xl-252 {
    padding-top: 252px !important;
    padding-bottom: 252px !important;
  }
  .px-xl-256 {
    padding-right: 256px !important;
    padding-left: 256px !important;
  }
  .py-xl-256 {
    padding-top: 256px !important;
    padding-bottom: 256px !important;
  }
  .pt-xl-0 {
    padding-top: 0px !important;
  }
  .pr-xl-0 {
    padding-right: 0px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .pl-xl-0 {
    padding-left: 0px !important;
  }
  .pt-xl-4 {
    padding-top: 4px !important;
  }
  .pr-xl-4 {
    padding-right: 4px !important;
  }
  .pb-xl-4 {
    padding-bottom: 4px !important;
  }
  .pl-xl-4 {
    padding-left: 4px !important;
  }
  .pt-xl-8 {
    padding-top: 8px !important;
  }
  .pr-xl-8 {
    padding-right: 8px !important;
  }
  .pb-xl-8 {
    padding-bottom: 8px !important;
  }
  .pl-xl-8 {
    padding-left: 8px !important;
  }
  .pt-xl-12 {
    padding-top: 12px !important;
  }
  .pr-xl-12 {
    padding-right: 12px !important;
  }
  .pb-xl-12 {
    padding-bottom: 12px !important;
  }
  .pl-xl-12 {
    padding-left: 12px !important;
  }
  .pt-xl-16 {
    padding-top: 16px !important;
  }
  .pr-xl-16 {
    padding-right: 16px !important;
  }
  .pb-xl-16 {
    padding-bottom: 16px !important;
  }
  .pl-xl-16 {
    padding-left: 16px !important;
  }
  .pt-xl-20 {
    padding-top: 20px !important;
  }
  .pr-xl-20 {
    padding-right: 20px !important;
  }
  .pb-xl-20 {
    padding-bottom: 20px !important;
  }
  .pl-xl-20 {
    padding-left: 20px !important;
  }
  .pt-xl-24 {
    padding-top: 24px !important;
  }
  .pr-xl-24 {
    padding-right: 24px !important;
  }
  .pb-xl-24 {
    padding-bottom: 24px !important;
  }
  .pl-xl-24 {
    padding-left: 24px !important;
  }
  .pt-xl-28 {
    padding-top: 28px !important;
  }
  .pr-xl-28 {
    padding-right: 28px !important;
  }
  .pb-xl-28 {
    padding-bottom: 28px !important;
  }
  .pl-xl-28 {
    padding-left: 28px !important;
  }
  .pt-xl-32 {
    padding-top: 32px !important;
  }
  .pr-xl-32 {
    padding-right: 32px !important;
  }
  .pb-xl-32 {
    padding-bottom: 32px !important;
  }
  .pl-xl-32 {
    padding-left: 32px !important;
  }
  .pt-xl-36 {
    padding-top: 36px !important;
  }
  .pr-xl-36 {
    padding-right: 36px !important;
  }
  .pb-xl-36 {
    padding-bottom: 36px !important;
  }
  .pl-xl-36 {
    padding-left: 36px !important;
  }
  .pt-xl-40 {
    padding-top: 40px !important;
  }
  .pr-xl-40 {
    padding-right: 40px !important;
  }
  .pb-xl-40 {
    padding-bottom: 40px !important;
  }
  .pl-xl-40 {
    padding-left: 40px !important;
  }
  .pt-xl-44 {
    padding-top: 44px !important;
  }
  .pr-xl-44 {
    padding-right: 44px !important;
  }
  .pb-xl-44 {
    padding-bottom: 44px !important;
  }
  .pl-xl-44 {
    padding-left: 44px !important;
  }
  .pt-xl-48 {
    padding-top: 48px !important;
  }
  .pr-xl-48 {
    padding-right: 48px !important;
  }
  .pb-xl-48 {
    padding-bottom: 48px !important;
  }
  .pl-xl-48 {
    padding-left: 48px !important;
  }
  .pt-xl-52 {
    padding-top: 52px !important;
  }
  .pr-xl-52 {
    padding-right: 52px !important;
  }
  .pb-xl-52 {
    padding-bottom: 52px !important;
  }
  .pl-xl-52 {
    padding-left: 52px !important;
  }
  .pt-xl-56 {
    padding-top: 56px !important;
  }
  .pr-xl-56 {
    padding-right: 56px !important;
  }
  .pb-xl-56 {
    padding-bottom: 56px !important;
  }
  .pl-xl-56 {
    padding-left: 56px !important;
  }
  .pt-xl-60 {
    padding-top: 60px !important;
  }
  .pr-xl-60 {
    padding-right: 60px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px !important;
  }
  .pl-xl-60 {
    padding-left: 60px !important;
  }
  .pt-xl-64 {
    padding-top: 64px !important;
  }
  .pr-xl-64 {
    padding-right: 64px !important;
  }
  .pb-xl-64 {
    padding-bottom: 64px !important;
  }
  .pl-xl-64 {
    padding-left: 64px !important;
  }
  .pt-xl-68 {
    padding-top: 68px !important;
  }
  .pr-xl-68 {
    padding-right: 68px !important;
  }
  .pb-xl-68 {
    padding-bottom: 68px !important;
  }
  .pl-xl-68 {
    padding-left: 68px !important;
  }
  .pt-xl-72 {
    padding-top: 72px !important;
  }
  .pr-xl-72 {
    padding-right: 72px !important;
  }
  .pb-xl-72 {
    padding-bottom: 72px !important;
  }
  .pl-xl-72 {
    padding-left: 72px !important;
  }
  .pt-xl-76 {
    padding-top: 76px !important;
  }
  .pr-xl-76 {
    padding-right: 76px !important;
  }
  .pb-xl-76 {
    padding-bottom: 76px !important;
  }
  .pl-xl-76 {
    padding-left: 76px !important;
  }
  .pt-xl-80 {
    padding-top: 80px !important;
  }
  .pr-xl-80 {
    padding-right: 80px !important;
  }
  .pb-xl-80 {
    padding-bottom: 80px !important;
  }
  .pl-xl-80 {
    padding-left: 80px !important;
  }
  .pt-xl-84 {
    padding-top: 84px !important;
  }
  .pr-xl-84 {
    padding-right: 84px !important;
  }
  .pb-xl-84 {
    padding-bottom: 84px !important;
  }
  .pl-xl-84 {
    padding-left: 84px !important;
  }
  .pt-xl-88 {
    padding-top: 88px !important;
  }
  .pr-xl-88 {
    padding-right: 88px !important;
  }
  .pb-xl-88 {
    padding-bottom: 88px !important;
  }
  .pl-xl-88 {
    padding-left: 88px !important;
  }
  .pt-xl-92 {
    padding-top: 92px !important;
  }
  .pr-xl-92 {
    padding-right: 92px !important;
  }
  .pb-xl-92 {
    padding-bottom: 92px !important;
  }
  .pl-xl-92 {
    padding-left: 92px !important;
  }
  .pt-xl-96 {
    padding-top: 96px !important;
  }
  .pr-xl-96 {
    padding-right: 96px !important;
  }
  .pb-xl-96 {
    padding-bottom: 96px !important;
  }
  .pl-xl-96 {
    padding-left: 96px !important;
  }
  .pt-xl-100 {
    padding-top: 100px !important;
  }
  .pr-xl-100 {
    padding-right: 100px !important;
  }
  .pb-xl-100 {
    padding-bottom: 100px !important;
  }
  .pl-xl-100 {
    padding-left: 100px !important;
  }
  .pt-xl-104 {
    padding-top: 104px !important;
  }
  .pr-xl-104 {
    padding-right: 104px !important;
  }
  .pb-xl-104 {
    padding-bottom: 104px !important;
  }
  .pl-xl-104 {
    padding-left: 104px !important;
  }
  .pt-xl-108 {
    padding-top: 108px !important;
  }
  .pr-xl-108 {
    padding-right: 108px !important;
  }
  .pb-xl-108 {
    padding-bottom: 108px !important;
  }
  .pl-xl-108 {
    padding-left: 108px !important;
  }
  .pt-xl-112 {
    padding-top: 112px !important;
  }
  .pr-xl-112 {
    padding-right: 112px !important;
  }
  .pb-xl-112 {
    padding-bottom: 112px !important;
  }
  .pl-xl-112 {
    padding-left: 112px !important;
  }
  .pt-xl-116 {
    padding-top: 116px !important;
  }
  .pr-xl-116 {
    padding-right: 116px !important;
  }
  .pb-xl-116 {
    padding-bottom: 116px !important;
  }
  .pl-xl-116 {
    padding-left: 116px !important;
  }
  .pt-xl-120 {
    padding-top: 120px !important;
  }
  .pr-xl-120 {
    padding-right: 120px !important;
  }
  .pb-xl-120 {
    padding-bottom: 120px !important;
  }
  .pl-xl-120 {
    padding-left: 120px !important;
  }
  .pt-xl-124 {
    padding-top: 124px !important;
  }
  .pr-xl-124 {
    padding-right: 124px !important;
  }
  .pb-xl-124 {
    padding-bottom: 124px !important;
  }
  .pl-xl-124 {
    padding-left: 124px !important;
  }
  .pt-xl-128 {
    padding-top: 128px !important;
  }
  .pr-xl-128 {
    padding-right: 128px !important;
  }
  .pb-xl-128 {
    padding-bottom: 128px !important;
  }
  .pl-xl-128 {
    padding-left: 128px !important;
  }
  .pt-xl-132 {
    padding-top: 132px !important;
  }
  .pr-xl-132 {
    padding-right: 132px !important;
  }
  .pb-xl-132 {
    padding-bottom: 132px !important;
  }
  .pl-xl-132 {
    padding-left: 132px !important;
  }
  .pt-xl-136 {
    padding-top: 136px !important;
  }
  .pr-xl-136 {
    padding-right: 136px !important;
  }
  .pb-xl-136 {
    padding-bottom: 136px !important;
  }
  .pl-xl-136 {
    padding-left: 136px !important;
  }
  .pt-xl-140 {
    padding-top: 140px !important;
  }
  .pr-xl-140 {
    padding-right: 140px !important;
  }
  .pb-xl-140 {
    padding-bottom: 140px !important;
  }
  .pl-xl-140 {
    padding-left: 140px !important;
  }
  .pt-xl-144 {
    padding-top: 144px !important;
  }
  .pr-xl-144 {
    padding-right: 144px !important;
  }
  .pb-xl-144 {
    padding-bottom: 144px !important;
  }
  .pl-xl-144 {
    padding-left: 144px !important;
  }
  .pt-xl-148 {
    padding-top: 148px !important;
  }
  .pr-xl-148 {
    padding-right: 148px !important;
  }
  .pb-xl-148 {
    padding-bottom: 148px !important;
  }
  .pl-xl-148 {
    padding-left: 148px !important;
  }
  .pt-xl-152 {
    padding-top: 152px !important;
  }
  .pr-xl-152 {
    padding-right: 152px !important;
  }
  .pb-xl-152 {
    padding-bottom: 152px !important;
  }
  .pl-xl-152 {
    padding-left: 152px !important;
  }
  .pt-xl-156 {
    padding-top: 156px !important;
  }
  .pr-xl-156 {
    padding-right: 156px !important;
  }
  .pb-xl-156 {
    padding-bottom: 156px !important;
  }
  .pl-xl-156 {
    padding-left: 156px !important;
  }
  .pt-xl-160 {
    padding-top: 160px !important;
  }
  .pr-xl-160 {
    padding-right: 160px !important;
  }
  .pb-xl-160 {
    padding-bottom: 160px !important;
  }
  .pl-xl-160 {
    padding-left: 160px !important;
  }
  .pt-xl-164 {
    padding-top: 164px !important;
  }
  .pr-xl-164 {
    padding-right: 164px !important;
  }
  .pb-xl-164 {
    padding-bottom: 164px !important;
  }
  .pl-xl-164 {
    padding-left: 164px !important;
  }
  .pt-xl-168 {
    padding-top: 168px !important;
  }
  .pr-xl-168 {
    padding-right: 168px !important;
  }
  .pb-xl-168 {
    padding-bottom: 168px !important;
  }
  .pl-xl-168 {
    padding-left: 168px !important;
  }
  .pt-xl-172 {
    padding-top: 172px !important;
  }
  .pr-xl-172 {
    padding-right: 172px !important;
  }
  .pb-xl-172 {
    padding-bottom: 172px !important;
  }
  .pl-xl-172 {
    padding-left: 172px !important;
  }
  .pt-xl-176 {
    padding-top: 176px !important;
  }
  .pr-xl-176 {
    padding-right: 176px !important;
  }
  .pb-xl-176 {
    padding-bottom: 176px !important;
  }
  .pl-xl-176 {
    padding-left: 176px !important;
  }
  .pt-xl-180 {
    padding-top: 180px !important;
  }
  .pr-xl-180 {
    padding-right: 180px !important;
  }
  .pb-xl-180 {
    padding-bottom: 180px !important;
  }
  .pl-xl-180 {
    padding-left: 180px !important;
  }
  .pt-xl-184 {
    padding-top: 184px !important;
  }
  .pr-xl-184 {
    padding-right: 184px !important;
  }
  .pb-xl-184 {
    padding-bottom: 184px !important;
  }
  .pl-xl-184 {
    padding-left: 184px !important;
  }
  .pt-xl-188 {
    padding-top: 188px !important;
  }
  .pr-xl-188 {
    padding-right: 188px !important;
  }
  .pb-xl-188 {
    padding-bottom: 188px !important;
  }
  .pl-xl-188 {
    padding-left: 188px !important;
  }
  .pt-xl-192 {
    padding-top: 192px !important;
  }
  .pr-xl-192 {
    padding-right: 192px !important;
  }
  .pb-xl-192 {
    padding-bottom: 192px !important;
  }
  .pl-xl-192 {
    padding-left: 192px !important;
  }
  .pt-xl-196 {
    padding-top: 196px !important;
  }
  .pr-xl-196 {
    padding-right: 196px !important;
  }
  .pb-xl-196 {
    padding-bottom: 196px !important;
  }
  .pl-xl-196 {
    padding-left: 196px !important;
  }
  .pt-xl-200 {
    padding-top: 200px !important;
  }
  .pr-xl-200 {
    padding-right: 200px !important;
  }
  .pb-xl-200 {
    padding-bottom: 200px !important;
  }
  .pl-xl-200 {
    padding-left: 200px !important;
  }
  .pt-xl-204 {
    padding-top: 204px !important;
  }
  .pr-xl-204 {
    padding-right: 204px !important;
  }
  .pb-xl-204 {
    padding-bottom: 204px !important;
  }
  .pl-xl-204 {
    padding-left: 204px !important;
  }
  .pt-xl-208 {
    padding-top: 208px !important;
  }
  .pr-xl-208 {
    padding-right: 208px !important;
  }
  .pb-xl-208 {
    padding-bottom: 208px !important;
  }
  .pl-xl-208 {
    padding-left: 208px !important;
  }
  .pt-xl-212 {
    padding-top: 212px !important;
  }
  .pr-xl-212 {
    padding-right: 212px !important;
  }
  .pb-xl-212 {
    padding-bottom: 212px !important;
  }
  .pl-xl-212 {
    padding-left: 212px !important;
  }
  .pt-xl-216 {
    padding-top: 216px !important;
  }
  .pr-xl-216 {
    padding-right: 216px !important;
  }
  .pb-xl-216 {
    padding-bottom: 216px !important;
  }
  .pl-xl-216 {
    padding-left: 216px !important;
  }
  .pt-xl-220 {
    padding-top: 220px !important;
  }
  .pr-xl-220 {
    padding-right: 220px !important;
  }
  .pb-xl-220 {
    padding-bottom: 220px !important;
  }
  .pl-xl-220 {
    padding-left: 220px !important;
  }
  .pt-xl-224 {
    padding-top: 224px !important;
  }
  .pr-xl-224 {
    padding-right: 224px !important;
  }
  .pb-xl-224 {
    padding-bottom: 224px !important;
  }
  .pl-xl-224 {
    padding-left: 224px !important;
  }
  .pt-xl-228 {
    padding-top: 228px !important;
  }
  .pr-xl-228 {
    padding-right: 228px !important;
  }
  .pb-xl-228 {
    padding-bottom: 228px !important;
  }
  .pl-xl-228 {
    padding-left: 228px !important;
  }
  .pt-xl-232 {
    padding-top: 232px !important;
  }
  .pr-xl-232 {
    padding-right: 232px !important;
  }
  .pb-xl-232 {
    padding-bottom: 232px !important;
  }
  .pl-xl-232 {
    padding-left: 232px !important;
  }
  .pt-xl-236 {
    padding-top: 236px !important;
  }
  .pr-xl-236 {
    padding-right: 236px !important;
  }
  .pb-xl-236 {
    padding-bottom: 236px !important;
  }
  .pl-xl-236 {
    padding-left: 236px !important;
  }
  .pt-xl-240 {
    padding-top: 240px !important;
  }
  .pr-xl-240 {
    padding-right: 240px !important;
  }
  .pb-xl-240 {
    padding-bottom: 240px !important;
  }
  .pl-xl-240 {
    padding-left: 240px !important;
  }
  .pt-xl-244 {
    padding-top: 244px !important;
  }
  .pr-xl-244 {
    padding-right: 244px !important;
  }
  .pb-xl-244 {
    padding-bottom: 244px !important;
  }
  .pl-xl-244 {
    padding-left: 244px !important;
  }
  .pt-xl-248 {
    padding-top: 248px !important;
  }
  .pr-xl-248 {
    padding-right: 248px !important;
  }
  .pb-xl-248 {
    padding-bottom: 248px !important;
  }
  .pl-xl-248 {
    padding-left: 248px !important;
  }
  .pt-xl-252 {
    padding-top: 252px !important;
  }
  .pr-xl-252 {
    padding-right: 252px !important;
  }
  .pb-xl-252 {
    padding-bottom: 252px !important;
  }
  .pl-xl-252 {
    padding-left: 252px !important;
  }
  .pt-xl-256 {
    padding-top: 256px !important;
  }
  .pr-xl-256 {
    padding-right: 256px !important;
  }
  .pb-xl-256 {
    padding-bottom: 256px !important;
  }
  .pl-xl-256 {
    padding-left: 256px !important;
  }
}
.border,
.b {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.border-top,
.bt {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.border-right,
.br {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.border-bottom,
.bb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-left,
.bl {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.border-horizontal,
.bx {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.border-vertical,
.by {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-radius-100 {
  border-radius: 100%;
}

.border-radius-2 {
  border-radius: 2px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-8 {
  border-radius: 8px;
}

.border-radius-16 {
  border-radius: 16px;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

html,
body {
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body.boxed {
  max-width: 1200px;
  margin: 0 auto;
}

i,
mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
}
i.s-4,
mat-icon.s-4 {
  font-size: 4px !important;
  width: 4px !important;
  height: 4px !important;
  min-width: 4px !important;
  min-height: 4px !important;
  line-height: 4px !important;
}
i.s-6,
mat-icon.s-6 {
  font-size: 6px !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  line-height: 6px !important;
}
i.s-8,
mat-icon.s-8 {
  font-size: 8px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  line-height: 8px !important;
}
i.s-10,
mat-icon.s-10 {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  line-height: 10px !important;
}
i.s-12,
mat-icon.s-12 {
  font-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  line-height: 12px !important;
}
i.s-14,
mat-icon.s-14 {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  line-height: 14px !important;
}
i.s-16,
mat-icon.s-16 {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  line-height: 16px !important;
}
i.s-18,
mat-icon.s-18 {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  line-height: 18px !important;
}
i.s-20,
mat-icon.s-20 {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
}
i.s-22,
mat-icon.s-22 {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
}
i.s-24,
mat-icon.s-24 {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  line-height: 24px !important;
}
i.s-26,
mat-icon.s-26 {
  font-size: 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
}
i.s-28,
mat-icon.s-28 {
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}
i.s-30,
mat-icon.s-30 {
  font-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}
i.s-32,
mat-icon.s-32 {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  line-height: 32px !important;
}
i.s-34,
mat-icon.s-34 {
  font-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  line-height: 34px !important;
}
i.s-36,
mat-icon.s-36 {
  font-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  line-height: 36px !important;
}
i.s-38,
mat-icon.s-38 {
  font-size: 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
}
i.s-40,
mat-icon.s-40 {
  font-size: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
}
i.s-42,
mat-icon.s-42 {
  font-size: 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
}
i.s-44,
mat-icon.s-44 {
  font-size: 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
}
i.s-46,
mat-icon.s-46 {
  font-size: 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  line-height: 46px !important;
}
i.s-48,
mat-icon.s-48 {
  font-size: 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
}
i.s-50,
mat-icon.s-50 {
  font-size: 50px !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
}
i.s-52,
mat-icon.s-52 {
  font-size: 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  line-height: 52px !important;
}
i.s-54,
mat-icon.s-54 {
  font-size: 54px !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  line-height: 54px !important;
}
i.s-56,
mat-icon.s-56 {
  font-size: 56px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  line-height: 56px !important;
}
i.s-58,
mat-icon.s-58 {
  font-size: 58px !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  line-height: 58px !important;
}
i.s-60,
mat-icon.s-60 {
  font-size: 60px !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  line-height: 60px !important;
}
i.s-62,
mat-icon.s-62 {
  font-size: 62px !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  line-height: 62px !important;
}
i.s-64,
mat-icon.s-64 {
  font-size: 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  line-height: 64px !important;
}
i.s-66,
mat-icon.s-66 {
  font-size: 66px !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  line-height: 66px !important;
}
i.s-68,
mat-icon.s-68 {
  font-size: 68px !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  line-height: 68px !important;
}
i.s-70,
mat-icon.s-70 {
  font-size: 70px !important;
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  line-height: 70px !important;
}
i.s-72,
mat-icon.s-72 {
  font-size: 72px !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  line-height: 72px !important;
}
i.s-74,
mat-icon.s-74 {
  font-size: 74px !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  line-height: 74px !important;
}
i.s-76,
mat-icon.s-76 {
  font-size: 76px !important;
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  line-height: 76px !important;
}
i.s-78,
mat-icon.s-78 {
  font-size: 78px !important;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
  line-height: 78px !important;
}
i.s-80,
mat-icon.s-80 {
  font-size: 80px !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  line-height: 80px !important;
}
i.s-82,
mat-icon.s-82 {
  font-size: 82px !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  line-height: 82px !important;
}
i.s-84,
mat-icon.s-84 {
  font-size: 84px !important;
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  min-height: 84px !important;
  line-height: 84px !important;
}
i.s-86,
mat-icon.s-86 {
  font-size: 86px !important;
  width: 86px !important;
  height: 86px !important;
  min-width: 86px !important;
  min-height: 86px !important;
  line-height: 86px !important;
}
i.s-88,
mat-icon.s-88 {
  font-size: 88px !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  line-height: 88px !important;
}
i.s-90,
mat-icon.s-90 {
  font-size: 90px !important;
  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  line-height: 90px !important;
}
i.s-92,
mat-icon.s-92 {
  font-size: 92px !important;
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  line-height: 92px !important;
}
i.s-94,
mat-icon.s-94 {
  font-size: 94px !important;
  width: 94px !important;
  height: 94px !important;
  min-width: 94px !important;
  min-height: 94px !important;
  line-height: 94px !important;
}
i.s-96,
mat-icon.s-96 {
  font-size: 96px !important;
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  line-height: 96px !important;
}
i.s-98,
mat-icon.s-98 {
  font-size: 98px !important;
  width: 98px !important;
  height: 98px !important;
  min-width: 98px !important;
  min-height: 98px !important;
  line-height: 98px !important;
}
i.s-100,
mat-icon.s-100 {
  font-size: 100px !important;
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  line-height: 100px !important;
}
i.s-102,
mat-icon.s-102 {
  font-size: 102px !important;
  width: 102px !important;
  height: 102px !important;
  min-width: 102px !important;
  min-height: 102px !important;
  line-height: 102px !important;
}
i.s-104,
mat-icon.s-104 {
  font-size: 104px !important;
  width: 104px !important;
  height: 104px !important;
  min-width: 104px !important;
  min-height: 104px !important;
  line-height: 104px !important;
}
i.s-106,
mat-icon.s-106 {
  font-size: 106px !important;
  width: 106px !important;
  height: 106px !important;
  min-width: 106px !important;
  min-height: 106px !important;
  line-height: 106px !important;
}
i.s-108,
mat-icon.s-108 {
  font-size: 108px !important;
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  min-height: 108px !important;
  line-height: 108px !important;
}
i.s-110,
mat-icon.s-110 {
  font-size: 110px !important;
  width: 110px !important;
  height: 110px !important;
  min-width: 110px !important;
  min-height: 110px !important;
  line-height: 110px !important;
}
i.s-112,
mat-icon.s-112 {
  font-size: 112px !important;
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  line-height: 112px !important;
}
i.s-114,
mat-icon.s-114 {
  font-size: 114px !important;
  width: 114px !important;
  height: 114px !important;
  min-width: 114px !important;
  min-height: 114px !important;
  line-height: 114px !important;
}
i.s-116,
mat-icon.s-116 {
  font-size: 116px !important;
  width: 116px !important;
  height: 116px !important;
  min-width: 116px !important;
  min-height: 116px !important;
  line-height: 116px !important;
}
i.s-118,
mat-icon.s-118 {
  font-size: 118px !important;
  width: 118px !important;
  height: 118px !important;
  min-width: 118px !important;
  min-height: 118px !important;
  line-height: 118px !important;
}
i.s-120,
mat-icon.s-120 {
  font-size: 120px !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  line-height: 120px !important;
}
i.s-122,
mat-icon.s-122 {
  font-size: 122px !important;
  width: 122px !important;
  height: 122px !important;
  min-width: 122px !important;
  min-height: 122px !important;
  line-height: 122px !important;
}
i.s-124,
mat-icon.s-124 {
  font-size: 124px !important;
  width: 124px !important;
  height: 124px !important;
  min-width: 124px !important;
  min-height: 124px !important;
  line-height: 124px !important;
}
i.s-126,
mat-icon.s-126 {
  font-size: 126px !important;
  width: 126px !important;
  height: 126px !important;
  min-width: 126px !important;
  min-height: 126px !important;
  line-height: 126px !important;
}
i.s-128,
mat-icon.s-128 {
  font-size: 128px !important;
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
  line-height: 128px !important;
}
i.s-130,
mat-icon.s-130 {
  font-size: 130px !important;
  width: 130px !important;
  height: 130px !important;
  min-width: 130px !important;
  min-height: 130px !important;
  line-height: 130px !important;
}
i.s-132,
mat-icon.s-132 {
  font-size: 132px !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  line-height: 132px !important;
}
i.s-134,
mat-icon.s-134 {
  font-size: 134px !important;
  width: 134px !important;
  height: 134px !important;
  min-width: 134px !important;
  min-height: 134px !important;
  line-height: 134px !important;
}
i.s-136,
mat-icon.s-136 {
  font-size: 136px !important;
  width: 136px !important;
  height: 136px !important;
  min-width: 136px !important;
  min-height: 136px !important;
  line-height: 136px !important;
}
i.s-138,
mat-icon.s-138 {
  font-size: 138px !important;
  width: 138px !important;
  height: 138px !important;
  min-width: 138px !important;
  min-height: 138px !important;
  line-height: 138px !important;
}
i.s-140,
mat-icon.s-140 {
  font-size: 140px !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  line-height: 140px !important;
}
i.s-142,
mat-icon.s-142 {
  font-size: 142px !important;
  width: 142px !important;
  height: 142px !important;
  min-width: 142px !important;
  min-height: 142px !important;
  line-height: 142px !important;
}
i.s-144,
mat-icon.s-144 {
  font-size: 144px !important;
  width: 144px !important;
  height: 144px !important;
  min-width: 144px !important;
  min-height: 144px !important;
  line-height: 144px !important;
}
i.s-146,
mat-icon.s-146 {
  font-size: 146px !important;
  width: 146px !important;
  height: 146px !important;
  min-width: 146px !important;
  min-height: 146px !important;
  line-height: 146px !important;
}
i.s-148,
mat-icon.s-148 {
  font-size: 148px !important;
  width: 148px !important;
  height: 148px !important;
  min-width: 148px !important;
  min-height: 148px !important;
  line-height: 148px !important;
}
i.s-150,
mat-icon.s-150 {
  font-size: 150px !important;
  width: 150px !important;
  height: 150px !important;
  min-width: 150px !important;
  min-height: 150px !important;
  line-height: 150px !important;
}
i.s-152,
mat-icon.s-152 {
  font-size: 152px !important;
  width: 152px !important;
  height: 152px !important;
  min-width: 152px !important;
  min-height: 152px !important;
  line-height: 152px !important;
}
i.s-154,
mat-icon.s-154 {
  font-size: 154px !important;
  width: 154px !important;
  height: 154px !important;
  min-width: 154px !important;
  min-height: 154px !important;
  line-height: 154px !important;
}
i.s-156,
mat-icon.s-156 {
  font-size: 156px !important;
  width: 156px !important;
  height: 156px !important;
  min-width: 156px !important;
  min-height: 156px !important;
  line-height: 156px !important;
}
i.s-158,
mat-icon.s-158 {
  font-size: 158px !important;
  width: 158px !important;
  height: 158px !important;
  min-width: 158px !important;
  min-height: 158px !important;
  line-height: 158px !important;
}
i.s-160,
mat-icon.s-160 {
  font-size: 160px !important;
  width: 160px !important;
  height: 160px !important;
  min-width: 160px !important;
  min-height: 160px !important;
  line-height: 160px !important;
}
i.s-162,
mat-icon.s-162 {
  font-size: 162px !important;
  width: 162px !important;
  height: 162px !important;
  min-width: 162px !important;
  min-height: 162px !important;
  line-height: 162px !important;
}
i.s-164,
mat-icon.s-164 {
  font-size: 164px !important;
  width: 164px !important;
  height: 164px !important;
  min-width: 164px !important;
  min-height: 164px !important;
  line-height: 164px !important;
}
i.s-166,
mat-icon.s-166 {
  font-size: 166px !important;
  width: 166px !important;
  height: 166px !important;
  min-width: 166px !important;
  min-height: 166px !important;
  line-height: 166px !important;
}
i.s-168,
mat-icon.s-168 {
  font-size: 168px !important;
  width: 168px !important;
  height: 168px !important;
  min-width: 168px !important;
  min-height: 168px !important;
  line-height: 168px !important;
}
i.s-170,
mat-icon.s-170 {
  font-size: 170px !important;
  width: 170px !important;
  height: 170px !important;
  min-width: 170px !important;
  min-height: 170px !important;
  line-height: 170px !important;
}
i.s-172,
mat-icon.s-172 {
  font-size: 172px !important;
  width: 172px !important;
  height: 172px !important;
  min-width: 172px !important;
  min-height: 172px !important;
  line-height: 172px !important;
}
i.s-174,
mat-icon.s-174 {
  font-size: 174px !important;
  width: 174px !important;
  height: 174px !important;
  min-width: 174px !important;
  min-height: 174px !important;
  line-height: 174px !important;
}
i.s-176,
mat-icon.s-176 {
  font-size: 176px !important;
  width: 176px !important;
  height: 176px !important;
  min-width: 176px !important;
  min-height: 176px !important;
  line-height: 176px !important;
}
i.s-178,
mat-icon.s-178 {
  font-size: 178px !important;
  width: 178px !important;
  height: 178px !important;
  min-width: 178px !important;
  min-height: 178px !important;
  line-height: 178px !important;
}
i.s-180,
mat-icon.s-180 {
  font-size: 180px !important;
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  min-height: 180px !important;
  line-height: 180px !important;
}
i.s-182,
mat-icon.s-182 {
  font-size: 182px !important;
  width: 182px !important;
  height: 182px !important;
  min-width: 182px !important;
  min-height: 182px !important;
  line-height: 182px !important;
}
i.s-184,
mat-icon.s-184 {
  font-size: 184px !important;
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  line-height: 184px !important;
}
i.s-186,
mat-icon.s-186 {
  font-size: 186px !important;
  width: 186px !important;
  height: 186px !important;
  min-width: 186px !important;
  min-height: 186px !important;
  line-height: 186px !important;
}
i.s-188,
mat-icon.s-188 {
  font-size: 188px !important;
  width: 188px !important;
  height: 188px !important;
  min-width: 188px !important;
  min-height: 188px !important;
  line-height: 188px !important;
}
i.s-190,
mat-icon.s-190 {
  font-size: 190px !important;
  width: 190px !important;
  height: 190px !important;
  min-width: 190px !important;
  min-height: 190px !important;
  line-height: 190px !important;
}
i.s-192,
mat-icon.s-192 {
  font-size: 192px !important;
  width: 192px !important;
  height: 192px !important;
  min-width: 192px !important;
  min-height: 192px !important;
  line-height: 192px !important;
}
i.s-194,
mat-icon.s-194 {
  font-size: 194px !important;
  width: 194px !important;
  height: 194px !important;
  min-width: 194px !important;
  min-height: 194px !important;
  line-height: 194px !important;
}
i.s-196,
mat-icon.s-196 {
  font-size: 196px !important;
  width: 196px !important;
  height: 196px !important;
  min-width: 196px !important;
  min-height: 196px !important;
  line-height: 196px !important;
}
i.s-198,
mat-icon.s-198 {
  font-size: 198px !important;
  width: 198px !important;
  height: 198px !important;
  min-width: 198px !important;
  min-height: 198px !important;
  line-height: 198px !important;
}
i.s-200,
mat-icon.s-200 {
  font-size: 200px !important;
  width: 200px !important;
  height: 200px !important;
  min-width: 200px !important;
  min-height: 200px !important;
  line-height: 200px !important;
}
i.s-202,
mat-icon.s-202 {
  font-size: 202px !important;
  width: 202px !important;
  height: 202px !important;
  min-width: 202px !important;
  min-height: 202px !important;
  line-height: 202px !important;
}
i.s-204,
mat-icon.s-204 {
  font-size: 204px !important;
  width: 204px !important;
  height: 204px !important;
  min-width: 204px !important;
  min-height: 204px !important;
  line-height: 204px !important;
}
i.s-206,
mat-icon.s-206 {
  font-size: 206px !important;
  width: 206px !important;
  height: 206px !important;
  min-width: 206px !important;
  min-height: 206px !important;
  line-height: 206px !important;
}
i.s-208,
mat-icon.s-208 {
  font-size: 208px !important;
  width: 208px !important;
  height: 208px !important;
  min-width: 208px !important;
  min-height: 208px !important;
  line-height: 208px !important;
}
i.s-210,
mat-icon.s-210 {
  font-size: 210px !important;
  width: 210px !important;
  height: 210px !important;
  min-width: 210px !important;
  min-height: 210px !important;
  line-height: 210px !important;
}
i.s-212,
mat-icon.s-212 {
  font-size: 212px !important;
  width: 212px !important;
  height: 212px !important;
  min-width: 212px !important;
  min-height: 212px !important;
  line-height: 212px !important;
}
i.s-214,
mat-icon.s-214 {
  font-size: 214px !important;
  width: 214px !important;
  height: 214px !important;
  min-width: 214px !important;
  min-height: 214px !important;
  line-height: 214px !important;
}
i.s-216,
mat-icon.s-216 {
  font-size: 216px !important;
  width: 216px !important;
  height: 216px !important;
  min-width: 216px !important;
  min-height: 216px !important;
  line-height: 216px !important;
}
i.s-218,
mat-icon.s-218 {
  font-size: 218px !important;
  width: 218px !important;
  height: 218px !important;
  min-width: 218px !important;
  min-height: 218px !important;
  line-height: 218px !important;
}
i.s-220,
mat-icon.s-220 {
  font-size: 220px !important;
  width: 220px !important;
  height: 220px !important;
  min-width: 220px !important;
  min-height: 220px !important;
  line-height: 220px !important;
}
i.s-222,
mat-icon.s-222 {
  font-size: 222px !important;
  width: 222px !important;
  height: 222px !important;
  min-width: 222px !important;
  min-height: 222px !important;
  line-height: 222px !important;
}
i.s-224,
mat-icon.s-224 {
  font-size: 224px !important;
  width: 224px !important;
  height: 224px !important;
  min-width: 224px !important;
  min-height: 224px !important;
  line-height: 224px !important;
}
i.s-226,
mat-icon.s-226 {
  font-size: 226px !important;
  width: 226px !important;
  height: 226px !important;
  min-width: 226px !important;
  min-height: 226px !important;
  line-height: 226px !important;
}
i.s-228,
mat-icon.s-228 {
  font-size: 228px !important;
  width: 228px !important;
  height: 228px !important;
  min-width: 228px !important;
  min-height: 228px !important;
  line-height: 228px !important;
}
i.s-230,
mat-icon.s-230 {
  font-size: 230px !important;
  width: 230px !important;
  height: 230px !important;
  min-width: 230px !important;
  min-height: 230px !important;
  line-height: 230px !important;
}
i.s-232,
mat-icon.s-232 {
  font-size: 232px !important;
  width: 232px !important;
  height: 232px !important;
  min-width: 232px !important;
  min-height: 232px !important;
  line-height: 232px !important;
}
i.s-234,
mat-icon.s-234 {
  font-size: 234px !important;
  width: 234px !important;
  height: 234px !important;
  min-width: 234px !important;
  min-height: 234px !important;
  line-height: 234px !important;
}
i.s-236,
mat-icon.s-236 {
  font-size: 236px !important;
  width: 236px !important;
  height: 236px !important;
  min-width: 236px !important;
  min-height: 236px !important;
  line-height: 236px !important;
}
i.s-238,
mat-icon.s-238 {
  font-size: 238px !important;
  width: 238px !important;
  height: 238px !important;
  min-width: 238px !important;
  min-height: 238px !important;
  line-height: 238px !important;
}
i.s-240,
mat-icon.s-240 {
  font-size: 240px !important;
  width: 240px !important;
  height: 240px !important;
  min-width: 240px !important;
  min-height: 240px !important;
  line-height: 240px !important;
}
i.s-242,
mat-icon.s-242 {
  font-size: 242px !important;
  width: 242px !important;
  height: 242px !important;
  min-width: 242px !important;
  min-height: 242px !important;
  line-height: 242px !important;
}
i.s-244,
mat-icon.s-244 {
  font-size: 244px !important;
  width: 244px !important;
  height: 244px !important;
  min-width: 244px !important;
  min-height: 244px !important;
  line-height: 244px !important;
}
i.s-246,
mat-icon.s-246 {
  font-size: 246px !important;
  width: 246px !important;
  height: 246px !important;
  min-width: 246px !important;
  min-height: 246px !important;
  line-height: 246px !important;
}
i.s-248,
mat-icon.s-248 {
  font-size: 248px !important;
  width: 248px !important;
  height: 248px !important;
  min-width: 248px !important;
  min-height: 248px !important;
  line-height: 248px !important;
}
i.s-250,
mat-icon.s-250 {
  font-size: 250px !important;
  width: 250px !important;
  height: 250px !important;
  min-width: 250px !important;
  min-height: 250px !important;
  line-height: 250px !important;
}
i.s-252,
mat-icon.s-252 {
  font-size: 252px !important;
  width: 252px !important;
  height: 252px !important;
  min-width: 252px !important;
  min-height: 252px !important;
  line-height: 252px !important;
}
i.s-254,
mat-icon.s-254 {
  font-size: 254px !important;
  width: 254px !important;
  height: 254px !important;
  min-width: 254px !important;
  min-height: 254px !important;
  line-height: 254px !important;
}
i.s-256,
mat-icon.s-256 {
  font-size: 256px !important;
  width: 256px !important;
  height: 256px !important;
  min-width: 256px !important;
  min-height: 256px !important;
  line-height: 256px !important;
}
@media (min-width: 600px) {
  i.s-sm-4,
  mat-icon.s-sm-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  i.s-sm-6,
  mat-icon.s-sm-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  i.s-sm-8,
  mat-icon.s-sm-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  i.s-sm-10,
  mat-icon.s-sm-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  i.s-sm-12,
  mat-icon.s-sm-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  i.s-sm-14,
  mat-icon.s-sm-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  i.s-sm-16,
  mat-icon.s-sm-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  i.s-sm-18,
  mat-icon.s-sm-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  i.s-sm-20,
  mat-icon.s-sm-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  i.s-sm-22,
  mat-icon.s-sm-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  i.s-sm-24,
  mat-icon.s-sm-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  i.s-sm-26,
  mat-icon.s-sm-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  i.s-sm-28,
  mat-icon.s-sm-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  i.s-sm-30,
  mat-icon.s-sm-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  i.s-sm-32,
  mat-icon.s-sm-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  i.s-sm-34,
  mat-icon.s-sm-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  i.s-sm-36,
  mat-icon.s-sm-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  i.s-sm-38,
  mat-icon.s-sm-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  i.s-sm-40,
  mat-icon.s-sm-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  i.s-sm-42,
  mat-icon.s-sm-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  i.s-sm-44,
  mat-icon.s-sm-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  i.s-sm-46,
  mat-icon.s-sm-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  i.s-sm-48,
  mat-icon.s-sm-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  i.s-sm-50,
  mat-icon.s-sm-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  i.s-sm-52,
  mat-icon.s-sm-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  i.s-sm-54,
  mat-icon.s-sm-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  i.s-sm-56,
  mat-icon.s-sm-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  i.s-sm-58,
  mat-icon.s-sm-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  i.s-sm-60,
  mat-icon.s-sm-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  i.s-sm-62,
  mat-icon.s-sm-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  i.s-sm-64,
  mat-icon.s-sm-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  i.s-sm-66,
  mat-icon.s-sm-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  i.s-sm-68,
  mat-icon.s-sm-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  i.s-sm-70,
  mat-icon.s-sm-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  i.s-sm-72,
  mat-icon.s-sm-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  i.s-sm-74,
  mat-icon.s-sm-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  i.s-sm-76,
  mat-icon.s-sm-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  i.s-sm-78,
  mat-icon.s-sm-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  i.s-sm-80,
  mat-icon.s-sm-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  i.s-sm-82,
  mat-icon.s-sm-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  i.s-sm-84,
  mat-icon.s-sm-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  i.s-sm-86,
  mat-icon.s-sm-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  i.s-sm-88,
  mat-icon.s-sm-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  i.s-sm-90,
  mat-icon.s-sm-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  i.s-sm-92,
  mat-icon.s-sm-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  i.s-sm-94,
  mat-icon.s-sm-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  i.s-sm-96,
  mat-icon.s-sm-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  i.s-sm-98,
  mat-icon.s-sm-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  i.s-sm-100,
  mat-icon.s-sm-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  i.s-sm-102,
  mat-icon.s-sm-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  i.s-sm-104,
  mat-icon.s-sm-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  i.s-sm-106,
  mat-icon.s-sm-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  i.s-sm-108,
  mat-icon.s-sm-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  i.s-sm-110,
  mat-icon.s-sm-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  i.s-sm-112,
  mat-icon.s-sm-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  i.s-sm-114,
  mat-icon.s-sm-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  i.s-sm-116,
  mat-icon.s-sm-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  i.s-sm-118,
  mat-icon.s-sm-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  i.s-sm-120,
  mat-icon.s-sm-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  i.s-sm-122,
  mat-icon.s-sm-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  i.s-sm-124,
  mat-icon.s-sm-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  i.s-sm-126,
  mat-icon.s-sm-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  i.s-sm-128,
  mat-icon.s-sm-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  i.s-sm-130,
  mat-icon.s-sm-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  i.s-sm-132,
  mat-icon.s-sm-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  i.s-sm-134,
  mat-icon.s-sm-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  i.s-sm-136,
  mat-icon.s-sm-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  i.s-sm-138,
  mat-icon.s-sm-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  i.s-sm-140,
  mat-icon.s-sm-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  i.s-sm-142,
  mat-icon.s-sm-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  i.s-sm-144,
  mat-icon.s-sm-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  i.s-sm-146,
  mat-icon.s-sm-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  i.s-sm-148,
  mat-icon.s-sm-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  i.s-sm-150,
  mat-icon.s-sm-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  i.s-sm-152,
  mat-icon.s-sm-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  i.s-sm-154,
  mat-icon.s-sm-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  i.s-sm-156,
  mat-icon.s-sm-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  i.s-sm-158,
  mat-icon.s-sm-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  i.s-sm-160,
  mat-icon.s-sm-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  i.s-sm-162,
  mat-icon.s-sm-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  i.s-sm-164,
  mat-icon.s-sm-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  i.s-sm-166,
  mat-icon.s-sm-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  i.s-sm-168,
  mat-icon.s-sm-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  i.s-sm-170,
  mat-icon.s-sm-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  i.s-sm-172,
  mat-icon.s-sm-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  i.s-sm-174,
  mat-icon.s-sm-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  i.s-sm-176,
  mat-icon.s-sm-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  i.s-sm-178,
  mat-icon.s-sm-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  i.s-sm-180,
  mat-icon.s-sm-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  i.s-sm-182,
  mat-icon.s-sm-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  i.s-sm-184,
  mat-icon.s-sm-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  i.s-sm-186,
  mat-icon.s-sm-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  i.s-sm-188,
  mat-icon.s-sm-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  i.s-sm-190,
  mat-icon.s-sm-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  i.s-sm-192,
  mat-icon.s-sm-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  i.s-sm-194,
  mat-icon.s-sm-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  i.s-sm-196,
  mat-icon.s-sm-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  i.s-sm-198,
  mat-icon.s-sm-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  i.s-sm-200,
  mat-icon.s-sm-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  i.s-sm-202,
  mat-icon.s-sm-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  i.s-sm-204,
  mat-icon.s-sm-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  i.s-sm-206,
  mat-icon.s-sm-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  i.s-sm-208,
  mat-icon.s-sm-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  i.s-sm-210,
  mat-icon.s-sm-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  i.s-sm-212,
  mat-icon.s-sm-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  i.s-sm-214,
  mat-icon.s-sm-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  i.s-sm-216,
  mat-icon.s-sm-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  i.s-sm-218,
  mat-icon.s-sm-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  i.s-sm-220,
  mat-icon.s-sm-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  i.s-sm-222,
  mat-icon.s-sm-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  i.s-sm-224,
  mat-icon.s-sm-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  i.s-sm-226,
  mat-icon.s-sm-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  i.s-sm-228,
  mat-icon.s-sm-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  i.s-sm-230,
  mat-icon.s-sm-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  i.s-sm-232,
  mat-icon.s-sm-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  i.s-sm-234,
  mat-icon.s-sm-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  i.s-sm-236,
  mat-icon.s-sm-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  i.s-sm-238,
  mat-icon.s-sm-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  i.s-sm-240,
  mat-icon.s-sm-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  i.s-sm-242,
  mat-icon.s-sm-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  i.s-sm-244,
  mat-icon.s-sm-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  i.s-sm-246,
  mat-icon.s-sm-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  i.s-sm-248,
  mat-icon.s-sm-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  i.s-sm-250,
  mat-icon.s-sm-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  i.s-sm-252,
  mat-icon.s-sm-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  i.s-sm-254,
  mat-icon.s-sm-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  i.s-sm-256,
  mat-icon.s-sm-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}
@media (min-width: 960px) {
  i.s-md-4,
  mat-icon.s-md-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  i.s-md-6,
  mat-icon.s-md-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  i.s-md-8,
  mat-icon.s-md-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  i.s-md-10,
  mat-icon.s-md-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  i.s-md-12,
  mat-icon.s-md-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  i.s-md-14,
  mat-icon.s-md-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  i.s-md-16,
  mat-icon.s-md-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  i.s-md-18,
  mat-icon.s-md-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  i.s-md-20,
  mat-icon.s-md-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  i.s-md-22,
  mat-icon.s-md-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  i.s-md-24,
  mat-icon.s-md-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  i.s-md-26,
  mat-icon.s-md-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  i.s-md-28,
  mat-icon.s-md-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  i.s-md-30,
  mat-icon.s-md-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  i.s-md-32,
  mat-icon.s-md-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  i.s-md-34,
  mat-icon.s-md-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  i.s-md-36,
  mat-icon.s-md-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  i.s-md-38,
  mat-icon.s-md-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  i.s-md-40,
  mat-icon.s-md-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  i.s-md-42,
  mat-icon.s-md-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  i.s-md-44,
  mat-icon.s-md-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  i.s-md-46,
  mat-icon.s-md-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  i.s-md-48,
  mat-icon.s-md-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  i.s-md-50,
  mat-icon.s-md-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  i.s-md-52,
  mat-icon.s-md-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  i.s-md-54,
  mat-icon.s-md-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  i.s-md-56,
  mat-icon.s-md-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  i.s-md-58,
  mat-icon.s-md-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  i.s-md-60,
  mat-icon.s-md-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  i.s-md-62,
  mat-icon.s-md-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  i.s-md-64,
  mat-icon.s-md-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  i.s-md-66,
  mat-icon.s-md-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  i.s-md-68,
  mat-icon.s-md-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  i.s-md-70,
  mat-icon.s-md-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  i.s-md-72,
  mat-icon.s-md-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  i.s-md-74,
  mat-icon.s-md-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  i.s-md-76,
  mat-icon.s-md-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  i.s-md-78,
  mat-icon.s-md-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  i.s-md-80,
  mat-icon.s-md-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  i.s-md-82,
  mat-icon.s-md-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  i.s-md-84,
  mat-icon.s-md-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  i.s-md-86,
  mat-icon.s-md-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  i.s-md-88,
  mat-icon.s-md-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  i.s-md-90,
  mat-icon.s-md-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  i.s-md-92,
  mat-icon.s-md-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  i.s-md-94,
  mat-icon.s-md-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  i.s-md-96,
  mat-icon.s-md-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  i.s-md-98,
  mat-icon.s-md-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  i.s-md-100,
  mat-icon.s-md-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  i.s-md-102,
  mat-icon.s-md-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  i.s-md-104,
  mat-icon.s-md-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  i.s-md-106,
  mat-icon.s-md-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  i.s-md-108,
  mat-icon.s-md-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  i.s-md-110,
  mat-icon.s-md-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  i.s-md-112,
  mat-icon.s-md-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  i.s-md-114,
  mat-icon.s-md-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  i.s-md-116,
  mat-icon.s-md-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  i.s-md-118,
  mat-icon.s-md-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  i.s-md-120,
  mat-icon.s-md-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  i.s-md-122,
  mat-icon.s-md-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  i.s-md-124,
  mat-icon.s-md-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  i.s-md-126,
  mat-icon.s-md-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  i.s-md-128,
  mat-icon.s-md-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  i.s-md-130,
  mat-icon.s-md-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  i.s-md-132,
  mat-icon.s-md-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  i.s-md-134,
  mat-icon.s-md-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  i.s-md-136,
  mat-icon.s-md-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  i.s-md-138,
  mat-icon.s-md-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  i.s-md-140,
  mat-icon.s-md-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  i.s-md-142,
  mat-icon.s-md-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  i.s-md-144,
  mat-icon.s-md-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  i.s-md-146,
  mat-icon.s-md-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  i.s-md-148,
  mat-icon.s-md-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  i.s-md-150,
  mat-icon.s-md-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  i.s-md-152,
  mat-icon.s-md-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  i.s-md-154,
  mat-icon.s-md-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  i.s-md-156,
  mat-icon.s-md-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  i.s-md-158,
  mat-icon.s-md-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  i.s-md-160,
  mat-icon.s-md-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  i.s-md-162,
  mat-icon.s-md-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  i.s-md-164,
  mat-icon.s-md-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  i.s-md-166,
  mat-icon.s-md-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  i.s-md-168,
  mat-icon.s-md-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  i.s-md-170,
  mat-icon.s-md-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  i.s-md-172,
  mat-icon.s-md-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  i.s-md-174,
  mat-icon.s-md-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  i.s-md-176,
  mat-icon.s-md-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  i.s-md-178,
  mat-icon.s-md-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  i.s-md-180,
  mat-icon.s-md-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  i.s-md-182,
  mat-icon.s-md-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  i.s-md-184,
  mat-icon.s-md-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  i.s-md-186,
  mat-icon.s-md-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  i.s-md-188,
  mat-icon.s-md-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  i.s-md-190,
  mat-icon.s-md-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  i.s-md-192,
  mat-icon.s-md-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  i.s-md-194,
  mat-icon.s-md-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  i.s-md-196,
  mat-icon.s-md-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  i.s-md-198,
  mat-icon.s-md-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  i.s-md-200,
  mat-icon.s-md-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  i.s-md-202,
  mat-icon.s-md-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  i.s-md-204,
  mat-icon.s-md-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  i.s-md-206,
  mat-icon.s-md-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  i.s-md-208,
  mat-icon.s-md-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  i.s-md-210,
  mat-icon.s-md-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  i.s-md-212,
  mat-icon.s-md-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  i.s-md-214,
  mat-icon.s-md-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  i.s-md-216,
  mat-icon.s-md-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  i.s-md-218,
  mat-icon.s-md-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  i.s-md-220,
  mat-icon.s-md-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  i.s-md-222,
  mat-icon.s-md-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  i.s-md-224,
  mat-icon.s-md-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  i.s-md-226,
  mat-icon.s-md-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  i.s-md-228,
  mat-icon.s-md-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  i.s-md-230,
  mat-icon.s-md-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  i.s-md-232,
  mat-icon.s-md-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  i.s-md-234,
  mat-icon.s-md-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  i.s-md-236,
  mat-icon.s-md-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  i.s-md-238,
  mat-icon.s-md-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  i.s-md-240,
  mat-icon.s-md-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  i.s-md-242,
  mat-icon.s-md-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  i.s-md-244,
  mat-icon.s-md-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  i.s-md-246,
  mat-icon.s-md-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  i.s-md-248,
  mat-icon.s-md-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  i.s-md-250,
  mat-icon.s-md-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  i.s-md-252,
  mat-icon.s-md-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  i.s-md-254,
  mat-icon.s-md-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  i.s-md-256,
  mat-icon.s-md-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}
@media (min-width: 1280px) {
  i.s-lg-4,
  mat-icon.s-lg-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  i.s-lg-6,
  mat-icon.s-lg-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  i.s-lg-8,
  mat-icon.s-lg-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  i.s-lg-10,
  mat-icon.s-lg-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  i.s-lg-12,
  mat-icon.s-lg-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  i.s-lg-14,
  mat-icon.s-lg-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  i.s-lg-16,
  mat-icon.s-lg-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  i.s-lg-18,
  mat-icon.s-lg-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  i.s-lg-20,
  mat-icon.s-lg-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  i.s-lg-22,
  mat-icon.s-lg-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  i.s-lg-24,
  mat-icon.s-lg-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  i.s-lg-26,
  mat-icon.s-lg-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  i.s-lg-28,
  mat-icon.s-lg-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  i.s-lg-30,
  mat-icon.s-lg-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  i.s-lg-32,
  mat-icon.s-lg-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  i.s-lg-34,
  mat-icon.s-lg-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  i.s-lg-36,
  mat-icon.s-lg-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  i.s-lg-38,
  mat-icon.s-lg-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  i.s-lg-40,
  mat-icon.s-lg-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  i.s-lg-42,
  mat-icon.s-lg-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  i.s-lg-44,
  mat-icon.s-lg-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  i.s-lg-46,
  mat-icon.s-lg-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  i.s-lg-48,
  mat-icon.s-lg-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  i.s-lg-50,
  mat-icon.s-lg-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  i.s-lg-52,
  mat-icon.s-lg-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  i.s-lg-54,
  mat-icon.s-lg-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  i.s-lg-56,
  mat-icon.s-lg-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  i.s-lg-58,
  mat-icon.s-lg-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  i.s-lg-60,
  mat-icon.s-lg-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  i.s-lg-62,
  mat-icon.s-lg-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  i.s-lg-64,
  mat-icon.s-lg-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  i.s-lg-66,
  mat-icon.s-lg-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  i.s-lg-68,
  mat-icon.s-lg-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  i.s-lg-70,
  mat-icon.s-lg-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  i.s-lg-72,
  mat-icon.s-lg-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  i.s-lg-74,
  mat-icon.s-lg-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  i.s-lg-76,
  mat-icon.s-lg-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  i.s-lg-78,
  mat-icon.s-lg-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  i.s-lg-80,
  mat-icon.s-lg-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  i.s-lg-82,
  mat-icon.s-lg-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  i.s-lg-84,
  mat-icon.s-lg-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  i.s-lg-86,
  mat-icon.s-lg-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  i.s-lg-88,
  mat-icon.s-lg-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  i.s-lg-90,
  mat-icon.s-lg-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  i.s-lg-92,
  mat-icon.s-lg-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  i.s-lg-94,
  mat-icon.s-lg-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  i.s-lg-96,
  mat-icon.s-lg-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  i.s-lg-98,
  mat-icon.s-lg-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  i.s-lg-100,
  mat-icon.s-lg-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  i.s-lg-102,
  mat-icon.s-lg-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  i.s-lg-104,
  mat-icon.s-lg-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  i.s-lg-106,
  mat-icon.s-lg-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  i.s-lg-108,
  mat-icon.s-lg-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  i.s-lg-110,
  mat-icon.s-lg-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  i.s-lg-112,
  mat-icon.s-lg-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  i.s-lg-114,
  mat-icon.s-lg-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  i.s-lg-116,
  mat-icon.s-lg-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  i.s-lg-118,
  mat-icon.s-lg-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  i.s-lg-120,
  mat-icon.s-lg-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  i.s-lg-122,
  mat-icon.s-lg-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  i.s-lg-124,
  mat-icon.s-lg-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  i.s-lg-126,
  mat-icon.s-lg-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  i.s-lg-128,
  mat-icon.s-lg-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  i.s-lg-130,
  mat-icon.s-lg-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  i.s-lg-132,
  mat-icon.s-lg-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  i.s-lg-134,
  mat-icon.s-lg-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  i.s-lg-136,
  mat-icon.s-lg-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  i.s-lg-138,
  mat-icon.s-lg-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  i.s-lg-140,
  mat-icon.s-lg-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  i.s-lg-142,
  mat-icon.s-lg-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  i.s-lg-144,
  mat-icon.s-lg-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  i.s-lg-146,
  mat-icon.s-lg-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  i.s-lg-148,
  mat-icon.s-lg-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  i.s-lg-150,
  mat-icon.s-lg-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  i.s-lg-152,
  mat-icon.s-lg-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  i.s-lg-154,
  mat-icon.s-lg-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  i.s-lg-156,
  mat-icon.s-lg-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  i.s-lg-158,
  mat-icon.s-lg-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  i.s-lg-160,
  mat-icon.s-lg-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  i.s-lg-162,
  mat-icon.s-lg-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  i.s-lg-164,
  mat-icon.s-lg-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  i.s-lg-166,
  mat-icon.s-lg-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  i.s-lg-168,
  mat-icon.s-lg-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  i.s-lg-170,
  mat-icon.s-lg-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  i.s-lg-172,
  mat-icon.s-lg-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  i.s-lg-174,
  mat-icon.s-lg-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  i.s-lg-176,
  mat-icon.s-lg-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  i.s-lg-178,
  mat-icon.s-lg-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  i.s-lg-180,
  mat-icon.s-lg-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  i.s-lg-182,
  mat-icon.s-lg-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  i.s-lg-184,
  mat-icon.s-lg-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  i.s-lg-186,
  mat-icon.s-lg-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  i.s-lg-188,
  mat-icon.s-lg-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  i.s-lg-190,
  mat-icon.s-lg-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  i.s-lg-192,
  mat-icon.s-lg-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  i.s-lg-194,
  mat-icon.s-lg-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  i.s-lg-196,
  mat-icon.s-lg-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  i.s-lg-198,
  mat-icon.s-lg-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  i.s-lg-200,
  mat-icon.s-lg-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  i.s-lg-202,
  mat-icon.s-lg-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  i.s-lg-204,
  mat-icon.s-lg-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  i.s-lg-206,
  mat-icon.s-lg-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  i.s-lg-208,
  mat-icon.s-lg-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  i.s-lg-210,
  mat-icon.s-lg-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  i.s-lg-212,
  mat-icon.s-lg-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  i.s-lg-214,
  mat-icon.s-lg-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  i.s-lg-216,
  mat-icon.s-lg-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  i.s-lg-218,
  mat-icon.s-lg-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  i.s-lg-220,
  mat-icon.s-lg-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  i.s-lg-222,
  mat-icon.s-lg-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  i.s-lg-224,
  mat-icon.s-lg-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  i.s-lg-226,
  mat-icon.s-lg-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  i.s-lg-228,
  mat-icon.s-lg-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  i.s-lg-230,
  mat-icon.s-lg-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  i.s-lg-232,
  mat-icon.s-lg-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  i.s-lg-234,
  mat-icon.s-lg-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  i.s-lg-236,
  mat-icon.s-lg-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  i.s-lg-238,
  mat-icon.s-lg-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  i.s-lg-240,
  mat-icon.s-lg-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  i.s-lg-242,
  mat-icon.s-lg-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  i.s-lg-244,
  mat-icon.s-lg-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  i.s-lg-246,
  mat-icon.s-lg-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  i.s-lg-248,
  mat-icon.s-lg-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  i.s-lg-250,
  mat-icon.s-lg-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  i.s-lg-252,
  mat-icon.s-lg-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  i.s-lg-254,
  mat-icon.s-lg-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  i.s-lg-256,
  mat-icon.s-lg-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}
@media (min-width: 1920px) {
  i.s-xl-4,
  mat-icon.s-xl-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  i.s-xl-6,
  mat-icon.s-xl-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  i.s-xl-8,
  mat-icon.s-xl-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  i.s-xl-10,
  mat-icon.s-xl-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  i.s-xl-12,
  mat-icon.s-xl-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  i.s-xl-14,
  mat-icon.s-xl-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  i.s-xl-16,
  mat-icon.s-xl-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  i.s-xl-18,
  mat-icon.s-xl-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  i.s-xl-20,
  mat-icon.s-xl-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  i.s-xl-22,
  mat-icon.s-xl-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  i.s-xl-24,
  mat-icon.s-xl-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  i.s-xl-26,
  mat-icon.s-xl-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  i.s-xl-28,
  mat-icon.s-xl-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  i.s-xl-30,
  mat-icon.s-xl-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  i.s-xl-32,
  mat-icon.s-xl-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  i.s-xl-34,
  mat-icon.s-xl-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  i.s-xl-36,
  mat-icon.s-xl-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  i.s-xl-38,
  mat-icon.s-xl-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  i.s-xl-40,
  mat-icon.s-xl-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  i.s-xl-42,
  mat-icon.s-xl-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  i.s-xl-44,
  mat-icon.s-xl-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  i.s-xl-46,
  mat-icon.s-xl-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  i.s-xl-48,
  mat-icon.s-xl-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  i.s-xl-50,
  mat-icon.s-xl-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  i.s-xl-52,
  mat-icon.s-xl-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  i.s-xl-54,
  mat-icon.s-xl-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  i.s-xl-56,
  mat-icon.s-xl-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  i.s-xl-58,
  mat-icon.s-xl-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  i.s-xl-60,
  mat-icon.s-xl-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  i.s-xl-62,
  mat-icon.s-xl-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  i.s-xl-64,
  mat-icon.s-xl-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  i.s-xl-66,
  mat-icon.s-xl-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  i.s-xl-68,
  mat-icon.s-xl-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  i.s-xl-70,
  mat-icon.s-xl-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  i.s-xl-72,
  mat-icon.s-xl-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  i.s-xl-74,
  mat-icon.s-xl-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  i.s-xl-76,
  mat-icon.s-xl-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  i.s-xl-78,
  mat-icon.s-xl-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  i.s-xl-80,
  mat-icon.s-xl-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  i.s-xl-82,
  mat-icon.s-xl-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  i.s-xl-84,
  mat-icon.s-xl-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  i.s-xl-86,
  mat-icon.s-xl-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  i.s-xl-88,
  mat-icon.s-xl-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  i.s-xl-90,
  mat-icon.s-xl-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  i.s-xl-92,
  mat-icon.s-xl-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  i.s-xl-94,
  mat-icon.s-xl-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  i.s-xl-96,
  mat-icon.s-xl-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  i.s-xl-98,
  mat-icon.s-xl-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  i.s-xl-100,
  mat-icon.s-xl-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  i.s-xl-102,
  mat-icon.s-xl-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  i.s-xl-104,
  mat-icon.s-xl-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  i.s-xl-106,
  mat-icon.s-xl-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  i.s-xl-108,
  mat-icon.s-xl-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  i.s-xl-110,
  mat-icon.s-xl-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  i.s-xl-112,
  mat-icon.s-xl-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  i.s-xl-114,
  mat-icon.s-xl-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  i.s-xl-116,
  mat-icon.s-xl-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  i.s-xl-118,
  mat-icon.s-xl-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  i.s-xl-120,
  mat-icon.s-xl-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  i.s-xl-122,
  mat-icon.s-xl-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  i.s-xl-124,
  mat-icon.s-xl-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  i.s-xl-126,
  mat-icon.s-xl-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  i.s-xl-128,
  mat-icon.s-xl-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  i.s-xl-130,
  mat-icon.s-xl-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  i.s-xl-132,
  mat-icon.s-xl-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  i.s-xl-134,
  mat-icon.s-xl-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  i.s-xl-136,
  mat-icon.s-xl-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  i.s-xl-138,
  mat-icon.s-xl-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  i.s-xl-140,
  mat-icon.s-xl-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  i.s-xl-142,
  mat-icon.s-xl-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  i.s-xl-144,
  mat-icon.s-xl-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  i.s-xl-146,
  mat-icon.s-xl-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  i.s-xl-148,
  mat-icon.s-xl-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  i.s-xl-150,
  mat-icon.s-xl-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  i.s-xl-152,
  mat-icon.s-xl-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  i.s-xl-154,
  mat-icon.s-xl-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  i.s-xl-156,
  mat-icon.s-xl-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  i.s-xl-158,
  mat-icon.s-xl-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  i.s-xl-160,
  mat-icon.s-xl-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  i.s-xl-162,
  mat-icon.s-xl-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  i.s-xl-164,
  mat-icon.s-xl-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  i.s-xl-166,
  mat-icon.s-xl-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  i.s-xl-168,
  mat-icon.s-xl-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  i.s-xl-170,
  mat-icon.s-xl-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  i.s-xl-172,
  mat-icon.s-xl-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  i.s-xl-174,
  mat-icon.s-xl-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  i.s-xl-176,
  mat-icon.s-xl-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  i.s-xl-178,
  mat-icon.s-xl-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  i.s-xl-180,
  mat-icon.s-xl-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  i.s-xl-182,
  mat-icon.s-xl-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  i.s-xl-184,
  mat-icon.s-xl-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  i.s-xl-186,
  mat-icon.s-xl-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  i.s-xl-188,
  mat-icon.s-xl-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  i.s-xl-190,
  mat-icon.s-xl-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  i.s-xl-192,
  mat-icon.s-xl-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  i.s-xl-194,
  mat-icon.s-xl-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  i.s-xl-196,
  mat-icon.s-xl-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  i.s-xl-198,
  mat-icon.s-xl-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  i.s-xl-200,
  mat-icon.s-xl-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  i.s-xl-202,
  mat-icon.s-xl-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  i.s-xl-204,
  mat-icon.s-xl-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  i.s-xl-206,
  mat-icon.s-xl-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  i.s-xl-208,
  mat-icon.s-xl-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  i.s-xl-210,
  mat-icon.s-xl-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  i.s-xl-212,
  mat-icon.s-xl-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  i.s-xl-214,
  mat-icon.s-xl-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  i.s-xl-216,
  mat-icon.s-xl-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  i.s-xl-218,
  mat-icon.s-xl-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  i.s-xl-220,
  mat-icon.s-xl-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  i.s-xl-222,
  mat-icon.s-xl-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  i.s-xl-224,
  mat-icon.s-xl-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  i.s-xl-226,
  mat-icon.s-xl-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  i.s-xl-228,
  mat-icon.s-xl-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  i.s-xl-230,
  mat-icon.s-xl-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  i.s-xl-232,
  mat-icon.s-xl-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  i.s-xl-234,
  mat-icon.s-xl-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  i.s-xl-236,
  mat-icon.s-xl-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  i.s-xl-238,
  mat-icon.s-xl-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  i.s-xl-240,
  mat-icon.s-xl-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  i.s-xl-242,
  mat-icon.s-xl-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  i.s-xl-244,
  mat-icon.s-xl-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  i.s-xl-246,
  mat-icon.s-xl-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  i.s-xl-248,
  mat-icon.s-xl-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  i.s-xl-250,
  mat-icon.s-xl-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  i.s-xl-252,
  mat-icon.s-xl-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  i.s-xl-254,
  mat-icon.s-xl-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  i.s-xl-256,
  mat-icon.s-xl-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}

/* $matPalettes: (
    red: $mat-red,
    pink: $mat-pink,
    purple: $mat-purple,
    deep-purple: $mat-deep-purple,
    indigo: $mat-indigo,
    blue: $mat-blue,
    light-blue: $mat-light-blue,
    cyan: $mat-cyan,
    teal: $mat-teal,
    green: $mat-green,
    light-green: $mat-light-green,
    lime: $mat-lime,
    yellow: $mat-yellow,
    amber: $mat-amber,
    orange: $mat-orange,
    deep-orange: $mat-deep-orange,
    brown: $mat-brown,
    grey: $mat-grey,
    blue-grey: $mat-blue-grey,
); */
/* @include fuse-color-classes($matPalettes); */
.avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 37px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.avatar.square {
  border-radius: 0;
}
.avatar.small {
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.avatar.big {
  width: 72px;
  min-width: 72px;
  height: 72px;
  line-height: 72px;
}
.avatar.huge {
  width: 96px;
  min-width: 96px;
  height: 96px;
  line-height: 96px;
}

.avatar-wrapper {
  position: relative;
}
.avatar-wrapper .avatar {
  margin-top: 0;
  margin-bottom: 0;
}
.avatar-wrapper mat-icon.status {
  position: absolute;
  top: 28px;
  left: 28px;
}

mat-icon.status {
  border-radius: 50%;
}
mat-icon.status.online {
  color: #4caf50;
}
mat-icon.status.online:before {
  content: "check_circle";
}
mat-icon.status.do-not-disturb {
  color: #f44336;
}
mat-icon.status.do-not-disturb:before {
  content: "do_not_disturb_on";
}
mat-icon.status.away {
  background-color: #ffc107;
  color: #ffffff;
}
mat-icon.status.away:before {
  content: "access_time";
}
mat-icon.status.offline {
  color: #646464;
  background-color: #ffffff;
}
mat-icon.status.offline:before {
  content: "not_interested";
}

.form-wrapper {
  padding: 16px;
}
.form-wrapper .form-title {
  font-size: 21px;
  padding: 8px 0;
}

.navigation-simple .item {
  position: relative;
  cursor: pointer;
  text-align: left;
  margin: 0;
  padding: 0 24px;
  text-transform: none;
  line-height: 48px;
  max-height: 48px;
  height: 48px;
}
.navigation-simple .item mat-icon {
  margin: 0 16px 0 0;
}
.navigation-simple .item .title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.navigation-simple .subheader {
  font-size: 13px;
  font-weight: 500;
  margin-top: 8px;
}
.navigation-simple mat-divider {
  margin: 8px 0;
}

.simple-pagination {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  padding: 0 8px;
}
.simple-pagination .pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 56px;
  line-height: 56px;
  border-radius: 0;
  margin: 0;
  font-weight: normal;
}
.simple-pagination .pagination-item.active {
  cursor: default;
}
.simple-pagination .pagination-item.disabled {
  cursor: default;
}

.price-tables .price-table {
  position: relative;
  width: 280px;
  border-radius: 2px;
  margin: 12px;
  overflow: hidden;
}
.price-tables .price-table.style-1 .package-type {
  font-size: 17px;
  padding: 16px 24px;
}
.price-tables .price-table.style-1 .package-type .sale {
  font-size: 13px;
  font-weight: 600;
}
.price-tables .price-table.style-1 .price {
  padding: 32px 32px 16px 32px;
}
.price-tables .price-table.style-1 .price .currency {
  padding-right: 4px;
  font-size: 24px;
  font-weight: 500;
}
.price-tables .price-table.style-1 .price .value {
  font-size: 72px;
  font-weight: 300;
  line-height: 1;
}
.price-tables .price-table.style-1 .price .period {
  padding: 0 0 5px 4px;
  font-size: 17px;
}
.price-tables .price-table.style-1 mat-divider {
  margin: 16px 32px;
}
.price-tables .price-table.style-1 .terms {
  padding: 16px 32px;
  font-size: 15px;
}
.price-tables .price-table.style-1 .cta-button {
  margin: 16px auto 32px auto;
  width: 128px;
}
.price-tables .price-table.style-2 .badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: 500;
  padding: 6px 8px;
}
.price-tables .price-table.style-2 .package-type {
  padding: 48px 32px 24px 32px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.price-tables .price-table.style-2 .price {
  padding: 0 32px 8px 32px;
}
.price-tables .price-table.style-2 .price .currency {
  padding-right: 4px;
  font-size: 24px;
  font-weight: 500;
}
.price-tables .price-table.style-2 .price .value {
  font-size: 56px;
  font-weight: 300;
  line-height: 1;
}
.price-tables .price-table.style-2 .period {
  padding: 0 32px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.price-tables .price-table.style-2 .terms {
  padding: 32px;
  font-size: 15px;
}
.price-tables .price-table.style-2 .terms .term {
  padding-bottom: 8px;
}
.price-tables .price-table.style-2 .terms .term:last-child {
  padding-bottom: 0;
}
.price-tables .price-table.style-2 .cta-button {
  margin: 8px auto 32px auto;
  width: 128px;
}
.price-tables .price-table.style-3 .package-type {
  padding: 32px;
  text-align: center;
}
.price-tables .price-table.style-3 .package-type .title {
  font-size: 34px;
}
.price-tables .price-table.style-3 .package-type .subtitle {
  font-size: 17px;
  font-weight: 500;
}
.price-tables .price-table.style-3 .price {
  padding: 16px 32px;
}
.price-tables .price-table.style-3 .price .currency {
  padding-right: 4px;
  font-size: 15px;
  font-weight: 500;
}
.price-tables .price-table.style-3 .price .value {
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
}
.price-tables .price-table.style-3 .price .period {
  padding-left: 4px;
  text-align: center;
}
.price-tables .price-table.style-3 .terms {
  margin: 32px;
  font-size: 15px;
}
.price-tables .price-table.style-3 .terms .term {
  padding-bottom: 16px;
}
.price-tables .price-table.style-3 .terms .term:last-child {
  padding-bottom: 0;
}
.price-tables .price-table.style-3 .cta-button {
  margin: 8px 32px;
}
.price-tables .price-table.style-3 .note {
  padding: 8px 32px 16px 32px;
  text-align: center;
}

.simple-table-container .table-title {
  font-size: 20px;
  padding: 24px;
}

table.simple {
  width: 100%;
  border: none;
  border-spacing: 0;
  text-align: left;
}
table.simple thead tr th {
  padding: 16px 8px;
  font-weight: 500;
  white-space: nowrap;
}
table.simple thead tr th:first-child {
  padding-left: 24px;
}
table.simple thead tr th:last-child {
  padding-right: 24px;
}
table.simple tbody tr td {
  padding: 16px 8px;
}
table.simple tbody tr td:first-child {
  padding-left: 24px;
}
table.simple tbody tr td:last-child {
  padding-right: 24px;
}
table.simple tbody tr:last-child td {
  border-bottom: none;
}
table.simple.clickable tbody tr {
  cursor: pointer;
}

.mat-mdc-icon-button .mdc-icon-button__ripple {
  border-radius: 50%;
}

.mat-mdc-dialog-container {
  -webkit-overflow-scrolling: touch;
}

.mat-mdc-checkbox {
  font-size: 16px;
}

.mat-mdc-radio-button {
  font-size: 16px;
}

.mat-pseudo-checkbox-checked:after {
  width: 14px !important;
  height: 7px !important;
}

.mdc-line-ripple {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-form-field.mat-form-field-type-mat-select .mat-mdc-form-field-infix {
  display: inline-flex;
  width: auto;
}
.mat-mdc-form-field.mat-form-field-type-mat-select .mat-mdc-form-field-infix .mdc-select__selected-text {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.mat-mdc-form-field.mat-form-field-type-mat-select .mat-mdc-form-field-infix .mdc-select__selected-text .mdc-select__selected-text {
  display: flex;
  max-width: none;
  margin-right: 8px;
}
.mat-mdc-form-field.mat-form-field-type-mat-select .mat-mdc-form-field-infix .mdc-select__selected-text .mdc-select__dropdown-icon {
  display: inline-flex;
}

mat-horizontal-stepper mat-step-header mat-icon,
mat-vertical-stepper mat-step-header mat-icon {
  height: 16px !important;
  width: 16px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  color: inherit !important;
}

mat-vertical-stepper {
  padding: 16px 0;
}

.mat-mdc-chip mat-icon {
  min-width: 0 !important;
  min-height: 0 !important;
}

.mat-mdc-card-image {
  max-width: none !important;
}

:root {
  --maxbrain-progress-track-color: #eceeed;
}

mat-progress-bar {
  --mdc-linear-progress-track-color: var(--maxbrain-progress-track-color);
}
mat-progress-bar .mdc-linear-progress__buffer-bar,
mat-progress-bar .mdc-linear-progress__buffer {
  background-color: var(--maxbrain-progress-track-color) !important;
}
mat-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: transparent !important;
}
mat-progress-bar .mat-progress-bar-buffer {
  background-color: var(--maxbrain-progress-track-color) !important;
}
mat-progress-bar .mat-progress-bar-background {
  fill: var(--maxbrain-progress-track-color) !important;
}

html {
  font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif;
  line-height: 1.4 !important;
}

body {
  font-size: 14px;
}

html,
body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: normal;
}

h1,
.h1 {
  font-size: 24px;
}

h2,
.h2 {
  font-size: 20px;
}

h3,
.h3 {
  font-size: 16px;
}

h4,
.h4 {
  font-size: 15px;
}

h5,
.h5 {
  font-size: 13px;
}

h6,
.h6 {
  font-size: 12px;
}

a {
  text-decoration: none;
}
a:not(.mat-mdc-button):not(.mat-mdc-raised-button):not(.mat-mdc-icon-button):hover, a:not(.mat-mdc-button):not(.mat-mdc-raised-button):not(.mat-mdc-icon-button):active {
  text-decoration: underline;
}

abbr {
  cursor: help;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}

blockquote {
  border-left: 3px solid rgba(0, 0, 0, 0.12);
  font-style: italic;
  margin: 1em 0;
  padding-left: 16px;
}
blockquote footer {
  font-style: normal;
}
blockquote footer:before {
  content: "— ";
}
blockquote.reverse {
  border-left: none;
  border-right: 3px solid rgba(0, 0, 0, 0.12);
  text-align: right;
  padding-left: 0;
  padding-right: 16px;
}
blockquote.reverse footer:before {
  content: "";
}
blockquote.reverse footer:after {
  content: "— ";
}

code {
  font-family: "Monaco", "Menlo", "Consolas", "Ubuntu Mono", monospace;
}
code:not(.highlight) {
  color: #106cc8;
  padding: 2px 3px;
  border-radius: 2px;
  line-height: 1.7;
}

dl dt {
  font-weight: bold;
}
dl dd {
  margin: 4px 0 16px 0;
}

mark {
  background: #f7f49a;
}

pre {
  line-height: 1.6;
  margin: 8px 16px;
  white-space: pre-wrap;
}

small {
  font-size: 80%;
}

table thead tr th {
  text-align: left;
}

.text-green {
  color: #71b340;
}

.text-red {
  color: #ff0201 !important;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.font-size-2 {
  font-size: 2px;
}

.font-size-4 {
  font-size: 4px;
}

.font-size-6 {
  font-size: 6px;
}

.font-size-8 {
  font-size: 8px;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-30 {
  font-size: 30px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-42 {
  font-size: 42px;
}

.font-size-44 {
  font-size: 44px;
}

.font-size-46 {
  font-size: 46px;
}

.font-size-48 {
  font-size: 48px;
}

.font-size-50 {
  font-size: 50px;
}

.font-size-52 {
  font-size: 52px;
}

.font-size-54 {
  font-size: 54px;
}

.font-size-56 {
  font-size: 56px;
}

.font-size-58 {
  font-size: 58px;
}

.font-size-60 {
  font-size: 60px;
}

.font-size-62 {
  font-size: 62px;
}

.font-size-64 {
  font-size: 64px;
}

.font-size-66 {
  font-size: 66px;
}

.font-size-68 {
  font-size: 68px;
}

.font-size-70 {
  font-size: 70px;
}

.font-size-72 {
  font-size: 72px;
}

.font-size-74 {
  font-size: 74px;
}

.font-size-76 {
  font-size: 76px;
}

.font-size-78 {
  font-size: 78px;
}

.font-size-80 {
  font-size: 80px;
}

.font-size-82 {
  font-size: 82px;
}

.font-size-84 {
  font-size: 84px;
}

.font-size-86 {
  font-size: 86px;
}

.font-size-88 {
  font-size: 88px;
}

.font-size-90 {
  font-size: 90px;
}

.font-size-92 {
  font-size: 92px;
}

.font-size-94 {
  font-size: 94px;
}

.font-size-96 {
  font-size: 96px;
}

.font-size-98 {
  font-size: 98px;
}

.font-size-100 {
  font-size: 100px;
}

.font-size-102 {
  font-size: 102px;
}

.font-size-104 {
  font-size: 104px;
}

.font-size-106 {
  font-size: 106px;
}

.font-size-108 {
  font-size: 108px;
}

.font-size-110 {
  font-size: 110px;
}

.font-size-112 {
  font-size: 112px;
}

.font-size-114 {
  font-size: 114px;
}

.font-size-116 {
  font-size: 116px;
}

.font-size-118 {
  font-size: 118px;
}

.font-size-120 {
  font-size: 120px;
}

.line-height-2 {
  line-height: 2px;
}

.line-height-4 {
  line-height: 4px;
}

.line-height-6 {
  line-height: 6px;
}

.line-height-8 {
  line-height: 8px;
}

.line-height-10 {
  line-height: 10px;
}

.line-height-12 {
  line-height: 12px;
}

.line-height-14 {
  line-height: 14px;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-30 {
  line-height: 30px;
}

.line-height-32 {
  line-height: 32px;
}

.line-height-34 {
  line-height: 34px;
}

.line-height-36 {
  line-height: 36px;
}

.line-height-38 {
  line-height: 38px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-42 {
  line-height: 42px;
}

.line-height-44 {
  line-height: 44px;
}

.line-height-46 {
  line-height: 46px;
}

.line-height-48 {
  line-height: 48px;
}

.line-height-50 {
  line-height: 50px;
}

.line-height-52 {
  line-height: 52px;
}

.line-height-54 {
  line-height: 54px;
}

.line-height-56 {
  line-height: 56px;
}

.line-height-58 {
  line-height: 58px;
}

.line-height-60 {
  line-height: 60px;
}

.line-height-62 {
  line-height: 62px;
}

.line-height-64 {
  line-height: 64px;
}

.line-height-66 {
  line-height: 66px;
}

.line-height-68 {
  line-height: 68px;
}

.line-height-70 {
  line-height: 70px;
}

.line-height-72 {
  line-height: 72px;
}

.line-height-74 {
  line-height: 74px;
}

.line-height-76 {
  line-height: 76px;
}

.line-height-78 {
  line-height: 78px;
}

.line-height-80 {
  line-height: 80px;
}

.line-height-82 {
  line-height: 82px;
}

.line-height-84 {
  line-height: 84px;
}

.line-height-86 {
  line-height: 86px;
}

.line-height-88 {
  line-height: 88px;
}

.line-height-90 {
  line-height: 90px;
}

.line-height-92 {
  line-height: 92px;
}

.line-height-94 {
  line-height: 94px;
}

.line-height-96 {
  line-height: 96px;
}

.line-height-98 {
  line-height: 98px;
}

.line-height-100 {
  line-height: 100px;
}

.line-height-102 {
  line-height: 102px;
}

.line-height-104 {
  line-height: 104px;
}

.line-height-106 {
  line-height: 106px;
}

.line-height-108 {
  line-height: 108px;
}

.line-height-110 {
  line-height: 110px;
}

.line-height-112 {
  line-height: 112px;
}

.line-height-114 {
  line-height: 114px;
}

.line-height-116 {
  line-height: 116px;
}

.line-height-118 {
  line-height: 118px;
}

.line-height-120 {
  line-height: 120px;
}

.line-height-1 {
  line-height: 1;
}

.line-height-1\.25 {
  line-height: 1.25;
}

.line-height-1\.5,
.line-height-1\.50 {
  line-height: 1.5;
}

.line-height-1\.75 {
  line-height: 1.75;
}

.letter-spacing-condensed {
  letter-spacing: -0.02em;
}

.letter-spacing-normal {
  letter-spacing: normal;
}

.letter-spacing-relaxed {
  letter-spacing: 0.02em;
}

.text-boxed {
  border-radius: 2px;
  padding: 4px 8px;
  margin: 0 8px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

.text-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap {
  white-space: nowrap;
}

.text-strong-grey {
  color: #9e9e9e;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.text-black-strong-14 {
  color: #464b54;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}

.text-black-14 {
  color: #464b54;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}

.basic-text {
  color: #737373;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block !important;
}

.changelog .entry {
  margin-bottom: 24px;
  padding: 24px 32px;
}
.changelog .entry > .title {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.changelog .entry > .title .version {
  font-size: 24px;
}
.changelog .entry > .title .date {
  margin-left: 8px;
  font-size: 17px;
  opacity: 0.54;
}
.changelog .entry .groups div {
  margin-bottom: 32px;
}
.changelog .entry .groups div:last-child {
  margin-bottom: 0;
}
.changelog .entry .groups .title {
  display: inline-flex;
  font-size: 13px;
  color: white;
  letter-spacing: 0.015em;
  line-height: 1;
  padding: 5px 8px;
  border-radius: 2px;
}
.changelog .entry .groups .breaking-changes .title {
  background: #f44336;
}
.changelog .entry .groups .new .title {
  background: #43a047;
}
.changelog .entry .groups .improved .title {
  background: #673ab7;
}
.changelog .entry .groups .fixed .title {
  background: #2196f3;
}
.changelog .entry .groups ul {
  padding-left: 24px;
}
.changelog .entry .groups ul li {
  margin-bottom: 6px;
  letter-spacing: 0.015em;
}

.message-box {
  padding: 16px;
  background: #607d8b;
  border-left: 6px solid #37474f;
  color: rgb(255, 255, 255);
}
.message-box.error {
  background: #ef5350;
  border-left-color: #b71c1c;
}
.message-box.warning {
  background: #ffecb3;
  border-left-color: #ffc107;
  color: rgba(0, 0, 0, 0.87);
}
.message-box.success {
  background: #4caf50;
  border-left-color: #2e7d32;
}
.message-box.info {
  background: #b3e5fc;
  border-left-color: #03a9f4;
  color: rgba(0, 0, 0, 0.87);
}

.docs {
  font-size: 16px;
}
.docs > .content {
  max-width: 980px;
}
.docs > .content > .main-title:first-child {
  margin-top: 0;
}
.docs .main-title {
  display: flex;
  margin-top: 72px;
  font-size: 24px;
}
.docs .section-title {
  display: inline-flex;
  font-size: 18px;
  margin-top: 24px;
  border-bottom: 1px solid #f44336;
  color: #f44336;
}
.docs ol,
.docs ul {
  padding-left: 24px;
}
.docs ol li,
.docs ul li {
  margin-bottom: 12px;
  line-height: 1.7;
}
.docs p {
  line-height: 1.7;
}

.page-layout {
  position: relative;
  overflow: hidden;
}
.page-layout.carded {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  min-width: 100%;
}
.page-layout.carded > .top-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
}
@media (max-width: 959px) {
  .page-layout.carded > .top-bg {
    height: 160px;
  }
}
.page-layout.carded.fullwidth > .center {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 32px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.page-layout.carded.fullwidth > .center > .header {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
}
@media (max-width: 959px) {
  .page-layout.carded.fullwidth > .center > .header {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }
}
.page-layout.carded.fullwidth > .center > .content-card {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  overflow: hidden;
}
.page-layout.carded.fullwidth > .center > .content-card > .toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
}
.page-layout.carded.fullwidth > .center > .content-card > .content {
  flex: 1 0 auto;
}
.page-layout.carded.fullwidth.tabbed > .center {
  width: 100%;
  min-width: 0;
}
.page-layout.carded.fullwidth.tabbed > .center > .header {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content {
  display: flex;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group {
  overflow: hidden;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab {
  height: 64px;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body {
  overflow: hidden;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content {
  overflow: hidden;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content .tab-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-layout.carded.fullwidth.inner-scroll {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.inner-scroll > .center {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.inner-scroll > .center > .content-card {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.inner-scroll > .center > .content-card > .content {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.fullwidth.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content .tab-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.left-sidebar, .page-layout.carded.right-sidebar {
  flex-direction: row;
}
.page-layout.carded.left-sidebar > .sidebar, .page-layout.carded.right-sidebar > .sidebar {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  height: auto;
  overflow: hidden;
}
.page-layout.carded.left-sidebar > .sidebar.locked-open, .page-layout.carded.right-sidebar > .sidebar.locked-open {
  background: none;
  box-shadow: none;
}
.page-layout.carded.left-sidebar > .sidebar.locked-open + .center, .page-layout.carded.right-sidebar > .sidebar.locked-open + .center {
  z-index: 1001;
}
.page-layout.carded.left-sidebar > .sidebar.locked-open.left-positioned + .center, .page-layout.carded.right-sidebar > .sidebar.locked-open.left-positioned + .center {
  margin-left: 0;
}
.page-layout.carded.left-sidebar > .sidebar.locked-open.right-positioned + .center, .page-layout.carded.right-sidebar > .sidebar.locked-open.right-positioned + .center {
  margin-right: 0;
}
.page-layout.carded.left-sidebar > .sidebar .header, .page-layout.carded.right-sidebar > .sidebar .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
}
@media (max-width: 959px) {
  .page-layout.carded.left-sidebar > .sidebar .header, .page-layout.carded.right-sidebar > .sidebar .header {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
  }
}
.page-layout.carded.left-sidebar > .sidebar .content, .page-layout.carded.right-sidebar > .sidebar .content {
  background: transparent;
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar > .center, .page-layout.carded.right-sidebar > .center {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  z-index: 3;
  margin-left: 32px;
  margin-right: 32px;
  width: 100%;
  min-width: 0;
}
.page-layout.carded.left-sidebar > .center > .header, .page-layout.carded.right-sidebar > .center > .header {
  display: flex;
  height: 136px;
  min-height: 136px;
  max-height: 136px;
}
@media (max-width: 959px) {
  .page-layout.carded.left-sidebar > .center > .header, .page-layout.carded.right-sidebar > .center > .header {
    height: 96px;
    min-height: 96px;
    max-height: 96px;
  }
}
.page-layout.carded.left-sidebar > .center > .content-card, .page-layout.carded.right-sidebar > .center > .content-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.page-layout.carded.left-sidebar > .center > .content-card > .toolbar, .page-layout.carded.right-sidebar > .center > .content-card > .toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1 auto;
  border-bottom: 1px solid;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
}
.page-layout.carded.left-sidebar > .center > .content-card > .toolbar .sidebar-toggle, .page-layout.carded.right-sidebar > .center > .content-card > .toolbar .sidebar-toggle {
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border-radius: 0;
}
.page-layout.carded.left-sidebar > .center > .content-card > .content, .page-layout.carded.right-sidebar > .center > .content-card > .content {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.tabbed > .center, .page-layout.carded.right-sidebar.tabbed > .center {
  width: calc(100% - 32px);
  min-width: 0;
}
@media (max-width: 1279px) {
  .page-layout.carded.left-sidebar.tabbed > .center, .page-layout.carded.right-sidebar.tabbed > .center {
    width: calc(100% - 64px);
  }
}
.page-layout.carded.left-sidebar.tabbed > .center > .header, .page-layout.carded.right-sidebar.tabbed > .center > .header {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content {
  display: flex;
}
.page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group {
  overflow: hidden;
}
.page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab {
  height: 64px;
}
.page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body {
  overflow: hidden;
}
.page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content {
  overflow: hidden;
}
.page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content .tab-content, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content .tab-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-layout.carded.left-sidebar.inner-scroll, .page-layout.carded.right-sidebar.inner-scroll {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.inner-scroll > .sidebar .content, .page-layout.carded.right-sidebar.inner-scroll > .sidebar .content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.left-sidebar.inner-scroll > .center, .page-layout.carded.right-sidebar.inner-scroll > .center {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.inner-scroll > .center > .content-card, .page-layout.carded.right-sidebar.inner-scroll > .center > .content-card {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.inner-scroll > .center > .content-card > .content, .page-layout.carded.right-sidebar.inner-scroll > .center > .content-card > .content {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.left-sidebar.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content .tab-content, .page-layout.carded.right-sidebar.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mdc-tab-panel__content .tab-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.right-sidebar > .sidebar {
  order: 2;
}
.page-layout.carded.right-sidebar > .center {
  order: 1;
}
.page-layout.simple {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  min-width: 100%;
}
.page-layout.simple.fullwidth > .content {
  flex: 1 1 auto;
  min-width: 0;
}
.page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidebar > .header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}
.page-layout.simple.left-sidebar, .page-layout.simple.right-sidebar {
  flex-direction: row;
}
.page-layout.simple.left-sidebar > .sidebar, .page-layout.simple.right-sidebar > .sidebar {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  overflow: hidden;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open, .page-layout.simple.right-sidebar > .sidebar.locked-open {
  background: none;
  box-shadow: none;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open + .center, .page-layout.simple.right-sidebar > .sidebar.locked-open + .center {
  z-index: 1001;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open.left-positioned + .center, .page-layout.simple.right-sidebar > .sidebar.locked-open.left-positioned + .center {
  margin-left: 0;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open.right-positioned + .center, .page-layout.simple.right-sidebar > .sidebar.locked-open.right-positioned + .center {
  margin-right: 0;
}
.page-layout.simple.left-sidebar > .sidebar .content, .page-layout.simple.right-sidebar > .sidebar .content {
  flex: 1 1 auto;
}
.page-layout.simple.left-sidebar > .center, .page-layout.simple.right-sidebar > .center {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  z-index: 3;
  min-width: 0;
  width: 100%;
}
.page-layout.simple.left-sidebar > .center > .header, .page-layout.simple.right-sidebar > .center > .header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}
.page-layout.simple.left-sidebar > .center > .content, .page-layout.simple.right-sidebar > .center > .content {
  flex: 1 0 auto;
}
.page-layout.simple.left-sidebar.inner-scroll, .page-layout.simple.right-sidebar.inner-scroll {
  flex: 1 1 auto;
}
.page-layout.simple.left-sidebar.inner-scroll > .sidebar .content, .page-layout.simple.right-sidebar.inner-scroll > .sidebar .content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.left-sidebar.inner-scroll > .center, .page-layout.simple.right-sidebar.inner-scroll > .center {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.left-sidebar.inner-sidebar, .page-layout.simple.right-sidebar.inner-sidebar {
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content, .page-layout.simple.right-sidebar.inner-sidebar > .content {
  display: flex;
  min-height: 0;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .sidebar.locked-open, .page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar.locked-open {
  background: none;
  box-shadow: none;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .sidebar .content, .page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar .content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .center, .page-layout.simple.right-sidebar.inner-sidebar > .content > .center {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.right-sidebar > .sidebar {
  order: 2;
}
.page-layout.simple.right-sidebar > .center {
  order: 1;
}
.page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar {
  order: 2;
}
.page-layout.simple.right-sidebar.inner-sidebar > .content > .center {
  order: 1;
}
.page-layout.simple.tabbed {
  min-height: 100%;
}
.page-layout.simple.tabbed > .header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}
.page-layout.simple.tabbed > .content > .mat-mdc-tab-group .mdc-tab-bar__scroller {
  padding: 0 24px;
}
.page-layout.blank {
  width: 100%;
  min-height: 100%;
}
@media (max-width: 599px) {
  .page-layout.carded.fullwidth > .center {
    padding: 0 16px;
  }
  .page-layout.carded.left-sidebar > .center, .page-layout.carded.right-sidebar > .center {
    margin: 0 16px;
  }
}

.fuse-card {
  max-width: 320px;
  min-width: 320px;
  border-radius: 2px;
}
.fuse-card.variable-width {
  min-width: 0;
}
.fuse-card.auto-width {
  min-width: 0;
  max-width: none;
}
.fuse-card .mat-mdc-button {
  min-width: 0 !important;
  padding: 0 8px !important;
}
.fuse-card .mdc-button-toggle-group,
.fuse-card .mat-button-toggle-standalone {
  box-shadow: none !important;
}
.fuse-card .mdc-tab-bar__scroller {
  justify-content: center;
}
.fuse-card .mat-mdc-tab {
  min-width: 0 !important;
}
.fuse-card .card-divider {
  margin: 16px;
}
.fuse-card .card-divider.full-width {
  margin: 0;
}
.fuse-card .card-expand-area {
  overflow: hidden;
}
.fuse-card .card-expand-area .card-expanded-content {
  padding: 8px 16px 16px 16px;
  line-height: 1.75;
}

.nav .nav-subheader {
  display: flex;
  align-items: center;
  height: 48px;
  font-weight: 500;
  padding-left: 24px;
  margin-top: 8px;
  font-size: 12px;
  white-space: nowrap;
}
.nav .nav-group {
  display: block;
}
.nav .nav-group:last-child {
  display: none;
}
.nav .nav-group > .group-title {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  font-weight: 500;
  padding-left: 24px;
  margin-top: 8px;
  font-size: 12px;
  white-space: nowrap;
}
.nav .nav-item .nav-link {
  text-decoration: none !important;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: currentColor;
}
.nav .nav-item .nav-link > .nav-link-title {
  flex: 1 1 auto;
  white-space: nowrap;
}
.nav .nav-item .nav-link .nav-link-badge {
  display: flex;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 20px;
  transition: opacity 0.2s ease-in-out 0.1s;
  margin-left: 8px;
}
.nav .nav-item .nav-link .nav-link-badge + .collapsable-arrow {
  margin-left: 8px;
}
.nav .nav-item .nav-link:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.nav .nav-item .nav-link .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.03);
}
.nav .nav-item .nav-link.active .nav-link-icon {
  opacity: 1;
}
.nav .nav-item .nav-link.active .nav-link-badge {
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.nav .nav-item .nav-link .nav-link-icon {
  margin-right: 12px;
  opacity: 0.7;
}
.nav .nav-item .nav-link .nav-link-icon,
.nav .nav-item .nav-link .collapsable-arrow {
  font-size: 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
}
.nav .nav-item.nav-collapsable {
  display: block;
}
.nav .nav-item.nav-collapsable > .children > .nav-item > .nav-link, .nav .nav-item.nav-collapsable > .children > .nav-item.nav-group > .group-title, .nav .nav-item.nav-collapsable > .children > .nav-item.nav-group > .group-items > .nav-item > .nav-link {
  padding-left: 56px;
}
.nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item > .nav-link, .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item.nav-group > .group-title, .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item.nav-group > .group-items > .nav-item > .nav-link {
  padding-left: 72px;
}
.nav > .nav-item.nav-collapsable {
  background: transparent;
  transition: background 200ms ease-in-out;
}
.nav > .nav-item.nav-collapsable.open {
  background: rgba(0, 0, 0, 0.12);
}
.nav > .nav-group > .group-items > .nav-collapsable {
  background: transparent;
  transition: background 200ms ease-in-out;
}
.nav > .nav-group > .group-items > .nav-collapsable.open {
  background: rgba(0, 0, 0, 0.12);
}
.nav.vertical .nav-group .group-title {
  text-transform: uppercase;
}
.nav.horizontal {
  display: flex;
  flex-direction: row;
}
.nav.horizontal .nav-item.nav-collapsable {
  position: relative;
}
.nav.horizontal .nav-item.nav-collapsable .children {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 999;
  min-width: 200px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.nav.horizontal .nav-item.nav-collapsable .children.open {
  display: block;
}
.nav.horizontal .nav-item.nav-collapsable .children .nav-link {
  padding-left: 24px !important;
}
.nav.horizontal > .nav-item > .nav-link {
  height: 56px;
}
.nav.horizontal > .nav-item.nav-collapsable {
  position: relative;
}
.nav.horizontal > .nav-item.nav-collapsable > .nav-link {
  height: 56px;
}
.nav.horizontal > .nav-item.nav-collapsable > .nav-link .collapsable-arrow {
  display: none;
}
.nav.horizontal > .nav-item.nav-collapsable > .children {
  top: 100%;
  left: 0;
}
.nav.material .nav-subheader {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.nav.material .nav-subheader:first-child {
  border-top: none;
}
.nav.material .nav-item .nav-link {
  height: 40px;
  padding: 0 16px;
  margin: 4px 8px;
  border-radius: 4px;
}

button,
input[type=email],
input[type=tel],
input[type=text],
input[type=password],
input[type=image],
input[type=submit],
input[type=button],
input[type=search],
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.toolbar .toolbar-separator {
  height: 48px;
  width: 1px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 12px;
}

/*----------------------------------------------------------------*/
/*  Print
/*----------------------------------------------------------------*/
@media all {
  /* Never show page breaks in normal view */
  .page-break-after,
  .page-break-before {
    display: none;
  }
}
@media print {
  /* html and body tweaks */
  html,
  body {
    height: auto !important;
    overflow: initial !important;
  }
  /* Page breaks */
  .page-break-after {
    display: block;
    page-break-after: always;
    position: relative;
  }
  .page-break-before {
    display: block;
    page-break-before: always;
    position: relative;
  }
  /* General styles */
  app fuse-sidebar,
  app navbar,
  app toolbar,
  app footer,
  app .theme-options-button,
  app fuse-theme-options,
  app .ps > .ps__rail-x,
  app .ps > .ps__rail-y {
    display: none !important;
  }
  app .ps {
    overflow: visible !important;
  }
  app .mat-drawer-container,
  app .mat-sidenav-container {
    background-color: white !important;
  }
  app .mat-drawer-container .mat-drawer-content,
  app .mat-drawer-container .mat-sidenav-content,
  app .mat-sidenav-container .mat-drawer-content,
  app .mat-sidenav-container .mat-sidenav-content {
    overflow: initial !important;
    height: auto !important;
  }
}
/**
 * Prism base code highlighter theme using Sass 
 *
 * @author @MoOx
 * https://github.com/MoOx/sass-prism-theme-base/blob/master/_prism.scss
 * slightly adapted by me, Bram de Haan
 */
code[class*=language-], pre[class*=language-] {
  tab-size: 4;
  hyphens: none;
  white-space: pre;
  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: 1.6;
  color: #cdd3de;
  background: #263238;
}

:not(pre) > code[class*=language-], pre[class*=language-] {
  border-radius: 0;
  border: none;
  box-shadow: none;
}

pre[class*=language-] {
  padding: 12px;
}

:not(pre) > code[class*=language-] {
  padding: 2px 6px;
}

code[class*=language-] .namespace, pre[class*=language-] .namespace {
  opacity: 0.7;
}
code[class*=language-] .token.comment, code[class*=language-] .token.prolog, code[class*=language-] .token.doctype, code[class*=language-] .token.cdata, pre[class*=language-] .token.comment, pre[class*=language-] .token.prolog, pre[class*=language-] .token.doctype, pre[class*=language-] .token.cdata {
  color: #62727a;
}
code[class*=language-] .token.null, code[class*=language-] .token.operator, code[class*=language-] .token.boolean, code[class*=language-] .token.number, pre[class*=language-] .token.null, pre[class*=language-] .token.operator, pre[class*=language-] .token.boolean, pre[class*=language-] .token.number {
  color: #ea9560;
}
code[class*=language-] .token.string, pre[class*=language-] .token.string {
  color: #80cbc4;
}
code[class*=language-] .token.attr-name, pre[class*=language-] .token.attr-name {
  color: #ea9560;
}
code[class*=language-] .token.entity, code[class*=language-] .token.url, .language-css code[class*=language-] .token.string, .style code[class*=language-] .token.string, pre[class*=language-] .token.entity, pre[class*=language-] .token.url, .language-css pre[class*=language-] .token.string, .style pre[class*=language-] .token.string {
  color: #80cbc4;
}
code[class*=language-] .token.selector, pre[class*=language-] .token.selector {
  color: #82aaff;
}
code[class*=language-] .token.attr-value, code[class*=language-] .token.keyword, code[class*=language-] .token.control, code[class*=language-] .token.directive, code[class*=language-] .token.unit, pre[class*=language-] .token.attr-value, pre[class*=language-] .token.keyword, pre[class*=language-] .token.control, pre[class*=language-] .token.directive, pre[class*=language-] .token.unit {
  color: #8bd649;
}
code[class*=language-] .token.important, pre[class*=language-] .token.important {
  color: #ec5f67;
}
code[class*=language-] .token.atrule, pre[class*=language-] .token.atrule {
  color: #80cbc4;
}
code[class*=language-] .token.regex, code[class*=language-] .token.statement, pre[class*=language-] .token.regex, pre[class*=language-] .token.statement {
  color: #80cbc4;
}
code[class*=language-] .token.placeholder, code[class*=language-] .token.variable, pre[class*=language-] .token.placeholder, pre[class*=language-] .token.variable {
  color: #89ddff;
}
code[class*=language-] .token.property, pre[class*=language-] .token.property {
  color: #ffcc00;
}
code[class*=language-] .token.tag, pre[class*=language-] .token.tag {
  color: #89ddff;
}
code[class*=language-] .token.important, code[class*=language-] .token.statement, pre[class*=language-] .token.important, pre[class*=language-] .token.statement {
  font-weight: bold;
}
code[class*=language-] .token.punctuation, pre[class*=language-] .token.punctuation {
  color: #cdd3de;
}
code[class*=language-] .token.entity, pre[class*=language-] .token.entity {
  cursor: help;
}
code[class*=language-] .token.debug, pre[class*=language-] .token.debug {
  color: red;
}

.ps {
  position: relative;
}
.ps > .ps__rail-x {
  z-index: 99999;
}
.ps > .ps__rail-y {
  z-index: 99999;
  left: auto !important;
}

.ngx-datatable.material .empty-row {
  display: flex;
  align-items: center;
  line-height: 1;
  height: 56px;
  padding: 0 24px;
}
.ngx-datatable.material .datatable-header {
  border: none;
  min-height: 48px;
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  min-height: 48px;
  font-size: 13px;
  padding: 0 24px;
}
.ngx-datatable.material .datatable-body {
  display: flex;
  flex: 1 0 auto;
}
.ngx-datatable.material .datatable-body .datatable-scroll {
  display: flex;
  flex-direction: column;
  width: 100% !important;
}
.ngx-datatable.material .datatable-body .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-center,
.ngx-datatable.material .datatable-body .datatable-row-right {
  min-height: 48px;
}
.ngx-datatable.material .datatable-body .datatable-row-wrapper {
  border-bottom: 1px solid;
}
.ngx-datatable.material .datatable-body .datatable-row-wrapper:first-child {
  border-top: 1px solid;
}
.ngx-datatable.material .datatable-body .datatable-row-wrapper .datatable-body-cell {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  min-height: 48px;
  transition: none;
  padding: 0 24px;
  overflow: hidden;
}
.ngx-datatable.material .datatable-footer {
  border: none;
  min-height: 56px;
}
.ngx-datatable.material .datatable-footer .datatable-footer-inner {
  padding: 0 24px;
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .ngx-datatable.material .datatable-footer .datatable-footer-inner {
    flex-direction: column;
    padding: 16px 0;
    height: auto !important;
  }
  .ngx-datatable.material .datatable-footer .datatable-footer-inner .datatable-pager {
    margin: 0 !important;
  }
}
.ngx-datatable.material .datatable-footer .datatable-footer-inner .page-count {
  padding: 0;
}
.ngx-datatable.material .datatable-footer .datatable-footer-inner .datatable-pager {
  margin: 0 0 0 24px;
}
.ngx-datatable.material .datatable-footer .datatable-footer-inner .datatable-pager .pager li a {
  text-decoration: none !important;
}

[class*=datatable-icon-] {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.datatable-icon-filter:before {
  content: "filter_list";
}

.datatable-icon-collapse:before {
  content: "unfold_less";
}

.datatable-icon-expand:before {
  content: "unfold_more";
}

.datatable-icon-close:before {
  content: "close";
}

.datatable-icon-up:before {
  content: "keyboard_arrow_up";
}

.datatable-icon-down:before {
  content: "keyboard_arrow_down";
}

.datatable-icon-sort:before {
  content: "sort";
}

.datatable-icon-done:before {
  content: "done";
}

.datatable-icon-done-all:before {
  content: "done_all";
}

.datatable-icon-search:before {
  content: "search";
}

.datatable-icon-pin:before {
  content: "lock";
}

.datatable-icon-add:before {
  content: "add";
}

.datatable-icon-left:before {
  content: "chevron_left";
}

.datatable-icon-right:before {
  content: "chevron_right";
}

.datatable-icon-skip:before {
  content: "skip_next";
}

.datatable-icon-prev:before {
  content: "skip_previous";
}

.color-picker {
  height: auto !important;
  border: none !important;
}
.color-picker .preset-area {
  padding: 0 0 16px 16px !important;
  height: 140px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.color-picker .preset-area > hr {
  display: none;
}
.color-picker .preset-area .preset-label {
  display: none;
}
.color-picker .preset-area .preset-color {
  display: block !important;
  float: left !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}
.color-picker .preset-area .preset-color:nth-child(14n+1) {
  clear: both;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.pointer-events-none{
  pointer-events: none;
}
.\!pointer-events-auto{
  pointer-events: auto !important;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.\!relative{
  position: relative !important;
}
.relative{
  position: relative;
}
.\!sticky{
  position: sticky !important;
}
.sticky{
  position: sticky;
}
.\!left-\[24px\]{
  left: 24px !important;
}
.\!top-\[14px\]{
  top: 14px !important;
}
.-top-\[5px\]{
  top: -5px;
}
.-top-\[64px\]{
  top: -64px;
}
.bottom-0{
  bottom: 0px;
}
.left-\[3px\]{
  left: 3px;
}
.right-0{
  right: 0px;
}
.top-0{
  top: 0px;
}
.top-\[13px\]{
  top: 13px;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.m-0{
  margin: 0px;
}
.m-16{
  margin: 4rem;
}
.m-24{
  margin: 6rem;
}
.mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}
.mx-16{
  margin-left: 4rem;
  margin-right: 4rem;
}
.mx-20{
  margin-left: 5rem;
  margin-right: 5rem;
}
.mx-24{
  margin-left: 6rem;
  margin-right: 6rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.my-24{
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.my-28{
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-40{
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.my-48{
  margin-top: 12rem;
  margin-bottom: 12rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-ml-\[27px\]{
  margin-left: -27px;
}
.-mr-3{
  margin-right: -0.75rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-24{
  margin-bottom: 6rem;
}
.mb-28{
  margin-bottom: 7rem;
}
.mb-32{
  margin-bottom: 8rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-40{
  margin-bottom: 10rem;
}
.mb-44{
  margin-bottom: 11rem;
}
.mb-48{
  margin-bottom: 12rem;
}
.mb-52{
  margin-bottom: 13rem;
}
.mb-56{
  margin-bottom: 14rem;
}
.mb-64{
  margin-bottom: 16rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-80{
  margin-bottom: 20rem;
}
.mb-\[2px\]{
  margin-bottom: 2px;
}
.ml-0{
  margin-left: 0px;
}
.ml-12{
  margin-left: 3rem;
}
.ml-16{
  margin-left: 4rem;
}
.ml-20{
  margin-left: 5rem;
}
.ml-24{
  margin-left: 6rem;
}
.ml-28{
  margin-left: 7rem;
}
.ml-32{
  margin-left: 8rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-40{
  margin-left: 10rem;
}
.ml-48{
  margin-left: 12rem;
}
.ml-8{
  margin-left: 2rem;
}
.mr-0{
  margin-right: 0px;
}
.mr-12{
  margin-right: 3rem;
}
.mr-16{
  margin-right: 4rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-20{
  margin-right: 5rem;
}
.mr-24{
  margin-right: 6rem;
}
.mr-32{
  margin-right: 8rem;
}
.mr-36{
  margin-right: 9rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-40{
  margin-right: 10rem;
}
.mr-48{
  margin-right: 12rem;
}
.mr-60{
  margin-right: 15rem;
}
.mr-8{
  margin-right: 2rem;
}
.mr-\[-16px\]{
  margin-right: -16px;
}
.mt-0{
  margin-top: 0px;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-28{
  margin-top: 7rem;
}
.mt-32{
  margin-top: 8rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-40{
  margin-top: 10rem;
}
.mt-48{
  margin-top: 12rem;
}
.mt-52{
  margin-top: 13rem;
}
.mt-56{
  margin-top: 14rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-64{
  margin-top: 16rem;
}
.mt-8{
  margin-top: 2rem;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.\!h-24{
  height: 6rem !important;
}
.\!h-3{
  height: 0.75rem !important;
}
.\!h-60{
  height: 15rem !important;
}
.\!h-72{
  height: 18rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-80{
  height: 20rem !important;
}
.\!h-\[40px\]{
  height: 40px !important;
}
.\!h-\[64px\]{
  height: 64px !important;
}
.\!h-\[67px\]{
  height: 67px !important;
}
.\!h-\[74px\]{
  height: 74px !important;
}
.\!h-auto{
  height: auto !important;
}
.h-0{
  height: 0px;
}
.h-10{
  height: 2.5rem;
}
.h-2{
  height: 0.5rem;
}
.h-3{
  height: 0.75rem;
}
.h-32{
  height: 8rem;
}
.h-40{
  height: 10rem;
}
.h-5{
  height: 1.25rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[328\.5px\]{
  height: 328.5px;
}
.h-\[330px\]{
  height: 330px;
}
.h-\[337px\]{
  height: 337px;
}
.h-\[384px\]{
  height: 384px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[44px\]{
  height: 44px;
}
.h-\[58px\]{
  height: 58px;
}
.h-\[64px\]{
  height: 64px;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.max-h-\[24px\]{
  max-height: 24px;
}
.max-h-\[342px\]{
  max-height: 342px;
}
.\!min-h-3{
  min-height: 0.75rem !important;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-16{
  min-height: 4rem;
}
.min-h-48{
  min-height: 12rem;
}
.min-h-9{
  min-height: 2.25rem;
}
.min-h-96{
  min-height: 24rem;
}
.min-h-\[184px\]{
  min-height: 184px;
}
.min-h-\[24px\]{
  min-height: 24px;
}
.min-h-\[65px\]{
  min-height: 65px;
}
.min-h-full{
  min-height: 100%;
}
.\!w-3{
  width: 0.75rem !important;
}
.\!w-8{
  width: 2rem !important;
}
.\!w-\[40px\]{
  width: 40px !important;
}
.\!w-\[67px\]{
  width: 67px !important;
}
.w-10{
  width: 2.5rem;
}
.w-2{
  width: 0.5rem;
}
.w-3{
  width: 0.75rem;
}
.w-32{
  width: 8rem;
}
.w-40{
  width: 10rem;
}
.w-5{
  width: 1.25rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-7{
  width: 1.75rem;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[270px\]{
  width: 270px;
}
.w-\[290px\]{
  width: 290px;
}
.w-\[315px\]{
  width: 315px;
}
.w-\[346px\]{
  width: 346px;
}
.w-\[44px\]{
  width: 44px;
}
.w-\[450px\]{
  width: 450px;
}
.w-\[600px\]{
  width: 600px;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.\!min-w-3{
  min-width: 0.75rem !important;
}
.\!min-w-8{
  min-width: 2rem !important;
}
.min-w-0{
  min-width: 0px;
}
.min-w-16{
  min-width: 4rem;
}
.min-w-2{
  min-width: 0.5rem;
}
.min-w-40{
  min-width: 10rem;
}
.min-w-48{
  min-width: 12rem;
}
.min-w-56{
  min-width: 14rem;
}
.min-w-60{
  min-width: 15rem;
}
.min-w-9{
  min-width: 2.25rem;
}
.min-w-96{
  min-width: 24rem;
}
.min-w-\[24px\]{
  min-width: 24px;
}
.min-w-\[28px\]{
  min-width: 28px;
}
.min-w-\[320px\]{
  min-width: 320px;
}
.min-w-full{
  min-width: 100%;
}
.\!max-w-full{
  max-width: 100% !important;
}
.max-w-1{
  max-width: 0.25rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-40{
  max-width: 10rem;
}
.max-w-48{
  max-width: 12rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-52{
  max-width: 13rem;
}
.max-w-60{
  max-width: 15rem;
}
.max-w-80{
  max-width: 20rem;
}
.max-w-96{
  max-width: 24rem;
}
.max-w-\[100px\]{
  max-width: 100px;
}
.max-w-\[1032px\]{
  max-width: 1032px;
}
.max-w-\[224px\]{
  max-width: 224px;
}
.max-w-\[24px\]{
  max-width: 24px;
}
.max-w-\[28px\]{
  max-width: 28px;
}
.max-w-\[370px\]{
  max-width: 370px;
}
.max-w-full{
  max-width: 100%;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.grow{
  flex-grow: 1;
}
.table-fixed{
  table-layout: fixed;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.select-text{
  -webkit-user-select: text;
          user-select: text;
}
.resize{
  resize: both;
}
.-scroll-mb-8{
  scroll-margin-bottom: -2rem;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-center{
  align-items: center;
}
.\!justify-end{
  justify-content: flex-end !important;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-\[24px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}
.self-center{
  align-self: center;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-wrap{
  text-wrap: wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-words{
  overflow-wrap: break-word;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-sm{
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.rounded-s{
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}
.rounded-s-sm{
  border-start-start-radius: 0.125rem;
  border-end-start-radius: 0.125rem;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-sm{
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.rounded-tl-\[24px\]{
  border-top-left-radius: 24px;
}
.rounded-tr-\[24px\]{
  border-top-right-radius: 24px;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.\!border-b-0{
  border-bottom-width: 0px !important;
}
.border-b{
  border-bottom-width: 1px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.border-\[\#A8A8A8\]{
  --tw-border-opacity: 1;
  border-color: rgb(168 168 168 / var(--tw-border-opacity));
}
.border-\[\#BBB\]{
  --tw-border-opacity: 1;
  border-color: rgb(187 187 187 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-b-\[\#E0E0E0\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(224 224 224 / var(--tw-border-opacity));
}
.\!bg-\[\#A2C617\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(162 198 23 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#F50100\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 1 0 / var(--tw-bg-opacity)) !important;
}
.\!bg-gray-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
.\!bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
.\!bg-lightgreybackground{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity)) !important;
}
.\!bg-primary-300{
  background-color: var(--maxbrain-300) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#AF2F21\]{
  --tw-bg-opacity: 1;
  background-color: rgb(175 47 33 / var(--tw-bg-opacity));
}
.bg-\[\#E8E9EB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 233 235 / var(--tw-bg-opacity));
}
.bg-\[\#EDEEF0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 240 / var(--tw-bg-opacity));
}
.bg-\[\#F2F3F5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 245 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#FFE604\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 230 4 / var(--tw-bg-opacity));
}
.bg-\[\#f9f9f9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-lightgreybackground{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-primary-50{
  background-color: var(--maxbrain-50);
}
.bg-primary-500{
  background-color: var(--maxbrain-500);
}
.bg-primary-600{
  background-color: var(--maxbrain-600);
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-zinc-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-cover{
  background-size: cover;
}
.bg-center{
  background-position: center;
}
.\!p-0{
  padding: 0px !important;
}
.p-0{
  padding: 0px;
}
.p-12{
  padding: 3rem;
}
.p-16{
  padding: 4rem;
}
.p-20{
  padding: 5rem;
}
.p-24{
  padding: 6rem;
}
.p-32{
  padding: 8rem;
}
.p-4{
  padding: 1rem;
}
.p-40{
  padding: 10rem;
}
.p-44{
  padding: 11rem;
}
.p-48{
  padding: 12rem;
}
.p-64{
  padding: 16rem;
}
.p-8{
  padding: 2rem;
}
.p-80{
  padding: 20rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-28{
  padding-left: 7rem;
  padding-right: 7rem;
}
.px-32{
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-40{
  padding-left: 10rem;
  padding-right: 10rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-28{
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-40{
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-44{
  padding-top: 11rem;
  padding-bottom: 11rem;
}
.py-48{
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.py-52{
  padding-top: 13rem;
  padding-bottom: 13rem;
}
.py-60{
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.\!pb-0{
  padding-bottom: 0px !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-32{
  padding-bottom: 8rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-40{
  padding-bottom: 10rem;
}
.pb-48{
  padding-bottom: 12rem;
}
.pb-56{
  padding-bottom: 14rem;
}
.pb-72{
  padding-bottom: 18rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[3px\]{
  padding-bottom: 3px;
}
.pl-0{
  padding-left: 0px;
}
.pl-12{
  padding-left: 3rem;
}
.pl-16{
  padding-left: 4rem;
}
.pl-20{
  padding-left: 5rem;
}
.pl-24{
  padding-left: 6rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-52{
  padding-left: 13rem;
}
.pl-64{
  padding-left: 16rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[14px\]{
  padding-left: 14px;
}
.pl-\[21px\]{
  padding-left: 21px;
}
.pl-\[9px\]{
  padding-left: 9px;
}
.pr-0{
  padding-right: 0px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-16{
  padding-right: 4rem;
}
.pr-20{
  padding-right: 5rem;
}
.pr-24{
  padding-right: 6rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-44{
  padding-right: 11rem;
}
.pr-48{
  padding-right: 12rem;
}
.pr-56{
  padding-right: 14rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-80{
  padding-right: 20rem;
}
.pr-\[14px\]{
  padding-right: 14px;
}
.pr-\[59px\]{
  padding-right: 59px;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-32{
  padding-top: 8rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-40{
  padding-top: 10rem;
}
.pt-48{
  padding-top: 12rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-end{
  text-align: end;
}
.align-middle{
  vertical-align: middle;
}
.\!text-\[44px\]{
  font-size: 44px !important;
}
.\!text-base{
  font-size: 16px !important;
  line-height: 22px !important;
}
.\!text-xs{
  font-size: 12px !important;
  line-height: 16px !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-base{
  font-size: 16px;
  line-height: 22px;
}
.text-lg{
  font-size: 20px;
  line-height: 28px;
}
.text-sm{
  font-size: 14px;
  line-height: 20px;
}
.text-xl{
  font-size: 24px;
  line-height: 32px;
}
.text-xs{
  font-size: 12px;
  line-height: 16px;
}
.text-xxl{
  font-size: 32px;
  line-height: 38px;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.italic{
  font-style: italic;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-\[100\%\]{
  line-height: 100%;
}
.leading-\[10px\]{
  line-height: 10px;
}
.leading-\[20px\]{
  line-height: 20px;
}
.leading-\[2\]{
  line-height: 2;
}
.tracking-\[0px\]{
  letter-spacing: 0px;
}
.tracking-\[1px\]{
  letter-spacing: 1px;
}
.tracking-\[2px\]{
  letter-spacing: 2px;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-darktextcolor{
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-\[\#464b54\]{
  --tw-text-opacity: 1;
  color: rgb(70 75 84 / var(--tw-text-opacity));
}
.text-\[\#58499D\]{
  --tw-text-opacity: 1;
  color: rgb(88 73 157 / var(--tw-text-opacity));
}
.text-\[\#6A6A6A\]{
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity));
}
.text-\[\#b1b1b1\]{
  --tw-text-opacity: 1;
  color: rgb(177 177 177 / var(--tw-text-opacity));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-contrast{
  color: var(--maxbrain-500-text);
}
.text-darktextcolor{
  color: rgba(0, 0, 0, 0.87);
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gray-950{
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}
.text-lightgreytextcolor{
  color: rgba(158, 152, 148, 1);
}
.text-lime-400{
  --tw-text-opacity: 1;
  color: rgb(163 230 53 / var(--tw-text-opacity));
}
.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}
.text-primary-500{
  color: var(--maxbrain-500);
}
.text-primary-600{
  color: var(--maxbrain-600);
}
.text-primary-700{
  color: var(--maxbrain-700);
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-opacity-75{
  --tw-text-opacity: 0.75;
}
.opacity-0{
  opacity: 0;
}
.opacity-50{
  opacity: 0.5;
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
body {
  --mat-menu-item-label-text-size: 14px;
  --mdc-elevated-card-container-elevation: none;
  --mat-outlined-button-icon-offset: 0px;
  --mat-card-title-text-size: 14px;
  --mat-outlined-button-icon-spacing: 8px;
  --mdc-outlined-button-container-height: unset;
  --mdc-filled-text-field-disabled-container-color: transparent;
  --mdc-text-button-label-text-tracking: 0;
  --mdc-outlined-button-label-text-tracking: 0;
  --mdc-filled-button-label-text-tracking: 0;
  --mdc-protected-button-label-text-tracking: 0;
  --mdc-outlined-text-field-label-text-tracking: 0;
  --mdc-filled-text-field-label-text-tracking: 0;
  --mdc-outlined-text-field-input-text-tracking: 0;
  --mdc-filled-text-field-input-text-tracking: 0;
  --mdc-list-list-item-label-text-tracking: 0;
  --mdc-list-list-item-supporting-text-tracking: 0;
  --mdc-dialog-subhead-text-tracking: 0;
  --mdc-dialog-supporting-text-tracking: 0;
  --mdc-snackbar-supporting-text-tracking: 0;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-chip-label-text-tracking: 0;
  --mat-tab-header-label-text-tracking: 0;
  --mat-table-row-item-label-text-tracking: 0;
  --mat-table-header-headline-text-tracking: 0;
  --mat-menu-item-label-text-tracking: 0;
  --mat-option-label-text-tracking: 0;
  --mat-select-trigger-text-tracking: 0;
  --mat-paginator-container-text-tracking: 0;
  --mat-dialog-subhead-text-tracking: 0;
  --mat-dialog-supporting-text-tracking: 0;
  --mat-snack-bar-supporting-text-tracking: 0;
  --mat-tooltip-supporting-text-tracking: 0;
  --mat-chip-label-text-tracking: 0;
  --mat-select-trigger-text-line-height: unset;
  /* Remove hover/focus background */
}
body .milkdown {
  --crepe-color-outline: #73777f;
}
body .milkdown-reduce-padding .ProseMirror {
  padding: 16px 24px;
}
body .milkdown-no-padding .ProseMirror {
  padding: 0px;
}
body .mat-mdc-tab-link {
  --mat-tab-header-label-text-tracking: 0 !important;
}
body .mat-mdc-card {
  padding: 16px;
}
body .mat-mdc-select-placeholder.mat-mdc-select-min-line {
  min-height: unset !important;
  line-height: inherit !important;
}
body .mat-mdc-card-content,
body .mat-mdc-card-header {
  padding: 0px;
}
body .mat-mdc-card-content:last-child,
body .mat-mdc-card-content:last-child {
  padding: 0px;
}
body .mat-mdc-card-avatar {
  margin-bottom: 0px;
}
body .mat-mdc-tab {
  letter-spacing: normal;
}
body .mdc-button-toggle-group .mat-pseudo-checkbox {
  display: none;
}
body .material-icons {
  line-height: 1;
}
body .mat-mdc-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
body .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0;
}
body .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
}
body .mat-mdc-form-field-type-mat-select:not(.mat-mdc-paginator .mat-mdc-form-field-type-mat-select) .mat-mdc-text-field-wrapper {
  padding-left: 0;
  padding-right: 0;
  flex: unset;
}
body .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mat-mdc-select {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
body .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-text-field--no-label {
  padding: 0 !important;
}
body .mat-mdc-form-field-type-mat-input:not(.mat-form-field-appearance-outline) .mat-mdc-text-field-wrapper {
  padding: 0;
}
body .mat-mdc-form-field-type-mat-select,
body .mat-form-field-appearance-outline {
  --mat-form-field-container-height: 36px;
  --mat-form-field-container-vertical-padding: 0px;
}
body .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-input-control,
body .mat-form-field-appearance-outline .mat-mdc-form-field-input-control {
  height: 36px !important;
}
body .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill {
  --mat-form-field-container-height: 36px;
  --mat-form-field-container-vertical-padding: 0px;
  --mat-form-field-filled-with-label-container-padding-top: 10px;
  --mat-form-field-filled-with-label-container-padding-bottom: 0px;
  --mat-form-field-filled-without-label-container-padding-top: 0px;
  --mat-form-field-filled-without-label-container-padding-bottom: 0px;
  --mat-select-trigger-text-line-height: 20px;
}
body .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-form-field-input-control {
  height: 36px !important;
}
body .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill:has(.mat-mdc-select.mat-mdc-select-empty) .mdc-floating-label,
body .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill:has(.mat-select.mat-select-empty) .mdc-floating-label {
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
body .mat-mdc-form-field-type-mat-select .mat-mdc-select-trigger {
  height: var(--mat-form-field-container-height);
  align-items: center;
}
body .mat-mdc-form-field-type-mat-select .mat-mdc-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
body .mat-mdc-form-field-type-mat-select .mat-mdc-select-value-text,
body .mat-mdc-form-field-type-mat-select .mat-mdc-select-placeholder {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
body .mat-mdc-form-field-type-mat-select .mat-mdc-select-arrow-wrapper {
  height: var(--mat-form-field-container-height);
  display: inline-flex;
  align-items: center;
}
body .mat-mdc-form-field-type-mat-select .mat-mdc-select-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body .mat-mdc-form-field-type-mat-select .mat-mdc-select-arrow svg {
  display: block;
  margin-top: 0;
}
body .mat-mdc-select-panel {
  min-width: 180px;
}
body .mat-mdc-form-field-hint-wrapper,
body .mat-mdc-form-field-error-wrapper {
  padding: 0px;
}
body .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
body .mat-mdc-form-field-subscript-wrapper {
  min-height: 1.25em;
}
body .mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
body .mat-mdc-paginator .mat-mdc-select {
  line-height: 2.5rem;
}
body.theme-default a {
  color: var(--maxbrain-500);
}
body.theme-default .mat-mdc-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
body button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  display: none;
}
body .mat-step-icon .mat-icon {
  line-height: 16px;
}
body .icon-18 {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  line-height: 18px;
  min-height: 18px;
  font-size: 18px;
}

mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator:after {
  border-color: #3b3e47 !important;
}

@media screen and (min-width: 960px) {
  mat-header-cell {
    display: flex !important;
  }
}

.full-width {
  width: 100% !important;
}

.white {
  background-color: white;
}

.gray {
  background-color: #f5f5f5;
}

.table-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 599px) {
  .table-toolbar {
    justify-content: space-between;
  }
}

.avatar-initials {
  background-color: #adafb3;
  color: #ffffff !important;
}

.search-input-wrapper {
  position: relative;
  top: 8px;
}
.search-input-wrapper.rounded {
  top: 0px;
  background: #e6e9e7;
  border-radius: 100px;
  width: 220px;
  margin-right: 0;
  margin-left: auto;
}
.search-input-wrapper.rounded .mat-mdc-form-field {
  padding: 4px;
  width: 180px;
}
.search-input-wrapper.rounded .mat-mdc-form-field .mat-mdc-form-field-infix {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: unset;
}
.search-input-wrapper.rounded.light {
  background-color: #f5f5f5;
}
.search-input-wrapper.rounded .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
}
.search-input-wrapper.rounded .search-input + .clear {
  bottom: 8px;
}
.search-input-wrapper.rounded .mat-mdc-form-field-flex {
  padding: 0 40px 0 10px;
}
.search-input-wrapper.rounded .mdc-line-ripple {
  display: none;
}
.search-input-wrapper.rounded .mat-mdc-text-field-wrapper {
  padding: 4px !important;
}
.search-input-wrapper.rounded .mat-mdc-form-field-flex {
  border: 0 !important;
}
@media (max-width: 959px) {
  .search-input-wrapper.rounded .mat-mdc-text-field-wrapper {
    width: 100%;
  }
  .search-input-wrapper.rounded {
    width: 100%;
  }
}
.search-input-wrapper.rounded .search-label {
  top: 12px;
  left: 18px;
}
@media (max-width: 1279px) {
  .search-input-wrapper.rounded .search-label {
    position: relative;
  }
}
.search-input-wrapper.rounded .mat-mdc-form-field-flex .mdc-floating-label span {
  font-size: 16px;
}
@media (min-width: 600px) {
  .search-input-wrapper.rounded .mat-mdc-form-field-flex .mdc-floating-label span {
    font-size: 14px;
  }
}
.search-input-wrapper.active {
  width: 744px;
}
@media (max-width: 1279px) {
  .search-input-wrapper.active {
    width: 100%;
  }
}
.search-input-wrapper .mat-mdc-form-field-flex {
  padding: 0 25px;
}
.search-input-wrapper .mat-mdc-form-field-flex .mdc-floating-label span {
  font-size: 14px;
}
.search-input-wrapper .search-label {
  top: 19px;
  left: 30px;
  position: relative;
}
@media (max-width: 1279px) {
  .search-input-wrapper .search-label {
    left: 0;
    position: absolute;
  }
}

.edit-description-btn {
  margin-left: -16px !important;
}

.filter-certificate-wrapper {
  width: 180px;
}

mat-toolbar-row.table-toolbar,
mat-toolbar-row.form-toolbar {
  color: #3b3e47;
  background-color: #f9f9f9;
}
mat-toolbar-row.table-toolbar.white,
mat-toolbar-row.form-toolbar.white {
  background-color: white;
}
mat-toolbar-row.table-toolbar .toolbar-title,
mat-toolbar-row.form-toolbar .toolbar-title {
  font-weight: 500;
}

.header-buttons .mat-mdc-raised-button,
.header-buttons button {
  margin-left: 8px;
}
.header-buttons .mat-mdc-raised-button:first-child,
.header-buttons button:first-child {
  margin-left: 0;
}
@media (max-width: 599px) {
  .header-buttons .mat-mdc-raised-button,
  .header-buttons button {
    margin-left: 4px;
  }
}

.mat-mdc-raised-button.secondary,
.mat-mdc-unelevated-button.secondary {
  background-color: var(--maxbrain-100) !important;
}

.participant-view-illustration {
  height: 200px !important;
  width: 200px !important;
  background-size: cover;
}
.participant-view-illustration svg {
  width: 100%;
  height: 100%;
}
.participant-view-illustration svg #rect1,
.participant-view-illustration svg #rect2,
.participant-view-illustration svg #rect3,
.participant-view-illustration svg #rect4,
.participant-view-illustration svg #rect6 {
  fill: var(--maxbrain-500);
}
.participant-view-illustration svg #rect5 {
  fill: var(--maxbrain-100);
}

.no-options-wrapper {
  background: #f9f9f9;
  padding: 24px;
}
.no-options-wrapper p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #464b54;
}

@media (min-width: 600px) {
  .participant-view-illustration {
    height: 100px !important;
    width: 100px !important;
  }
}
.mat-mdc-icon-button.square {
  width: 44px;
  height: 34px;
  line-height: 34px;
  border-radius: 2px;
}
.mat-mdc-icon-button.square .mat-icon {
  height: 18px;
  width: 18px;
  min-width: 18px;
  min-height: 18px;
  font-size: 18px;
  line-height: 18px;
}

.stats-wrapper {
  height: 100%;
  border-radius: 2px;
}
.stats-wrapper .info-icon {
  min-width: 16px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  font-family: none;
  color: #fff;
  background: #adafb3;
  border-radius: 100%;
}
.stats-wrapper .chart-wrapper {
  height: 100%;
}
.stats-wrapper .chart-wrapper .icon-wrapper {
  width: 24px;
  height: 24px;
  border-radius: 2px;
}
.stats-wrapper .chart-wrapper .icon-wrapper .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
  fill: inherit;
}
.stats-wrapper .chart-wrapper .icon-wrapper .mat-icon svg {
  fill: inherit;
}
.stats-wrapper .chart-wrapper .icon-wrapper .mat-icon svg path {
  fill: inherit;
}
.stats-wrapper .chart-wrapper .chart-title-wrapper .chart-title {
  color: #464b54;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
}

.no-pointer-events {
  pointer-events: none;
}

.mat-icon-box {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
}
.mat-icon-box.mat-mdc-icon-button, .mat-icon-box.mat-icon-button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  --mdc-icon-button-state-layer-size: 36px;
}
.mat-icon-box.mat-mdc-icon-button .mdc-icon-button__ripple,
.mat-icon-box.mat-mdc-icon-button .mat-mdc-button-persistent-ripple, .mat-icon-box.mat-icon-button .mdc-icon-button__ripple,
.mat-icon-box.mat-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: 4px;
}
.mat-icon-box.mat-mdc-icon-button .mdc-icon-button__ripple::before,
.mat-icon-box.mat-mdc-icon-button .mdc-icon-button__ripple::after,
.mat-icon-box.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.mat-icon-box.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::after, .mat-icon-box.mat-icon-button .mdc-icon-button__ripple::before,
.mat-icon-box.mat-icon-button .mdc-icon-button__ripple::after,
.mat-icon-box.mat-icon-button .mat-mdc-button-persistent-ripple::before,
.mat-icon-box.mat-icon-button .mat-mdc-button-persistent-ripple::after {
  border-radius: 4px;
}
.mat-icon-box.mat-mdc-icon-button .mat-icon, .mat-icon-box.mat-icon-button .mat-icon {
  margin: 0 !important;
  line-height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mat-icon-box.see-more {
  width: 60px !important;
  min-width: 60px !important;
}
.mat-icon-box .mat-icon {
  line-height: 20px;
}

.mat-mdc-menu-panel.watchers-menu {
  min-width: 200px;
}
.mat-mdc-menu-panel.watchers-menu .mat-mdc-menu-item:hover .remove-icon {
  display: block;
}
.mat-mdc-menu-panel.watchers-menu .mat-mdc-menu-item .remove-icon {
  display: none;
}
.mat-mdc-menu-panel.watchers-menu .avatar {
  min-width: 24px;
  height: 24px;
  width: 24px;
  font-size: 10px;
}
.mat-mdc-menu-panel.watchers-menu p {
  color: #737373;
}

.preview-tag {
  border-radius: 100px;
  background: #fff;
  color: #3b3e47;
  padding: 4px 10px;
}

.grow-toolbar {
  background: none !important;
}
.grow-toolbar h2 {
  color: #464b54;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}

@media (min-width: 1080px) {
  .grow-toolbar h2 {
    color: #464b54;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
  }
}
.navigation-container .mdc-tab-bar__scroll-chevron {
  border-color: rgba(255, 255, 255, 0.87) !important;
}

.spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-container {
  display: inline-block;
  position: relative;
}

.mat-image-info-tooltip {
  white-space: pre-wrap;
  text-align: center;
  font-size: 12px;
}

.nav .nav-link.no-text .mat-icon {
  margin-right: 0;
}

@media (min-width: 1280px) {
  .nav.hasRightSideNavigation > .nav-item:nth-last-child(-n+3) > a .nav-link-title {
    display: none;
  }
  .nav.hasRightSideNavigation > .nav-item:nth-last-child(3) {
    flex-grow: 1;
  }
  .nav.module-form-nav > .nav-item:nth-last-child(2),
  .nav.module-form-nav > .nav-item:nth-last-child(1) {
    position: relative !important;
    background-color: unset !important;
  }
  .nav.module-form-nav > .nav-item:nth-last-child(2) > .nav-link > .nav-link-icon,
  .nav.module-form-nav > .nav-item:nth-last-child(1) > .nav-link > .nav-link-icon {
    margin-left: 0px;
    margin-right: 0px;
  }
  .nav.module-form-nav > .nav-item:nth-last-child(1),
  .nav.module-form-nav > .nav-item:nth-last-child(2) {
    margin-right: 8px;
  }
  .nav.module-form-nav > .nav-item:nth-last-child(1) > .nav-link,
  .nav.module-form-nav > .nav-item:nth-last-child(2) > .nav-link {
    padding: 0px 24px !important;
  }
  .nav > .nav-item:nth-last-child(3) > .nav-link,
  .nav > .nav-item:nth-last-child(2) > .nav-link {
    padding: 0px 24px;
  }
  .nav > .nav-item:nth-last-child(1) {
    display: none;
  }
  .nav > .nav-item:nth-last-child(2) > .nav-link {
    padding: 0px 38px 0px 24px;
  }
}
@media (min-width: 1840px) {
  .nav > .nav-item:nth-last-child(-n+2) > a .nav-link-title {
    display: block;
  }
}
.accordion .mat-expansion-panel-header {
  height: 64px !important;
}
.accordion .mat-expansion-panel-header .mat-content {
  align-items: center;
  overflow: initial !important;
  width: 100%;
  max-width: 100%;
}
.accordion .accordion-title h4 {
  margin: 0;
}
.accordion .accordion-title span {
  color: #adafb3;
  font-size: 12px;
  line-height: 16px;
}
.accordion .accordion-content-wrapper .accordion-content {
  margin-bottom: 30px;
}
.accordion .accordion-content-wrapper .accordion-content .key {
  width: 150px;
  font-weight: 500;
  padding-right: 20px;
  display: inline-block;
  flex: 30% 0 0;
}

.mat-mdc-optgroup-label {
  display: none !important;
}

.timepicker-form {
  position: relative;
}
.timepicker-form .mat-mdc-input-element {
  width: 100%;
  padding: 0 5px;
}
.timepicker-form .mat-icon {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 7px;
  font-size: 20px;
  color: #666;
}

.timepicker__header,
.clock-face__number > span.active {
  background-color: var(--maxbrain-700) !important;
}

.timepicker-button {
  color: var(--maxbrain-700) !important;
}

.clock-face__clock-hand {
  background-color: var(--maxbrain-700) !important;
}
.clock-face__clock-hand:after {
  background-color: var(--maxbrain-700) !important;
}

.clock-face__clock-hand_minute:before {
  border: 4px solid var(--maxbrain-700) !important;
}

.mat-pseudo-checkbox-checked::after {
  width: 8px !important;
  height: 3px !important;
}

.status-green {
  color: #a2c617;
}

.status-orange {
  color: #f5a623;
}

.close-dialog {
  cursor: pointer;
}

.example-spacer {
  flex: 1 1 auto;
}

.upload-instructions {
  display: block;
  margin-top: 15px;
  font-size: 12px;
}

.no-overflowX {
  overflow-x: hidden;
}

.file-wrapper {
  overflow-x: auto;
}
.file-wrapper .info-icon {
  cursor: pointer;
}
.file-wrapper .info-icon:hover {
  color: var(--maxbrain-500);
}
.file-wrapper .info-icon.active {
  color: var(--maxbrain-500);
}
.file-wrapper .info-icon.active:hover {
  color: #3b3e47;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.overflow-visible {
  overflow: visible !important;
}

.pointer {
  cursor: pointer !important;
}

.mat-mdc-snack-bar-container.error {
  background: #f44336 !important;
  color: #ffffff !important;
}
.mat-mdc-snack-bar-container.error span.mat-mdc-button .mat-button-wrapper {
  color: #ffffff !important;
}

.avatar {
  object-fit: cover;
}

@media (max-width: 599px) {
  .mat-mdc-tab-nav-bar {
    width: 100%;
    overflow-x: hidden;
  }
}

.mat-mdc-tab-links {
  overflow-y: hidden;
}
@media (max-width: 599px) {
  .mat-mdc-tab-links {
    width: 100%;
    height: 99%;
    overflow-x: auto;
    padding-right: 15px;
  }
}

.mat-mdc-tab-nav-bar.white .mat-mdc-tab-link {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-mdc-tab-nav-bar.white .mat-mdc-tab-link {
    padding: 0 45px !important;
  }
  .content-card {
    margin-top: 50px;
  }
  .mat-toolbar-row.parent {
    position: relative;
  }
  .mat-toolbar-row.parent .header-buttons {
    position: absolute;
    top: -55px;
    right: 0;
  }
}

.mat-toolbar-row {
  height: 64px;
  padding: 0 24px !important;
}
@media (max-width: 599px) {
  .mat-toolbar-row .search-input-wrapper.rounded {
    width: 100%;
  }
}
@media screen and (min-width: 412px) {
  .mat-toolbar-row .search-input-wrapper.rounded {
    margin-right: 16px !important;
  }
}
@media (max-width: 599px) {
  .mat-toolbar-row .search-input-wrapper.rounded .search-label {
    top: 12px;
    left: 18px !important;
    position: relative !important;
  }
  .mat-toolbar-row .search-input-wrapper.rounded .mat-mdc-form-field {
    width: unset;
  }
  .mat-toolbar-row .search-input-wrapper {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 200px;
  }
  .mat-toolbar-row .search-input-wrapper .search-label {
    left: 0 !important;
    position: absolute !important;
  }
  .mat-toolbar-row .search-input-wrapper .mat-mdc-form-field {
    width: 100%;
  }
  .user-header {
    flex-direction: column !important;
    padding-bottom: 50px !important;
  }
  .user-header .save-user-button {
    margin: 20px 0 !important;
  }
}

.user-status-wrapper {
  position: absolute;
  right: 24px;
  top: 24px;
}
@media (max-width: 599px) {
  .user-status-wrapper {
    left: 24px;
    right: initial;
    top: initial;
    bottom: 0;
  }
}
.user-status-wrapper .mat-icon {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.user-status-wrapper .mat-icon.icon.active {
  color: #a9ca34;
}
.user-status-wrapper .mat-icon.icon.inactive {
  color: #f44336;
}
.user-status-wrapper .user-status.active {
  color: #a9ca34;
}
.user-status-wrapper .user-status.inactive {
  color: #f44336;
}

.file-drop.over {
  border: 2px dotted #0782d0;
  background: transparent !important;
}

.file-drop-container {
  height: 100% !important;
  border-radius: unset !important;
  border: unset !important;
}
.file-drop-container.drag-over {
  border: 3px dashed var(--maxbrain-700) !important;
  background: rgba(197, 197, 197, 0.3) !important;
}
.file-drop-container.certificates-list {
  background-color: #f9f9f9;
  border: 1px dashed #e0e0e0;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-path {
  color: #737373;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
}
.search-path a {
  padding-top: 5px;
  display: inline-block;
}

.mat-mdc-raised-button.short {
  line-height: 22px;
}

.mat-mdc-raised-button.min-width-auto {
  min-width: auto;
}

.cell-35 {
  flex: 0 0 35%;
}
@media (max-width: 959px) {
  .cell-35 {
    flex: 1;
  }
}

.cell-30 {
  flex: 0 0 30%;
}
@media (max-width: 959px) {
  .cell-30 {
    flex: 1;
  }
}

.header-cell-35 {
  flex: 0 0 35%;
}
@media (max-width: 959px) {
  .header-cell-35 {
    flex: 0 0 50%;
  }
}

.header-cell-30 {
  flex: 0 0 30%;
}
@media (max-width: 959px) {
  .header-cell-30 {
    flex: 0 0 50%;
  }
}

.mat-mdc-header-cell {
  font-size: 14px;
}

.mat-mdc-option {
  font-size: 14px;
}

.mat-mdc-chip-grid {
  flex-wrap: nowrap;
}
.mat-mdc-chip-grid .mat-mdc-chip {
  padding: 4px 8px !important;
  white-space: nowrap;
  overflow: initial;
  height: 20px;
  min-height: 0;
  font-size: 11px;
  line-height: 16px;
  margin: 4px 4px;
}

input.mat-mdc-chip-input {
  margin-left: 0 !important;
}

.search-input + .clear {
  cursor: pointer;
  position: absolute;
  right: -24px;
  bottom: 4px;
}

.page-layout > .header {
  height: 90px;
}

.mat-mdc-list-item .mat-icon.green-icon svg path {
  fill: #a2c617;
}
.mat-mdc-list-item .mat-icon.blue-icon svg path {
  fill: #61b3f1;
}
.mat-mdc-list-item .mat-icon.orange-icon svg path {
  fill: #f5a623;
}
.mat-mdc-list-item .mat-icon.red-icon svg path {
  fill: #f50808;
}
.mat-mdc-list-item .mat-icon.gray-icon svg path {
  fill: #666666;
}

iframe {
  max-width: 100%;
}

@media screen and (max-width: 599px) {
  .full-screen-modal {
    height: 100vh;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  .full-screen-modal .mat-mdc-dialog-container {
    border-radius: 0;
  }
  .full-screen-modal .mat-mdc-dialog-container [mat-dialog-content] {
    max-height: calc(100vh - 56px);
  }
}

.participant-overview-dialog .mat-toolbar-row {
  background-color: unset;
  border-bottom: none;
}
.participant-overview-dialog .mat-mdc-dialog-container [mat-dialog-content] {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.participant-overview-dialog .mat-mdc-raised-button {
  box-shadow: none !important;
}

.allow-tags-overflow-dialog mat-dialog-container {
  overflow: visible;
}
.allow-tags-overflow-dialog mat-dialog-container .mat-mdc-stepper-horizontal.allow-tags-overflow {
  overflow: visible !important;
}
.allow-tags-overflow-dialog mat-dialog-container .mat-mdc-stepper-horizontal.allow-tags-overflow .mat-mdc-horizontal-content-container {
  overflow: visible !important;
}

.filter-by-overflow-dialog mat-dialog-container {
  overflow: inherit;
}

.mat-mdc-dialog-container {
  padding: 0px !important;
  max-height: unset !important;
}
.mat-mdc-dialog-container [mat-dialog-content] {
  max-height: calc(100vh - 148px);
  overflow-y: auto;
}
.mat-mdc-dialog-container [mat-dialog-content].allow-tags-overflow {
  overflow: visible;
}
.mat-mdc-dialog-container [mat-dialog-content].image-library-dialog-container {
  max-height: 75vh;
  min-height: calc(100vh - 224px);
}
.mat-mdc-dialog-container [mat-dialog-content].edit-audience-widget-container {
  min-height: calc(100vh - 224px);
}
.mat-mdc-dialog-container [mat-dialog-content].add-audience-post-container {
  min-height: calc(100vh - 224px);
}
.mat-mdc-dialog-container [mat-dialog-content].select-course-offering-dialog {
  max-height: unset;
}
.mat-mdc-dialog-container .action-buttons {
  padding: 24px;
}
.mat-mdc-dialog-container .action-buttons .mat-mdc-raised-button,
.mat-mdc-dialog-container .action-buttons button {
  margin-right: 10px;
}
.mat-mdc-dialog-container .action-buttons .mat-mdc-raised-button:last-child,
.mat-mdc-dialog-container .action-buttons button:last-child {
  margin-right: 0 !important;
}

.round-button-container button {
  background: #fff !important;
  color: #464b54 !important;
  box-shadow: none !important;
  width: 200px;
  height: 200px;
}
.round-button-container button .mat-button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.round-button-container button .mat-button-wrapper mat-icon {
  color: #000;
}
.round-button-container.disabled button {
  color: #a8a8a8 !important;
}

body.theme-default .mat-mdc-chip.mat-mdc-chip {
  color: #ffffff;
}
body.theme-default .mat-mdc-chip.mat-mdc-chip .mat-icon {
  color: white !important;
  opacity: 1 !important;
}

.header-swipper-container .swiper-pagination-el {
  color: var(--maxbrain-500);
}
.header-swipper-container.no-pagination .swiper-pagination,
.header-swipper-container.no-pagination .swiper-button-next,
.header-swipper-container.no-pagination .swiper-button-prev {
  display: none;
}
.header-swipper-container .swiper-pagination-bullet-active {
  background: var(--maxbrain-500) !important;
}
.header-swipper-container .swiper-pagination {
  bottom: 332px !important;
}
.header-swipper-container .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  border: none !important;
}
.header-swipper-container .swiper-button-header-next,
.header-swipper-container .swiper-button-header-prev {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  color: var(--maxbrain-500);
  width: 58px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  top: 52%;
}
.header-swipper-container .swiper-button-header-next.swiper-button-disabled,
.header-swipper-container .swiper-button-header-prev.swiper-button-disabled {
  display: none;
}
.header-swipper-container .swiper-button-header-next {
  right: 0;
  border-radius: 4px 0px 0px 4px;
}
.header-swipper-container .swiper-button-header-next:after {
  content: "";
  display: block;
  width: 14px;
  height: 21px;
  background-color: #fff;
  background-repeat: no-repeat;
  mask-image: url('right-chevron.de6792512e6e2ca7.svg');
  mask-repeat: no-repeat;
  mask-size: 14px;
}
.header-swipper-container .swiper-button-header-prev {
  left: 0;
  border-radius: 0px 4px 4px 0px;
}
.header-swipper-container .swiper-button-header-prev:after {
  content: "";
  display: block;
  width: 14px;
  height: 21px;
  background-color: #fff;
  background-repeat: no-repeat;
  mask-image: url('left-chevron.e26cb9fa442f8d80.svg');
  mask-repeat: no-repeat;
  mask-size: 14px;
}

.postings-swipper-container .alumni-swiper-button-prev,
.postings-swipper-container .alumni-swiper-button-next,
.postings-swipper-container .student-swiper-button-prev,
.postings-swipper-container .student-swiper-button-next,
.postings-swipper-container .related-postings-swiper-button-prev,
.postings-swipper-container .related-postings-swiper-button-next,
.postings-swipper-container .postings-swiper-button-prev,
.postings-swipper-container .postings-swiper-button-next,
.related-postings-swipper-container .alumni-swiper-button-prev,
.related-postings-swipper-container .alumni-swiper-button-next,
.related-postings-swipper-container .student-swiper-button-prev,
.related-postings-swipper-container .student-swiper-button-next,
.related-postings-swipper-container .related-postings-swiper-button-prev,
.related-postings-swipper-container .related-postings-swiper-button-next,
.related-postings-swipper-container .postings-swiper-button-prev,
.related-postings-swipper-container .postings-swiper-button-next,
.student-modules-swipper-container .alumni-swiper-button-prev,
.student-modules-swipper-container .alumni-swiper-button-next,
.student-modules-swipper-container .student-swiper-button-prev,
.student-modules-swipper-container .student-swiper-button-next,
.student-modules-swipper-container .related-postings-swiper-button-prev,
.student-modules-swipper-container .related-postings-swiper-button-next,
.student-modules-swipper-container .postings-swiper-button-prev,
.student-modules-swipper-container .postings-swiper-button-next,
.catalog-postings-swipper-container .alumni-swiper-button-prev,
.catalog-postings-swipper-container .alumni-swiper-button-next,
.catalog-postings-swipper-container .student-swiper-button-prev,
.catalog-postings-swipper-container .student-swiper-button-next,
.catalog-postings-swipper-container .related-postings-swiper-button-prev,
.catalog-postings-swipper-container .related-postings-swiper-button-next,
.catalog-postings-swipper-container .postings-swiper-button-prev,
.catalog-postings-swipper-container .postings-swiper-button-next,
.alumni-swipper-container .alumni-swiper-button-prev,
.alumni-swipper-container .alumni-swiper-button-next,
.alumni-swipper-container .student-swiper-button-prev,
.alumni-swipper-container .student-swiper-button-next,
.alumni-swipper-container .related-postings-swiper-button-prev,
.alumni-swipper-container .related-postings-swiper-button-next,
.alumni-swipper-container .postings-swiper-button-prev,
.alumni-swipper-container .postings-swiper-button-next {
  cursor: pointer;
  z-index: 10;
  opacity: 0.9;
  color: var(--maxbrain-500);
  background-image: none;
  width: 72px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.postings-swipper-container .alumni-swiper-button-prev.swiper-button-disabled,
.postings-swipper-container .alumni-swiper-button-next.swiper-button-disabled,
.postings-swipper-container .student-swiper-button-prev.swiper-button-disabled,
.postings-swipper-container .student-swiper-button-next.swiper-button-disabled,
.postings-swipper-container .related-postings-swiper-button-prev.swiper-button-disabled,
.postings-swipper-container .related-postings-swiper-button-next.swiper-button-disabled,
.postings-swipper-container .postings-swiper-button-prev.swiper-button-disabled,
.postings-swipper-container .postings-swiper-button-next.swiper-button-disabled,
.related-postings-swipper-container .alumni-swiper-button-prev.swiper-button-disabled,
.related-postings-swipper-container .alumni-swiper-button-next.swiper-button-disabled,
.related-postings-swipper-container .student-swiper-button-prev.swiper-button-disabled,
.related-postings-swipper-container .student-swiper-button-next.swiper-button-disabled,
.related-postings-swipper-container .related-postings-swiper-button-prev.swiper-button-disabled,
.related-postings-swipper-container .related-postings-swiper-button-next.swiper-button-disabled,
.related-postings-swipper-container .postings-swiper-button-prev.swiper-button-disabled,
.related-postings-swipper-container .postings-swiper-button-next.swiper-button-disabled,
.student-modules-swipper-container .alumni-swiper-button-prev.swiper-button-disabled,
.student-modules-swipper-container .alumni-swiper-button-next.swiper-button-disabled,
.student-modules-swipper-container .student-swiper-button-prev.swiper-button-disabled,
.student-modules-swipper-container .student-swiper-button-next.swiper-button-disabled,
.student-modules-swipper-container .related-postings-swiper-button-prev.swiper-button-disabled,
.student-modules-swipper-container .related-postings-swiper-button-next.swiper-button-disabled,
.student-modules-swipper-container .postings-swiper-button-prev.swiper-button-disabled,
.student-modules-swipper-container .postings-swiper-button-next.swiper-button-disabled,
.catalog-postings-swipper-container .alumni-swiper-button-prev.swiper-button-disabled,
.catalog-postings-swipper-container .alumni-swiper-button-next.swiper-button-disabled,
.catalog-postings-swipper-container .student-swiper-button-prev.swiper-button-disabled,
.catalog-postings-swipper-container .student-swiper-button-next.swiper-button-disabled,
.catalog-postings-swipper-container .related-postings-swiper-button-prev.swiper-button-disabled,
.catalog-postings-swipper-container .related-postings-swiper-button-next.swiper-button-disabled,
.catalog-postings-swipper-container .postings-swiper-button-prev.swiper-button-disabled,
.catalog-postings-swipper-container .postings-swiper-button-next.swiper-button-disabled,
.alumni-swipper-container .alumni-swiper-button-prev.swiper-button-disabled,
.alumni-swipper-container .alumni-swiper-button-next.swiper-button-disabled,
.alumni-swipper-container .student-swiper-button-prev.swiper-button-disabled,
.alumni-swipper-container .student-swiper-button-next.swiper-button-disabled,
.alumni-swipper-container .related-postings-swiper-button-prev.swiper-button-disabled,
.alumni-swipper-container .related-postings-swiper-button-next.swiper-button-disabled,
.alumni-swipper-container .postings-swiper-button-prev.swiper-button-disabled,
.alumni-swipper-container .postings-swiper-button-next.swiper-button-disabled {
  display: none;
}
.postings-swipper-container .related-postings-swiper-button-next,
.postings-swipper-container .postings-swiper-button-next,
.postings-swipper-container .student-swiper-button-next,
.postings-swipper-container .alumni-swiper-button-next,
.related-postings-swipper-container .related-postings-swiper-button-next,
.related-postings-swipper-container .postings-swiper-button-next,
.related-postings-swipper-container .student-swiper-button-next,
.related-postings-swipper-container .alumni-swiper-button-next,
.student-modules-swipper-container .related-postings-swiper-button-next,
.student-modules-swipper-container .postings-swiper-button-next,
.student-modules-swipper-container .student-swiper-button-next,
.student-modules-swipper-container .alumni-swiper-button-next,
.catalog-postings-swipper-container .related-postings-swiper-button-next,
.catalog-postings-swipper-container .postings-swiper-button-next,
.catalog-postings-swipper-container .student-swiper-button-next,
.catalog-postings-swipper-container .alumni-swiper-button-next,
.alumni-swipper-container .related-postings-swiper-button-next,
.alumni-swipper-container .postings-swiper-button-next,
.alumni-swipper-container .student-swiper-button-next,
.alumni-swipper-container .alumni-swiper-button-next {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
.postings-swipper-container .related-postings-swiper-button-next:after,
.postings-swipper-container .postings-swiper-button-next:after,
.postings-swipper-container .student-swiper-button-next:after,
.postings-swipper-container .alumni-swiper-button-next:after,
.related-postings-swipper-container .related-postings-swiper-button-next:after,
.related-postings-swipper-container .postings-swiper-button-next:after,
.related-postings-swipper-container .student-swiper-button-next:after,
.related-postings-swipper-container .alumni-swiper-button-next:after,
.student-modules-swipper-container .related-postings-swiper-button-next:after,
.student-modules-swipper-container .postings-swiper-button-next:after,
.student-modules-swipper-container .student-swiper-button-next:after,
.student-modules-swipper-container .alumni-swiper-button-next:after,
.catalog-postings-swipper-container .related-postings-swiper-button-next:after,
.catalog-postings-swipper-container .postings-swiper-button-next:after,
.catalog-postings-swipper-container .student-swiper-button-next:after,
.catalog-postings-swipper-container .alumni-swiper-button-next:after,
.alumni-swipper-container .related-postings-swiper-button-next:after,
.alumni-swipper-container .postings-swiper-button-next:after,
.alumni-swipper-container .student-swiper-button-next:after,
.alumni-swipper-container .alumni-swiper-button-next:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 21px;
  background-color: #fff;
  background-repeat: no-repeat;
  mask-image: url('right-chevron.de6792512e6e2ca7.svg');
  mask-repeat: no-repeat;
  mask-size: 14px;
}
.postings-swipper-container .related-postings-swiper-button-prev,
.postings-swipper-container .postings-swiper-button-prev,
.postings-swipper-container .student-swiper-button-prev,
.postings-swipper-container .alumni-swiper-button-prev,
.related-postings-swipper-container .related-postings-swiper-button-prev,
.related-postings-swipper-container .postings-swiper-button-prev,
.related-postings-swipper-container .student-swiper-button-prev,
.related-postings-swipper-container .alumni-swiper-button-prev,
.student-modules-swipper-container .related-postings-swiper-button-prev,
.student-modules-swipper-container .postings-swiper-button-prev,
.student-modules-swipper-container .student-swiper-button-prev,
.student-modules-swipper-container .alumni-swiper-button-prev,
.catalog-postings-swipper-container .related-postings-swiper-button-prev,
.catalog-postings-swipper-container .postings-swiper-button-prev,
.catalog-postings-swipper-container .student-swiper-button-prev,
.catalog-postings-swipper-container .alumni-swiper-button-prev,
.alumni-swipper-container .related-postings-swiper-button-prev,
.alumni-swipper-container .postings-swiper-button-prev,
.alumni-swipper-container .student-swiper-button-prev,
.alumni-swipper-container .alumni-swiper-button-prev {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}
.postings-swipper-container .related-postings-swiper-button-prev:after,
.postings-swipper-container .postings-swiper-button-prev:after,
.postings-swipper-container .student-swiper-button-prev:after,
.postings-swipper-container .alumni-swiper-button-prev:after,
.related-postings-swipper-container .related-postings-swiper-button-prev:after,
.related-postings-swipper-container .postings-swiper-button-prev:after,
.related-postings-swipper-container .student-swiper-button-prev:after,
.related-postings-swipper-container .alumni-swiper-button-prev:after,
.student-modules-swipper-container .related-postings-swiper-button-prev:after,
.student-modules-swipper-container .postings-swiper-button-prev:after,
.student-modules-swipper-container .student-swiper-button-prev:after,
.student-modules-swipper-container .alumni-swiper-button-prev:after,
.catalog-postings-swipper-container .related-postings-swiper-button-prev:after,
.catalog-postings-swipper-container .postings-swiper-button-prev:after,
.catalog-postings-swipper-container .student-swiper-button-prev:after,
.catalog-postings-swipper-container .alumni-swiper-button-prev:after,
.alumni-swipper-container .related-postings-swiper-button-prev:after,
.alumni-swipper-container .postings-swiper-button-prev:after,
.alumni-swipper-container .student-swiper-button-prev:after,
.alumni-swipper-container .alumni-swiper-button-prev:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 21px;
  background-color: #fff;
  background-repeat: no-repeat;
  mask-image: url('left-chevron.e26cb9fa442f8d80.svg');
  mask-repeat: no-repeat;
  mask-size: 14px;
}

.header-bottom-swipper swiper-container {
  padding: 0 80px;
}
.header-bottom-swipper .my-next,
.header-bottom-swipper .my-prev {
  color: var(--maxbrain-500);
  background-image: none;
  width: 50px;
  height: 60px;
}
.header-bottom-swipper .my-next {
  background-color: var(--maxbrain-500);
  background-repeat: no-repeat;
  mask-image: url('right-chevron.de6792512e6e2ca7.svg');
  mask-repeat: no-repeat;
  mask-size: 60px;
}
.header-bottom-swipper .my-prev {
  background-color: var(--maxbrain-500);
  background-repeat: no-repeat;
  mask-image: url('left-chevron.e26cb9fa442f8d80.svg');
  mask-repeat: no-repeat;
  mask-size: 60px;
}

.course-offering-product-code {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #a6a6a6;
}

.preview-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  border: 1px dashed #a8a8a8;
  border-radius: 2px;
  cursor: pointer;
}
.preview-container .img-icon {
  background: url('ic_image-library.75549e63905cc397.svg') no-repeat center;
  background-size: contain;
  height: 60px;
  width: 100%;
  margin-bottom: 12px;
}

.experience-form .mat-form-field-appearance-outline .mat-mdc-form-field-flex {
  padding: 0.2em 0em 0.2em 0; /* Original top/bottom value was 1em. */
}

.auto-width .mat-mdc-form-field {
  width: auto !important;
}
.auto-width .mdc-select__selected-text {
  max-width: 100%;
  width: auto;
}

.tabs-group .mat-mdc-tab {
  min-width: unset;
}
.tabs-group .sub-tabs-group .mat-mdc-tab-header {
  padding-left: 12px;
  border-bottom: unset !important;
}
.tabs-group .sub-tabs-group .mat-mdc-tab {
  font-size: 12px;
  padding: 0px 12px;
  min-width: unset;
}

.custom-grow-button {
  align-items: center;
  background-color: var(--maxbrain-500);
  padding: 8px 14px;
  cursor: pointer;
}
.custom-grow-button span {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
.custom-grow-button span.strong {
  font-weight: 500;
}

.tooltip {
  border-radius: 4px;
  background-color: #464b54;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  color: #9e9e9e;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  position: relative;
  top: -40px;
  left: 40px;
}

.mat-mdc-tooltip.custom-offering-properties-tooltip .mdc-tooltip__surface {
  white-space: pre-line;
  border-radius: 4px;
  background-color: #ffffff;
  color: #000000;
  text-align: right;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.custom-offering-overflow-chip,
.custom-offering-overflow-chip * {
  cursor: pointer !important;
}

/*****   SELECT USERS DIALOG   *****/
app-select-users .search-input-wrapper .mat-mdc-form-field,
.select-users-wrapper .search-input-wrapper .mat-mdc-form-field {
  width: 100%;
}
app-select-users .toolbar .close-dialog,
.select-users-wrapper .toolbar .close-dialog {
  cursor: pointer;
}
app-select-users .toolbar .example-spacer,
.select-users-wrapper .toolbar .example-spacer {
  flex: 1 1 auto;
}
app-select-users .description,
.select-users-wrapper .description {
  color: #9e9e9e;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 20px;
}
app-select-users .mat-mdc-card,
.select-users-wrapper .mat-mdc-card {
  height: auto;
  overflow-y: auto;
  padding: 0;
}
app-select-users .mat-mdc-card .mat-mdc-list,
.select-users-wrapper .mat-mdc-card .mat-mdc-list {
  padding-top: 0;
}
app-select-users .mat-mdc-card .mat-mdc-list .mat-mdc-list-item,
.select-users-wrapper .mat-mdc-card .mat-mdc-list .mat-mdc-list-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.basic-select-wrapper {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  width: 115px;
}

.full-screen-button {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  width: 47px;
  height: 48px;
  cursor: pointer;
}
.full-screen-button.fixed {
  position: fixed;
}

/*****   FILE PREVIEW   *****/
.file-arrow {
  height: 40px;
  width: 40px;
  border-radius: 27px;
  background-color: #3d464d;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.35);
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  z-index: 9;
}
.file-arrow.fixed {
  position: fixed;
}
.file-arrow:hover {
  background-color: var(--maxbrain-500);
}
.file-arrow.left {
  left: 50px;
}
.file-arrow.left .mat-icon {
  left: 3px;
}
.file-arrow.right {
  margin-right: 50px;
  right: 0;
  transition: margin 0.2s ease-out;
}
.file-arrow.right.narrow {
  margin-right: 32.5%;
  transition: margin 0.1s ease-out;
}
.file-arrow.right .mat-icon {
  left: 1px;
}
@media screen and (min-width: 1280px) {
  .file-arrow.right {
    margin-right: 119px;
  }
}
.file-arrow .mat-icon {
  color: white;
  position: relative;
  top: 12px;
  font-size: 16px;
}

.file-view.is-not-pdf {
  display: block;
  box-shadow: none;
}
.file-view.not-supported {
  padding: 100px 0;
  background: #ffffff;
}
.file-view .image,
.file-view .video {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.file-view .no-preview-wrapper {
  width: auto;
  margin: 0 auto;
  padding: 30px 8%;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  display: inline-block;
}
.file-view .no-preview-wrapper h3 {
  font-weight: bold;
}
.file-view .no-preview-wrapper > div {
  margin: 20px 0;
}
.file-view .no-preview-wrapper > div span {
  color: #3b3e47;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.file-view img,
.file-view video {
  max-height: calc(100vh - 190px);
}

/*****   FULL CALENDAR   *****/
full-calendar a {
  color: unset !important;
}
full-calendar .fc-toolbar {
  position: relative;
  margin-top: -72px;
}
full-calendar .fc-toolbar .fc-button-group .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none;
}
full-calendar .fc-toolbar .fc-button-group .fc-button {
  background: transparent;
  border: 0;
}
full-calendar .fc-toolbar .fc-button-group .fc-button .fc-icon {
  color: #737373;
}
full-calendar .fc-toolbar .fc-today-button {
  border: 1px solid #e0e0e0 !important;
  border-radius: 2px;
  background-color: #ffffff !important;
  color: #737373 !important;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  outline: none;
  margin-right: 24px;
}
full-calendar .fc-toolbar .fc-toolbar-chunk h2 {
  position: relative;
  top: 3px;
  color: #464b54;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
full-calendar .fc-toolbar .fc-toolbar-chunk .fc-button-group {
  margin-left: auto;
}
full-calendar .fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #ffffff;
  color: #737373;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  outline: none;
}
full-calendar .fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active {
  background: var(--maxbrain-500);
  color: white;
}
full-calendar .fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-listWeek-button {
  display: none;
}
full-calendar .fc-daygrid-day.fc-day-today {
  background-color: var(--maxbrain-100) !important;
}
full-calendar thead tr {
  color: #737373;
  font-size: 14px;
  background-color: #f9f9f9;
  line-height: 20px;
}
full-calendar .fc-event {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 2px 2px 0;
  border-left: 4px solid var(--maxbrain-500);
}
full-calendar .fc-event .fc-event-main {
  color: #3b3e47 !important;
  font-size: 11px;
  line-height: 16px;
}
full-calendar .fc-event.public {
  border-color: #737373;
}

.basic-select {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #ffffff;
}

.section-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.section-item .section-item-info .section-item-ordering {
  display: inline-block;
  position: relative;
  width: 24px;
}
.section-item .section-item-info .section-item-ordering .mat-icon {
  position: absolute;
  cursor: pointer;
}
.section-item .section-item-info .section-item-ordering .mat-icon.disabled {
  cursor: auto;
  color: #cecbcb;
  pointer-events: none;
}
.section-item .section-item-info .section-item-ordering .mat-icon.section-item-move-up {
  bottom: 0px;
}
.section-item .section-item-info .section-item-ordering .mat-icon.section-item-move-down {
  top: -4px;
}
.section-item .section-item-info .mat-icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  line-height: 20px;
  color: #adafb3;
  vertical-align: center;
}
.section-item .section-item-info .mat-icon svg {
  height: 20px !important;
}
.section-item .section-item-info a {
  color: inherit;
  cursor: pointer;
}

.accordion-list-header {
  color: #737373;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.accordion-list-header .grade-weight .info {
  position: absolute;
  right: -20px;
  top: 0;
  height: 12px;
  width: 12px;
  background-color: #737373;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 7px;
  font-size: 9px;
}
.accordion-list-header .grade-weight .mat-mdc-tooltip.tooltip {
  font-size: 10px !important;
}

.accordion.mat-expansion-panel {
  border: 1px solid #e0e0e0;
  border-radius: 2px 2px 0 0 !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  margin: 6px 0;
}
.accordion.mat-expansion-panel.mat-expanded {
  background-color: #f9f9f9 !important;
}

.mat-mdc-snack-bar-action {
  color: var(--maxbrain-100) !important;
}

.mat-icon-more-vert {
  color: rgba(0, 0, 0, 0.54);
}

.card-wrapper {
  flex-wrap: wrap;
}
.card-wrapper .card > div {
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
}

.toolbar-title-wrapper {
  position: relative;
}
.toolbar-title-wrapper span:last-child {
  font-size: 11px;
  color: #737373;
  position: absolute;
  bottom: -16px;
}

.nav.horizontal .nav-item.nav-collapsable .children.open {
  color: #3b3e47 !important;
  position: absolute;
  left: -100px;
  min-width: 160px;
  top: 100%;
}
.nav.horizontal .nav-item.nav-collapsable .children.open:before {
  content: "";
  position: absolute;
  left: 132px;
  top: -15px;
  transform: translateX(-50%);
  border-color: white transparent;
  border-style: solid;
  border-width: 0px 20px 15px 20px;
  height: 0px;
  width: 0px;
}
.nav.horizontal .nav-item.nav-collapsable .children.open > div {
  color: #3b3e47 !important;
  background: white !important;
}
.nav.horizontal .nav-item.nav-collapsable .children.open > div .nav-item .nav-link path#Shape {
  fill: #3b3e47;
}
.nav.horizontal .nav-item.nav-collapsable .children.open > div .nav-item:last-child .nav-link {
  border-top: 1px solid #e0e0e0;
}

.left-navbar.vertical-style-2 .nav-item .nav-link path#Shape {
  fill: white !important;
}

.nav.horizontal .nav-item.nav-collapsable .children .nav-link {
  padding: 0 16px !important;
}

.timepicker-icon {
  position: absolute;
  right: 0;
  color: rgba(0, 0, 0, 0.54);
  font-size: 20px;
}

.grey-icon {
  color: #bebfc3;
}

.green-icon {
  color: #a2c617 !important;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

input[type=time]::-webkit-clear-button,
input[type=time]::-ms-clear {
  display: none;
}

input::-ms-clear {
  width: 0;
  height: 0;
}

.drawer-container {
  position: absolute;
  margin-right: 120px;
  height: 0;
  bottom: 0;
  right: 0;
  z-index: 1001;
}

.webinar-box {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  padding: 20px;
  max-width: 600px;
  width: 100%;
}
.webinar-box .copy-icon {
  color: #737373;
  cursor: pointer;
  min-height: 15px;
  min-width: 15px;
  font-size: 15px;
  margin-left: 4px;
  max-width: 15px;
  max-height: 15px;
  position: relative;
  top: 2px;
}
.webinar-box .generic-video-join-button img {
  position: relative;
  top: -2px;
  max-width: 25px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
}

.progress-drawer.mat-expansion-panel .mat-expansion-panel-content {
  background-color: white;
  max-height: 461px;
  overflow-y: auto !important;
}
.progress-drawer.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 16px;
}
.progress-drawer.mat-expansion-panel .mat-expansion-panel-content .error-message .mat-expansion-panel-body {
  padding: 0px 16px;
}

.group-image {
  height: 92px;
  width: 92px;
  box-sizing: border-box;
  border-radius: 4px 0px 0px 4px;
  display: flex;
  flex: 0 0 92px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.group-image img {
  height: 100%;
}
.group-image .bg-icon {
  top: -30%;
  left: -40%;
  right: 0;
  bottom: 0;
  width: 180%;
  height: 160%;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mat-loading .mat-mdc-button-wrapper {
  visibility: hidden;
}

.mat-loading .mat-mdc-progress-spinner {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}

.no-hover-effect.mat-mdc-button .mat-mdc-button-focus-overlay, .no-hover-effect.mat-mdc-button:hover {
  background-color: transparent;
}
.no-hover-effect.mat-mdc-button .mat-mdc-ripple-element {
  display: none !important;
}

.cdk-overlay-container {
  z-index: 9999;
}

#select-users-dialog {
  margin-bottom: 25px;
}

.error-text {
  color: #f44336;
}

.float-right {
  float: right !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.min-w-0 {
  min-width: 0 !important;
}

.max-w-none {
  max-width: none !important;
}

.hide-subscript-wrapper .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}

.ellipsis-container {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tox-tinymce-aux {
  z-index: 10000 !important;
}

.tox-tiered-menu {
  min-width: auto !important;
}

@media (min-width: 600px) {
  .catalog-postings-swipper-container swiper-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 920px) {
  .postings-swipper-container swiper-container,
  .related-postings-swipper-container swiper-container {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.table-toolbar .section-title {
  overflow: hidden;
}

.schedule-icon-responsive {
  position: relative;
}
.schedule-icon-responsive .icon-tooltip-container {
  display: none;
}
.schedule-icon-responsive:hover .icon-tooltip-container {
  display: flex;
  flex-direction: column;
  background: #464b54;
  width: auto;
  padding: 12px 16px;
  position: absolute;
  z-index: 999;
  top: 80px;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 24px;
  text-align: left;
}
.schedule-icon-responsive:hover .icon-tooltip-container span {
  color: #fff;
  white-space: nowrap;
  font-size: 14px;
}
.schedule-icon-responsive:hover .icon-tooltip-container:after {
  content: "";
  position: absolute;
  top: -14px;
  left: calc(50% - 10px);
  border-top: 10px solid transparent;
  border-bottom: 10px solid #464b54;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.registration-request-processed-container {
  padding: 0px 15px;
}
.registration-request-processed-container h1 {
  color: #3b3e47;
  margin: 40px 0px 32px;
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
}
.registration-request-processed-container p {
  color: #737373;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 22px;
}

@media screen and (min-width: 768px) {
  .alumni-swipper-container swiper-container {
    padding-left: 80px;
  }
  .registration-request-processed-container .registration-request-processed-info-container {
    padding: 0px 30px;
    margin-top: 90px;
    margin-left: 16vw;
    max-width: 620px;
  }
  .registration-request-processed-container p {
    font-size: 16px;
    line-height: 24px;
  }
}
app-e-learning-module-details app-e-learning-scorm-details .content .custom-height {
  height: calc(100vh - 225px);
  margin-bottom: -150px;
}
app-e-learning-module-details app-e-learning-scorm-details .content .table-toolbar {
  margin-top: -24px;
}

app-module-form app-e-learning-scorm-form .content .custom-height {
  height: calc(100vh - 225px);
  margin-bottom: -100px;
}
app-module-form app-e-learning-scorm-form .content .table-toolbar {
  margin-top: -24px;
}

@media screen and (max-width: 500px) {
  app-module-details-content-tab-section-text img {
    max-width: 400px;
    width: 100%;
    height: auto;
  }
}

.mat-mdc-tab.mat-mdc-tab--active {
  pointer-events: none;
}

.mat-calendar-abbr {
  text-decoration: none !important;
  cursor: inherit !important;
}

.mat-mdc-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused .mat-radio-persistent-ripple,
.mat-radio-button:not(.mat-radio-disabled).cdk-program-focused .mat-radio-persistent-ripple {
  display: none !important;
}

#choose-module-type-container {
  padding-top: 24px;
}
#choose-module-type-container .card {
  padding: 0 24px;
}
#choose-module-type-container .card:nth-child(odd) {
  padding-right: 12px;
}
#choose-module-type-container .card:nth-child(even) {
  padding-left: 12px;
}
#choose-module-type-container .card > a:hover {
  text-decoration: none;
}
#choose-module-type-container .card > a > div {
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  text-align: center;
}
#choose-module-type-container .card > a > div:hover {
  border: 1px solid var(--maxbrain-700);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
}
#choose-module-type-container .card > a > div .mat-icon {
  margin: 12px;
  width: 48px;
  height: auto;
  color: #9e9e9e;
}
#choose-module-type-container .card > a > div .mat-icon svg {
  height: 48px;
}
#choose-module-type-container .card > a > div .card-title {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #3b3e47;
  display: block;
}
#choose-module-type-container .card > a > div .card-description {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 16px;
  color: #9e9e9e;
  display: block;
}

app-module-form-content-tab-section-node-list .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-eLearning .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-feedback .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-quiz .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-integrated-quiz .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-one-file .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-survey .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-text .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element {
  display: none;
}

body.maintenance-on .module-details-content {
  height: calc(100vh - 166px);
}

@media screen and (min-width: 600px) {
  body.maintenance-on .module-details-content {
    height: calc(100vh - 188px);
  }
  body.maintenance-on .module-details-content.nav-hidden {
    height: calc(100vh - 138px);
  }
}
button.mat-mdc-menu-trigger .mat-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 24px;
}

button.mat-accent .mat-icon svg path, button.accent .mat-icon svg path,
a.mat-mdc-raised-button.mat-accent .mat-icon svg path,
a.mat-mdc-raised-button.accent .mat-icon svg path {
  fill: var(--maxbrain-600-text);
}

app-module-form-content-tab-section-node-list .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-eLearning .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-feedback .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-quiz .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-integrated-quiz .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-survey .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element,
app-module-form-content-tab-section-text .mat-toolbar-row .mat-mdc-checkbox .mat-ripple-element {
  display: none;
}

.bg-icon {
  position: absolute;
  z-index: 1;
}
.bg-icon svg {
  width: 100%;
  height: 100%;
}
.bg-icon svg #rect1 {
  fill: var(--maxbrain-200);
}
.bg-icon svg #rect2 {
  fill: var(--maxbrain-800);
}
.bg-icon svg #rect3 {
  fill: var(--maxbrain-200);
}
.bg-icon svg #rect4 {
  fill: var(--maxbrain-600);
}
.bg-icon svg #rect5 {
  fill: var(--maxbrain-900);
}
.bg-icon svg #rect6 {
  fill: var(--maxbrain-200);
}

.course-offering-image-container {
  position: relative;
  min-width: 191px;
  height: 108px;
}
.course-offering-image-container .course-offering-image {
  position: relative;
  height: 100%;
  background-color: var(--maxbrain-700);
}
.course-offering-image-container .course-offering-image.no-image {
  position: relative;
  overflow: hidden;
}
.course-offering-image-container .course-offering-image.no-image .bg-icon {
  top: -30%;
  left: -10%;
  right: 0;
  bottom: 0;
  width: 130%;
  height: 160%;
}

.user-details-card-container {
  position: relative;
  overflow: visible;
}
.user-details-card-container p {
  position: relative;
}
.user-details-card-container app-user-details-card {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9999999;
}
.user-details-card-container app-user-details-card.hidden {
  display: none;
}

app-active-user-list-page #users .mat-mdc-tab-body-wrapper .mat-tab-body {
  display: block !important;
}

.online-state-indicator {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 6px;
  bottom: 0;
  border: 2px solid;
  border-radius: 100%;
}
.online-state-indicator.online {
  border-color: #ffffff;
  background: #00d315;
}
.online-state-indicator.offline {
  border-color: #a4a4a4;
  background: #ffffff;
}

.catalog-postings-swipper-container swiper-container,
.postings-swipper-container swiper-container,
.student-modules-swipper-container swiper-container,
.alumni-swipper-container swiper-container {
  overflow: visible !important;
}

.members-wrapper .online-state-indicator {
  right: 3px;
  bottom: -3px;
}

.upload-first-file-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #737373;
  margin-top: 4px;
  margin-bottom: 0;
}

vg-player {
  background-color: white !important;
}
vg-player video {
  width: 100%;
}

.period-tag {
  position: absolute;
  right: 24px;
  top: 30px;
  width: 100px;
  text-align: right;
}
.period-tag span {
  font-size: 10px;
  color: #7d7d7d;
  text-align: center;
  position: relative;
  right: 15px;
  z-index: 1;
}
.period-tag span:before {
  content: "";
  border-radius: 30px;
  position: absolute;
  background: #eaeaea;
  left: -15px;
  right: 0;
  padding-right: 30px;
  top: -6px;
  z-index: -1;
  height: 24px;
  box-sizing: content-box;
  width: 100%;
}

/* Tenant Dashboard */
.tenant-dashboard-charts-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tenant-dashboard-charts-wrapper .chart-wrapper {
  position: relative;
  flex: 0 0 49%;
  margin-bottom: 16px;
  padding: 24px;
  background: #ffffff;
}
.tenant-dashboard-charts-wrapper .chart-wrapper.alternative {
  max-height: 40vh;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .info-icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-family: none;
  color: #fff;
  background: #adafb3;
  margin-left: 4px;
  border-radius: 100%;
}
@media screen and (max-width: 1279px) {
  .tenant-dashboard-charts-wrapper .chart-wrapper {
    flex: 0 0 100%;
    min-height: 250px;
  }
}
.tenant-dashboard-charts-wrapper .chart-wrapper.metrics {
  padding: 0;
  box-shadow: none;
  background: none;
}
.tenant-dashboard-charts-wrapper .chart-wrapper.metrics .icon-wrapper {
  flex: 0 0 56px;
  height: 56px;
}
.tenant-dashboard-charts-wrapper .chart-wrapper.metrics .icon-wrapper .mat-icon {
  font-size: 30px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  line-height: 30px;
}
@media screen and (max-width: 1279px) {
  .tenant-dashboard-charts-wrapper .chart-wrapper.metrics {
    min-height: inherit;
  }
}
.tenant-dashboard-charts-wrapper .chart-wrapper .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  flex: 0 0 32px;
  margin-right: 10px;
  border-radius: 4px;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .icon-wrapper .mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  fill: inherit;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .icon-wrapper .mat-icon svg {
  fill: inherit;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .icon-wrapper .mat-icon svg path {
  fill: inherit;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .chart-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 24px;
  max-width: 75%;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .chart-title-wrapper .chart-title {
  color: #464b54;
  font-size: 14px;
  line-height: 18px;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .big-bar-chart-wrapper {
  height: 85%;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .pie-chart-wrapper {
  width: 50%;
  margin: 0 auto;
}
.tenant-dashboard-charts-wrapper .chart-wrapper canvas {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card {
  display: flex;
  align-items: center;
  flex: 0 0 32.33%;
  padding: 24px;
  margin-bottom: 1%;
  background: #ffffff;
  position: relative;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card:last-child {
  margin-bottom: 0;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card.tall {
  flex: 0 0 49.2%;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card.tall .icon-wrapper {
  flex: 0 0 90px;
  height: 90px;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card.tall .content-wrapper .card-content .card-title {
  font-size: 1.3em;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card.tall .content-wrapper .card-content .card-value {
  font-size: 2em;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card .content-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  max-width: 75%;
  gap: 8px;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card .content-wrapper .card-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card .content-wrapper .card-content .card-title {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: rgba(58, 62, 72, 0.6);
}
.tenant-dashboard-charts-wrapper .chart-wrapper .metric-card .content-wrapper .card-content .card-value {
  width: 100%;
  font-size: 22px;
  line-height: 26px;
  color: #464b54;
  font-weight: 500;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .no-chart-data-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .no-chart-data-wrapper h2,
.tenant-dashboard-charts-wrapper .chart-wrapper .no-chart-data-wrapper label {
  width: 100%;
  text-align: center;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .no-chart-data-wrapper .icon-wrapper {
  width: 56px;
  flex-basis: 56px;
}
.tenant-dashboard-charts-wrapper .chart-wrapper .no-chart-data-wrapper .icon-wrapper .mat-icon {
  font-size: 30px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  line-height: 30px;
}

.sidebar-btn button .mat-mdc-button-focus-overlay {
  opacity: 0 !important;
}

/* Analitycs */
.analytics-container .analytic-container .analytics-title {
  color: #3b3e47;
  font-size: 16px;
  font-weight: 400;
}
.analytics-container .analytic-container .sections-completed-progress {
  color: var(--maxbrain-700);
  font-size: 16px;
  line-height: 20px;
}
.analytics-container .analytic-container .analytics-value {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #3b3e47;
}
.analytics-container .analytic-container .analytics-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #3b3e47;
}
.analytics-container .analytic-container .certificate-container .certificate-name {
  color: #464b54;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #3b3e47;
}
.analytics-container .analytic-container .certificate-container:hover .certificate-name {
  text-decoration: underline;
}

@media (min-width: 600px) {
  .analytics-container .analytic-container .analytics-title {
    font-size: 14px;
  }
  .analytics-container .analytic-container .sections-completed-progress {
    font-size: 14px;
  }
  .analytics-container .analytic-container .analytics-value {
    font-size: 14px;
  }
  .analytics-container .analytic-container .analytics-description {
    font-size: 14px;
  }
  .analytics-container .analytic-container .certificate-container .certificate-name {
    font-size: 14px;
  }
}
/* Analitycs */
/* Program Final Grade Square & Certificate Icon */
.program-final-grade {
  position: relative;
  padding: 8px 12px;
  border-radius: 4px;
}

.circle {
  position: relative;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 52px;
  text-align: center;
  vertical-align: middle;
  margin-right: 8px;
  flex-shrink: 0;
}
.circle:last-child {
  margin-right: 0px;
}
.circle.gray {
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
}
.circle.gray mat-icon {
  width: 10px;
  min-width: 16px;
}
.circle.white {
  background: #fff;
}
.circle.blue {
  background: linear-gradient(132.52deg, #f2f6ff 0%, #d5e4ff 96.03%);
}

.custom-avatar-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.custom-avatar-icon.gray {
  background-color: #f9f9f9;
}
.custom-avatar-icon mat-icon {
  color: #464b54;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
  height: 18px;
  width: 18px;
}

.program-final-grade .icon-tooltip-container,
.circle .icon-tooltip-container {
  display: none;
}
.program-final-grade.text,
.circle.text {
  color: #3b3e47;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.program-final-grade:hover .icon-tooltip-container,
.circle:hover .icon-tooltip-container {
  display: flex;
  flex-direction: column;
  background: #464b54;
  width: auto;
  padding: 12px 16px;
  position: absolute;
  z-index: 999;
  top: 80px;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 24px;
  text-align: left;
}
.program-final-grade:hover .icon-tooltip-container span,
.circle:hover .icon-tooltip-container span {
  color: #fff;
  white-space: nowrap;
  font-size: 14px;
}
.program-final-grade:hover .icon-tooltip-container:after,
.circle:hover .icon-tooltip-container:after {
  content: "";
  position: absolute;
  top: -14px;
  left: calc(50% - 10px);
  border-top: 10px solid transparent;
  border-bottom: 10px solid #464b54;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media (min-width: 600px) {
  .program-final-grade.text,
  .circle.text {
    font-size: 14px;
  }
}
.active-user-list-mat-header.cdk-drag-preview {
  display: flex;
  align-items: center;
  overflow: hidden;
  word-wrap: break-word;
  min-height: inherit;
  min-height: auto;
  padding: 2px 5px;
  color: rgba(0, 0, 0, 0.54);
  background: #f5f5f5;
}
.active-user-list-mat-header.cdk-drag-preview:before {
  content: url("/assets/icons/ic_drag_indicator.svg");
  background: #f5f5f5;
  width: 20px;
  height: 100%;
  position: relative;
  top: 2px;
  margin-right: 5px;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.user-properties .form-toolbar {
  border-bottom: none !important;
}
.user-properties .form-toolbar mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #606161;
  font-size: 22px;
}
.user-properties .mat-mdc-form-field-suffix {
  display: none;
}
.user-properties .options-dropdown.alternative .mdc-select__dropdown-icon {
  right: 130px;
}
.user-properties .options-dropdown .mdc-select__dropdown-icon {
  position: absolute;
  right: 90px;
}
.user-properties .address-label {
  position: relative;
  top: 15px;
  left: 10px;
  display: block;
  margin-bottom: 30px;
}
.user-properties .address-box {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin: 20px 0;
}
.user-properties .privacy-dropdown {
  position: absolute;
  right: 10px;
  width: 64px;
  top: 7px;
}
.user-properties .privacy-dropdown .mat-mdc-text-field-wrapper {
  padding: 0;
  height: 32px;
  overflow: hidden;
}
.user-properties .privacy-dropdown .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  align-items: center;
  height: 32px;
  border: 0;
  background: #f5f5f5;
  border-radius: 4px;
}
.user-properties .privacy-dropdown .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
.user-properties .privacy-dropdown .mat-mdc-form-field-icon-prefix {
  padding: 0 4px 0 6px;
}
.user-properties .privacy-dropdown .mat-mdc-form-field-icon-prefix mat-icon.mat-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.user-properties .privacy-dropdown .mat-mdc-form-field-suffix {
  display: flex;
  padding-right: 0;
}
.user-properties .privacy-dropdown .mat-mdc-form-field-infix {
  padding: 0;
  width: 24px;
  min-width: 24px;
  flex: 0 0 24px;
}
.user-properties .privacy-dropdown .mat-mdc-select-trigger {
  padding: 0;
  height: 36px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 0;
}
.user-properties .privacy-dropdown .mat-mdc-select-value-text {
  display: none;
}
.user-properties .privacy-dropdown .mat-mdc-select-arrow-wrapper {
  transform: none;
  margin-left: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-properties .privacy-dropdown .mat-mdc-select-arrow {
  color: #606161;
  right: 18px;
  top: 2px;
}
.user-properties .privacy-dropdown .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.user-properties .custom-attribute-icon {
  position: absolute;
  right: 10px;
  top: 17px;
}
.user-properties .custom-attribute-icon svg path {
  fill: #b3b3b3;
}

.privacy-dropdown-panel .mat-mdc-option .mat-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  margin-right: 8px;
}
.privacy-dropdown-panel .mat-mdc-option span {
  display: inline-flex;
  align-items: center;
}

.user-edit-icon {
  position: absolute;
  right: 90px;
  top: -2px;
  font-size: 20px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
}
.user-edit-icon.address-edit-icon {
  position: relative;
}
.user-edit-icon.alternative {
  right: 10px;
}

.mat-mdc-form-field .success-input-icon {
  position: absolute;
  right: 120px;
  top: 2px;
  font-size: 20px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.mat-mdc-form-field .success-input-icon.more-right {
  right: 10px;
}
.mat-mdc-form-field .success-input-icon.more-left {
  right: 150px;
}
.mat-mdc-form-field .success-input-icon.alternative {
  right: 40px;
}
.mat-mdc-form-field .success-input-icon.alternative-left {
  right: 90px;
}
.mat-mdc-form-field .success-input-icon.visible {
  opacity: 1;
}

.keywords-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.keywords-wrapper .keyword-tag {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 16px;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #a8a8a8;
  border-radius: 30px;
}
.keywords-wrapper .mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  line-height: 16px;
}

.postings-swipper-container .postings-swipper:hover swiper-container {
  z-index: 2;
}

app-user-form-visible-properties-tab,
app-profile-form-details-tab,
app-user-form-hidden-properties-tab,
app-offering-overview,
app-module-form-overview-tab {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
app-user-form-visible-properties-tab input[matinput]::-webkit-outer-spin-button,
app-user-form-visible-properties-tab input[matinput]::-webkit-inner-spin-button,
app-profile-form-details-tab input[matinput]::-webkit-outer-spin-button,
app-profile-form-details-tab input[matinput]::-webkit-inner-spin-button,
app-user-form-hidden-properties-tab input[matinput]::-webkit-outer-spin-button,
app-user-form-hidden-properties-tab input[matinput]::-webkit-inner-spin-button,
app-offering-overview input[matinput]::-webkit-outer-spin-button,
app-offering-overview input[matinput]::-webkit-inner-spin-button,
app-module-form-overview-tab input[matinput]::-webkit-outer-spin-button,
app-module-form-overview-tab input[matinput]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
app-user-form-visible-properties-tab input[matinput][type=number],
app-profile-form-details-tab input[matinput][type=number],
app-user-form-hidden-properties-tab input[matinput][type=number],
app-offering-overview input[matinput][type=number],
app-module-form-overview-tab input[matinput][type=number] {
  -moz-appearance: textfield;
}

body.theme-default .mat-mdc-input:disabled,
body.theme-default .mat-form-field-type-mat-native-select.mat-mdc-form-field-disabled .mat-mdc-form-field-flex::after {
  color: rgba(0, 0, 0, 0.3);
}

.mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

body.theme-default .mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple {
  background-image: none;
}

.shimmer-container {
  padding: 50px 20px 40px;
}

.shimmer-card {
  height: 220px;
  width: 100%;
  max-width: 385px;
}

.shimmer-title {
  width: 100%;
  height: 24px;
  background: #777;
  margin: 0px 0px 40px;
}

.animate {
  animation: shimmer 2s infinite linear;
  background: linear-gradient(to right, #ebebeb 4%, #e2e2e2 25%, #ebebeb 36%);
  background-size: 1000px 100%;
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@media (min-width: 920px) {
  .shimmer-container {
    padding: 50px 80px 40px;
  }
}
.mat-mdc-menu-content svg path {
  fill: rgb(106, 106, 106);
}

chat-panel #contacts-list-container #chat .contacts-list-item .mat-mdc-form-field-flex {
  display: flex;
}

.respeak-widget-button {
  z-index: 999;
  right: 80px !important;
  display: none !important;
}

body.engage .respeak-widget-button {
  display: flex !important;
}

.tinymce-content h1,
.tinymce-content h2,
.tinymce-content h3,
.tinymce-content h4,
.tinymce-content h5,
.tinymce-content h6 {
  font-weight: revert;
  font-size: revert;
}

.tinymce-content img {
  display: block;
}

.mat-icon.icon-20 {
  font-size: 20px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
}

app-add-external-module-certification-dialog .mat-mdc-option-text {
  display: flex;
  align-content: center;
  justify-content: space-between;
}

.feed-item-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  width: 100%;
  padding: 24px 16px;
  gap: 16px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 8px;
}
.feed-item-card.unread {
  background: var(--maxbrain-50);
}
.feed-item-card .feed-item-header .urgent-icon {
  font-size: 27px;
  width: 27px;
  height: 27px;
  min-width: 27px;
  min-height: 27px;
  line-height: 27px;
}
.feed-item-card .feed-item-header .header-time {
  font-size: 12px;
  line-height: 16px;
  color: #76786b;
}
.feed-item-card .feed-item-body .avatar {
  width: 36px;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}
.feed-item-card .feed-item-body .body-title {
  font-size: 14px;
  line-height: 20px;
}
.feed-item-card .feed-item-body .body-subtitle {
  font-size: 12px;
  line-height: 16px;
  color: #76786b;
}
.feed-item-card .feed-item-body .extra-icon {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.feed-item-card .tag-wrapper {
  padding: 6px 12px;
  border-radius: 100px;
  background: var(--maxbrain-100);
}
.feed-item-card .tag-wrapper.subject {
  background: transparent;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 0 0;
}
.feed-item-card .tag-wrapper.subject span {
  font-size: 14px;
  line-height: 14px;
}
.feed-item-card .tag-wrapper img {
  width: 16px;
  height: 16px;
}
.feed-item-card .tag-wrapper span {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  position: relative;
  top: 1px;
}

.notification-preview-button .mat-icon {
  color: #adafb3;
}
.notification-preview-button svg path {
  fill: #adafb3;
}

.video-wrapper {
  position: relative;
  width: 600px;
  max-width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .video-wrapper {
    width: 100%;
  }
}
.video-wrapper .video-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  padding: 0 16px 12px;
  pointer-events: none;
  color: #ffffff;
  font-size: 14px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
.video-wrapper .video-time {
  position: absolute;
  bottom: 44px;
}
.video-wrapper .video-time-start {
  left: 66px;
}
.video-wrapper .video-time-end {
  right: 30px;
}
.video-wrapper .video-progress {
  position: relative;
  height: 10px;
  margin: 0 16px;
  --progress: 0;
  flex: 1;
  cursor: pointer;
}
.video-wrapper .video-custom-controls {
  display: flex;
  align-items: center;
  pointer-events: auto;
}
.video-wrapper .video-play-button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.video-wrapper .video-play-icon {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffffff;
  margin-left: 2px;
}
.video-wrapper .video-play-icon.is-pause {
  width: 12px;
  height: 12px;
  border: none;
  margin-left: 0;
  position: relative;
}
.video-wrapper .video-play-icon.is-pause::before,
.video-wrapper .video-play-icon.is-pause::after {
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 1px;
}
.video-wrapper .video-play-icon.is-pause::before {
  left: 0;
}
.video-wrapper .video-play-icon.is-pause::after {
  right: 0;
}
.video-wrapper .video-progress-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.7);
}
.video-wrapper .video-progress-fill {
  position: absolute;
  left: 0;
  top: 50%;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 999px;
  background-color: #ffffff;
}
.video-wrapper .video-progress-thumb {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.video-wrapper .video-mandatory {
  position: absolute;
  bottom: -11px;
  transform: translateY(100%);
  background-color: #ffffff;
  color: #464b54;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  max-width: calc(100% - 16px);
  text-shadow: none;
}
.video-wrapper .video-mandatory::after {
  content: "";
  position: absolute;
  top: -6px;
  left: var(--arrow-left, 50%);
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}

app-edit-video-condition-dialog .vjs-control-bar {
  display: none !important;
}

.tasks-list-container .tasks-toolbar {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.tasks-list-container .tasks-toolbar .search-field {
  width: 250px;
}
.tasks-list-container .tasks-toolbar .search-field ::ng-deep .mat-form-field-wrapper {
  padding-bottom: 0;
  margin: 0;
}
.tasks-list-container .tasks-toolbar .search-field ::ng-deep .mat-form-field-outline {
  background: #fff;
}
.tasks-list-container .tasks-toolbar .search-field mat-icon {
  color: #8c9199;
}
.tasks-list-container .tasks-list {
  background: transparent;
}
.tasks-list-container .tasks-list .mat-table {
  width: 100%;
  background: transparent;
}
.tasks-list-container .tasks-list .mat-table .mat-header-row {
  background: #ffffff;
}
.tasks-list-container .tasks-list .mat-table .mat-header-cell,
.tasks-list-container .tasks-list .mat-table .mat-cell {
  padding: 12px 16px;
  border-bottom: none;
}
.tasks-list-container .tasks-list .mat-table .task-row {
  background: #ffffff;
  border-bottom: 1px solid #f0f0f0;
}
.tasks-list-container .tasks-list .mat-table .task-row:hover {
  background: #fafafa;
}
.tasks-list-container .tasks-list .mat-table .task-name {
  flex: 1;
  color: #3b3e47;
  font-size: 14px;
}
.tasks-list-container .tasks-list .mat-table .task-usage {
  width: 120px;
  text-align: center;
  justify-content: center;
}
.tasks-list-container .tasks-list .mat-table .task-usage .usage-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 16px;
  background: #f5f5f5;
  color: #8c9199;
  font-size: 14px;
}
.tasks-list-container .tasks-list .mat-table .task-usage .usage-badge.has-usage {
  background: #F5F5F5;
  color: #464B54;
  cursor: pointer;
}
.tasks-list-container .tasks-list .mat-table .task-usage .usage-badge .usage-arrow {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  position: relative;
  top: 3px;
}
.tasks-list-container .tasks-list .mat-table .task-actions {
  width: 80px;
  justify-content: flex-end;
}
.tasks-list-container .no-tasks-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: #fff;
  color: #464b54;
}
.tasks-list-container .no-tasks-container .no-tasks-icon {
  width: 64px;
  height: 64px;
  color: #8c9199;
}
.tasks-list-container mat-paginator {
  background: #fff;
  border-top: 1px solid #e0e0e0;
}
.tasks-list-container mat-paginator.hidden {
  display: none;
}
.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}
.hover\:scale-125:hover{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:\!bg-gray-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-white:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:inline-flex{
  display: inline-flex;
}
.group:hover .group-hover\:hidden{
  display: none;
}
.group:hover .group-hover\:\!opacity-0{
  opacity: 0 !important;
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
@media not all and (min-width: 768px){
  .max-md\:w-auto{
    width: auto;
  }
}
@media (min-width: 600px){
  .min-\[600px\]\:w-auto{
    width: auto;
  }
}
@media (min-width: 640px){
  .sm\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:\!mb-0{
    margin-bottom: 0px !important;
  }
  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }
  .sm\:mr-0{
    margin-right: 0px;
  }
  .sm\:mr-2{
    margin-right: 0.5rem;
  }
  .sm\:mr-4{
    margin-right: 1rem;
  }
  .sm\:mt-24{
    margin-top: 6rem;
  }
  .sm\:\!block{
    display: block !important;
  }
  .sm\:block{
    display: block;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:max-w-80{
    max-width: 20rem;
  }
  .sm\:flex-col{
    flex-direction: column;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:justify-items-center{
    justify-items: center;
  }
  .sm\:gap-y-0{
    row-gap: 0px;
  }
  .sm\:\!bg-white{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  }
  .sm\:bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }
  .sm\:bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }
  .sm\:bg-primary-600{
    background-color: var(--maxbrain-600);
  }
  .sm\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .sm\:\!p-6{
    padding: 1.5rem !important;
  }
  .sm\:p-4{
    padding: 1rem;
  }
  .sm\:p-6{
    padding: 1.5rem;
  }
  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }
  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-lg{
    font-size: 20px;
    line-height: 28px;
  }
  .sm\:text-sm{
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 768px){
  .md\:ml-2{
    margin-left: 0.5rem;
  }
}
@media (min-width: 1024px){
  .lg\:\!mb-0{
    margin-bottom: 0px !important;
  }
  .lg\:block{
    display: block;
  }
  .lg\:h-full{
    height: 100%;
  }
}
@media (min-width: 1280px){
  .xl\:\!mb-0{
    margin-bottom: 0px !important;
  }
  .xl\:h-full{
    height: 100%;
  }
}

/*# sourceMappingURL=styles.15b5cd2778275b9c.css.map*/