@meduza/ui-kit-2 0.1.35 → 0.1.36

package/dist/ui-kit.css

@@ -234,254 +234,6 @@
   margin-top: -1px;
 }
 
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Switcher-module_root__1Env1 {
-  position: relative;
-
-  display: -webkit-box;
-
-  display: -webkit-flex;
-
-  display: -ms-flexbox;
-
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-
-  font-weight: 600;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  white-space: nowrap;
-
-  cursor: pointer;
-
-  -webkit-user-select: none;
-
-     -moz-user-select: none;
-
-      -ms-user-select: none;
-
-          user-select: none;
-}
-.Switcher-module_dark__1IzaH {
-  color: inherit;
-}
-.Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
-  background-color: transparent;
-}
-.Switcher-module_input__jaMVF {
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  opacity: 0;
-}
-.Switcher-module_control__1NTvY {
-  position: relative;
-
-  display: block;
-
-  width: 37px;
-  height: 21px;
-
-  background-color: #e6e6e6;
-
-  border-radius: 15px;
-}
-.Switcher-module_control__1NTvY::before {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-
-  width: 18px;
-
-  background: rgba(19, 191, 17, 0);
-
-  border-radius: 15px;
-
-  transition: 0.25s ease-in-out;
-
-  content: '';
-}
-.Switcher-module_knob__3kEy5 {
-  position: relative;
-  top: 2px;
-  left: 2px;
-  z-index: 200;
-
-  display: block;
-
-  width: 17px;
-  height: 17px;
-
-  background: #fff;
-
-  border-radius: 15px;
-
-  transition: 0.25s ease-in-out;
-}
-.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
-  width: 100%;
-
-  background-color: #b88b59;
-}
-.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
-  box-shadow: inset 0 0 0 1px transparent;
-}
-.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
-  left: 18px;
-}
-.Switcher-module_children__147JP.Switcher-module_left__2coeE {
-  margin-right: 6px;
-}
-.Switcher-module_children__147JP.Switcher-module_right__yWG7h {
-  margin-left: 6px;
-}
-/* panel */
-.Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
-
-  color: #999;
-
-  font-size: 13px;
-  letter-spacing: 0.5px;
-  text-transform: uppercase;
-}
-/* menu */
-.Switcher-module_isInMenu__3XJYj {
-  font-weight: normal;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
-  margin-right: 8px;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
-  width: 48px;
-  height: 30px;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
-  top: 4px;
-
-  width: 22px;
-  height: 22px;
-
-  background-color: #bababa;
-}
-/* stylelint-disable selector-max-compound-selectors */
-.Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
-  left: 23px;
-
-  background-color: #fff;
-}
-/* live */
-.Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
-
-  color: #7f7f7f;
-
-  font-size: 13px;
-  letter-spacing: 0.5px;
-  text-transform: uppercase;
-}
-.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
-  background-color: #1a1a1a;
-  box-shadow: inset 0 0 0 1px #323232;
-}
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Image-module_root__1vsA_ {
-  position: relative;
-  z-index: 1;
-
-  display: block;
-  overflow: hidden
-}
-@media only screen and (min-device-width: 32em) {
-.Image-module_root__1vsA_ {
-    border-radius: inherit
-}
-  }
-.Image-module_placeholder__1p4ob,
-.Image-module_root__1vsA_ img {
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  width: 100%;
-  height: 100%;
-}
-.Image-module_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 */
@@ -624,93 +376,341 @@
   width: 18px;
   height: 18px;
 }
-.SvgSymbol-module_play__pM-qY {
-  width: 100%;
-  height: 100%;
+.SvgSymbol-module_play__pM-qY {
+  width: 100%;
+  height: 100%;
+}
+.SvgSymbol-module_meduzaLogo__2Ouzp {
+  width: 92px;
+  height: 20px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_meduzaLogo__2Ouzp {
+    width: 100px;
+    height: 45px
+}
+  }
+.SvgSymbol-module_arrow__11naX {
+  width: 12px;
+  height: 12px;
+}
+.SvgSymbol-module_oil__hvHE5 {
+  width: 9px;
+  height: 12px;
+}
+.SvgSymbol-module_search__VK6p3 {
+  width: 24px;
+  height: 24px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_search__VK6p3 {
+    width: 16px;
+    height: 16px
+}
+  }
+.SvgSymbol-module_user__1MGim {
+  width: 14px;
+  height: 14px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_user__1MGim {
+    width: 16px;
+    height: 16px
+}
+  }
+.SvgSymbol-module_bookmark__2z7tX {
+  width: 17px;
+  height: auto;
+
+  cursor: pointer;
+
+  stroke-width: 2px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_bookmark__2z7tX {
+    width: 14px;
+
+    stroke-width: 1.5px
+}
+  }
+.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
+  width: 14px;
+}
+.SvgSymbol-module_receipt__3Eqow {
+  width: 10px;
+  height: 13px;
+}
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
+  width: 22px;
+  height: 22px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
+    width: 14px;
+    height: 14px
+}
+  }
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
+    stroke-width: 1.5px
+}
+  }
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
+  stroke-width: 1.8px
+}
+@media only screen and (min-device-width: 64em) {
+.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
+    stroke-width: 1.3px
+}
+  }
+
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Switcher-module_root__1Env1 {
+  position: relative;
+
+  display: -webkit-box;
+
+  display: -webkit-flex;
+
+  display: -ms-flexbox;
+
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+
+  font-weight: 600;
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  white-space: nowrap;
+
+  cursor: pointer;
+
+  -webkit-user-select: none;
+
+     -moz-user-select: none;
+
+      -ms-user-select: none;
+
+          user-select: none;
+}
+.Switcher-module_dark__1IzaH {
+  color: inherit;
+}
+.Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
+  background-color: transparent;
+}
+.Switcher-module_input__jaMVF {
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  opacity: 0;
+}
+.Switcher-module_control__1NTvY {
+  position: relative;
+
+  display: block;
+
+  width: 37px;
+  height: 21px;
+
+  background-color: #e6e6e6;
+
+  border-radius: 15px;
+}
+.Switcher-module_control__1NTvY::before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+
+  width: 18px;
+
+  background: rgba(19, 191, 17, 0);
+
+  border-radius: 15px;
+
+  transition: 0.25s ease-in-out;
+
+  content: '';
+}
+.Switcher-module_knob__3kEy5 {
+  position: relative;
+  top: 2px;
+  left: 2px;
+  z-index: 200;
+
+  display: block;
+
+  width: 17px;
+  height: 17px;
+
+  background: #fff;
+
+  border-radius: 15px;
+
+  transition: 0.25s ease-in-out;
+}
+.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
+  width: 100%;
+
+  background-color: #b88b59;
+}
+.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
+  box-shadow: inset 0 0 0 1px transparent;
+}
+.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
+  left: 18px;
+}
+.Switcher-module_children__147JP.Switcher-module_left__2coeE {
+  margin-right: 6px;
+}
+.Switcher-module_children__147JP.Switcher-module_right__yWG7h {
+  margin-left: 6px;
+}
+/* panel */
+.Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
+
+  color: #999;
+
+  font-size: 13px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+/* menu */
+.Switcher-module_isInMenu__3XJYj {
+  font-weight: normal;
 }
-.SvgSymbol-module_meduzaLogo__2Ouzp {
-  width: 92px;
-  height: 20px
+.Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
+  margin-right: 8px;
 }
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_meduzaLogo__2Ouzp {
-    width: 100px;
-    height: 45px
+.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
+  width: 48px;
+  height: 30px;
 }
-  }
-.SvgSymbol-module_arrow__11naX {
-  width: 12px;
-  height: 12px;
+.Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
+  top: 4px;
+
+  width: 22px;
+  height: 22px;
+
+  background-color: #bababa;
 }
-.SvgSymbol-module_oil__hvHE5 {
-  width: 9px;
-  height: 12px;
+/* 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;
 }
-.SvgSymbol-module_search__VK6p3 {
-  width: 24px;
-  height: 24px
+/* live */
+.Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
+
+  color: #7f7f7f;
+
+  font-size: 13px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
 }
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_search__VK6p3 {
-    width: 16px;
-    height: 16px
+.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
+  background-color: #1a1a1a;
+  box-shadow: inset 0 0 0 1px #323232;
 }
-  }
-.SvgSymbol-module_user__1MGim {
-  width: 14px;
-  height: 14px
+
+/* 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: 64em) {
-.SvgSymbol-module_user__1MGim {
-    width: 16px;
-    height: 16px
+@media only screen and (min-device-width: 32em) {
+.Image-module_root__1vsA_ {
+    border-radius: inherit
 }
   }
-.SvgSymbol-module_bookmark__2z7tX {
-  width: 17px;
-  height: auto;
+.Image-module_placeholder__1p4ob,
+.Image-module_root__1vsA_ img {
+  position: absolute;
+  top: 0;
+  left: 0;
 
-  cursor: pointer;
+  width: 100%;
+  height: 100%;
+}
+.Image-module_wrapper__3fLjs {
+  display: block;
 
-  stroke-width: 2px
+  width: 100%;
+
+  background-repeat: no-repeat;
+  background-size: 100% auto;
 }
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_bookmark__2z7tX {
-    width: 14px;
+.Image-module_placeholder__1p4ob {
+  transition: background-color 250ms ease;
 
-    stroke-width: 1.5px
+  background-color: #f2f2f2;
 }
-  }
-.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
-  width: 14px;
+.Image-module_loaded__w9FVT {
+  background: transparent;
 }
-.SvgSymbol-module_receipt__3Eqow {
-  width: 10px;
-  height: 13px;
+.Image-module_fullscreen__29apx picture {
+  cursor: pointer;
 }
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
-  width: 22px;
-  height: 22px
+.Image-module_fullscreen__29apx picture:hover::after {
+  opacity: 1;
 }
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
-    width: 14px;
-    height: 14px
+.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) {
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
-    stroke-width: 1.5px
+.Image-module_fullscreen__29apx picture::after {
+    content: ''
 }
   }
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
-  stroke-width: 1.8px
-}
-@media only screen and (min-device-width: 64em) {
-.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
-    stroke-width: 1.3px
+[data-input='mouse'] .Image-module_wrapper__3fLjs {
+  outline: none;
 }
-  }
 
 /* Colors */
 /* Fonts */
@@ -1521,50 +1521,6 @@
 }
   }
 
-/* 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 */
@@ -1623,6 +1579,50 @@
   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 */
@@ -1711,6 +1711,149 @@
   content: '';
 }
 
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Toolbar-module_root__2HF2r {
+  overflow: hidden;
+
+  transform: translateZ(0);
+
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+}
+.Toolbar-module_list__1n5ny {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  flex-flow: row wrap;
+
+  margin: 0 0 0 -10px;
+  padding: 0;
+
+  list-style: none
+}
+@media only screen and (min-device-width: 64em) {
+.Toolbar-module_list__1n5ny {
+    margin: 0 0 0 -15px
+}
+  }
+.Toolbar-module_item__36x7d {
+  position: relative;
+
+  min-width: 42px;
+  height: 32px;
+  padding-right: 10px;
+  padding-left: 10px;
+
+  cursor: pointer;
+  transition: color 250ms ease;
+  text-align: center;
+
+  color: #808080;
+
+  line-height: 1
+}
+@media only screen and (min-device-width: 64em) {
+.Toolbar-module_item__36x7d {
+    padding-right: 15px;
+    padding-left: 15px
+}
+  }
+.Toolbar-module_item__36x7d:last-child {
+  margin-right: 0;
+}
+.Toolbar-module_item__36x7d::before {
+  position: absolute;
+  top: 7px;
+  left: 0;
+
+  height: 18px;
+
+  content: '';
+  vertical-align: middle;
+
+  border-left: 1px solid rgba(0, 0, 0, 0.15);
+}
+.Toolbar-module_item__36x7d:empty {
+  display: none;
+}
+.Toolbar-module_isInTopbar__223iP {
+  height: 100%;
+}
+.Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
+  height: 100%;
+}
+.Toolbar-module_center__3_H8M {
+  width: 100%;
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.Toolbar-module_game__5-jY_ {
+  margin-top: 11px
+}
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ {
+    margin-top: 18px
+}
+  }
+.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
+.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
+  justify-content: center
+}
+@media only screen and (min-device-width: 32em) {
+.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
+.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+  }
+.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
+  width: 260px
+}
+@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 */
@@ -1962,8 +2105,10 @@
 .Meta-module_isInSearchItem__1wbpx {
   color: rgba(255, 255, 255, 0.7);
 }
+.Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
+  text-align: left;
+}
 @media only screen and (min-device-width: 64em) {
-.Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF,
 .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
     text-align: left
 }
@@ -2070,220 +2215,77 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.QuoteBlock-module_root__2GrcC {
-  position: relative;
-
-  margin-bottom: 14px;
-  padding-left: 18px;
-
-  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
-  font-size: 18px;
-  line-height: 24px
-}
-@media only screen and (min-device-width: 32em) {
-.QuoteBlock-module_root__2GrcC {
-    margin: 0 0 20px;
-    padding-left: 38px;
-
-    font-size: 20px;
-    line-height: 28px
-}
-  }
-.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
-  margin-top: -14px;
-  padding-top: 14px
-}
-@media only screen and (min-device-width: 32em) {
-.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
-    margin-top: -20px;
-    padding-top: 20px
-}
-  }
-.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC::before {
-  top: -10px;
-}
-.QuoteBlock-module_root__2GrcC:before {
-  position: absolute;
-  top: 5px;
-  bottom: 7px;
-  left: 0;
-
-  width: 4px;
-
-  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 */
-.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 {
+.QuoteBlock-module_root__2GrcC {
   position: relative;
 
-  min-width: 42px;
-  height: 32px;
-  padding-right: 10px;
-  padding-left: 10px;
-
-  cursor: pointer;
-  transition: color 250ms ease;
-  text-align: center;
+  margin-bottom: 14px;
+  padding-left: 18px;
 
-  color: #808080;
+  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
+  font-size: 18px;
+  line-height: 24px
+}
+@media only screen and (min-device-width: 32em) {
+.QuoteBlock-module_root__2GrcC {
+    margin: 0 0 20px;
+    padding-left: 38px;
 
-  line-height: 1
+    font-size: 20px;
+    line-height: 28px
 }
-@media only screen and (min-device-width: 64em) {
-.Toolbar-module_item__36x7d {
-    padding-right: 15px;
-    padding-left: 15px
+  }
+.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
+  margin-top: -14px;
+  padding-top: 14px
+}
+@media only screen and (min-device-width: 32em) {
+.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
+    margin-top: -20px;
+    padding-top: 20px
 }
   }
-.Toolbar-module_item__36x7d:last-child {
-  margin-right: 0;
+.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC::before {
+  top: -10px;
 }
-.Toolbar-module_item__36x7d::before {
+.QuoteBlock-module_root__2GrcC:before {
   position: absolute;
-  top: 7px;
+  top: 5px;
+  bottom: 7px;
   left: 0;
 
-  height: 18px;
+  width: 4px;
 
   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
+  border-radius: 2px;
+  background-color: #ebebeb
 }
 @media only screen and (min-device-width: 32em) {
-.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
-    width: auto
+.QuoteBlock-module_root__2GrcC:before {
+    top: 4px;
+    bottom: 6px
 }
   }
-.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: ''
+.QuoteBlock-module_root__2GrcC:last-child {
+  margin-bottom: 0;
 }
-  }
-.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;
+.QuoteBlock-module_root__2GrcC p {
+  margin: 0;
 }
-@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
+.QuoteBlock-module_root__2GrcC a {
+  text-decoration: none;
+
+  color: inherit;
+  box-shadow: inset 0 -1px #b88b59;
 }
-  }
-.Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
-  border-left-color: rgba(255, 255, 255, 0.2);
+.QuoteBlock-module_root__2GrcC a:hover {
+  color: #b88b59;
 }
-[data-context="prodano"] .Toolbar-module_root__2HF2r {
-  display: none;
+.QuoteBlock-module_center__cTFNy {
+  width: 100%;
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 /* Colors */
@@ -2892,209 +2894,92 @@
   box-shadow: inset 0 -1px #b88b59;
 }
 .ListBlock-module_ol__21CgV {
-  counter-reset: list 0;
-}
-.ListBlock-module_ol__21CgV li {
-  padding: 0 0 0 33px;
-}
-.ListBlock-module_ol__21CgV li::before {
-  position: absolute;
-  left: 0;
-
-  width: 23px;
-
-  content: counter(list) '. ';
-  counter-increment: list;
-  text-align: right;
-  white-space: nowrap;
-}
-.ListBlock-module_ul__2MRrS li {
-  padding: 0 0 0 23px
-}
-@media only screen and (min-device-width: 48em) {
-.ListBlock-module_ul__2MRrS li {
-    padding: 0 0 0 38px
-}
-  }
-.ListBlock-module_ul__2MRrS li:last-child {
-  margin-bottom: 0;
-}
-.ListBlock-module_ul__2MRrS li::before {
-  position: absolute;
-  top: 0;
-  left: 5px;
-
-  width: 8px;
-
-  content: '\2022';
-  text-align: center;
-
-  color: #b88b59;
-
-  font-size: 18px;
-  line-height: inherit
-}
-@media only screen and (min-device-width: 48em) {
-.ListBlock-module_ul__2MRrS li::before {
-    left: 0;
-
-    width: 36px;
-
-    text-align: center;
-
-    font-size: 20px
-}
-  }
-.ListBlock-module_center__tdIwd {
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
-}
-.ListBlock-module_isInImportantLead__UP0ic {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  line-height: 20px
-}
-@media only screen and (min-device-width: 48em) {
-.ListBlock-module_isInImportantLead__UP0ic {
-    font-size: 17px;
-    line-height: 24px
-}
-  }
-.ListBlock-module_dark__3E3tV a {
-  color: inherit;
-}
-.ListBlock-module_dark__3E3tV a:hover {
-  color: #b88b59;
-}
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.ListBlock-module_mobile__2-nuV {
-    display: none
-}
-  }
-.ListBlock-module_desktop__1EE0g {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.ListBlock-module_desktop__1EE0g {
-    display: block
-}
-  }
-
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.RichTitle-module_root__BK_WT {
-  margin: 0 0 18px;
-
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 19px;
-  font-weight: 700;
-  line-height: 23px
-}
-@media only screen and (min-device-width: 48em) {
-.RichTitle-module_root__BK_WT {
-    margin-bottom: 15px;
-
-    font-size: 37px;
-    line-height: 42px
-}
-  }
-.RichTitle-module_root__BK_WT:last-child {
-  margin-bottom: 0;
-}
-.RichTitle-module_root__BK_WT span {
-  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
-  font-size: 20px;
-  font-weight: normal
+  counter-reset: list 0;
 }
-@media only screen and (min-device-width: 48em) {
-.RichTitle-module_root__BK_WT span {
-    font-size: 38px
+.ListBlock-module_ol__21CgV li {
+  padding: 0 0 0 33px;
 }
-  }
-@media only screen and (min-device-width: 32em) {
-.RichTitle-module_slide__1A-gB,
-.RichTitle-module_game__1g8Bn {
-    text-align: center
+.ListBlock-module_ol__21CgV li::before {
+  position: absolute;
+  left: 0;
+
+  width: 23px;
+
+  content: counter(list) '. ';
+  counter-increment: list;
+  text-align: right;
+  white-space: nowrap;
 }
-  }
-@media only screen and (min-device-width: 64em) {
-.RichTitle-module_half__10GRI {
-    font-size: 33px;
-    line-height: 36px
+.ListBlock-module_ul__2MRrS li {
+  padding: 0 0 0 23px
 }
-  }
-@media only screen and (min-device-width: 64em) {
-.RichTitle-module_half__10GRI span {
-    font-size: 34px
+@media only screen and (min-device-width: 48em) {
+.ListBlock-module_ul__2MRrS li {
+    padding: 0 0 0 38px
 }
   }
-.RichTitle-module_game__1g8Bn:first-child {
-  padding-top: 9px;
+.ListBlock-module_ul__2MRrS li:last-child {
+  margin-bottom: 0;
 }
-@media only screen and (max-device-width: 63.9375em) {
-.RichTitle-module_featured__wJfaQ {
-    letter-spacing: 0.3px;
+.ListBlock-module_ul__2MRrS li::before {
+  position: absolute;
+  top: 0;
+  left: 5px;
 
-    font-size: 28px;
-    line-height: 30px
+  width: 8px;
+
+  content: '\2022';
+  text-align: center;
+
+  color: #b88b59;
+
+  font-size: 18px;
+  line-height: inherit
 }
-  }
-@media only screen and (max-device-width: 63.9375em) {
-.RichTitle-module_featured__wJfaQ span {
-    display: block;
+@media only screen and (min-device-width: 48em) {
+.ListBlock-module_ul__2MRrS li::before {
+    left: 0;
 
-    padding-top: 2px;
+    width: 36px;
 
-    font-size: 18px;
-    line-height: 24px
+    text-align: center;
+
+    font-size: 20px
 }
   }
-@media only screen and (min-device-width: 64em) {
-.RichTitle-module_isInMediaBlock__3RDw4 {
-    margin-bottom: 18px
+.ListBlock-module_center__tdIwd {
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
 }
-  }
-.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
-  font-size: 19px;
-  line-height: 23px
+.ListBlock-module_isInImportantLead__UP0ic {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  line-height: 20px
 }
-@media only screen and (min-device-width: 64em) {
-.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
-    font-size: 1.3rem;
-    line-height: 1.6rem
+@media only screen and (min-device-width: 48em) {
+.ListBlock-module_isInImportantLead__UP0ic {
+    font-size: 17px;
+    line-height: 24px
 }
   }
-.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
-  font-size: 20px
+.ListBlock-module_dark__3E3tV a {
+  color: inherit;
 }
-@media only screen and (min-device-width: 64em) {
-.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
-    font-size: 1.35rem
+.ListBlock-module_dark__3E3tV a:hover {
+  color: #b88b59;
 }
-  }
+/* VISIBILITY */
 @media only screen and (min-device-width: 32em) {
-.RichTitle-module_mobile__1Cb6E {
+.ListBlock-module_mobile__2-nuV {
     display: none
 }
   }
-.RichTitle-module_desktop__2ixSQ {
+.ListBlock-module_desktop__1EE0g {
   display: none
 }
 @media only screen and (min-device-width: 32em) {
-.RichTitle-module_desktop__2ixSQ {
+.ListBlock-module_desktop__1EE0g {
     display: block
 }
   }
@@ -3242,33 +3127,106 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.SimpleTitle-module_root__2jVQN {
+.RichTitle-module_root__BK_WT {
   margin: 0 0 18px;
 
-  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
-  font-size: 20px;
-  font-weight: normal;
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 19px;
+  font-weight: 700;
   line-height: 23px
 }
 @media only screen and (min-device-width: 48em) {
-.SimpleTitle-module_root__2jVQN {
+.RichTitle-module_root__BK_WT {
     margin-bottom: 15px;
 
-    font-size: 36px;
-    line-height: 40px
+    font-size: 37px;
+    line-height: 42px
+}
+  }
+.RichTitle-module_root__BK_WT:last-child {
+  margin-bottom: 0;
+}
+.RichTitle-module_root__BK_WT span {
+  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
+  font-size: 20px;
+  font-weight: normal
+}
+@media only screen and (min-device-width: 48em) {
+.RichTitle-module_root__BK_WT span {
+    font-size: 38px
 }
   }
-/* VISIBILITY */
 @media only screen and (min-device-width: 32em) {
-.SimpleTitle-module_mobile__11gBz {
+.RichTitle-module_slide__1A-gB,
+.RichTitle-module_game__1g8Bn {
+    text-align: center
+}
+  }
+@media only screen and (min-device-width: 64em) {
+.RichTitle-module_half__10GRI {
+    font-size: 33px;
+    line-height: 36px
+}
+  }
+@media only screen and (min-device-width: 64em) {
+.RichTitle-module_half__10GRI span {
+    font-size: 34px
+}
+  }
+.RichTitle-module_game__1g8Bn:first-child {
+  padding-top: 9px;
+}
+@media only screen and (max-device-width: 63.9375em) {
+.RichTitle-module_featured__wJfaQ {
+    letter-spacing: 0.3px;
+
+    font-size: 28px;
+    line-height: 30px
+}
+  }
+@media only screen and (max-device-width: 63.9375em) {
+.RichTitle-module_featured__wJfaQ span {
+    display: block;
+
+    padding-top: 2px;
+
+    font-size: 18px;
+    line-height: 24px
+}
+  }
+@media only screen and (min-device-width: 64em) {
+.RichTitle-module_isInMediaBlock__3RDw4 {
+    margin-bottom: 18px
+}
+  }
+.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
+  font-size: 19px;
+  line-height: 23px
+}
+@media only screen and (min-device-width: 64em) {
+.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
+    font-size: 1.3rem;
+    line-height: 1.6rem
+}
+  }
+.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
+  font-size: 20px
+}
+@media only screen and (min-device-width: 64em) {
+.RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
+    font-size: 1.35rem
+}
+  }
+@media only screen and (min-device-width: 32em) {
+.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
 }
   }
@@ -3694,6 +3652,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 */
@@ -4653,7 +4655,7 @@ a mark {
 
   background-color: #f7f7f7
 }
-@media only screen and (min-device-width: 64em) {
+@media only screen and (min-device-width: 32em) {
 .RelatedRichBlock-module_body__1ZHZS {
     position: absolute;
     z-index: 10;
@@ -4670,12 +4672,12 @@ a mark {
 .RelatedRichBlock-module_isRich__1LnA4 {
   color: #000
 }
-@media only screen and (min-device-width: 64em) {
+@media only screen and (min-device-width: 32em) {
 .RelatedRichBlock-module_isRich__1LnA4 {
     color: #fff
 }
   }
-@media only screen and (min-device-width: 64em) {
+@media only screen and (min-device-width: 32em) {
 .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
     position: absolute;
     z-index: 10;