@meduza/ui-kit-2 0.1.21 → 0.1.23

package/dist/ui-kit.css

@@ -228,6 +228,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 */
@@ -477,75 +561,117 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.Image-module_root__1vsA_ {
+.DotsOnImage-module_root__2XP3Q {
   position: relative;
-  z-index: 1;
 
   display: block;
-  overflow: hidden
+
+  width: 100%;
 }
-@media only screen and (min-device-width: 32em) {
-.Image-module_root__1vsA_ {
-    border-radius: inherit
+.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;
 }
-  }
-.Image-module_placeholder__1p4ob,
-.Image-module_root__1vsA_ img {
+.DotsOnImage-module_dot__H1wua {
   position: absolute;
-  top: 0;
-  left: 0;
+  z-index: 10;
 
+  width: 28px;
+  height: 28px;
+
+  will-change: opacity;
+}
+.DotsOnImage-module_marker__lH5cP {
   width: 100%;
   height: 100%;
-}
-.Image-module_wrapper__3fLjs {
-  display: block;
+  padding: 0;
 
-  width: 100%;
+  cursor: pointer;
+  text-align: center;
 
-  background-repeat: no-repeat;
-  background-size: 100% auto;
+  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;
 }
-.Image-module_placeholder__1p4ob {
-  transition: background-color 250ms ease;
+.DotsOnImage-module_marker__lH5cP svg {
+  display: block;
 
-  background-color: #f2f2f2;
+  will-change: opacity;
 }
-.Image-module_loaded__w9FVT {
-  background: transparent;
+.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);
 }
-.Image-module_fullscreen__29apx picture {
-  cursor: pointer;
+.DotsOnImage-module_popover__35Cpj {
+  position: absolute;
+  z-index: 10;
 }
-.Image-module_fullscreen__29apx picture:hover::after {
-  opacity: 1;
+.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
+  transform: translateX(50px);
 }
-.Image-module_fullscreen__29apx picture::after {
-  position: absolute;
-  right: 12px;
-  bottom: 12px;
+.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);
 
-  width: 40px;
-  height: 40px;
+    opacity: 0;
+  }
 
-  transition: opacity 250ms ease;
-  pointer-events: none;
+  90% {
+    transform: scale(1.1);
 
-  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: ''
+    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;
   }
-[data-input='mouse'] .Image-module_wrapper__3fLjs {
-  outline: none;
 }
 
 /* Colors */
@@ -669,193 +795,47 @@
 
   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 */
-.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);
+  font-size: 13px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
 }
-.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
-  transform: translateX(-100%) translateX(-22px);
+/* menu */
+.Switcher-module_isInMenu__3XJYj {
+  font-weight: normal;
 }
-.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
-  transform: translateX(50px) translateY(-100%) translateY(22px);
+.Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
+  margin-right: 8px;
 }
-.DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
-  transform: translateX(-100%) translateX(-22px) translateY(-100%)
-    translateY(22px);
+.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
+  width: 48px;
+  height: 30px;
 }
-@-webkit-keyframes DotsOnImage-module_show__2TMBv {
-  0% {
-    transform: scale(0.4);
-
-    opacity: 0;
-  }
-
-  90% {
-    transform: scale(1.1);
-
-    opacity: 1;
-  }
+.Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
+  top: 4px;
 
-  100% {
-    transform: scale(1);
+  width: 22px;
+  height: 22px;
 
-    opacity: 1;
-  }
+  background-color: #bababa;
 }
-@keyframes DotsOnImage-module_show__2TMBv {
-  0% {
-    transform: scale(0.4);
-
-    opacity: 0;
-  }
-
-  90% {
-    transform: scale(1.1);
-
-    opacity: 1;
-  }
-
-  100% {
-    transform: scale(1);
+/* 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 {
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Lazy-module_root__2Z72l {
-  display: block;
+  color: #7f7f7f;
+
+  font-size: 13px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
 }
-.Lazy-module_visible__3-SdX {
-  color: red;
+.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
+  background-color: #1a1a1a;
+  box-shadow: inset 0 0 0 1px #323232;
 }
 
 /* Colors */
@@ -985,6 +965,26 @@
 }
   }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Lazy-module_root__2Z72l {
+  display: block;
+}
+.Lazy-module_visible__3-SdX {
+  color: red;
+}
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -1511,6 +1511,50 @@
 }
   }
 
+/* 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 */
@@ -1569,50 +1613,6 @@
   display: none;
 }
 
-/* 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 */
@@ -2242,38 +2242,100 @@
 
   width: 4px;
 
-  content: '';
+  content: '';
+
+  border-radius: 2px;
+  background-color: #ebebeb
+}
+@media only screen and (min-device-width: 32em) {
+.QuoteBlock-module_root__2GrcC:before {
+    top: 4px;
+    bottom: 6px
+}
+  }
+.QuoteBlock-module_root__2GrcC:last-child {
+  margin-bottom: 0;
+}
+.QuoteBlock-module_root__2GrcC p {
+  margin: 0;
+}
+.QuoteBlock-module_root__2GrcC a {
+  text-decoration: none;
+
+  color: inherit;
+  box-shadow: inset 0 -1px #b88b59;
+}
+.QuoteBlock-module_root__2GrcC a:hover {
+  color: #b88b59;
+}
+.QuoteBlock-module_center__cTFNy {
+  width: 100%;
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.CardTitle-module_root__1uqqF {
+  margin-bottom: 11px
+}
+@media only screen and (min-device-width: 64em) {
+.CardTitle-module_root__1uqqF {
+    margin-bottom: 10px;
+
+    text-align: center
+}
+  }
+.CardTitle-module_index__4FsTf {
+  margin-bottom: 7px;
+
+  color: #b88b59;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 24px;
+}
+.CardTitle-module_title__2iTI6 {
+  color: #1d1d1d;
 
-  border-radius: 2px;
-  background-color: #ebebeb
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 24px
 }
-@media only screen and (min-device-width: 32em) {
-.QuoteBlock-module_root__2GrcC:before {
-    top: 4px;
-    bottom: 6px
+@media only screen and (min-device-width: 64em) {
+.CardTitle-module_title__2iTI6 {
+    font-size: 28px;
+    line-height: 34px
 }
   }
-.QuoteBlock-module_root__2GrcC:last-child {
-  margin-bottom: 0;
-}
-.QuoteBlock-module_root__2GrcC p {
-  margin: 0;
-}
-.QuoteBlock-module_root__2GrcC a {
-  text-decoration: none;
-
-  color: inherit;
-  box-shadow: inset 0 -1px #b88b59;
+/* VISIBILITY */
+@media only screen and (min-device-width: 32em) {
+.CardTitle-module_mobile__1_kij {
+    display: none
 }
-.QuoteBlock-module_root__2GrcC a:hover {
-  color: #b88b59;
+  }
+.CardTitle-module_desktop__1l3_n {
+  display: none
 }
-.QuoteBlock-module_center__cTFNy {
-  width: 100%;
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
+@media only screen and (min-device-width: 32em) {
+.CardTitle-module_desktop__1l3_n {
+    display: block
 }
+  }
 
 /* Colors */
 /* Fonts */
@@ -2354,68 +2416,6 @@
   }
 
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.CardTitle-module_root__1uqqF {
-  margin-bottom: 11px
-}
-@media only screen and (min-device-width: 64em) {
-.CardTitle-module_root__1uqqF {
-    margin-bottom: 10px;
-
-    text-align: center
-}
-  }
-.CardTitle-module_index__4FsTf {
-  margin-bottom: 7px;
-
-  color: #b88b59;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 24px;
-}
-.CardTitle-module_title__2iTI6 {
-  color: #1d1d1d;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 24px
-}
-@media only screen and (min-device-width: 64em) {
-.CardTitle-module_title__2iTI6 {
-    font-size: 28px;
-    line-height: 34px
-}
-  }
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.CardTitle-module_mobile__1_kij {
-    display: none
-}
-  }
-.CardTitle-module_desktop__1l3_n {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.CardTitle-module_desktop__1l3_n {
-    display: block
-}
-  }
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -3800,6 +3800,108 @@ a mark {
 }
   }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.MetaItem-module_root__2VQom {
+  display: inline;
+
+  margin-right: 15px;
+}
+.MetaItem-module_root__2VQom > svg {
+  display: inline-block;
+
+  margin-right: 1px;
+
+  vertical-align: top;
+
+  color: inherit;
+
+  fill: currentColor;
+}
+.MetaItem-module_root__2VQom a {
+  display: inline;
+
+  text-decoration: underline;
+
+  color: inherit;
+
+  -webkit-text-decoration-skip: auto;
+}
+.MetaItem-module_root__2VQom a:hover {
+  color: #b88b59;
+}
+.MetaItem-module_hasBullets__CkQPI {
+  margin-right: 0;
+}
+.MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
+  display: inline-block;
+
+  padding-right: 0.4em;
+  padding-left: 0.4em;
+
+  content: '\B7';
+}
+@media only screen and (max-device-width: 32.1875em) {
+.MetaItem-module_hasSource__1DmCI {
+    width: 100%;
+    margin-top: 3px;
+    margin-bottom: 3px
+}
+  }
+@media only screen and (max-device-width: 32.1875em) {
+.MetaItem-module_hasSource__1DmCI:first-child {
+    margin-top: 0
+}
+  }
+.MetaItem-module_hasSource__1DmCI:last-child {
+  margin-bottom: 0;
+}
+@media only screen and (max-device-width: 32.1875em) {
+.MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
+    display: none
+}
+  }
+@media only screen and (max-device-width: 32.1875em) {
+.MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
+.MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
+    display: inline-block
+}
+  }
+@media only screen and (max-device-width: 32.1875em) {
+.MetaItem-module_datetime__3tOWm,
+.MetaItem-module_listened__lwvAO,
+.MetaItem-module_read__5eAIG {
+    width: auto
+}
+  }
+@media only screen and (max-device-width: 32.1875em) {
+.MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
+    order: -2
+}
+  }
+@media only screen and (max-device-width: 32.1875em) {
+.MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
+.MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
+    order: -1;
+
+    margin-top: 0
+}
+  }
+.MetaItem-module_read__5eAIG svg {
+  margin-top: -1px;
+}
+
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -3814,12 +3916,11 @@ a mark {
 /* 1023 */
 /* Zindex */
 .Spoiler-module_root__1OfSR {
+  position: relative;
+
   width: 100%;
   margin: 15px 0;
-  padding: 21px 0 22px;
-
-  border-top: 3px solid rgba(0, 0, 0, 0.1);
-  border-bottom: 3px solid rgba(0, 0, 0, 0.1)
+  padding: 24px 0 25px
 }
 @media only screen and (min-device-width: 32em) {
 .Spoiler-module_root__1OfSR {
@@ -3830,9 +3931,29 @@ a mark {
     flex-flow: column nowrap;
 
     margin: 25px auto 20px;
-    padding: 20px 0
+    padding: 23px 0
 }
   }
+.Spoiler-module_root__1OfSR::before,
+.Spoiler-module_root__1OfSR::after {
+  position: absolute;
+  left: 50%;
+
+  width: 100%;
+  max-width: 650px;
+  margin: 0 auto;
+
+  content: '';
+  transform: translateX(-50%);
+
+  border-top: 3px solid rgba(0, 0, 0, 0.1);
+}
+.Spoiler-module_root__1OfSR::before {
+  top: 0;
+}
+.Spoiler-module_root__1OfSR::after {
+  bottom: 0;
+}
 .Spoiler-module_root__1OfSR:last-child {
   margin-bottom: 0;
 }
@@ -3846,15 +3967,19 @@ a mark {
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;
+
+  width: 100%;
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
 }
 .Spoiler-module_header__1rZUs h3 {
   margin-top: 0;
   margin-bottom: 18px;
 
-  font-weight: 700;
-  font-size: 21px;
-
   font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 21px;
+  font-weight: 700;
   line-height: 26px
 }
 @media only screen and (min-device-width: 32em) {
@@ -3869,8 +3994,6 @@ a mark {
   display: none;
 
   width: 100%;
-  margin-right: auto;
-  margin-left: auto;
   padding-bottom: 13px
 }
 @media only screen and (min-device-width: 32em) {
@@ -3894,58 +4017,75 @@ a mark {
 }
 .Spoiler-module_footer__23mh7 {
   position: static;
+
+  width: 100%;
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
 }
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
   position: -webkit-sticky;
   position: sticky;
-  bottom: 0;
   z-index: 10;
+  bottom: 0;
 
+  width: auto;
   margin-right: -20px;
   margin-left: -20px;
   padding: 12px 20px 20px;
 
-  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff));
+  -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
 
-  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64%);
+          animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
 
-  background-image: linear-gradient(180deg, 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)
+  );
 
-  -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
+  background-image: -o-linear-gradient(
+    top,
+    rgba(255, 255, 255, 0) 0%,
+    #fff 64%
+  );
 
-          animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
+  background-image: linear-gradient(
+    180deg,
+    rgba(255, 255, 255, 0) 0%,
+    #fff 64%
+  )
 }
 @media only screen and (min-device-width: 32em) {
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
     position: static;
 
-    margin-right: 0;
-    margin-left: 0;
+    margin-right: auto;
+    margin-left: auto;
     padding: 0;
 
-    background-image: none;
-
     -webkit-animation: none;
 
-            animation: none
+            animation: none;
+
+    background-image: 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;
 
-  background-color: #fff;
-
+  content: '';
   -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
-
           animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
 
-  content: ''
+  background-color: #fff
 }
 @media only screen and (min-device-width: 32em) {
 .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
@@ -4035,108 +4175,6 @@ a mark {
 }
   }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.MetaItem-module_root__2VQom {
-  display: inline;
-
-  margin-right: 15px;
-}
-.MetaItem-module_root__2VQom > svg {
-  display: inline-block;
-
-  margin-right: 1px;
-
-  vertical-align: top;
-
-  color: inherit;
-
-  fill: currentColor;
-}
-.MetaItem-module_root__2VQom a {
-  display: inline;
-
-  text-decoration: underline;
-
-  color: inherit;
-
-  -webkit-text-decoration-skip: auto;
-}
-.MetaItem-module_root__2VQom a:hover {
-  color: #b88b59;
-}
-.MetaItem-module_hasBullets__CkQPI {
-  margin-right: 0;
-}
-.MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
-  display: inline-block;
-
-  padding-right: 0.4em;
-  padding-left: 0.4em;
-
-  content: '\B7';
-}
-@media only screen and (max-device-width: 32.1875em) {
-.MetaItem-module_hasSource__1DmCI {
-    width: 100%;
-    margin-top: 3px;
-    margin-bottom: 3px
-}
-  }
-@media only screen and (max-device-width: 32.1875em) {
-.MetaItem-module_hasSource__1DmCI:first-child {
-    margin-top: 0
-}
-  }
-.MetaItem-module_hasSource__1DmCI:last-child {
-  margin-bottom: 0;
-}
-@media only screen and (max-device-width: 32.1875em) {
-.MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
-    display: none
-}
-  }
-@media only screen and (max-device-width: 32.1875em) {
-.MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
-.MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
-    display: inline-block
-}
-  }
-@media only screen and (max-device-width: 32.1875em) {
-.MetaItem-module_datetime__3tOWm,
-.MetaItem-module_listened__lwvAO,
-.MetaItem-module_read__5eAIG {
-    width: auto
-}
-  }
-@media only screen and (max-device-width: 32.1875em) {
-.MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
-    order: -2
-}
-  }
-@media only screen and (max-device-width: 32.1875em) {
-.MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
-.MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
-    order: -1;
-
-    margin-top: 0
-}
-  }
-.MetaItem-module_read__5eAIG svg {
-  margin-top: -1px;
-}
-
 /* stylelint-disable declaration-empty-line-before */
 /* Colors */
 /* Fonts */
@@ -4447,6 +4485,78 @@ 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 */
@@ -4614,78 +4724,6 @@ a mark {
 }
   }
 
-/* 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 */