@meduza/ui-kit-2 0.1.25 → 0.1.27

package/dist/ui-kit.css

@@ -1,3 +1,233 @@
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.SvgSymbol-module_root__2CsRW {
+  width: 100%;
+  height: 100%;
+
+  vertical-align: middle;
+}
+.SvgSymbol-module_small__2g6oR {
+  height: 14px;
+}
+.SvgSymbol-module_normal__9lFn1 {
+  height: 14px;
+}
+.SvgSymbol-module_medium__2eF5L {
+  width: 24px;
+  height: 24px;
+}
+.SvgSymbol-module_large__2kQrt {
+  width: 42px;
+  height: 42px;
+}
+.SvgSymbol-module_adaptive__3_68T {
+  width: 100%;
+  height: 100%;
+}
+.SvgSymbol-module_fb__1whmw {
+  width: 16px;
+
+  fill: #304591;
+}
+.SvgSymbol-module_vk__3VEuu {
+  width: 20px;
+
+  fill: #527397;
+}
+.SvgSymbol-module_ok__2_1Qb {
+  width: 9px;
+
+  fill: #eb722e;
+}
+.SvgSymbol-module_tw__2VRG5 {
+  width: 20px;
+
+  fill: #31adf4;
+}
+.SvgSymbol-module_tg__2xe2f {
+  width: 18px;
+
+  fill: #2ba5e0;
+}
+.SvgSymbol-module_reaction__rrJvf {
+  width: 16px;
+
+  color: #b88b59;
+
+  fill: #262626;
+}
+.SvgSymbol-module_card__1XAqw,
+.SvgSymbol-module_podcast__3oPoo,
+.SvgSymbol-module_read__2V82i,
+.SvgSymbol-module_listened__1oMFV {
+  width: 15px;
+  height: 15px;
+}
+.SvgSymbol-module_menu__2iYFt {
+  width: 24px;
+  height: 24px;
+}
+.SvgSymbol-module_cross__J2lCN {
+  width: 14px;
+  height: 14px;
+}
+.SvgSymbol-module_isInFeature__cDeTI,
+.SvgSymbol-module_isInCard__pKq4e {
+  width: 16px;
+  height: 16px;
+}
+.SvgSymbol-module_isInTopicBlockItem__3Te91 {
+  width: 16px;
+  height: 16px;
+}
+.SvgSymbol-module_isInPageStatic__H31Rd {
+  width: 64px;
+  height: 64px;
+}
+.SvgSymbol-module_isInMaterialMeta__2IbAw {
+  margin-right: 6px;
+}
+.SvgSymbol-module_isInAudioPlayer__2xlzW {
+  width: 29px;
+  height: 29px;
+
+  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
+
+          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
+}
+.SvgSymbol-module_isInEpisodeBlock__2vY3o {
+  width: 38px;
+  height: 38px;
+
+  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
+
+          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
+}
+.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
+  width: 34px;
+  height: 28px
+}
+@media only screen and (min-device-width: 40.625em) {
+.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
+    width: 28px;
+    height: 22px
+}
+  }
+.SvgSymbol-module_isInButtonBackward__1Grf9,
+.SvgSymbol-module_isInButtonForward__D1AFL {
+  width: 28px;
+  height: 28px
+}
+@media only screen and (min-device-width: 40.625em) {
+.SvgSymbol-module_isInButtonBackward__1Grf9,
+.SvgSymbol-module_isInButtonForward__D1AFL {
+    width: 22px;
+    height: 22px
+}
+  }
+.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
+  width: 18px;
+  height: 18px;
+}
+.SvgSymbol-module_play__pM-qY {
+  width: 100%;
+  height: 100%;
+}
+.SvgSymbol-module_meduzaLogo__2Ouzp {
+  width: 92px;
+  height: 20px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_meduzaLogo__2Ouzp {
+    width: 100px;
+    height: 45px
+}
+  }
+.SvgSymbol-module_arrow__11naX {
+  width: 12px;
+  height: 12px;
+}
+.SvgSymbol-module_oil__hvHE5 {
+  width: 9px;
+  height: 12px;
+}
+.SvgSymbol-module_search__VK6p3 {
+  width: 24px;
+  height: 24px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_search__VK6p3 {
+    width: 16px;
+    height: 16px
+}
+  }
+.SvgSymbol-module_user__1MGim {
+  width: 14px;
+  height: 14px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_user__1MGim {
+    width: 16px;
+    height: 16px
+}
+  }
+.SvgSymbol-module_bookmark__2z7tX {
+  width: 17px;
+  height: auto;
+
+  cursor: pointer;
+
+  stroke-width: 2px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_bookmark__2z7tX {
+    width: 14px;
+
+    stroke-width: 1.5px
+}
+  }
+.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
+  width: 14px;
+}
+.SvgSymbol-module_receipt__3Eqow {
+  width: 10px;
+  height: 13px;
+}
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
+  width: 22px;
+  height: 22px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
+    width: 14px;
+    height: 14px
+}
+  }
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
+    stroke-width: 1.5px
+}
+  }
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
+  stroke-width: 1.8px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
+    stroke-width: 1.3px
+}
+  }
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -247,420 +477,26 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.SvgSymbol-module_root__2CsRW {
-  width: 100%;
-  height: 100%;
+.Image-module_root__1vsA_ {
+  position: relative;
+  z-index: 1;
 
-  vertical-align: middle;
+  display: block;
+  overflow: hidden
 }
-.SvgSymbol-module_small__2g6oR {
-  height: 14px;
+@media only screen and (min-device-width: 32em) {
+.Image-module_root__1vsA_ {
+    border-radius: inherit
 }
-.SvgSymbol-module_normal__9lFn1 {
-  height: 14px;
-}
-.SvgSymbol-module_medium__2eF5L {
-  width: 24px;
-  height: 24px;
-}
-.SvgSymbol-module_large__2kQrt {
-  width: 42px;
-  height: 42px;
-}
-.SvgSymbol-module_adaptive__3_68T {
-  width: 100%;
-  height: 100%;
-}
-.SvgSymbol-module_fb__1whmw {
-  width: 16px;
-
-  fill: #304591;
-}
-.SvgSymbol-module_vk__3VEuu {
-  width: 20px;
-
-  fill: #527397;
-}
-.SvgSymbol-module_ok__2_1Qb {
-  width: 9px;
-
-  fill: #eb722e;
-}
-.SvgSymbol-module_tw__2VRG5 {
-  width: 20px;
-
-  fill: #31adf4;
-}
-.SvgSymbol-module_tg__2xe2f {
-  width: 18px;
-
-  fill: #2ba5e0;
-}
-.SvgSymbol-module_reaction__rrJvf {
-  width: 16px;
-
-  color: #b88b59;
-
-  fill: #262626;
-}
-.SvgSymbol-module_card__1XAqw,
-.SvgSymbol-module_podcast__3oPoo,
-.SvgSymbol-module_read__2V82i,
-.SvgSymbol-module_listened__1oMFV {
-  width: 15px;
-  height: 15px;
-}
-.SvgSymbol-module_menu__2iYFt {
-  width: 24px;
-  height: 24px;
-}
-.SvgSymbol-module_cross__J2lCN {
-  width: 14px;
-  height: 14px;
-}
-.SvgSymbol-module_isInFeature__cDeTI,
-.SvgSymbol-module_isInCard__pKq4e {
-  width: 16px;
-  height: 16px;
-}
-.SvgSymbol-module_isInTopicBlockItem__3Te91 {
-  width: 16px;
-  height: 16px;
-}
-.SvgSymbol-module_isInPageStatic__H31Rd {
-  width: 64px;
-  height: 64px;
-}
-.SvgSymbol-module_isInMaterialMeta__2IbAw {
-  margin-right: 6px;
-}
-.SvgSymbol-module_isInAudioPlayer__2xlzW {
-  width: 29px;
-  height: 29px;
-
-  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
-
-          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
-}
-.SvgSymbol-module_isInEpisodeBlock__2vY3o {
-  width: 38px;
-  height: 38px;
-
-  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
-
-          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
-}
-.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
-  width: 34px;
-  height: 28px
-}
-@media only screen and (min-device-width: 40.625em) {
-.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
-    width: 28px;
-    height: 22px
-}
-  }
-.SvgSymbol-module_isInButtonBackward__1Grf9,
-.SvgSymbol-module_isInButtonForward__D1AFL {
-  width: 28px;
-  height: 28px
-}
-@media only screen and (min-device-width: 40.625em) {
-.SvgSymbol-module_isInButtonBackward__1Grf9,
-.SvgSymbol-module_isInButtonForward__D1AFL {
-    width: 22px;
-    height: 22px
-}
-  }
-.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
-  width: 18px;
-  height: 18px;
-}
-.SvgSymbol-module_play__pM-qY {
-  width: 100%;
-  height: 100%;
-}
-.SvgSymbol-module_meduzaLogo__2Ouzp {
-  width: 92px;
-  height: 20px
-}
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_meduzaLogo__2Ouzp {
-    width: 100px;
-    height: 45px
-}
-  }
-.SvgSymbol-module_arrow__11naX {
-  width: 12px;
-  height: 12px;
-}
-.SvgSymbol-module_oil__hvHE5 {
-  width: 9px;
-  height: 12px;
-}
-.SvgSymbol-module_search__VK6p3 {
-  width: 24px;
-  height: 24px
-}
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_search__VK6p3 {
-    width: 16px;
-    height: 16px
-}
-  }
-.SvgSymbol-module_user__1MGim {
-  width: 14px;
-  height: 14px
-}
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_user__1MGim {
-    width: 16px;
-    height: 16px
-}
-  }
-.SvgSymbol-module_bookmark__2z7tX {
-  width: 17px;
-  height: auto;
-
-  cursor: pointer;
-
-  stroke-width: 2px
-}
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_bookmark__2z7tX {
-    width: 14px;
-
-    stroke-width: 1.5px
-}
-  }
-.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
-  width: 14px;
-}
-.SvgSymbol-module_receipt__3Eqow {
-  width: 10px;
-  height: 13px;
-}
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
-  width: 22px;
-  height: 22px
-}
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
-    width: 14px;
-    height: 14px
-}
-  }
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
-    stroke-width: 1.5px
-}
-  }
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
-  stroke-width: 1.8px
-}
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
-    stroke-width: 1.3px
-}
-  }
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Switcher-module_root__1Env1 {
-  position: relative;
-
-  display: -webkit-box;
-
-  display: -webkit-flex;
-
-  display: -ms-flexbox;
-
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-
-  font-weight: 600;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  white-space: nowrap;
-
-  cursor: pointer;
-
-  -webkit-user-select: none;
-
-     -moz-user-select: none;
-
-      -ms-user-select: none;
-
-          user-select: none;
-}
-.Switcher-module_dark__1IzaH {
-  color: inherit;
-}
-.Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
-  background-color: transparent;
-}
-.Switcher-module_input__jaMVF {
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  opacity: 0;
-}
-.Switcher-module_control__1NTvY {
-  position: relative;
-
-  display: block;
-
-  width: 37px;
-  height: 21px;
-
-  background-color: #e6e6e6;
-
-  border-radius: 15px;
-}
-.Switcher-module_control__1NTvY::before {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-
-  width: 18px;
-
-  background: rgba(19, 191, 17, 0);
-
-  border-radius: 15px;
-
-  transition: 0.25s ease-in-out;
-
-  content: '';
-}
-.Switcher-module_knob__3kEy5 {
-  position: relative;
-  top: 2px;
-  left: 2px;
-  z-index: 200;
-
-  display: block;
-
-  width: 17px;
-  height: 17px;
-
-  background: #fff;
-
-  border-radius: 15px;
-
-  transition: 0.25s ease-in-out;
-}
-.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
-  width: 100%;
-
-  background-color: #b88b59;
-}
-.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
-  box-shadow: inset 0 0 0 1px transparent;
-}
-.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
-  left: 18px;
-}
-.Switcher-module_children__147JP.Switcher-module_left__2coeE {
-  margin-right: 6px;
-}
-.Switcher-module_children__147JP.Switcher-module_right__yWG7h {
-  margin-left: 6px;
-}
-/* panel */
-.Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
-
-  color: #999;
-
-  font-size: 13px;
-  letter-spacing: 0.5px;
-  text-transform: uppercase;
-}
-/* menu */
-.Switcher-module_isInMenu__3XJYj {
-  font-weight: normal;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
-  margin-right: 8px;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
-  width: 48px;
-  height: 30px;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
-  top: 4px;
-
-  width: 22px;
-  height: 22px;
-
-  background-color: #bababa;
-}
-/* stylelint-disable selector-max-compound-selectors */
-.Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
-  left: 23px;
-
-  background-color: #fff;
-}
-/* live */
-.Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
-
-  color: #7f7f7f;
-
-  font-size: 13px;
-  letter-spacing: 0.5px;
-  text-transform: uppercase;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
-  background-color: #1a1a1a;
-  box-shadow: inset 0 0 0 1px #323232;
-}
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Image-module_root__1vsA_ {
-  position: relative;
-  z-index: 1;
-
-  display: block;
-  overflow: hidden
-}
-@media only screen and (min-device-width: 32em) {
-.Image-module_root__1vsA_ {
-    border-radius: inherit
-}
-  }
-.Image-module_placeholder__1p4ob,
-.Image-module_root__1vsA_ img {
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  width: 100%;
-  height: 100%;
+  }
+.Image-module_placeholder__1p4ob,
+.Image-module_root__1vsA_ img {
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 100%;
 }
 .Image-module_wrapper__3fLjs {
   display: block;
@@ -825,17 +661,181 @@
     opacity: 0;
   }
 
-  90% {
-    transform: scale(1.1);
+  90% {
+    transform: scale(1.1);
+
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+
+    opacity: 1;
+  }
+}
+
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Switcher-module_root__1Env1 {
+  position: relative;
+
+  display: -webkit-box;
+
+  display: -webkit-flex;
+
+  display: -ms-flexbox;
+
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+
+  font-weight: 600;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  white-space: nowrap;
+
+  cursor: pointer;
+
+  -webkit-user-select: none;
+
+     -moz-user-select: none;
+
+      -ms-user-select: none;
+
+          user-select: none;
+}
+.Switcher-module_dark__1IzaH {
+  color: inherit;
+}
+.Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
+  background-color: transparent;
+}
+.Switcher-module_input__jaMVF {
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  opacity: 0;
+}
+.Switcher-module_control__1NTvY {
+  position: relative;
+
+  display: block;
+
+  width: 37px;
+  height: 21px;
+
+  background-color: #e6e6e6;
+
+  border-radius: 15px;
+}
+.Switcher-module_control__1NTvY::before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+
+  width: 18px;
+
+  background: rgba(19, 191, 17, 0);
+
+  border-radius: 15px;
+
+  transition: 0.25s ease-in-out;
+
+  content: '';
+}
+.Switcher-module_knob__3kEy5 {
+  position: relative;
+  top: 2px;
+  left: 2px;
+  z-index: 200;
+
+  display: block;
+
+  width: 17px;
+  height: 17px;
+
+  background: #fff;
+
+  border-radius: 15px;
+
+  transition: 0.25s ease-in-out;
+}
+.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
+  width: 100%;
+
+  background-color: #b88b59;
+}
+.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
+  box-shadow: inset 0 0 0 1px transparent;
+}
+.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
+  left: 18px;
+}
+.Switcher-module_children__147JP.Switcher-module_left__2coeE {
+  margin-right: 6px;
+}
+.Switcher-module_children__147JP.Switcher-module_right__yWG7h {
+  margin-left: 6px;
+}
+/* panel */
+.Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
+
+  color: #999;
+
+  font-size: 13px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+/* menu */
+.Switcher-module_isInMenu__3XJYj {
+  font-weight: normal;
+}
+.Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
+  margin-right: 8px;
+}
+.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
+  width: 48px;
+  height: 30px;
+}
+.Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
+  top: 4px;
+
+  width: 22px;
+  height: 22px;
+
+  background-color: #bababa;
+}
+/* stylelint-disable selector-max-compound-selectors */
+.Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
+  left: 23px;
 
-    opacity: 1;
-  }
+  background-color: #fff;
+}
+/* live */
+.Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
 
-  100% {
-    transform: scale(1);
+  color: #7f7f7f;
 
-    opacity: 1;
-  }
+  font-size: 13px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
+  background-color: #1a1a1a;
+  box-shadow: inset 0 0 0 1px #323232;
 }
 
 /* Colors */
@@ -947,6 +947,12 @@
     text-align: center
 }
   }
+@media only screen and (min-device-width: 64em) {
+.Tag-module_richRelated__2vbQQ {
+    font-size: 14px;
+    line-height: 16px
+}
+  }
 .Tag-module_slide__2nMDw,
 .Tag-module_game__3j5yG,
 .Tag-module_card__1EAeF,
@@ -1296,127 +1302,50 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.MaterialNote-module_root__1AcYe {
-  margin-bottom: 17px;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  line-height: 22px;
-}
-.MaterialNote-module_root__1AcYe:empty {
-  margin-bottom: 0;
-}
-.MaterialNote-module_root__1AcYe:empty::before {
-  margin-bottom: 9px;
+.BookmarkButton-module_root__3KmuY {
+  color: #e0e0e0;
 }
-.MaterialNote-module_root__1AcYe::before {
-  display: block;
+.BookmarkButton-module_control__1A0ea {
+  margin: 0;
+  padding: 5px 3px;
 
-  width: 120px;
-  height: 1px;
-  margin-bottom: 15px;
+  cursor: pointer;
 
-  content: '';
+  color: inherit;
+  border-width: 0;
+  outline: none;
+  background-color: transparent;
 
-  background: #000;
-}
-.MaterialNote-module_root__1AcYe p {
-  margin-top: 8px;
-  margin-bottom: 0;
-}
-.MaterialNote-module_root__1AcYe a {
-  text-decoration: none;
+  -webkit-appearance: none;
 
-  color: inherit;
-  box-shadow: inset 0 -1px;
-}
-.MaterialNote-module_root__1AcYe a:hover {
-  color: #b88b59;
-}
-.MaterialNote-module_dark__xCry-::before {
-  background-color: #4f4f4f;
-}
-.MaterialNote-module_note_credit__PuFyX {
-  color: #666;
+     -moz-appearance: none;
 
-  font-size: 12px;
-  line-height: 15px;
+          appearance: none;
+  fill: transparent;
 }
-.MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
-  margin-top: 6px;
+.BookmarkButton-module_dark__1cwyi {
+  color: #fff;
 }
-.MaterialNote-module_note_credit__PuFyX:only-child {
-  margin-top: 0;
+.BookmarkButton-module_light__1uQyH {
+  color: #000;
 }
-.MaterialNote-module_note_caption__1ezSo b {
-  font-weight: bold;
+.BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
+  fill: #e0e0e0;
 }
-.MaterialNote-module_center__18RxI {
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
+.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
+  fill: #fff;
 }
-.MaterialNote-module_center__18RxI,
-.MaterialNote-module_default__1lQPl {
-  margin-top: 25px
+.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
+  fill: #000;
 }
-@media only screen and (min-device-width: 32em) {
-.MaterialNote-module_center__18RxI,
-.MaterialNote-module_default__1lQPl {
-    margin-top: 45px
+@media only screen and (min-device-width: 64em) {
+.BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
+    width: 12px
 }
   }
-.MaterialNote-module_card__OWXbQ:empty,
-.MaterialNote-module_slide__1ZBBq:empty,
-.MaterialNote-module_game__cADMe:empty {
+[data-context='prodano'] .BookmarkButton-module_root__3KmuY {
   display: none;
 }
-.MaterialNote-module_slide__1ZBBq::before,
-.MaterialNote-module_card__OWXbQ::before,
-.MaterialNote-module_game__cADMe::before {
-  content: none;
-}
-.MaterialNote-module_gameSurvey__3SiG-,
-.MaterialNote-module_gameSurvey__3SiG-:empty {
-  display: block;
-}
-.MaterialNote-module_gameSurvey__3SiG-::before {
-  margin-right: auto;
-  margin-left: auto;
-
-  content: '';
-}
-.MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
-.MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
-.MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
-  margin-top: 0;
-}
-.MaterialNote-module_game__cADMe {
-  margin-bottom: 0;
-
-  text-align: center
-}
-@media only screen and (min-device-width: 32em) {
-.MaterialNote-module_game__cADMe {
-    margin-top: 25px
-}
-  }
-@media only screen and (max-device-width: 32.1875em) {
-.MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
-    color: #fff
-}
-  }
-.MaterialNote-module_slide__1ZBBq,
-.MaterialNote-module_card__OWXbQ {
-  margin-bottom: 9px;
-  padding-top: 8px
-}
-@media only screen and (min-device-width: 32em) {
-.MaterialNote-module_slide__1ZBBq,
-.MaterialNote-module_card__OWXbQ {
-    margin-bottom: 16px
-}
-  }
 
 /* Colors */
 /* Fonts */
@@ -1509,65 +1438,142 @@
 .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
   max-width: 650px;
 }
-
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.BookmarkButton-module_root__3KmuY {
-  color: #e0e0e0;
+
+
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.MaterialNote-module_root__1AcYe {
+  margin-bottom: 17px;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  line-height: 22px;
+}
+.MaterialNote-module_root__1AcYe:empty {
+  margin-bottom: 0;
+}
+.MaterialNote-module_root__1AcYe:empty::before {
+  margin-bottom: 9px;
+}
+.MaterialNote-module_root__1AcYe::before {
+  display: block;
+
+  width: 120px;
+  height: 1px;
+  margin-bottom: 15px;
+
+  content: '';
+
+  background: #000;
+}
+.MaterialNote-module_root__1AcYe p {
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+.MaterialNote-module_root__1AcYe a {
+  text-decoration: none;
+
+  color: inherit;
+  box-shadow: inset 0 -1px;
+}
+.MaterialNote-module_root__1AcYe a:hover {
+  color: #b88b59;
+}
+.MaterialNote-module_dark__xCry-::before {
+  background-color: #4f4f4f;
+}
+.MaterialNote-module_note_credit__PuFyX {
+  color: #666;
+
+  font-size: 12px;
+  line-height: 15px;
+}
+.MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
+  margin-top: 6px;
+}
+.MaterialNote-module_note_credit__PuFyX:only-child {
+  margin-top: 0;
+}
+.MaterialNote-module_note_caption__1ezSo b {
+  font-weight: bold;
+}
+.MaterialNote-module_center__18RxI {
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.MaterialNote-module_center__18RxI,
+.MaterialNote-module_default__1lQPl {
+  margin-top: 25px
+}
+@media only screen and (min-device-width: 32em) {
+.MaterialNote-module_center__18RxI,
+.MaterialNote-module_default__1lQPl {
+    margin-top: 45px
+}
+  }
+.MaterialNote-module_card__OWXbQ:empty,
+.MaterialNote-module_slide__1ZBBq:empty,
+.MaterialNote-module_game__cADMe:empty {
+  display: none;
+}
+.MaterialNote-module_slide__1ZBBq::before,
+.MaterialNote-module_card__OWXbQ::before,
+.MaterialNote-module_game__cADMe::before {
+  content: none;
+}
+.MaterialNote-module_gameSurvey__3SiG-,
+.MaterialNote-module_gameSurvey__3SiG-:empty {
+  display: block;
 }
-.BookmarkButton-module_control__1A0ea {
-  margin: 0;
-  padding: 5px 3px;
-
-  cursor: pointer;
-
-  color: inherit;
-  border-width: 0;
-  outline: none;
-  background-color: transparent;
-
-  -webkit-appearance: none;
-
-     -moz-appearance: none;
+.MaterialNote-module_gameSurvey__3SiG-::before {
+  margin-right: auto;
+  margin-left: auto;
 
-          appearance: none;
-  fill: transparent;
+  content: '';
 }
-.BookmarkButton-module_dark__1cwyi {
-  color: #fff;
+.MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
+.MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
+.MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
+  margin-top: 0;
 }
-.BookmarkButton-module_light__1uQyH {
-  color: #000;
+.MaterialNote-module_game__cADMe {
+  margin-bottom: 0;
+
+  text-align: center
 }
-.BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
-  fill: #e0e0e0;
+@media only screen and (min-device-width: 32em) {
+.MaterialNote-module_game__cADMe {
+    margin-top: 25px
 }
-.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
-  fill: #fff;
+  }
+@media only screen and (max-device-width: 32.1875em) {
+.MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
+    color: #fff
 }
-.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
-  fill: #000;
+  }
+.MaterialNote-module_slide__1ZBBq,
+.MaterialNote-module_card__OWXbQ {
+  margin-bottom: 9px;
+  padding-top: 8px
 }
-@media only screen and (min-device-width: 64em) {
-.BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
-    width: 12px
+@media only screen and (min-device-width: 32em) {
+.MaterialNote-module_slide__1ZBBq,
+.MaterialNote-module_card__OWXbQ {
+    margin-bottom: 16px
 }
   }
-[data-context='prodano'] .BookmarkButton-module_root__3KmuY {
-  display: none;
-}
 
 /* Colors */
 /* Fonts */
@@ -1634,71 +1640,214 @@
 
   font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
 }
-.Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
-.Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
-  visibility: visible;
-
-  opacity: 1;
+.Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
+.Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
+  visibility: visible;
+
+  opacity: 1;
+}
+.Dropdown-module_root__11PNk ul {
+  overflow: hidden;
+
+  width: 162px;
+  margin: 0;
+  padding: 3px 0;
+
+  border-radius: 5px;
+  background: #fff;
+  box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 14px;
+  line-height: 26px;
+}
+.Dropdown-module_root__11PNk a {
+  display: block;
+
+  padding: 2px 15px;
+
+  text-decoration: none;
+
+  color: #000;
+  box-shadow: none;
+}
+.Dropdown-module_root__11PNk a:hover {
+  color: #000;
+  background-color: #f7f7f7;
+}
+.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
+  right: 0;
+  left: auto
+}
+@media only screen and (min-device-width: 64em) {
+.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
+    right: auto;
+    left: 0
+}
+  }
+.Dropdown-module_menu__3PIqD {
+  position: absolute;
+  top: 100%;
+  left: 0;
+
+  visibility: hidden;
+
+  padding-top: 6px;
+
+  opacity: 0;
+}
+.Dropdown-module_menu__3PIqD::after {
+  position: absolute;
+  z-index: -1;
+  top: -10px;
+  right: -10px;
+  bottom: -10px;
+  left: -10px;
+
+  content: '';
+}
+
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Toolbar-module_root__2HF2r {
+  overflow: hidden;
+
+  transform: translateZ(0);
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+}
+.Toolbar-module_list__1n5ny {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  flex-flow: row wrap;
+
+  margin: 0 0 0 -10px;
+  padding: 0;
+
+  list-style: none
+}
+@media only screen and (min-device-width: 64em) {
+.Toolbar-module_list__1n5ny {
+    margin: 0 0 0 -15px
+}
+  }
+.Toolbar-module_item__36x7d {
+  position: relative;
+
+  min-width: 42px;
+  height: 32px;
+  padding-right: 10px;
+  padding-left: 10px;
+
+  cursor: pointer;
+  transition: color 250ms ease;
+  text-align: center;
+
+  color: #808080;
+
+  line-height: 1
+}
+@media only screen and (min-device-width: 64em) {
+.Toolbar-module_item__36x7d {
+    padding-right: 15px;
+    padding-left: 15px
+}
+  }
+.Toolbar-module_item__36x7d:last-child {
+  margin-right: 0;
+}
+.Toolbar-module_item__36x7d::before {
+  position: absolute;
+  top: 7px;
+  left: 0;
+
+  height: 18px;
+
+  content: '';
+  vertical-align: middle;
+
+  border-left: 1px solid rgba(0, 0, 0, 0.15);
+}
+.Toolbar-module_item__36x7d:empty {
+  display: none;
+}
+.Toolbar-module_isInTopbar__223iP {
+  height: 100%;
+}
+.Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
+  height: 100%;
+}
+.Toolbar-module_center__3_H8M {
+  width: 100%;
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.Toolbar-module_game__5-jY_ {
+  margin-top: 11px
+}
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ {
+    margin-top: 18px
+}
+  }
+.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
+.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
+  justify-content: center
+}
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
+.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+  }
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
+  width: 260px
 }
-.Dropdown-module_root__11PNk ul {
-  overflow: hidden;
-
-  width: 162px;
-  margin: 0;
-  padding: 3px 0;
-
-  border-radius: 5px;
-  background: #fff;
-  box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 14px;
-  line-height: 26px;
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
+    width: auto
 }
-.Dropdown-module_root__11PNk a {
-  display: block;
-
-  padding: 2px 15px;
-
-  text-decoration: none;
-
-  color: #000;
-  box-shadow: none;
+  }
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
+  content: none
 }
-.Dropdown-module_root__11PNk a:hover {
-  color: #000;
-  background-color: #f7f7f7;
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
+    content: ''
 }
-.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
-  right: 0;
-  left: auto
+  }
+.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
+  content: none;
 }
 @media only screen and (min-device-width: 64em) {
-.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
-    right: auto;
-    left: 0
+.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
+.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
+    margin-left: 0
 }
   }
-.Dropdown-module_menu__3PIqD {
-  position: absolute;
-  top: 100%;
-  left: 0;
-
-  visibility: hidden;
-
-  padding-top: 6px;
-
-  opacity: 0;
+.Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
+  border-left-color: rgba(255, 255, 255, 0.2);
 }
-.Dropdown-module_menu__3PIqD::after {
-  position: absolute;
-  z-index: -1;
-  top: -10px;
-  right: -10px;
-  bottom: -10px;
-  left: -10px;
-
-  content: '';
+[data-context="prodano"] .Toolbar-module_root__2HF2r {
+  display: none;
 }
 
 /* Colors */
@@ -1845,214 +1994,71 @@
   box-shadow: inset 0 -1px #b88b59;
 }
 .Popover-module_body__3h5UO a:hover {
-  color: #b88b59;
-}
-@-webkit-keyframes Popover-module_appear__37vPd {
-  0% {
-    transform: translateY(100%);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
-@keyframes Popover-module_appear__37vPd {
-  0% {
-    transform: translateY(100%);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
-@-webkit-keyframes Popover-module_disappear__3Q9LI {
-  0% {
-    transform: translateY(0);
-  }
-  100% {
-    transform: translateY(100%);
-  }
-}
-@keyframes Popover-module_disappear__3Q9LI {
-  0% {
-    transform: translateY(0);
-  }
-  100% {
-    transform: translateY(100%);
-  }
-}
-@-webkit-keyframes Popover-module_fadeIn__AkrSN {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes Popover-module_fadeIn__AkrSN {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes Popover-module_fadeOut__3EZhx {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes Popover-module_fadeOut__3EZhx {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Toolbar-module_root__2HF2r {
-  overflow: hidden;
-
-  transform: translateZ(0);
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-}
-.Toolbar-module_list__1n5ny {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  flex-flow: row wrap;
-
-  margin: 0 0 0 -10px;
-  padding: 0;
-
-  list-style: none
-}
-@media only screen and (min-device-width: 64em) {
-.Toolbar-module_list__1n5ny {
-    margin: 0 0 0 -15px
-}
-  }
-.Toolbar-module_item__36x7d {
-  position: relative;
-
-  min-width: 42px;
-  height: 32px;
-  padding-right: 10px;
-  padding-left: 10px;
-
-  cursor: pointer;
-  transition: color 250ms ease;
-  text-align: center;
-
-  color: #808080;
-
-  line-height: 1
-}
-@media only screen and (min-device-width: 64em) {
-.Toolbar-module_item__36x7d {
-    padding-right: 15px;
-    padding-left: 15px
-}
-  }
-.Toolbar-module_item__36x7d:last-child {
-  margin-right: 0;
-}
-.Toolbar-module_item__36x7d::before {
-  position: absolute;
-  top: 7px;
-  left: 0;
-
-  height: 18px;
-
-  content: '';
-  vertical-align: middle;
-
-  border-left: 1px solid rgba(0, 0, 0, 0.15);
-}
-.Toolbar-module_item__36x7d:empty {
-  display: none;
-}
-.Toolbar-module_isInTopbar__223iP {
-  height: 100%;
-}
-.Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
-  height: 100%;
-}
-.Toolbar-module_center__3_H8M {
-  width: 100%;
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
-}
-.Toolbar-module_game__5-jY_ {
-  margin-top: 11px
-}
-@media only screen and (min-device-width: 32em) {
-.Toolbar-module_game__5-jY_ {
-    margin-top: 18px
-}
-  }
-.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
-.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
-  justify-content: center
-}
-@media only screen and (min-device-width: 32em) {
-.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
-.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex
+  color: #b88b59;
 }
+@-webkit-keyframes Popover-module_appear__37vPd {
+  0% {
+    transform: translateY(100%);
+  }
+  100% {
+    transform: translateY(0);
   }
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
-  width: 260px
 }
-@media only screen and (min-device-width: 32em) {
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
-    width: auto
+@keyframes Popover-module_appear__37vPd {
+  0% {
+    transform: translateY(100%);
+  }
+  100% {
+    transform: translateY(0);
+  }
 }
+@-webkit-keyframes Popover-module_disappear__3Q9LI {
+  0% {
+    transform: translateY(0);
+  }
+  100% {
+    transform: translateY(100%);
   }
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
-  content: none
 }
-@media only screen and (min-device-width: 32em) {
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
-    content: ''
+@keyframes Popover-module_disappear__3Q9LI {
+  0% {
+    transform: translateY(0);
+  }
+  100% {
+    transform: translateY(100%);
+  }
 }
+@-webkit-keyframes Popover-module_fadeIn__AkrSN {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
   }
-.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
-  content: none;
 }
-@media only screen and (min-device-width: 64em) {
-.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
-.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
-    margin-left: 0
+@keyframes Popover-module_fadeIn__AkrSN {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
+@-webkit-keyframes Popover-module_fadeOut__3EZhx {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
   }
-.Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
-  border-left-color: rgba(255, 255, 255, 0.2);
 }
-[data-context="prodano"] .Toolbar-module_root__2HF2r {
-  display: none;
+@keyframes Popover-module_fadeOut__3EZhx {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
 }
 
 /* Colors */
@@ -2073,7 +2079,7 @@
 
   font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
   font-size: 12px;
-  line-height: 14px;
+  line-height: 15px;
 
   fill: inherit;
 }
@@ -2337,85 +2343,6 @@
 }
   }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.ChapterBlock-module_root__1WyVn {
-  position: relative;
-
-  margin: 38px auto 7px
-}
-@media only screen and (min-device-width: 32em) {
-.ChapterBlock-module_root__1WyVn {
-    max-width: 650px;
-    margin-top: 70px
-}
-  }
-.ChapterBlock-module_root__1WyVn:first-child {
-  margin-top: 0;
-}
-.ChapterBlock-module_root__1WyVn:last-child {
-  margin-bottom: 0;
-}
-.ChapterBlock-module_subtitle__3TXll {
-  display: inline-block;
-
-  vertical-align: top;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 12px
-}
-@media only screen and (min-device-width: 32em) {
-.ChapterBlock-module_subtitle__3TXll {
-    font-size: 13px;
-    line-height: 16px
-}
-  }
-.ChapterBlock-module_subtitle__3TXll::after {
-  display: block;
-
-  width: 120px;
-  padding: 0 0 7px;
-
-  content: '';
-
-  border-bottom: 1px solid #ccc
-}
-@media only screen and (min-device-width: 32em) {
-.ChapterBlock-module_subtitle__3TXll::after {
-    padding: 0 0 6px
-}
-  }
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.ChapterBlock-module_mobile__CiO0w {
-    display: none
-}
-  }
-.ChapterBlock-module_desktop__tk1Nk {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.ChapterBlock-module_desktop__tk1Nk {
-    display: block
-}
-  }
-
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -2547,89 +2474,67 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.GroupedBlock-module_root__2qfQA {
-  max-width: 644px;
-  margin: 15px auto 0
+.ChapterBlock-module_root__1WyVn {
+  position: relative;
+
+  margin: 38px auto 7px
 }
-@media only screen and (min-device-width: 48em) {
-.GroupedBlock-module_root__2qfQA {
-    max-width: none;
-    margin-top: 25px;
-    margin-bottom: 20px
+@media only screen and (min-device-width: 32em) {
+.ChapterBlock-module_root__1WyVn {
+    max-width: 650px;
+    margin-top: 70px
 }
   }
-.GroupedBlock-module_hasFigcaption__2_mcf {
-  margin-bottom: 15px;
-}
-@media only screen and (min-device-width: 48em) {
-.GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
-    margin-top: 25px
+.ChapterBlock-module_root__1WyVn:first-child {
+  margin-top: 0;
 }
-  }
-.GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
+.ChapterBlock-module_root__1WyVn:last-child {
   margin-bottom: 0;
 }
-.GroupedBlock-module_items__2DV2X {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap
-}
-@media only screen and (min-device-width: 48em) {
-.GroupedBlock-module_items__2DV2X {
-    flex-direction: row
-}
-  }
-.GroupedBlock-module_item__3sz9_ {
-  flex-grow: 1;
+.ChapterBlock-module_subtitle__3TXll {
+  display: inline-block;
 
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-  margin-bottom: 20px
-}
-@media only screen and (min-device-width: 48em) {
-.GroupedBlock-module_item__3sz9_ {
-    min-width: 0;
-    max-width: none;
-    margin-bottom: 0
+  vertical-align: top;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 12px
 }
-  }
-@media only screen and (min-device-width: 48em) {
-.GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
-    margin-left: 15px
+@media only screen and (min-device-width: 32em) {
+.ChapterBlock-module_subtitle__3TXll {
+    font-size: 13px;
+    line-height: 16px
 }
   }
-.GroupedBlock-module_figcaption__2Q_wf {
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
+.ChapterBlock-module_subtitle__3TXll::after {
+  display: block;
+
+  width: 120px;
+  padding: 0 0 7px;
+
+  content: '';
+
+  border-bottom: 1px solid #ccc
 }
-/* DISPLAY */
-@media only screen and (min-device-width: 48em) {
-.GroupedBlock-module_default__3ylw_ {
-    max-width: 650px
+@media only screen and (min-device-width: 32em) {
+.ChapterBlock-module_subtitle__3TXll::after {
+    padding: 0 0 6px
 }
   }
-.GroupedBlock-module_full__1dzQR {
-  max-width: 980px;
-}
-.GroupedBlock-module_super_full__1PU72 {
-  max-width: 1680px;
-}
 /* VISIBILITY */
 @media only screen and (min-device-width: 32em) {
-.GroupedBlock-module_mobile__3n8Ub {
+.ChapterBlock-module_mobile__CiO0w {
     display: none
 }
   }
-.GroupedBlock-module_desktop__6ZRpA {
+.ChapterBlock-module_desktop__tk1Nk {
   display: none
 }
 @media only screen and (min-device-width: 32em) {
-.GroupedBlock-module_desktop__6ZRpA {
+.ChapterBlock-module_desktop__tk1Nk {
     display: block
 }
   }
@@ -2738,6 +2643,107 @@
 }
   }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.GroupedBlock-module_root__2qfQA {
+  max-width: 644px;
+  margin: 15px auto 0
+}
+@media only screen and (min-device-width: 48em) {
+.GroupedBlock-module_root__2qfQA {
+    max-width: none;
+    margin-top: 25px;
+    margin-bottom: 20px
+}
+  }
+.GroupedBlock-module_hasFigcaption__2_mcf {
+  margin-bottom: 15px;
+}
+@media only screen and (min-device-width: 48em) {
+.GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
+    margin-top: 25px
+}
+  }
+.GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
+  margin-bottom: 0;
+}
+.GroupedBlock-module_items__2DV2X {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap
+}
+@media only screen and (min-device-width: 48em) {
+.GroupedBlock-module_items__2DV2X {
+    flex-direction: row
+}
+  }
+.GroupedBlock-module_item__3sz9_ {
+  flex-grow: 1;
+
+  width: 100%;
+  min-width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px
+}
+@media only screen and (min-device-width: 48em) {
+.GroupedBlock-module_item__3sz9_ {
+    min-width: 0;
+    max-width: none;
+    margin-bottom: 0
+}
+  }
+@media only screen and (min-device-width: 48em) {
+.GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
+    margin-left: 15px
+}
+  }
+.GroupedBlock-module_figcaption__2Q_wf {
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+/* DISPLAY */
+@media only screen and (min-device-width: 48em) {
+.GroupedBlock-module_default__3ylw_ {
+    max-width: 650px
+}
+  }
+.GroupedBlock-module_full__1dzQR {
+  max-width: 980px;
+}
+.GroupedBlock-module_super_full__1PU72 {
+  max-width: 1680px;
+}
+/* VISIBILITY */
+@media only screen and (min-device-width: 32em) {
+.GroupedBlock-module_mobile__3n8Ub {
+    display: none
+}
+  }
+.GroupedBlock-module_desktop__6ZRpA {
+  display: none
+}
+@media only screen and (min-device-width: 32em) {
+.GroupedBlock-module_desktop__6ZRpA {
+    display: block
+}
+  }
+
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -3062,18 +3068,16 @@
 }
 @media only screen and (min-device-width: 64em) {
 .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
-    font-size: 26px;
-    line-height: 32px
+    font-size: 1.3rem;
+    line-height: 1.6rem
 }
   }
 .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
-  font-size: 20px;
-  line-height: 23px
+  font-size: 20px
 }
 @media only screen and (min-device-width: 64em) {
 .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
-    font-size: 27px;
-    line-height: 32px
+    font-size: 1.35rem
 }
   }
 @media only screen and (min-device-width: 32em) {
@@ -3641,6 +3645,50 @@ a mark {
 }
   }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.SimpleTitle-module_root__2jVQN {
+  margin: 0 0 18px;
+
+  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
+  font-size: 20px;
+  font-weight: normal;
+  line-height: 23px
+}
+@media only screen and (min-device-width: 48em) {
+.SimpleTitle-module_root__2jVQN {
+    margin-bottom: 15px;
+
+    font-size: 36px;
+    line-height: 40px
+}
+  }
+/* VISIBILITY */
+@media only screen and (min-device-width: 32em) {
+.SimpleTitle-module_mobile__11gBz {
+    display: none
+}
+  }
+.SimpleTitle-module_desktop__3yXgy {
+  display: none
+}
+@media only screen and (min-device-width: 32em) {
+.SimpleTitle-module_desktop__3yXgy {
+    display: block
+}
+  }
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -3756,50 +3804,6 @@ a mark {
 }
   }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.SimpleTitle-module_root__2jVQN {
-  margin: 0 0 18px;
-
-  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
-  font-size: 20px;
-  font-weight: normal;
-  line-height: 23px
-}
-@media only screen and (min-device-width: 48em) {
-.SimpleTitle-module_root__2jVQN {
-    margin-bottom: 15px;
-
-    font-size: 36px;
-    line-height: 40px
-}
-  }
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.SimpleTitle-module_mobile__11gBz {
-    display: none
-}
-  }
-.SimpleTitle-module_desktop__3yXgy {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.SimpleTitle-module_desktop__3yXgy {
-    display: block
-}
-  }
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -4579,14 +4583,11 @@ a mark {
   display: block;
   overflow: hidden;
 
-  min-height: 434px;
-
   text-decoration: none;
 
   border-radius: 8px;
   outline-width: 0;
 }
-.RelatedRichBlock-module_root__3NYmj::before,
 .RelatedRichBlock-module_root__3NYmj::after {
   position: absolute;
   z-index: 20;
@@ -4600,10 +4601,13 @@ a mark {
   border-radius: 8px;
 }
 .RelatedRichBlock-module_root__3NYmj::before {
-  border: 1px solid rgba(0, 0, 0, 0.1);
+  display: block;
+
+  width: 100%;
 }
 .RelatedRichBlock-module_root__3NYmj::after {
-  box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2),
+    inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 }
 .RelatedRichBlock-module_root__3NYmj,
 .RelatedRichBlock-module_wrapper__1eLIQ {
@@ -4658,11 +4662,11 @@ a mark {
   flex-flow: column nowrap;
   justify-content: flex-end;
 
-  padding: 15px;
+  padding: 15px 15px 12px;
 
   background-color: #f7f7f7
 }
-@media only screen and (min-device-width: 32em) {
+@media only screen and (min-device-width: 64em) {
 .RelatedRichBlock-module_body__1ZHZS {
     position: absolute;
     z-index: 10;
@@ -4676,7 +4680,14 @@ a mark {
     background-color: transparent
 }
   }
-.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS,
+.RelatedRichBlock-module_isRich__1LnA4 {
+  color: #000
+}
+@media only screen and (min-device-width: 64em) {
+.RelatedRichBlock-module_isRich__1LnA4 {
+    color: #fff
+}
+  }
 .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
   position: absolute;
   z-index: 10;
@@ -4690,23 +4701,73 @@ a mark {
 }
 .RelatedRichBlock-module_isCard__2naDz {
   color: #fff;
-  background-color: #191919;
+  background-color: #191919
+}
+@media only screen and (min-device-width: 32em) {
+.RelatedRichBlock-module_isCard__2naDz {
+    min-height: 350px
+}
+  }
+.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
+  background-color: transparent
+}
+@media only screen and (min-device-width: 32em) {
+.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
+    position: absolute;
+    z-index: 10;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    min-height: 295px
+}
+  }
+@media only screen and (min-device-width: 32em) {
+.RelatedRichBlock-module_isCard__2naDz::before {
+    padding-bottom: 66.66%;
+
+    content: ''
 }
+  }
+.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
+  position: relative;
+
+  width: 100%
+}
+@media only screen and (min-device-width: 32em) {
 .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
+    position: absolute;
+    top: 0;
+    bottom: 0
+}
+  }
+.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp::before {
+  display: block;
+
+  padding-bottom: 78.50746269%;
+
+  content: ''
+}
+@media only screen and (min-device-width: 32em) {
+.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp::before {
+    content: none
+}
+  }
+.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_picture__128HJ {
   position: absolute;
-  top: 17.2811059908%;
+  top: 50%;
   left: 50%;
 
-  width: 170px;
+  width: 180px;
+  height: 180px;
 
-  transform: translate(-50%, 0);
-}
-.RelatedRichBlock-module_isRich__1LnA4 {
-  color: #000
+  transform: translate(-50%, -50%)
 }
-@media only screen and (min-device-width: 64em) {
-.RelatedRichBlock-module_isRich__1LnA4 {
-    color: #fff
+@media only screen and (min-device-width: 32em) {
+.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_picture__128HJ {
+    top: 25%;
+
+    transform: translate(-50%, -25%)
 }
   }
 .RelatedRichBlock-module_tag__3OLyG {
@@ -4715,12 +4776,16 @@ a mark {
   top: 15px;
   left: 15px;
 
-  color: #fff
+  color: rgba(255, 255, 255, 0.7);
+
+  font-size: 12px
 }
-@media only screen and (min-device-width: 32em) {
+@media only screen and (min-device-width: 64em) {
 .RelatedRichBlock-module_tag__3OLyG {
     top: 20px;
-    left: 20px
+    left: 20px;
+
+    color: #fff
 }
   }
 /* Themes */