/*img {
    background: white;
    margin-left: auto; 
    margin-right: auto;
}*/

article.author {font-family: sans-serif}
article.author div.title {
  text-align: center;
  margin-top: 50%;
  font-size: 3em;
}
article.author section {
  margin-bottom: 2em;
  margin-left: 1.5em;
}
article.author h1 {font-size: 2em; margin: 0; padding: 0}
article.author h2 {font-size: 1.5em; margin: 0; padding: 0}
article.author h3 {font-size: 1.17em; margin: 0; padding: 0}
article.author h4 {font-size: 1em; margin: 0; padding: 0}
article.author h5 {font-size: 0.83em; margin: 0; padding: 0}
article.author h6 {font-size: 0.67em; margin: 0; padding: 0}
article.author embed {max-width: 100%}
article.author img {display: block; max-width: 100%; margin-left: auto; margin-right: auto}
article.author p, article.author ol, article.author ul, article.author pre, article.author blockquote {margin: 0; padding: 0}
article.author li {margin-left: 1.5em}

article.simpletext {margin-bottom: 50px;}
article.simpletext[data-version="2"] {white-space: pre-line;}
article.simpletext a {font-weight: bold}
article.simpletext li[data-bullet-type="-"] {list-style-type:disc;}
article.simpletext li[data-bullet-type="+"] {list-style-type:square;}
article.simpletext li[data-bullet-type="*"] {list-style-type:circle;}
article.simpletext ul[data-bullet-type="-"] {list-style-type: disc;}
article.simpletext ul[data-bullet-type="+"] {list-style-type: square;}
article.simpletext ul[data-bullet-type="*"] {list-style-type: circle;}
article.simpletext ol.parentheses-alpha {counter-reset: alpha;}
article.simpletext ol.parentheses-decimal {counter-reset: decimal;}
article.simpletext ol.parentheses-roman {counter-reset: roman;}
article.simpletext ol.parentheses-alpha li, article.simpletext ol.parentheses-decimal li, article.simpletext ol.parentheses-roman li {
    list-style: none;
    position: relative;
}
article.simpletext ol.parentheses-alpha.lower>li:before {
    counter-increment: alpha;
    content: counter(alpha, lower-alpha)") ";
}
article.simpletext ol.parentheses-alpha.upper>li:before {
    counter-increment: alpha;
    content: counter(alpha, upper-alpha)") ";
}
article.simpletext ol.parentheses-decimal>li:before {
    counter-increment: decimal;
    content: counter(decimal)") ";
}
article.simpletext ol.parentheses-roman.lower>li:before {
    counter-increment: roman;
    content: counter(roman, lower-roman)") ";
}
article.simpletext ol.parentheses-roman.upper>li:before {
    counter-increment: roman;
    content: counter(roman, upper-roman)") ";
}
article.simpletext table {border-collapse: collapse;}
article.simpletext td {
  vertical-align: top;
  padding: 10px;
}
article.simpletext table[data-use-border='true'] td {
  border: 1px solid #DDDDDD;
  padding: 7px;
}
article.simpletext td img {max-width: initial;}

article.simpletext div.q {
  padding: 15px;
  border-left: 10px solid #DDDDDD;
  background: #F9F9F9
}
article.simpletext table.nw-1 td:nth-child(1) {white-space: nowrap}
article.simpletext table.nw-1-b td:nth-child(1) {
    white-space: nowrap;
    font-weight: bold;
}

div.toc_container, div.broadcast_container {
  position: fixed;
  background: rgba(255, 255, 255, 0.85);
  border-left: none;
  border-radius: 0 6px 6px 0;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 1px 7px rgba(0,0,0,0.5);
  left: 0;
  top: 50%;
  max-height: calc(99% - 200px);
  display: none;
  flex-direction: row;
  font-family: sans-serif;
  transform: translate(0%, -50%);
  transition: all 0.25s ease-out;
}
div.broadcast_container {
  left: auto;
  right: 0;
  max-width: 50%;
  border-radius: 6px 0 0 6px;
}
div.toc_container a, div.broadcast_container a  {
  font-weight: normal;
  text-decoration: none;
  color: black;
}
div.toc_container a:hover, div.broadcast_container a:hover {text-decoration: underline}

#toc_toggle_button, #broadcast_container_toggle_button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 24px;
  width: 32px;
  border: 0 6px 6px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#broadcast_container_toggle_button {border-radius: 6px 0 0 6px;}
@media (hover:hover) and (pointer:fine) {
  #toc_toggle_button:hover, #broadcast_container_toggle_button:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  #toc_toggle_button:active, #broadcast_container_toggle_button:active {
    background: rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
  }
}

div.toc_container_content, div.broadcast_container_content {
  flex-grow: 1;
  overflow: auto;
  padding: 5px;
  overscroll-behavior: contain;
}

div.contact_button {
  display: inline-block;
  background: #cd0c49;
  border: 1px solid #8a2b53;
  border-radius: 8px;
  cursor: pointer;
  padding: 10px 0 12px 20px;
  transition: all 0.2s ease-out;
}
@media (hover:hover) and (pointer:fine) {
  div.contact_button:hover {
      transform: scale(1.15);
  }
  div.contact_button:active {
      filter: saturate(150%);
  }
}
@media (hover:none) {
  div.contact_button:active {
      transform: scale(1.2);
  }
}

div.img_container {
  position: relative;
  cursor: default;
}
div.img_zoom_button {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #00A4EF;
  color: #FFFFFF;
  opacity: 0.85;
  backdrop-filter: blur(2px);
  width: 48px;
  height: 48px;
  font-size: 24px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s linear;
}
@media (hover:hover) and (pointer:fine) {
  div.img_zoom_button:hover {
    transform: scale(1.2);
  }
  div.img_zoom_button:active {
    filter: invert(1);
  }
}
@media (hover:none) {
  div.img_zoom_button:active {
    transform: scale(1.2);
  }
}
p.toc {font-size: 1.25em;}
div.slideshow_button_container {position: relative;}
@media (hover:hover) and (pointer:fine) {
  div.slideshow_button_container:active > div {filter: invert(1);}
}
div.slideshow_button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url('data:image/svg+xml;utf8,%3Csvg height="32" width="32" xmlns="http://www.w3.org/2000/svg"%3E%3Cpolygon points="6,6 26,16 6,26" fill="white" stroke="white" stroke-width="2" stroke-linejoin="round" /%3E%3C/svg%3E'), #00A4EF;
  background-repeat: no-repeat;
  background-position: 64% 55%;
  opacity: 0.85;
  backdrop-filter: blur(2px);
  width: 48px;
  height: 48px;
  pointer-events: none;
  border-radius: 100%;
  transition: all 0.2s ease-out;
  transform-origin: center center;
}
img.image {
  width: 128px;
  height: 128px;
  background: url('data:image/gif;base64,R0lGODlhKwALAPEAAP///wAAAIKCggAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=');
  background-repeat: no-repeat;
  background-position: center;
}
img.slideshow_button {
  border: 1px solid #CCCCCC;
  cursor: pointer;
  opacity: 0.65;
}
img.slideshow_button:not([data-standalone]) {
  width: 128px;
  height: 128px;
  background: url('data:image/gif;base64,R0lGODlhKwALAPEAAP///wAAAIKCggAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=');
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s linear;
}
img.slideshow_button:hover{
  opacity: 1;
}
@media (hover:hover) and (pointer:fine) {
  img.slideshow_button:hover + div {
    transform: scale(1.2) translate(-40%, -40%);
  }
  img.slideshow_button:active + div{
    filter: invert(1);
  }
}
@media (hover:none) {
  div.slideshow_button:active + div {
    opacity: 1;
    transform: scale(1.2) translate(-40%, -40%);
  }
}

div.widgets_message_dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 0.2s ease-out;
  transition-delay: 0.2s;
  backdrop-filter: blur(2px);
  z-index: 15000;
  pointer-events: none;
}

div.widgets_message_dialog_content {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50%;
  max-height: 50%;
  padding: 15px;
  background: rgba(255, 255, 0, 0.65);
  border: 1px solid rgba(110, 110, 0, 0.5);
  border-radius: 8px;
}

message-alert, message-info, message-warning {
  display: block;
  padding: 15px;
  border-radius: 4px;
  margin: 10px;
}
message-alert {
  border-left: 10px solid #ff5630;
  background: #ffeae6;
}
message-info {
  border-left: 10px solid #36b37e;
  background: #ebf9f3;
}
message-warning {
  border-left: 10px solid #ffab00;
  background: #fff7e6;
}