@meduza/ui-kit-2 0.1.9 → 0.1.11

package/dist/ui-kit.css

@@ -1,247 +1,3 @@
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Button-module_root__RpsiW {
-  display: block;
-
-  padding: 0;
-
-  color: #fff;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  line-height: 1;
-  text-align: center;
-
-  border-width: 0;
-  outline: none;
-
-  cursor: pointer;
-
-  transition: background-color 0.15s ease-out;
-
-  -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;
-
-  opacity: 0.5;
-
-  pointer-events: none;
-}
-.Button-module_root__RpsiW > span:first-child {
-  margin-right: 4px;
-}
-.Button-module_root__RpsiW > span:last-child {
-  margin-left: 4px;
-}
-.Button-module_gold__ZMYg- {
-  background: #b88b59;
-}
-.Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
-  fill: #b88b59;
-}
-.Button-module_gold__ZMYg-:hover {
-  background-color: #9e784c
-}
-@media (hover: none) {
-.Button-module_gold__ZMYg-:hover {
-    background-color: #b88b59
-}
-  }
-.Button-module_gold__ZMYg-:active {
-  background-color: #856440;
-}
-.Button-module_gray__3IM54 {
-  color: #000;
-
-  background-color: #f0f0f0;
-}
-.Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
-  fill: #545454;
-}
-.Button-module_gray__3IM54:hover {
-  background-color: #ebebeb
-}
-@media (hover: none) {
-.Button-module_gray__3IM54:hover {
-    background-color: #ebebeb
-}
-  }
-.Button-module_gray__3IM54:active {
-  background-color: #e3e3e3;
-}
-.Button-module_sand__2AqVq {
-  background: #a18c68;
-}
-.Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
-  fill: #a18c68;
-}
-.Button-module_sand__2AqVq:hover {
-  background-color: #8a7654
-}
-@media (hover: none) {
-.Button-module_sand__2AqVq:hover {
-    background-color: #a18c68
-}
-  }
-.Button-module_sand__2AqVq:active {
-  background-color: #7b6743;
-}
-.Button-module_dark__I0uXx {
-  color: #adadad;
-
-  background-color: #3a3a3a;
-  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
-}
-.Button-module_dark__I0uXx:hover {
-  background-color: #2e2e2e
-}
-@media (hover: none) {
-.Button-module_dark__I0uXx:hover {
-    background-color: #3a3a3a
-}
-  }
-.Button-module_dark__I0uXx:active {
-  background-color: #242424;
-}
-.Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
-  fill: #3a3a3a;
-}
-.Button-module_light__1Y4hG {
-  color: #000;
-
-  background-color: #fff;
-}
-.Button-module_light__1Y4hG:hover {
-  background-color: #ebebeb
-}
-@media (hover: none) {
-.Button-module_light__1Y4hG:hover {
-    background-color: #fff
-}
-  }
-.Button-module_light__1Y4hG:active {
-  background-color: #e3e3e3;
-}
-.Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
-  fill: #fff;
-}
-.Button-module_black__3sG3Y {
-  color: #7e7d7b;
-
-  background-color: #000;
-}
-.Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
-  fill: #7e7d7b;
-}
-.Button-module_black__3sG3Y:hover {
-  background-color: #141414
-}
-@media (hover: none) {
-.Button-module_black__3sG3Y:hover {
-    background: #141414
-}
-  }
-.Button-module_black__3sG3Y:active {
-  background-color: #242424;
-}
-.Button-module_red__3Niou {
-  background-color: #f95a5a;
-}
-.Button-module_red__3Niou:hover {
-  background-color: #e65353
-}
-@media (hover: none) {
-.Button-module_red__3Niou:hover {
-    background: #f95a5a
-}
-  }
-.Button-module_red__3Niou:active {
-  background-color: #d44d4d;
-}
-.Button-module_red__3Niou.Button-module_isLoading__1g6QO {
-  fill: #141414;
-}
-.Button-module_default__28Vo_ {
-  width: 100%;
-  height: 42px;
-  padding: 7px 18px 6px;
-
-  font-weight: 600;
-
-  font-size: 12px;
-  line-height: 22px;
-
-  letter-spacing: 1px;
-  text-transform: uppercase;
-
-  border-radius: 8px
-}
-@media only screen and (min-device-width: 64em) {
-.Button-module_default__28Vo_ {
-    font-size: 14px;
-    line-height: 16px
-}
-  }
-.Button-module_isInSpoiler__2Yl8c svg {
-  margin-top: -2px;
-  margin-left: 6px;
-}
-.Button-module_ghost__3awCW {
-
-  color: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-
-  font-family: inherit;
-  letter-spacing: inherit;
-  text-transform: none;
-
-  background-color: transparent;
-}
-.Button-module_isInDropdown__1ogKL {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-}
-.Button-module_black__3sG3Y[disabled],
-.Button-module_sand__2AqVq[disabled] {
-  opacity: 0.3;
-}
-/* LOADING */
-.Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
-
-  background-color: transparent;
-  box-shadow: none;
-  cursor: default;
-
-  pointer-events: none;
-}
-.Button-module_loader__2pl6d {
-  display: block;
-
-  margin-top: -1px;
-}
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -601,39 +357,283 @@
 .Switcher-module_isInMenu__3XJYj {
   font-weight: normal;
 }
-.Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
-  margin-right: 8px;
+.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 */
+.Button-module_root__RpsiW {
+  display: block;
+
+  padding: 0;
+
+  color: #fff;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  line-height: 1;
+  text-align: center;
+
+  border-width: 0;
+  outline: none;
+
+  cursor: pointer;
+
+  transition: background-color 0.15s ease-out;
+
+  -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;
+
+  opacity: 0.5;
+
+  pointer-events: none;
+}
+.Button-module_root__RpsiW > span:first-child {
+  margin-right: 4px;
+}
+.Button-module_root__RpsiW > span:last-child {
+  margin-left: 4px;
+}
+.Button-module_gold__ZMYg- {
+  background: #b88b59;
+}
+.Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
+  fill: #b88b59;
+}
+.Button-module_gold__ZMYg-:hover {
+  background-color: #9e784c
+}
+@media (hover: none) {
+.Button-module_gold__ZMYg-:hover {
+    background-color: #b88b59
+}
+  }
+.Button-module_gold__ZMYg-:active {
+  background-color: #856440;
+}
+.Button-module_gray__3IM54 {
+  color: #000;
+
+  background-color: #f0f0f0;
+}
+.Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
+  fill: #545454;
+}
+.Button-module_gray__3IM54:hover {
+  background-color: #ebebeb
+}
+@media (hover: none) {
+.Button-module_gray__3IM54:hover {
+    background-color: #ebebeb
+}
+  }
+.Button-module_gray__3IM54:active {
+  background-color: #e3e3e3;
+}
+.Button-module_sand__2AqVq {
+  background: #a18c68;
+}
+.Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
+  fill: #a18c68;
+}
+.Button-module_sand__2AqVq:hover {
+  background-color: #8a7654
+}
+@media (hover: none) {
+.Button-module_sand__2AqVq:hover {
+    background-color: #a18c68
+}
+  }
+.Button-module_sand__2AqVq:active {
+  background-color: #7b6743;
+}
+.Button-module_dark__I0uXx {
+  color: #adadad;
+
+  background-color: #3a3a3a;
+  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
+}
+.Button-module_dark__I0uXx:hover {
+  background-color: #2e2e2e
+}
+@media (hover: none) {
+.Button-module_dark__I0uXx:hover {
+    background-color: #3a3a3a
+}
+  }
+.Button-module_dark__I0uXx:active {
+  background-color: #242424;
+}
+.Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
+  fill: #3a3a3a;
+}
+.Button-module_light__1Y4hG {
+  color: #000;
+
+  background-color: #fff;
+}
+.Button-module_light__1Y4hG:hover {
+  background-color: #ebebeb
+}
+@media (hover: none) {
+.Button-module_light__1Y4hG:hover {
+    background-color: #fff
+}
+  }
+.Button-module_light__1Y4hG:active {
+  background-color: #e3e3e3;
+}
+.Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
+  fill: #fff;
+}
+.Button-module_black__3sG3Y {
+  color: #7e7d7b;
+
+  background-color: #000;
+}
+.Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
+  fill: #7e7d7b;
+}
+.Button-module_black__3sG3Y:hover {
+  background-color: #141414
+}
+@media (hover: none) {
+.Button-module_black__3sG3Y:hover {
+    background: #141414
+}
+  }
+.Button-module_black__3sG3Y:active {
+  background-color: #242424;
+}
+.Button-module_red__3Niou {
+  background-color: #f95a5a;
+}
+.Button-module_red__3Niou:hover {
+  background-color: #e65353
+}
+@media (hover: none) {
+.Button-module_red__3Niou:hover {
+    background: #f95a5a
+}
+  }
+.Button-module_red__3Niou:active {
+  background-color: #d44d4d;
+}
+.Button-module_red__3Niou.Button-module_isLoading__1g6QO {
+  fill: #141414;
+}
+.Button-module_default__28Vo_ {
+  width: 100%;
+  height: 42px;
+  padding: 7px 18px 6px;
+
+  font-weight: 600;
+
+  font-size: 12px;
+  line-height: 22px;
+
+  letter-spacing: 1px;
+  text-transform: uppercase;
+
+  border-radius: 8px
+}
+@media only screen and (min-device-width: 64em) {
+.Button-module_default__28Vo_ {
+    font-size: 14px;
+    line-height: 16px
 }
-.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
-  width: 48px;
-  height: 30px;
+  }
+.Button-module_isInSpoiler__2Yl8c svg {
+  margin-top: -2px;
+  margin-left: 6px;
 }
-.Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
-  top: 4px;
+.Button-module_ghost__3awCW {
 
-  width: 22px;
-  height: 22px;
+  color: inherit;
+  font-weight: inherit;
+  font-size: inherit;
 
-  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;
+  font-family: inherit;
+  letter-spacing: inherit;
+  text-transform: none;
 
-  background-color: #fff;
+  background-color: transparent;
 }
-/* live */
-.Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
+.Button-module_isInDropdown__1ogKL {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+}
+.Button-module_black__3sG3Y[disabled],
+.Button-module_sand__2AqVq[disabled] {
+  opacity: 0.3;
+}
+/* LOADING */
+.Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
 
-  color: #7f7f7f;
+  background-color: transparent;
+  box-shadow: none;
+  cursor: default;
 
-  font-size: 13px;
-  letter-spacing: 0.5px;
-  text-transform: uppercase;
+  pointer-events: none;
 }
-.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
-  background-color: #1a1a1a;
-  box-shadow: inset 0 0 0 1px #323232;
+.Button-module_loader__2pl6d {
+  display: block;
+
+  margin-top: -1px;
 }
 
 /* Colors */
@@ -720,6 +720,26 @@
   outline: none;
 }
 
+/* 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 */
@@ -768,28 +788,40 @@
 
           appearance: none;
 }
+.DotsOnImage-module_dot__H1wua svg {
+  display: block;
+}
 .DotsOnImage-module_popover__35Cpj {
   position: absolute;
   z-index: 10;
-  top: 50%;
-  left: 50%;
-
-  width: 340px;
-  padding: 25px;
-
-  transform: translate(-50%, -50%);
-
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  background-color: #fff;
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
+}
+.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);
+}
+.DotsOnImage-module_popoverTitle__343d8 {
+  margin-bottom: 16px;
 
+  font-weight: 600;
+}
+.DotsOnImage-module_popoverBody__2MSn7 {
   font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
   font-size: 16px;
   line-height: 22px;
 }
-.DotsOnImage-module_popoverTitle__343d8 {
-  font-weight: 600;
+.DotsOnImage-module_popoverText__3v02w p {
+  margin: 0;
+}
+.DotsOnImage-module_popoverText__3v02w a:hover {
+  color: #b88b59;
 }
 .DotsOnImage-module_dismiss__1EWXd {
   position: absolute;
@@ -811,26 +843,6 @@
   height: 10px;
 }
 
-/* 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 */
@@ -1586,94 +1598,6 @@
 }
   }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Dropdown-module_root__11PNk {
-  position: relative;
-  z-index: 100;
-
-  display: inline-block;
-
-  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 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 */
@@ -1783,38 +1707,144 @@
     display: -ms-flexbox;
     display: flex
 }
-  }
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
-  width: 260px
+  }
+.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
+}
+  }
+.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 */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Dropdown-module_root__11PNk {
+  position: relative;
+  z-index: 100;
+
+  display: inline-block;
+
+  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;
 }
-@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 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;
 }
-  }
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
-  content: none
+.Dropdown-module_root__11PNk a {
+  display: block;
+
+  padding: 2px 15px;
+
+  text-decoration: none;
+
+  color: #000;
+  box-shadow: none;
 }
-@media only screen and (min-device-width: 32em) {
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
-    content: ''
+.Dropdown-module_root__11PNk a:hover {
+  color: #000;
+  background-color: #f7f7f7;
 }
-  }
-.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;
+.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
+  right: 0;
+  left: auto
 }
 @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
+.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
+    right: auto;
+    left: 0
 }
   }
-.Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
-  border-left-color: rgba(255, 255, 255, 0.2);
+.Dropdown-module_menu__3PIqD {
+  position: absolute;
+  top: 100%;
+  left: 0;
+
+  visibility: hidden;
+
+  padding-top: 6px;
+
+  opacity: 0;
 }
-[data-context="prodano"] .Toolbar-module_root__2HF2r {
-  display: none;
+.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 */
+.Timestamp-module_root__coOvT {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-weight: normal;
 }
 
 /* Colors */
@@ -1849,13 +1879,16 @@
   width: 100%;
   height: 100%;
   min-height: 120px;
-  padding: 10px 10px 0;
+  padding: 10px 0 0;
 
   -webkit-animation: Popover-module_fadeOut__3EZhx 250ms ease both 100ms;
 
           animation: Popover-module_fadeOut__3EZhx 250ms ease both 100ms;
 
   opacity: 1;
+
+  font-size: 16px;
+  line-height: 22px;
 }
 .Popover-module_root__1v6f_.Popover-module_visible__eK5ZQ {
   -webkit-animation: Popover-module_fadeIn__AkrSN 250ms ease both;
@@ -1880,7 +1913,7 @@
   max-width: 420px;
   min-height: 80px;
   margin: 0 auto;
-  padding: 15px 20px 40px;
+  padding: 22px 20px 28px;
 
   -webkit-animation: Popover-module_disappear__3Q9LI 350ms ease both;
 
@@ -1935,6 +1968,31 @@
   -webkit-animation: Popover-module_appear__37vPd 350ms ease both;
           animation: Popover-module_appear__37vPd 350ms ease both;
 }
+.Popover-module_body__3h5UO {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  line-height: 22px;
+}
+.Popover-module_body__3h5UO h3 {
+  margin: 0 0 5px;
+
+  font-size: inherit;
+  font-weight: 600;
+  line-height: inherit;
+}
+.Popover-module_body__3h5UO p {
+  margin: 0;
+}
+.Popover-module_body__3h5UO p + p {
+  margin-top: 6px;
+}
+.Popover-module_body__3h5UO a {
+  color: inherit;
+  box-shadow: inset 0 -1px #b88b59;
+}
+.Popover-module_body__3h5UO a:hover {
+  color: #b88b59;
+}
 @-webkit-keyframes Popover-module_appear__37vPd {
   0% {
     transform: translateY(100%);
@@ -2000,24 +2058,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 */
@@ -3179,6 +3219,12 @@ span[data-body]:hover {
   background-color: #5B5B5B;
   box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;
 }
+span[data-highlight='true'],
+span[data-highlight='true']:hover {
+  background-color: #f4efe9;
+  box-shadow: inset 1px 0 #b88b58, inset 0 1px #b88b58, inset -1px 0 #b88b58,
+    inset 0 -1px #b88b58;
+}
 .SimpleBlock-module_p__Q3azD {
   margin: 0 0 14px;
 
@@ -3567,30 +3613,145 @@ a mark {
 .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
+  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 */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.SourceBlock-module_root__1P3XD {
+  display: block;
+
+  margin: 18px 0 15px;
+  padding: 12px 11px 13px;
+
+  color: #000;
+  border-left: 4px solid #b88b59;
+  border-radius: 2px 8px 8px 2px;
+  background-color: #f5f5f5;
+
+  font-size: 16px;
+  line-height: 20px
+}
+@media only screen and (min-device-width: 48em) {
+.SourceBlock-module_root__1P3XD {
+    margin-top: 25px;
+    margin-bottom: 25px;
+    padding: 18px 16px 12px
+}
+  }
+.SourceBlock-module_root__1P3XD:hover,
+.SourceBlock-module_root__1P3XD:visited {
+  background-color: #ededed;
+}
+.SourceBlock-module_root__1P3XD blockquote {
+  margin: 0;
+}
+.SourceBlock-module_root__1P3XD a {
+  text-decoration: none;
+
+  color: inherit;
+}
+.SourceBlock-module_text__Si4vm {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+}
+.SourceBlock-module_text__Si4vm p {
+  margin: 0;
+
+  font-size: 16px;
+  line-height: 22px
+}
+@media only screen and (min-device-width: 48em) {
+.SourceBlock-module_text__Si4vm p {
+    font-size: 18px;
+    line-height: 26px
+}
+  }
+.SourceBlock-module_root__1P3XD p + p {
+  margin-top: 12px;
+}
+.SourceBlock-module_root__1P3XD footer {
+  margin-top: 12px;
+  padding-top: 10px;
+
+  border-top: 1px solid #d6d6d6
+}
+@media only screen and (min-device-width: 48em) {
+.SourceBlock-module_root__1P3XD footer {
+    margin-top: 18px;
+    padding-top: 12px
+}
+  }
+.SourceBlock-module_origin__l3JbO {
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  pointer-events: none;
+
+  color: #292929;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  font-weight: bold;
+  font-style: normal;
+  line-height: 22px
 }
 @media only screen and (min-device-width: 48em) {
-.SimpleTitle-module_root__2jVQN {
-    margin-bottom: 15px;
-
-    font-size: 36px;
-    line-height: 40px
+.SourceBlock-module_origin__l3JbO {
+    font-size: 18px;
+    line-height: 26px
 }
   }
+.SourceBlock-module_center__3P93B {
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
 /* VISIBILITY */
 @media only screen and (min-device-width: 32em) {
-.SimpleTitle-module_mobile__11gBz {
+.SourceBlock-module_mobile__2gw4S {
     display: none
 }
   }
-.SimpleTitle-module_desktop__3yXgy {
+.SourceBlock-module_desktop__DecT6 {
   display: none
 }
 @media only screen and (min-device-width: 32em) {
-.SimpleTitle-module_desktop__3yXgy {
+.SourceBlock-module_desktop__DecT6 {
     display: block
 }
   }
@@ -3798,121 +3959,6 @@ a mark {
 }
   }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.SourceBlock-module_root__1P3XD {
-  display: block;
-
-  margin: 18px 0 15px;
-  padding: 12px 11px 13px;
-
-  color: #000;
-  border-left: 4px solid #b88b59;
-  border-radius: 2px 8px 8px 2px;
-  background-color: #f5f5f5;
-
-  font-size: 16px;
-  line-height: 20px
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_root__1P3XD {
-    margin-top: 25px;
-    margin-bottom: 25px;
-    padding: 18px 16px 12px
-}
-  }
-.SourceBlock-module_root__1P3XD:hover,
-.SourceBlock-module_root__1P3XD:visited {
-  background-color: #ededed;
-}
-.SourceBlock-module_root__1P3XD blockquote {
-  margin: 0;
-}
-.SourceBlock-module_root__1P3XD a {
-  text-decoration: none;
-
-  color: inherit;
-}
-.SourceBlock-module_text__Si4vm {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-}
-.SourceBlock-module_text__Si4vm p {
-  margin: 0;
-
-  font-size: 16px;
-  line-height: 22px
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_text__Si4vm p {
-    font-size: 18px;
-    line-height: 26px
-}
-  }
-.SourceBlock-module_root__1P3XD p + p {
-  margin-top: 12px;
-}
-.SourceBlock-module_root__1P3XD footer {
-  margin-top: 12px;
-  padding-top: 10px;
-
-  border-top: 1px solid #d6d6d6
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_root__1P3XD footer {
-    margin-top: 18px;
-    padding-top: 12px
-}
-  }
-.SourceBlock-module_origin__l3JbO {
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  pointer-events: none;
-
-  color: #292929;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  font-weight: bold;
-  font-style: normal;
-  line-height: 22px
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_origin__l3JbO {
-    font-size: 18px;
-    line-height: 26px
-}
-  }
-.SourceBlock-module_center__3P93B {
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
-}
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.SourceBlock-module_mobile__2gw4S {
-    display: none
-}
-  }
-.SourceBlock-module_desktop__DecT6 {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.SourceBlock-module_desktop__DecT6 {
-    display: block
-}
-  }
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -4199,34 +4245,6 @@ a mark {
   }
 }
 
-/* stylelint-disable declaration-empty-line-before */
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.DocumentItemsCount-module_root__P3q-z {
-  display: inline;
-
-  line-height: inherit;
-}
-.DocumentItemsCount-module_root__P3q-z svg {
-  vertical-align: top;
-}
-.DocumentItemsCount-module_items__3pfxW {
-  margin-left: 1px;
-
-  vertical-align: top;
-}
-
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -4325,6 +4343,106 @@ a mark {
   fill: currentColor;
 }
 
+/* stylelint-disable declaration-empty-line-before */
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.DocumentItemsCount-module_root__P3q-z {
+  display: inline;
+
+  line-height: inherit;
+}
+.DocumentItemsCount-module_root__P3q-z svg {
+  vertical-align: top;
+}
+.DocumentItemsCount-module_items__3pfxW {
+  margin-left: 1px;
+
+  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: 600;
+  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 */
@@ -4511,7 +4629,7 @@ a mark {
     display: none
 }
   }
-.EmbedBlock-module_mobile__1P-eo .EmbedBlock-module_figure__vAvcN {
+.EmbedBlock-module_mobile__1P-eo:first-child .EmbedBlock-module_figure__vAvcN {
   overflow: hidden;
 
   border-radius: 8px 8px 0 0;