@meduza/ui-kit-2 0.1.17 → 0.1.19

package/dist/ui-kit.css

@@ -16,38 +16,35 @@
 
   padding: 0;
 
-  color: #fff;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  line-height: 1;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  transition: background-color 0.15s ease-out;
   text-align: center;
 
+  color: #fff;
   border-width: 0;
   outline: none;
 
-  cursor: pointer;
-
-  transition: background-color 0.15s ease-out;
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  line-height: 1;
 
   -webkit-appearance: none;
 
      -moz-appearance: none;
 
           appearance: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
 }
 .Button-module_root__RpsiW::-moz-focus-inner {
   border: 0;
 }
 .Button-module_root__RpsiW[disabled] {
   cursor: default;
+  pointer-events: none;
 
   opacity: 0.5;
-
-  pointer-events: none;
 }
 .Button-module_root__RpsiW > span:first-child {
   margin-right: 4px;
@@ -74,7 +71,6 @@
 }
 .Button-module_gray__3IM54 {
   color: #000;
-
   background-color: #f0f0f0;
 }
 .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
@@ -110,7 +106,6 @@
 }
 .Button-module_dark__I0uXx {
   color: #adadad;
-
   background-color: #3a3a3a;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
 }
@@ -130,7 +125,6 @@
 }
 .Button-module_light__1Y4hG {
   color: #000;
-
   background-color: #fff;
 }
 .Button-module_light__1Y4hG:hover {
@@ -149,7 +143,6 @@
 }
 .Button-module_black__3sG3Y {
   color: #7e7d7b;
-
   background-color: #000;
 }
 .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
@@ -186,20 +179,21 @@
 .Button-module_default__28Vo_ {
   width: 100%;
   height: 42px;
-  padding: 7px 18px 6px;
-
-  font-weight: 600;
-
-  font-size: 12px;
-  line-height: 22px;
+  padding: 6px 18px;
 
   letter-spacing: 1px;
   text-transform: uppercase;
 
-  border-radius: 8px
+  border-radius: 8px;
+
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 22px
 }
 @media only screen and (min-device-width: 64em) {
 .Button-module_default__28Vo_ {
+    padding: 7px 18px 6px;
+
     font-size: 14px;
     line-height: 16px
 }
@@ -209,16 +203,15 @@
   margin-left: 6px;
 }
 .Button-module_ghost__3awCW {
-
-  color: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-
-  font-family: inherit;
   letter-spacing: inherit;
   text-transform: none;
 
+  color: inherit;
   background-color: transparent;
+
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
 }
 .Button-module_isInDropdown__1ogKL {
   font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
@@ -229,12 +222,11 @@
 }
 /* LOADING */
 .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
+  cursor: default;
+  pointer-events: none;
 
   background-color: transparent;
   box-shadow: none;
-  cursor: default;
-
-  pointer-events: none;
 }
 .Button-module_loader__2pl6d {
   display: block;
@@ -419,327 +411,117 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.DotsOnImage-module_root__2XP3Q {
-  position: relative;
-
-  display: block;
-
+.SvgSymbol-module_root__2CsRW {
   width: 100%;
+  height: 100%;
+
+  vertical-align: middle;
 }
-.DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
-  -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
-          animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
+.SvgSymbol-module_small__2g6oR {
+  height: 14px;
 }
-.DotsOnImage-module_dot__H1wua {
-  position: absolute;
-  z-index: 10;
-
-  width: 28px;
-  height: 28px;
-
-  will-change: opacity;
+.SvgSymbol-module_normal__9lFn1 {
+  height: 14px;
 }
-.DotsOnImage-module_marker__lH5cP {
+.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%;
-  padding: 0;
-
-  cursor: pointer;
-  text-align: center;
+}
+.SvgSymbol-module_fb__1whmw {
+  width: 16px;
 
-  opacity: 0;
-  color: #fff;
-  border-width: 0;
-  border-radius: 30px;
-  outline-width: 0;
-  background-color: #000;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
+  fill: #304591;
+}
+.SvgSymbol-module_vk__3VEuu {
+  width: 20px;
 
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 28px;
+  fill: #527397;
+}
+.SvgSymbol-module_ok__2_1Qb {
+  width: 9px;
 
-  -webkit-appearance: none;
+  fill: #eb722e;
+}
+.SvgSymbol-module_tw__2VRG5 {
+  width: 20px;
 
-     -moz-appearance: none;
+  fill: #31adf4;
+}
+.SvgSymbol-module_tg__2xe2f {
+  width: 18px;
 
-          appearance: none;
-  will-change: opacity;
+  fill: #2ba5e0;
 }
-.DotsOnImage-module_marker__lH5cP svg {
-  display: block;
+.SvgSymbol-module_reaction__rrJvf {
+  width: 16px;
 
-  will-change: opacity;
+  color: #b88b59;
+
+  fill: #262626;
 }
-.DotsOnImage-module_marker__lH5cP:hover,
-.DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
+.SvgSymbol-module_card__1XAqw,
+.SvgSymbol-module_podcast__3oPoo,
+.SvgSymbol-module_read__2V82i,
+.SvgSymbol-module_listened__1oMFV {
+  width: 15px;
+  height: 15px;
 }
-.DotsOnImage-module_popover__35Cpj {
-  position: absolute;
-  z-index: 10;
+.SvgSymbol-module_menu__2iYFt {
+  width: 24px;
+  height: 24px;
 }
-.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
-  transform: translateX(50px);
+.SvgSymbol-module_cross__J2lCN {
+  width: 14px;
+  height: 14px;
 }
-.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
-  transform: translateX(-100%) translateX(-22px);
+.SvgSymbol-module_isInFeature__cDeTI,
+.SvgSymbol-module_isInCard__pKq4e {
+  width: 16px;
+  height: 16px;
 }
-.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
-  transform: translateX(50px) translateY(-100%) translateY(22px);
+.SvgSymbol-module_isInTopicBlockItem__3Te91 {
+  width: 16px;
+  height: 16px;
 }
-.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
-  transform: translateX(-100%) translateX(-22px) translateY(-100%)
-    translateY(22px);
+.SvgSymbol-module_isInPageStatic__H31Rd {
+  width: 64px;
+  height: 64px;
 }
-@-webkit-keyframes DotsOnImage-module_show__2TMBv {
-  0% {
-    transform: scale(0.4);
-
-    opacity: 0;
-  }
-
-  90% {
-    transform: scale(1.1);
-
-    opacity: 1;
-  }
-
-  100% {
-    transform: scale(1);
-
-    opacity: 1;
-  }
+.SvgSymbol-module_isInMaterialMeta__2IbAw {
+  margin-right: 6px;
 }
-@keyframes DotsOnImage-module_show__2TMBv {
-  0% {
-    transform: scale(0.4);
-
-    opacity: 0;
-  }
-
-  90% {
-    transform: scale(1.1);
-
-    opacity: 1;
-  }
+.SvgSymbol-module_isInAudioPlayer__2xlzW {
+  width: 29px;
+  height: 29px;
 
-  100% {
-    transform: scale(1);
+  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
 
-    opacity: 1;
-  }
+          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
 }
+.SvgSymbol-module_isInEpisodeBlock__2vY3o {
+  width: 38px;
+  height: 38px;
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Image-module_root__1vsA_ {
-  position: relative;
-  z-index: 1;
+  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
 
-  display: block;
-  overflow: hidden
+          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
 }
-@media only screen and (min-device-width: 32em) {
-.Image-module_root__1vsA_ {
-    border-radius: inherit
+.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
+  width: 34px;
+  height: 28px
 }
-  }
-.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;
-
-  width: 100%;
-
-  background-repeat: no-repeat;
-  background-size: 100% auto;
-}
-.Image-module_placeholder__1p4ob {
-  transition: background-color 250ms ease;
-
-  background-color: #f2f2f2;
-}
-.Image-module_loaded__w9FVT {
-  background: transparent;
-}
-.Image-module_fullscreen__29apx picture {
-  cursor: pointer;
-}
-.Image-module_fullscreen__29apx picture:hover::after {
-  opacity: 1;
-}
-.Image-module_fullscreen__29apx picture::after {
-  position: absolute;
-  right: 12px;
-  bottom: 12px;
-
-  width: 40px;
-  height: 40px;
-
-  transition: opacity 250ms ease;
-  pointer-events: none;
-
-  opacity: 0;
-  border: 0.5px solid rgba(255, 255, 255, 0.15);
-  border-radius: 20px;
-  background-color: rgba(0, 0, 0, 0.7);
-  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: center
-}
-@media only screen and (min-device-width: 64em) {
-.Image-module_fullscreen__29apx picture::after {
-    content: ''
-}
-  }
-[data-input='mouse'] .Image-module_wrapper__3fLjs {
-  outline: none;
-}
-
-/* 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
+@media only screen and (min-device-width: 40.625em) {
+.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
+    width: 28px;
+    height: 22px
 }
   }
 .SvgSymbol-module_isInButtonBackward__1Grf9,
@@ -846,6 +628,90 @@
 }
   }
 
+/* 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_wrapper__3fLjs {
+  display: block;
+
+  width: 100%;
+
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+}
+.Image-module_placeholder__1p4ob {
+  transition: background-color 250ms ease;
+
+  background-color: #f2f2f2;
+}
+.Image-module_loaded__w9FVT {
+  background: transparent;
+}
+.Image-module_fullscreen__29apx picture {
+  cursor: pointer;
+}
+.Image-module_fullscreen__29apx picture:hover::after {
+  opacity: 1;
+}
+.Image-module_fullscreen__29apx picture::after {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+
+  width: 40px;
+  height: 40px;
+
+  transition: opacity 250ms ease;
+  pointer-events: none;
+
+  opacity: 0;
+  border: 0.5px solid rgba(255, 255, 255, 0.15);
+  border-radius: 20px;
+  background-color: rgba(0, 0, 0, 0.7);
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center
+}
+@media only screen and (min-device-width: 64em) {
+.Image-module_fullscreen__29apx picture::after {
+    content: ''
+}
+  }
+[data-input='mouse'] .Image-module_wrapper__3fLjs {
+  outline: none;
+}
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -866,6 +732,132 @@
   color: red;
 }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.DotsOnImage-module_root__2XP3Q {
+  position: relative;
+
+  display: block;
+
+  width: 100%;
+}
+.DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
+  -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
+          animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
+}
+.DotsOnImage-module_dot__H1wua {
+  position: absolute;
+  z-index: 10;
+
+  width: 28px;
+  height: 28px;
+
+  will-change: opacity;
+}
+.DotsOnImage-module_marker__lH5cP {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+
+  cursor: pointer;
+  text-align: center;
+
+  opacity: 0;
+  color: #fff;
+  border-width: 0;
+  border-radius: 30px;
+  outline-width: 0;
+  background-color: #000;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 28px;
+
+  -webkit-appearance: none;
+
+     -moz-appearance: none;
+
+          appearance: none;
+  will-change: opacity;
+}
+.DotsOnImage-module_marker__lH5cP svg {
+  display: block;
+
+  will-change: opacity;
+}
+.DotsOnImage-module_marker__lH5cP:hover,
+.DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
+}
+.DotsOnImage-module_popover__35Cpj {
+  position: absolute;
+  z-index: 10;
+}
+.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
+  transform: translateX(50px);
+}
+.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
+  transform: translateX(-100%) translateX(-22px);
+}
+.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
+  transform: translateX(50px) translateY(-100%) translateY(22px);
+}
+.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
+  transform: translateX(-100%) translateX(-22px) translateY(-100%)
+    translateY(22px);
+}
+@-webkit-keyframes DotsOnImage-module_show__2TMBv {
+  0% {
+    transform: scale(0.4);
+
+    opacity: 0;
+  }
+
+  90% {
+    transform: scale(1.1);
+
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+
+    opacity: 1;
+  }
+}
+@keyframes DotsOnImage-module_show__2TMBv {
+  0% {
+    transform: scale(0.4);
+
+    opacity: 0;
+  }
+
+  90% {
+    transform: scale(1.1);
+
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+
+    opacity: 1;
+  }
+}
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -1371,7 +1363,7 @@
 @media only screen and (min-device-width: 32em) {
 .MaterialNote-module_center__18RxI,
 .MaterialNote-module_default__1lQPl {
-    margin-top: 35px
+    margin-top: 45px
 }
   }
 .MaterialNote-module_card__OWXbQ:empty,
@@ -1402,29 +1394,87 @@
 .MaterialNote-module_game__cADMe {
   margin-bottom: 0;
 
-  text-align: center
+  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 */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.BookmarkButton-module_root__3KmuY {
+  color: #e0e0e0;
+}
+.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;
+
+          appearance: none;
+  fill: transparent;
 }
-@media only screen and (min-device-width: 32em) {
-.MaterialNote-module_game__cADMe {
-    margin-top: 25px
+.BookmarkButton-module_dark__1cwyi {
+  color: #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_light__1uQyH {
+  color: #000;
 }
-  }
-.MaterialNote-module_slide__1ZBBq,
-.MaterialNote-module_card__OWXbQ {
-  margin-bottom: 9px;
-  padding-top: 8px
+.BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
+  fill: #e0e0e0;
 }
-@media only screen and (min-device-width: 32em) {
-.MaterialNote-module_slide__1ZBBq,
-.MaterialNote-module_card__OWXbQ {
-    margin-bottom: 16px
+.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
+  fill: #fff;
+}
+.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
+  fill: #000;
+}
+@media only screen and (min-device-width: 64em) {
+.BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
+    width: 12px
 }
   }
+[data-context='prodano'] .BookmarkButton-module_root__3KmuY {
+  display: none;
+}
 
 /* Colors */
 /* Fonts */
@@ -1519,64 +1569,6 @@
 }
 
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.BookmarkButton-module_root__3KmuY {
-  color: #e0e0e0;
-}
-.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;
-
-          appearance: none;
-  fill: transparent;
-}
-.BookmarkButton-module_dark__1cwyi {
-  color: #fff;
-}
-.BookmarkButton-module_light__1uQyH {
-  color: #000;
-}
-.BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
-  fill: #e0e0e0;
-}
-.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
-  fill: #fff;
-}
-.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
-  fill: #000;
-}
-@media only screen and (min-device-width: 64em) {
-.BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
-    width: 12px
-}
-  }
-[data-context='prodano'] .BookmarkButton-module_root__3KmuY {
-  display: none;
-}
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -1637,77 +1629,220 @@
   right: 0;
   left: auto
 }
-@media only screen and (min-device-width: 64em) {
-.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
-    right: auto;
-    left: 0
+@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 */
+.MaterialTitle-module_root__18ku- {
+  display: block;
+}
+.MaterialTitle-module_root__18ku- {
+  margin: 0;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 25px;
+  font-weight: normal;
+  line-height: 27px
+}
+@media only screen and (min-device-width: 48em) {
+.MaterialTitle-module_root__18ku- {
+    font-size: 37px;
+    line-height: 38px
+}
+  }
+.MaterialTitle-module_primary__2Sfmx {
+  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
+  font-weight: normal;
+}
+.MaterialTitle-module_secondary__3uDp4 {
+  font-size: 24px;
+  font-weight: 700
+}
+@media only screen and (min-device-width: 48em) {
+.MaterialTitle-module_secondary__3uDp4 {
+    font-size: 36px
+}
+  }
+
+/* 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
 }
-  }
-.Dropdown-module_menu__3PIqD {
-  position: absolute;
-  top: 100%;
-  left: 0;
-
-  visibility: hidden;
-
-  padding-top: 6px;
-
-  opacity: 0;
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ {
+    margin-top: 18px
 }
-.Dropdown-module_menu__3PIqD::after {
-  position: absolute;
-  z-index: -1;
-  top: -10px;
-  right: -10px;
-  bottom: -10px;
-  left: -10px;
-
-  content: '';
+  }
+.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
+.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
+  justify-content: center
 }
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.MaterialTitle-module_root__18ku- {
-  display: block;
+@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
 }
-.MaterialTitle-module_root__18ku- {
-  margin: 0;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 25px;
-  font-weight: normal;
-  line-height: 27px
+  }
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
+  width: 260px
 }
-@media only screen and (min-device-width: 48em) {
-.MaterialTitle-module_root__18ku- {
-    font-size: 37px;
-    line-height: 38px
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
+    width: auto
 }
   }
-.MaterialTitle-module_primary__2Sfmx {
-  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
-  font-weight: normal;
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
+  content: none
 }
-.MaterialTitle-module_secondary__3uDp4 {
-  font-size: 24px;
-  font-weight: 700
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
+    content: ''
 }
-@media only screen and (min-device-width: 48em) {
-.MaterialTitle-module_secondary__3uDp4 {
-    font-size: 36px
+  }
+.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
 }
   }
+.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;
+}
 
 /* Colors */
 /* Fonts */
@@ -1901,166 +2036,23 @@
   }
   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
-}
-  }
-.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
-}
-  }
-.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: ''
-}
-  }
-.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
+  }
 }
+@-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 */
@@ -2179,24 +2171,6 @@
 }
   }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Timestamp-module_root__coOvT {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-weight: normal;
-}
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -2283,6 +2257,24 @@
   margin-left: auto;
 }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Timestamp-module_root__coOvT {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-weight: normal;
+}
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -2728,225 +2720,24 @@
 @media only screen and (min-device-width: 64em) {
 .HalfBlock-module_image__2lYel {
     width: 50%;
-    margin: 0
-}
-  }
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.HalfBlock-module_mobile__2latf {
-    display: none
-}
-  }
-.HalfBlock-module_desktop__3B1Ej {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.HalfBlock-module_desktop__3B1Ej {
-    display: block
-}
-  }
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.RelatedBlock-module_root__IKcQq {
-  margin: 16px 0;
-
-  border-radius: 8px;
-  background-color: #f5f5f5;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
-}
-@media only screen and (min-device-width: 48em) {
-.RelatedBlock-module_root__IKcQq {
-    margin: 25px 0
-}
-  }
-.RelatedBlock-module_root__IKcQq:last-child {
-  margin-bottom: 0;
-}
-.RelatedBlock-module_root__IKcQq:first-child {
-  margin-top: 0;
-}
-.RelatedBlock-module_root__IKcQq a {
-  display: block;
-
-  padding: 12px 12px 13px;
-
-  transition: color 0.15s;
-  text-decoration: none;
-
-  color: #000;
-  box-shadow: none;
-
-  font-size: 17px;
-  line-height: 20px
-}
-@media only screen and (min-device-width: 48em) {
-.RelatedBlock-module_root__IKcQq a {
-    padding: 15px 20px 17px;
-
-    font-size: 19px;
-    line-height: 23px
-}
-  }
-.RelatedBlock-module_root__IKcQq a:hover {
-  color: #5c5c5c;
-}
-.RelatedBlock-module_header__2SuWP {
-  margin: 0;
-  padding: 14px 12px 3px;
-
-  letter-spacing: 1px;
-  text-transform: uppercase;
-
-  color: #7F7F7F;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 17px
-}
-@media only screen and (min-device-width: 48em) {
-.RelatedBlock-module_header__2SuWP {
-    padding: 20px 20px 14px;
-
-    font-size: 14px;
-    line-height: 16px
-}
-  }
-.RelatedBlock-module_items__2V-Ap {
-  margin: 0;
-  padding-left: 0;
-
-  list-style: none;
-}
-.RelatedBlock-module_items__2V-Ap li {
-  padding: 0;
-}
-.RelatedBlock-module_items__2V-Ap li + li {
-  border-top: 1px solid #e6e6e6;
-}
-.RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 18px
-}
-@media only screen and (min-device-width: 48em) {
-.RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
-    font-size: 18px
-}
-  }
-.RelatedBlock-module_simple__29HVO {
-}
-.RelatedBlock-module_center__1LmW8 {
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
-}
-.RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
-  margin-top: 0;
-}
-.RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
-  margin-bottom: 0;
-}
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.RelatedBlock-module_mobile__2XM5a {
-    display: none
-}
-  }
-.RelatedBlock-module_desktop__2mXeq {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.RelatedBlock-module_desktop__2mXeq {
-    display: block
-}
-  }
-
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.ImportantLead-module_root__2BdT3 {
-  margin: 18px 0;
-  padding: 12px 12px 13px;
-
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-radius: 4px;
-  border-radius: 8px;
-  background: #FFF8C4;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  font-weight: normal;
-  line-height: 20px
-}
-@media only screen and (min-device-width: 32em) {
-.ImportantLead-module_root__2BdT3 {
-    margin: 25px 0;
-    padding: 12px 15px 13px;
-
-    font-size: 17px;
-    line-height: 24px
-}
-  }
-.ImportantLead-module_root__2BdT3:last-child {
-  margin-bottom: 0;
-}
-.ImportantLead-module_root__2BdT3:first-child {
-  margin-top: 0;
-}
-.ImportantLead-module_root__2BdT3 a {
-  color: #000;
-  box-shadow: inset 0 -1px #000;
-}
-.ImportantLead-module_root__2BdT3 a:hover {
-  color: #b88b59;
-  box-shadow: inset 0 -1px #b88b59;
-}
-.ImportantLead-module_slide__3kQ9x {
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
+    margin: 0
 }
+  }
 /* VISIBILITY */
 @media only screen and (min-device-width: 32em) {
-.ImportantLead-module_mobile__3BXbm {
+.HalfBlock-module_mobile__2latf {
     display: none
 }
   }
-.ImportantLead-module_desktop__3Zljc {
+.HalfBlock-module_desktop__3B1Ej {
   display: none
 }
 @media only screen and (min-device-width: 32em) {
-.ImportantLead-module_desktop__3Zljc {
+.HalfBlock-module_desktop__3B1Ej {
     display: block
 }
   }
 
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -3109,6 +2900,207 @@
 }
   }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.ImportantLead-module_root__2BdT3 {
+  margin: 18px 0;
+  padding: 12px 12px 13px;
+
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 4px;
+  border-radius: 8px;
+  background: #FFF8C4;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 20px
+}
+@media only screen and (min-device-width: 32em) {
+.ImportantLead-module_root__2BdT3 {
+    margin: 25px 0;
+    padding: 12px 15px 13px;
+
+    font-size: 17px;
+    line-height: 24px
+}
+  }
+.ImportantLead-module_root__2BdT3:last-child {
+  margin-bottom: 0;
+}
+.ImportantLead-module_root__2BdT3:first-child {
+  margin-top: 0;
+}
+.ImportantLead-module_root__2BdT3 a {
+  color: #000;
+  box-shadow: inset 0 -1px #000;
+}
+.ImportantLead-module_root__2BdT3 a:hover {
+  color: #b88b59;
+  box-shadow: inset 0 -1px #b88b59;
+}
+.ImportantLead-module_slide__3kQ9x {
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+/* VISIBILITY */
+@media only screen and (min-device-width: 32em) {
+.ImportantLead-module_mobile__3BXbm {
+    display: none
+}
+  }
+.ImportantLead-module_desktop__3Zljc {
+  display: none
+}
+@media only screen and (min-device-width: 32em) {
+.ImportantLead-module_desktop__3Zljc {
+    display: block
+}
+  }
+
+
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.RelatedBlock-module_root__IKcQq {
+  margin: 16px 0;
+
+  border-radius: 8px;
+  background-color: #f5f5f5;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
+}
+@media only screen and (min-device-width: 48em) {
+.RelatedBlock-module_root__IKcQq {
+    margin: 25px 0
+}
+  }
+.RelatedBlock-module_root__IKcQq:last-child {
+  margin-bottom: 0;
+}
+.RelatedBlock-module_root__IKcQq:first-child {
+  margin-top: 0;
+}
+.RelatedBlock-module_root__IKcQq a {
+  display: block;
+
+  padding: 12px 12px 13px;
+
+  transition: color 0.15s;
+  text-decoration: none;
+
+  color: #000;
+  box-shadow: none;
+
+  font-size: 17px;
+  line-height: 20px
+}
+@media only screen and (min-device-width: 48em) {
+.RelatedBlock-module_root__IKcQq a {
+    padding: 15px 20px 17px;
+
+    font-size: 19px;
+    line-height: 23px
+}
+  }
+.RelatedBlock-module_root__IKcQq a:hover {
+  color: #5c5c5c;
+}
+.RelatedBlock-module_header__2SuWP {
+  margin: 0;
+  padding: 14px 12px 3px;
+
+  letter-spacing: 1px;
+  text-transform: uppercase;
+
+  color: #7F7F7F;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 17px
+}
+@media only screen and (min-device-width: 48em) {
+.RelatedBlock-module_header__2SuWP {
+    padding: 20px 20px 14px;
+
+    font-size: 14px;
+    line-height: 16px
+}
+  }
+.RelatedBlock-module_items__2V-Ap {
+  margin: 0;
+  padding-left: 0;
+
+  list-style: none;
+}
+.RelatedBlock-module_items__2V-Ap li {
+  padding: 0;
+}
+.RelatedBlock-module_items__2V-Ap li + li {
+  border-top: 1px solid #e6e6e6;
+}
+.RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 18px
+}
+@media only screen and (min-device-width: 48em) {
+.RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
+    font-size: 18px
+}
+  }
+.RelatedBlock-module_simple__29HVO {
+}
+.RelatedBlock-module_center__1LmW8 {
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
+  margin-top: 0;
+}
+.RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
+  margin-bottom: 0;
+}
+/* VISIBILITY */
+@media only screen and (min-device-width: 32em) {
+.RelatedBlock-module_mobile__2XM5a {
+    display: none
+}
+  }
+.RelatedBlock-module_desktop__2mXeq {
+  display: none
+}
+@media only screen and (min-device-width: 32em) {
+.RelatedBlock-module_desktop__2mXeq {
+    display: block
+}
+  }
+
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -3589,77 +3581,33 @@ a mark {
     font-size: 34px
 }
   }
-.RichTitle-module_game__1g8Bn:first-child {
-  padding-top: 9px;
-}
-.RichTitle-module_featured__wJfaQ {
-  letter-spacing: 0.3px;
-
-  font-size: 28px;
-  line-height: 30px;
-}
-.RichTitle-module_featured__wJfaQ span {
-  display: block;
-
-  padding-top: 2px;
-
-  font-size: 18px;
-  line-height: 24px;
-}
-@media only screen and (min-device-width: 32em) {
-.RichTitle-module_mobile__1Cb6E {
-    display: none
-}
-  }
-.RichTitle-module_desktop__2ixSQ {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.RichTitle-module_desktop__2ixSQ {
-    display: block
-}
-  }
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.SimpleTitle-module_root__2jVQN {
-  margin: 0 0 18px;
+.RichTitle-module_game__1g8Bn:first-child {
+  padding-top: 9px;
+}
+.RichTitle-module_featured__wJfaQ {
+  letter-spacing: 0.3px;
 
-  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
-  font-size: 20px;
-  font-weight: normal;
-  line-height: 23px
+  font-size: 28px;
+  line-height: 30px;
 }
-@media only screen and (min-device-width: 48em) {
-.SimpleTitle-module_root__2jVQN {
-    margin-bottom: 15px;
+.RichTitle-module_featured__wJfaQ span {
+  display: block;
 
-    font-size: 36px;
-    line-height: 40px
+  padding-top: 2px;
+
+  font-size: 18px;
+  line-height: 24px;
 }
-  }
-/* VISIBILITY */
 @media only screen and (min-device-width: 32em) {
-.SimpleTitle-module_mobile__11gBz {
+.RichTitle-module_mobile__1Cb6E {
     display: none
 }
   }
-.SimpleTitle-module_desktop__3yXgy {
+.RichTitle-module_desktop__2ixSQ {
   display: none
 }
 @media only screen and (min-device-width: 32em) {
-.SimpleTitle-module_desktop__3yXgy {
+.RichTitle-module_desktop__2ixSQ {
     display: block
 }
   }
@@ -3681,12 +3629,12 @@ a mark {
   display: block;
 
   margin: 18px 0 15px;
-  padding: 12px 11px 13px;
+  padding: 12px 11px 17px;
 
   color: #000;
-  border-left: 4px solid #b88b59;
   border-radius: 2px 8px 8px 2px;
   background-color: #f5f5f5;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 4px 0 0 0 #b78b5c;
 
   font-size: 16px;
   line-height: 20px
@@ -3695,7 +3643,7 @@ a mark {
 .SourceBlock-module_root__1P3XD {
     margin-top: 25px;
     margin-bottom: 25px;
-    padding: 18px 16px 12px
+    padding: 18px 16px 16px
 }
   }
 .SourceBlock-module_root__1P3XD:hover,
@@ -3779,6 +3727,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 */
@@ -3830,9 +3822,10 @@ a mark {
   margin-top: 0;
   margin-bottom: 18px;
 
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 21px;
   font-weight: 700;
+  font-size: 21px;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
   line-height: 26px
 }
 @media only screen and (min-device-width: 32em) {
@@ -3860,8 +3853,13 @@ a mark {
 }
   }
 .Spoiler-module_spoiled__1A5r4 {
-  min-height: auto;
+  min-height: auto
+}
+@media only screen and (max-device-width: 32.1875em) {
+.Spoiler-module_spoiled__1A5r4 {
+    padding-bottom: 0
 }
+  }
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {
   display: block;
 }
@@ -3871,22 +3869,22 @@ a mark {
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
   position: -webkit-sticky;
   position: sticky;
-  z-index: 10;
   bottom: 0;
+  z-index: 10;
 
   margin-right: -20px;
   margin-left: -20px;
   padding: 12px 20px 20px;
 
-  -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff));
 
-          animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
+  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64%);
 
-  background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff) );
+  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64%);
 
-  background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0) 0%, #fff 64% );
+  -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
 
-  background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, #fff 64% )
+          animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
 }
 @media only screen and (min-device-width: 32em) {
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
@@ -3896,25 +3894,29 @@ a mark {
     margin-left: 0;
     padding: 0;
 
-    -webkit-animation: none;
+    background-image: none;
 
-            animation: none;
+    -webkit-animation: none;
 
-    background-image: none
+            animation: none
 }
   }
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
   position: absolute;
-  z-index: -1;
   top: 100%;
   right: 0;
   left: 0;
+  z-index: -1;
 
   height: 16px;
 
-  content: '';
+  background-color: #fff;
+
+  -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
+
+          animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
 
-  background-color: #fff
+  content: ''
 }
 @media only screen and (min-device-width: 32em) {
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
@@ -3941,9 +3943,11 @@ a mark {
   0% {
     transform: translateY(62px);
   }
+
   50% {
     transform: translateY(-16px);
   }
+
   100% {
     transform: translateY(0);
   }
@@ -3952,13 +3956,33 @@ a mark {
   0% {
     transform: translateY(62px);
   }
+
   50% {
     transform: translateY(-16px);
   }
+
   100% {
     transform: translateY(0);
   }
 }
+@-webkit-keyframes Spoiler-module_spoilerStickyBg__nYdlo {
+  0% {
+    background-color: #fff;
+  }
+
+  100% {
+    background-color: transparent;
+  }
+}
+@keyframes Spoiler-module_spoilerStickyBg__nYdlo {
+  0% {
+    background-color: #fff;
+  }
+
+  100% {
+    background-color: transparent;
+  }
+}
 [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
   bottom: 45px
 }
@@ -4296,6 +4320,78 @@ a mark {
   vertical-align: top;
 }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Footnote-module_root__2a0-B {
+  position: relative;
+
+  width: 320px;
+  padding: 20px;
+
+  border-radius: 8px;
+  background-color: #fff;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
+}
+.Footnote-module_body__259Ly {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  line-height: 22px;
+}
+.Footnote-module_body__259Ly h3 {
+  margin: 0 0 16px;
+
+  font-size: inherit;
+  font-weight: 700;
+  line-height: inherit;
+}
+.Footnote-module_body__259Ly p {
+  margin: 0;
+}
+.Footnote-module_body__259Ly p + p {
+  margin-top: 6px;
+}
+.Footnote-module_body__259Ly a {
+  color: inherit;
+  box-shadow: inset 0 -1px #b88b59;
+}
+.Footnote-module_body__259Ly a:hover {
+  color: #b88b59;
+}
+.Footnote-module_dismiss__1HKG5 {
+  position: absolute;
+  top: 0;
+  right: 0;
+
+  margin: 0;
+  padding: 6px 9px 10px;
+
+  cursor: pointer;
+
+  color: #b3b3b3;
+  border-width: 0;
+  outline: none;
+  background-color: transparent;
+}
+.Footnote-module_dismiss__1HKG5:hover {
+  color: #757575;
+}
+.Footnote-module_dismiss__1HKG5 svg {
+  width: 12px;
+  height: 12px;
+}
+
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -4394,78 +4490,6 @@ a mark {
   fill: currentColor;
 }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Footnote-module_root__2a0-B {
-  position: relative;
-
-  width: 320px;
-  padding: 20px;
-
-  border-radius: 8px;
-  background-color: #fff;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
-}
-.Footnote-module_body__259Ly {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  line-height: 22px;
-}
-.Footnote-module_body__259Ly h3 {
-  margin: 0 0 16px;
-
-  font-size: inherit;
-  font-weight: 700;
-  line-height: inherit;
-}
-.Footnote-module_body__259Ly p {
-  margin: 0;
-}
-.Footnote-module_body__259Ly p + p {
-  margin-top: 6px;
-}
-.Footnote-module_body__259Ly a {
-  color: inherit;
-  box-shadow: inset 0 -1px #b88b59;
-}
-.Footnote-module_body__259Ly a:hover {
-  color: #b88b59;
-}
-.Footnote-module_dismiss__1HKG5 {
-  position: absolute;
-  top: 0;
-  right: 0;
-
-  margin: 0;
-  padding: 6px 9px 10px;
-
-  cursor: pointer;
-
-  color: #b3b3b3;
-  border-width: 0;
-  outline: none;
-  background-color: transparent;
-}
-.Footnote-module_dismiss__1HKG5:hover {
-  color: #757575;
-}
-.Footnote-module_dismiss__1HKG5 svg {
-  width: 12px;
-  height: 12px;
-}
-
-
 /* Colors */
 /* Fonts */
 /* Gap */