Static mdbook::theme::CSS [] [src]

pub static CSS: &'static [u8] = b"html,\nbody {\n  font-family: \"Open Sans\", sans-serif;\n  color: #333;\n}\nbody {\n  margin: 0;\n  font-size: 1rem;\n}\ncode {\n  font-family: \"Source Code Pro\", Consolas, \"Ubuntu Mono\", Menlo, \"DejaVu Sans Mono\", monospace, monospace;\n  font-size: 0.875em;\n}\n.left {\n  float: left;\n}\n.right {\n  float: right;\n}\n.hidden {\n  display: none;\n}\n.play-button.hidden {\n  display: none;\n}\nh2,\nh3 {\n  margin-top: 2.5em;\n}\nh4,\nh5 {\n  margin-top: 2em;\n}\n.header + .header h3,\n.header + .header h4,\n.header + .header h5 {\n  margin-top: 1em;\n}\ntable {\n  margin: 0 auto;\n  border-collapse: collapse;\n}\ntable td {\n  padding: 3px 20px;\n  border: 1px solid;\n}\ntable thead td {\n  font-weight: 700;\n}\n.sidebar {\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 300px;\n  overflow-y: auto;\n  padding: 10px 10px;\n  font-size: 0.875em;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  -webkit-overflow-scrolling: touch;\n  -webkit-transition: left 0.5s;\n  -moz-transition: left 0.5s;\n  -o-transition: left 0.5s;\n  -ms-transition: left 0.5s;\n  transition: left 0.5s;\n}\n@media only screen and (max-width: 1060px) {\n  .sidebar {\n    left: -300px;\n  }\n}\n.sidebar code {\n  line-height: 2em;\n}\n.sidebar-hidden .sidebar {\n  left: -300px;\n}\n.sidebar-visible .sidebar {\n  left: 0;\n}\n.chapter {\n  list-style: none outside none;\n  padding-left: 0;\n  line-height: 2.2em;\n}\n.chapter li a {\n  padding: 5px 0;\n  text-decoration: none;\n}\n.chapter li a:hover {\n  text-decoration: none;\n}\n.chapter .spacer {\n  width: 100%;\n  height: 3px;\n  margin: 10px 0px;\n}\n.section {\n  list-style: none outside none;\n  padding-left: 20px;\n  line-height: 1.9em;\n}\n.section li {\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.page-wrapper {\n  padding-left: 300px;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  min-height: 100%;\n  -webkit-transition: padding-left 0.5s;\n  -moz-transition: padding-left 0.5s;\n  -o-transition: padding-left 0.5s;\n  -ms-transition: padding-left 0.5s;\n  transition: padding-left 0.5s;\n}\n@media only screen and (max-width: 1060px) {\n  .page-wrapper {\n    padding-left: 0;\n  }\n}\n.sidebar-hidden .page-wrapper {\n  padding-left: 0;\n}\n.sidebar-visible .page-wrapper {\n  padding-left: 300px;\n}\n.page {\n  outline: 0;\n  padding: 0 15px;\n}\n.content {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 750px;\n  padding-bottom: 50px;\n}\n.content a {\n  text-decoration: none;\n}\n.content a:hover {\n  text-decoration: underline;\n}\n.content img {\n  max-width: 100%;\n}\n.menu-bar {\n  height: 50px;\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n.menu-bar i {\n  margin: 0 10px;\n  z-index: 10;\n  line-height: 50px;\n  -webkit-transition: color 0.5s;\n  -moz-transition: color 0.5s;\n  -o-transition: color 0.5s;\n  -ms-transition: color 0.5s;\n  transition: color 0.5s;\n}\n.menu-bar i:hover {\n  cursor: pointer;\n}\n.menu-bar .left-buttons {\n  float: left;\n}\n.menu-bar .right-buttons {\n  float: right;\n}\n#searchbar {\n  border: 1px solid #BBB;\n  border-radius: 3px;\n  padding: 3px 5px;\n  width: 50px;\n  transition: width 0.5s ease-in-out;\n}\n#searchbar:focus, #searchbar:hover, #searchbar.active {\n  width: 150px;\n}\n.searchresults-header {\n  font-weight: bold;\n  font-size: 1em;\n}\n.searchresults-outer {\n  border-bottom: 1px dashed #CCC;\n  display: none;\n}\n.menu-title {\n  display: inline;\n  font-weight: 200;\n  font-size: 20px;\n  line-height: 50px;\n  text-align: center;\n  margin: 0;\n  opacity: 0;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n  filter: alpha(opacity=0);\n  -webkit-transition: opacity 0.5s ease-in-out;\n  -moz-transition: opacity 0.5s ease-in-out;\n  -o-transition: opacity 0.5s ease-in-out;\n  -ms-transition: opacity 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n}\n.menu-bar:hover .menu-title {\n  opacity: 1;\n  -ms-filter: none;\n  filter: none;\n}\n.nav-chapters {\n  font-size: 2.5em;\n  text-align: center;\n  text-decoration: none;\n  position: fixed;\n  top: 50px /* Height of menu-bar */;\n  bottom: 0;\n  margin: 0;\n  max-width: 150px;\n  min-width: 90px;\n  display: -webkit-box;\n  display: -moz-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: box;\n  display: flex;\n  -webkit-box-pack: center;\n  -moz-box-pack: center;\n  -o-box-pack: center;\n  -ms-flex-pack: center;\n  -webkit-justify-content: center;\n  justify-content: center;\n  -ms-flex-line-pack: center;\n  -webkit-align-content: center;\n  align-content: center;\n  -webkit-box-orient: vertical;\n  -moz-box-orient: vertical;\n  -o-box-orient: vertical;\n  -webkit-flex-direction: column;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -webkit-transition: color 0.5s;\n  -moz-transition: color 0.5s;\n  -o-transition: color 0.5s;\n  -ms-transition: color 0.5s;\n  transition: color 0.5s;\n}\n.mobile-nav-chapters {\n  display: none;\n}\n.nav-chapters:hover {\n  text-decoration: none;\n}\n.previous {\n  left: 315px;\n  -webkit-transition: left 0.5s;\n  -moz-transition: left 0.5s;\n  -o-transition: left 0.5s;\n  -ms-transition: left 0.5s;\n  transition: left 0.5s;\n}\n@media only screen and (max-width: 1060px) {\n  .previous {\n    left: 15px;\n  }\n}\n.next {\n  right: 15px;\n}\n.sidebar-hidden .previous {\n  left: 15px;\n}\n.sidebar-visible .previous {\n  left: 315px;\n}\n.theme-popup {\n  position: relative;\n  left: 10px;\n  z-index: 1000;\n  border-radius: 4px;\n  font-size: 0.7em;\n}\n.theme-popup .theme {\n  margin: 0;\n  padding: 2px 10px;\n  line-height: 25px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.theme-popup .theme:hover:first-child,\n.theme-popup .theme:hover:last-child {\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n}\n@media only screen and (max-width: 1250px) {\n  .nav-chapters {\n    display: none;\n  }\n  .mobile-nav-chapters {\n    font-size: 2.5em;\n    text-align: center;\n    text-decoration: none;\n    max-width: 150px;\n    min-width: 90px;\n    -webkit-box-pack: center;\n    -moz-box-pack: center;\n    -o-box-pack: center;\n    -ms-flex-pack: center;\n    -webkit-justify-content: center;\n    justify-content: center;\n    -ms-flex-line-pack: center;\n    -webkit-align-content: center;\n    align-content: center;\n    position: relative;\n    display: inline-block;\n    margin-bottom: 50px;\n    border-radius: 5px;\n  }\n  .next {\n    float: right;\n  }\n  .previous {\n    float: left;\n  }\n}\n.light {\n  color: #333;\n  background-color: #fff;\n/* Inline code */\n}\n.light .content .header:link,\n.light .content .header:visited {\n  color: #333;\n  pointer: cursor;\n}\n.light .content .header:link:hover,\n.light .content .header:visited:hover {\n  text-decoration: none;\n}\n.light .sidebar {\n  background-color: #fafafa;\n  color: #364149;\n}\n.light .chapter li {\n  color: #aaa;\n}\n.light .chapter li a {\n  color: #364149;\n}\n.light .chapter li .active,\n.light .chapter li a:hover {\n/* Animate color change */\n  color: #008cff;\n}\n.light .chapter .spacer {\n  background-color: #f4f4f4;\n}\n.light .menu-bar,\n.light .menu-bar:visited,\n.light .nav-chapters,\n.light .nav-chapters:visited,\n.light .mobile-nav-chapters,\n.light .mobile-nav-chapters:visited,\n.light .menu-bar a i {\n  color: #ccc;\n}\n.light .menu-bar i:hover,\n.light .nav-chapters:hover,\n.light .mobile-nav-chapters i:hover {\n  color: #333;\n}\n.light .mobile-nav-chapters i:hover {\n  color: #364149;\n}\n.light .mobile-nav-chapters {\n  background-color: #fafafa;\n}\n.light .content a:link,\n.light a:visited,\n.light a > .hljs {\n  color: #4183c4;\n}\n.light .theme-popup {\n  color: #333;\n  background: #fafafa;\n  border: 1px solid #ccc;\n}\n.light .theme-popup .theme:hover {\n  background-color: #e6e6e6;\n}\n.light .theme-popup .default {\n  color: #ccc;\n}\n.light blockquote {\n  margin: 20px 0;\n  padding: 0 20px;\n  color: #333;\n  background-color: #f2f7f9;\n  border-top: 0.1em solid #e1edf1;\n  border-bottom: 0.1em solid #e1edf1;\n}\n.light table td {\n  border-color: #f2f2f2;\n}\n.light table tbody tr:nth-child(2n) {\n  background: #f7f7f7;\n}\n.light table thead {\n  background: #ccc;\n}\n.light table thead td {\n  border: none;\n}\n.light table thead tr {\n  border: 1px #ccc solid;\n}\n.light :not(pre) > .hljs {\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  color: #6e6b5e;\n}\n.light a:hover > .hljs {\n  text-decoration: underline;\n}\n.light pre {\n  position: relative;\n}\n.light pre > .buttons {\n  position: absolute;\n  z-index: 100;\n  right: 5px;\n  top: 5px;\n  color: #364149;\n  cursor: pointer;\n}\n.light pre > .buttons :hover {\n  color: #008cff;\n}\n.light pre > .buttons i {\n  margin-left: 8px;\n}\n.light pre > .result {\n  margin-top: 10px;\n}\n.coal {\n  color: #98a3ad;\n  background-color: #141617;\n/* Inline code */\n}\n.coal .content .header:link,\n.coal .content .header:visited {\n  color: #98a3ad;\n  pointer: cursor;\n}\n.coal .content .header:link:hover,\n.coal .content .header:visited:hover {\n  text-decoration: none;\n}\n.coal .sidebar {\n  background-color: #292c2f;\n  color: #a1adb8;\n}\n.coal .chapter li {\n  color: #505254;\n}\n.coal .chapter li a {\n  color: #a1adb8;\n}\n.coal .chapter li .active,\n.coal .chapter li a:hover {\n/* Animate color change */\n  color: #3473ad;\n}\n.coal .chapter .spacer {\n  background-color: #393939;\n}\n.coal .menu-bar,\n.coal .menu-bar:visited,\n.coal .nav-chapters,\n.coal .nav-chapters:visited,\n.coal .mobile-nav-chapters,\n.coal .mobile-nav-chapters:visited,\n.coal .menu-bar a i {\n  color: #43484d;\n}\n.coal .menu-bar i:hover,\n.coal .nav-chapters:hover,\n.coal .mobile-nav-chapters i:hover {\n  color: #b3c0cc;\n}\n.coal .mobile-nav-chapters i:hover {\n  color: #a1adb8;\n}\n.coal .mobile-nav-chapters {\n  background-color: #292c2f;\n}\n.coal .content a:link,\n.coal a:visited,\n.coal a > .hljs {\n  color: #2b79a2;\n}\n.coal .theme-popup {\n  color: #98a3ad;\n  background: #141617;\n  border: 1px solid #43484d;\n}\n.coal .theme-popup .theme:hover {\n  background-color: #1f2124;\n}\n.coal .theme-popup .default {\n  color: #43484d;\n}\n.coal blockquote {\n  margin: 20px 0;\n  padding: 0 20px;\n  color: #98a3ad;\n  background-color: #242637;\n  border-top: 0.1em solid #2c2f44;\n  border-bottom: 0.1em solid #2c2f44;\n}\n.coal table td {\n  border-color: #1f2223;\n}\n.coal table tbody tr:nth-child(2n) {\n  background: #1b1d1e;\n}\n.coal table thead {\n  background: #3f4649;\n}\n.coal table thead td {\n  border: none;\n}\n.coal table thead tr {\n  border: 1px #3f4649 solid;\n}\n.coal :not(pre) > .hljs {\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  color: #c5c8c6;\n}\n.coal a:hover > .hljs {\n  text-decoration: underline;\n}\n.coal pre {\n  position: relative;\n}\n.coal pre > .buttons {\n  position: absolute;\n  z-index: 100;\n  right: 5px;\n  top: 5px;\n  color: #a1adb8;\n  cursor: pointer;\n}\n.coal pre > .buttons :hover {\n  color: #3473ad;\n}\n.coal pre > .buttons i {\n  margin-left: 8px;\n}\n.coal pre > .result {\n  margin-top: 10px;\n}\n.navy {\n  color: #bcbdd0;\n  background-color: #161923;\n/* Inline code */\n}\n.navy .content .header:link,\n.navy .content .header:visited {\n  color: #bcbdd0;\n  pointer: cursor;\n}\n.navy .content .header:link:hover,\n.navy .content .header:visited:hover {\n  text-decoration: none;\n}\n.navy .sidebar {\n  background-color: #282d3f;\n  color: #c8c9db;\n}\n.navy .chapter li {\n  color: #505274;\n}\n.navy .chapter li a {\n  color: #c8c9db;\n}\n.navy .chapter li .active,\n.navy .chapter li a:hover {\n/* Animate color change */\n  color: #2b79a2;\n}\n.navy .chapter .spacer {\n  background-color: #2d334f;\n}\n.navy .menu-bar,\n.navy .menu-bar:visited,\n.navy .nav-chapters,\n.navy .nav-chapters:visited,\n.navy .mobile-nav-chapters,\n.navy .mobile-nav-chapters:visited,\n.navy .menu-bar a i {\n  color: #737480;\n}\n.navy .menu-bar i:hover,\n.navy .nav-chapters:hover,\n.navy .mobile-nav-chapters i:hover {\n  color: #b7b9cc;\n}\n.navy .mobile-nav-chapters i:hover {\n  color: #c8c9db;\n}\n.navy .mobile-nav-chapters {\n  background-color: #282d3f;\n}\n.navy .content a:link,\n.navy a:visited,\n.navy a > .hljs {\n  color: #2b79a2;\n}\n.navy .theme-popup {\n  color: #bcbdd0;\n  background: #161923;\n  border: 1px solid #737480;\n}\n.navy .theme-popup .theme:hover {\n  background-color: #282e40;\n}\n.navy .theme-popup .default {\n  color: #737480;\n}\n.navy blockquote {\n  margin: 20px 0;\n  padding: 0 20px;\n  color: #bcbdd0;\n  background-color: #262933;\n  border-top: 0.1em solid #2f333f;\n  border-bottom: 0.1em solid #2f333f;\n}\n.navy table td {\n  border-color: #1f2331;\n}\n.navy table tbody tr:nth-child(2n) {\n  background: #1b1f2b;\n}\n.navy table thead {\n  background: #39415b;\n}\n.navy table thead td {\n  border: none;\n}\n.navy table thead tr {\n  border: 1px #39415b solid;\n}\n.navy :not(pre) > .hljs {\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  color: #c5c8c6;\n}\n.navy a:hover > .hljs {\n  text-decoration: underline;\n}\n.navy pre {\n  position: relative;\n}\n.navy pre > .buttons {\n  position: absolute;\n  z-index: 100;\n  right: 5px;\n  top: 5px;\n  color: #c8c9db;\n  cursor: pointer;\n}\n.navy pre > .buttons :hover {\n  color: #2b79a2;\n}\n.navy pre > .buttons i {\n  margin-left: 8px;\n}\n.navy pre > .result {\n  margin-top: 10px;\n}\n.rust {\n  color: #262625;\n  background-color: #e1e1db;\n/* Inline code */\n}\n.rust .content .header:link,\n.rust .content .header:visited {\n  color: #262625;\n  pointer: cursor;\n}\n.rust .content .header:link:hover,\n.rust .content .header:visited:hover {\n  text-decoration: none;\n}\n.rust .sidebar {\n  background-color: #3b2e2a;\n  color: #c8c9db;\n}\n.rust .chapter li {\n  color: #505254;\n}\n.rust .chapter li a {\n  color: #c8c9db;\n}\n.rust .chapter li .active,\n.rust .chapter li a:hover {\n/* Animate color change */\n  color: #e69f67;\n}\n.rust .chapter .spacer {\n  background-color: #45373a;\n}\n.rust .menu-bar,\n.rust .menu-bar:visited,\n.rust .nav-chapters,\n.rust .nav-chapters:visited,\n.rust .mobile-nav-chapters,\n.rust .mobile-nav-chapters:visited,\n.rust .menu-bar a i {\n  color: #737480;\n}\n.rust .menu-bar i:hover,\n.rust .nav-chapters:hover,\n.rust .mobile-nav-chapters i:hover {\n  color: #262625;\n}\n.rust .mobile-nav-chapters i:hover {\n  color: #c8c9db;\n}\n.rust .mobile-nav-chapters {\n  background-color: #3b2e2a;\n}\n.rust .content a:link,\n.rust a:visited,\n.rust a > .hljs {\n  color: #2b79a2;\n}\n.rust .theme-popup {\n  color: #262625;\n  background: #e1e1db;\n  border: 1px solid #b38f6b;\n}\n.rust .theme-popup .theme:hover {\n  background-color: #99908a;\n}\n.rust .theme-popup .default {\n  color: #737480;\n}\n.rust blockquote {\n  margin: 20px 0;\n  padding: 0 20px;\n  color: #262625;\n  background-color: #c1c1bb;\n  border-top: 0.1em solid #b8b8b1;\n  border-bottom: 0.1em solid #b8b8b1;\n}\n.rust table td {\n  border-color: #d7d7cf;\n}\n.rust table tbody tr:nth-child(2n) {\n  background: #dbdbd4;\n}\n.rust table thead {\n  background: #b3a497;\n}\n.rust table thead td {\n  border: none;\n}\n.rust table thead tr {\n  border: 1px #b3a497 solid;\n}\n.rust :not(pre) > .hljs {\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  color: #6e6b5e;\n}\n.rust a:hover > .hljs {\n  text-decoration: underline;\n}\n.rust pre {\n  position: relative;\n}\n.rust pre > .buttons {\n  position: absolute;\n  z-index: 100;\n  right: 5px;\n  top: 5px;\n  color: #c8c9db;\n  cursor: pointer;\n}\n.rust pre > .buttons :hover {\n  color: #e69f67;\n}\n.rust pre > .buttons i {\n  margin-left: 8px;\n}\n.rust pre > .result {\n  margin-top: 10px;\n}\n.ayu {\n  color: #c5c5c5;\n  background-color: #0f1419;\n/* Inline code */\n}\n.ayu .content .header:link,\n.ayu .content .header:visited {\n  color: #c5c5c5;\n  pointer: cursor;\n}\n.ayu .content .header:link:hover,\n.ayu .content .header:visited:hover {\n  text-decoration: none;\n}\n.ayu .sidebar {\n  background-color: #14191f;\n  color: #c8c9db;\n}\n.ayu .chapter li {\n  color: #5c6773;\n}\n.ayu .chapter li a {\n  color: #c8c9db;\n}\n.ayu .chapter li .active,\n.ayu .chapter li a:hover {\n/* Animate color change */\n  color: #ffb454;\n}\n.ayu .chapter .spacer {\n  background-color: #2d334f;\n}\n.ayu .menu-bar,\n.ayu .menu-bar:visited,\n.ayu .nav-chapters,\n.ayu .nav-chapters:visited,\n.ayu .mobile-nav-chapters,\n.ayu .mobile-nav-chapters:visited,\n.ayu .menu-bar a i {\n  color: #737480;\n}\n.ayu .menu-bar i:hover,\n.ayu .nav-chapters:hover,\n.ayu .mobile-nav-chapters i:hover {\n  color: #b7b9cc;\n}\n.ayu .mobile-nav-chapters i:hover {\n  color: #c8c9db;\n}\n.ayu .mobile-nav-chapters {\n  background-color: #14191f;\n}\n.ayu .content a:link,\n.ayu a:visited,\n.ayu a > .hljs {\n  color: #0096cf;\n}\n.ayu .theme-popup {\n  color: #c5c5c5;\n  background: #14191f;\n  border: 1px solid #5c6773;\n}\n.ayu .theme-popup .theme:hover {\n  background-color: #191f26;\n}\n.ayu .theme-popup .default {\n  color: #737480;\n}\n.ayu blockquote {\n  margin: 20px 0;\n  padding: 0 20px;\n  color: #c5c5c5;\n  background-color: #262933;\n  border-top: 0.1em solid #2f333f;\n  border-bottom: 0.1em solid #2f333f;\n}\n.ayu table td {\n  border-color: #182028;\n}\n.ayu table tbody tr:nth-child(2n) {\n  background: #141b22;\n}\n.ayu table thead {\n  background: #324354;\n}\n.ayu table thead td {\n  border: none;\n}\n.ayu table thead tr {\n  border: 1px #324354 solid;\n}\n.ayu :not(pre) > .hljs {\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  color: #ffb454;\n}\n.ayu a:hover > .hljs {\n  text-decoration: underline;\n}\n.ayu pre {\n  position: relative;\n}\n.ayu pre > .buttons {\n  position: absolute;\n  z-index: 100;\n  right: 5px;\n  top: 5px;\n  color: #c8c9db;\n  cursor: pointer;\n}\n.ayu pre > .buttons :hover {\n  color: #ffb454;\n}\n.ayu pre > .buttons i {\n  margin-left: 8px;\n}\n.ayu pre > .result {\n  margin-top: 10px;\n}\n@media only print {\n  #sidebar,\n  #menu-bar,\n  .nav-chapters,\n  .mobile-nav-chapters,\n  #searchbar,\n  #search-go {\n    display: none;\n  }\n  #page-wrapper {\n    left: 0;\n    overflow-y: initial;\n  }\n  #page-wrapper.page-wrapper {\n    padding-left: 0px;\n  }\n  #content {\n    max-width: none;\n    margin: 0;\n    padding: 0;\n  }\n  .page {\n    overflow-y: initial;\n  }\n  code {\n    background-color: #666;\n    border-radius: 5px;\n/* Force background to be printed in Chrome */\n    -webkit-print-color-adjust: exact;\n  }\n  pre > .buttons {\n    z-index: 2;\n  }\n  a,\n  a:visited,\n  a:active,\n  a:hover {\n    color: #4183c4;\n    text-decoration: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    page-break-inside: avoid;\n    page-break-after: avoid;\n/*break-after: avoid*/\n  }\n  pre,\n  code {\n    page-break-inside: avoid;\n    white-space: pre-wrap /* CSS 3 */;\n    white-space: -moz-pre-wrap /* Mozilla, since 1999 */;\n    white-space: -pre-wrap /* Opera 4-6 */;\n    white-space: -o-pre-wrap /* Opera 7 */;\n    word-wrap: break-word /* Internet Explorer 5.5+ */;\n  }\n}\n.tooltiptext {\n  position: absolute;\n  visibility: hidden;\n  color: #fff;\n  background-color: #333;\n  -webkit-transform: translateX(-50%);\n  -moz-transform: translateX(-50%);\n  -o-transform: translateX(-50%);\n  -ms-transform: translateX(-50%);\n  transform: translateX(-50%); /* Center by moving tooltip 50% of its width left */\n  left: -8px; /* Half of the width of the icon */\n  top: -35px;\n  font-size: 0.8em;\n  text-align: center;\n  border-radius: 6px;\n  padding: 5px 8px;\n  margin: 5px;\n  z-index: 1000;\n}\n.tooltipped .tooltiptext {\n  visibility: visible;\n}\n"