@charset "UTF-8";
.rrblue {color:#72AED5 !important;}
.rrblue_darker {color:#285D85 !important;}
.rrblue_background {background-color:#72AED5 !important;}
:root {
  --rrblue: #72AED5;
  --rrblue_darker: #285D85;
}
@font-face {
  font-family: 'IM Fell English'; font-style: normal; font-weight: 400;
  src: local('IM FELL English Roman'), local('IM_FELL_English_Roman'), url(https://fonts.gstatic.com/s/imfellenglish/v9/Ktk1ALSLW8zDe0rthJysWrnLsAzHEKOYd4xI5g.woff2) format('woff2');
/*  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}
@font-face {
  font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-stretch: 100; font-display:swap;
  src: local('Material Icons'),local('MaterialIcons-Regular'), url(/lib/org.runningreality.Projects/font/material-icons/MaterialIcons-Regular.ttf) format('opentype');
}

#rrmap       {z-index:  1; display: flex; flex: 1; background-color: #72AED5;width:100%;height:100%;overflow:hidden}   
#rrsidebar   {z-index: 30; position: absolute; overflow: visible; top: 20px; left: 20px; visibility: visible;}   
#rrtimeline  {z-index: 31; display: flex; width:100%; height: 70px;}
.rr-embedded {display:flex;flex-direction: column;}
/*#rrmap      {z-index:  1; position: absolute; overflow: hidden;  top: 70px; left: 0px; right: 0px; bottom: 0px; background-color: #72AED5;}   
#rrsidebar  {z-index: 30; position: absolute; overflow: visible; top: 90px; left: 20px; visibility: visible;}   
#rrtimeline {z-index: 31; position: absolute; overflow: hidden;  top:  0px; left: 0px; right: 0px; height: 70px;}*/

.logo {font-family: 'IM Fell English','Times New Roman',Times,serif; font-size: 35pt !important; font-weight: lighter; color:#55AADD;}
.logo a, .logo a:visited {font-size: 35pt !important; padding: 2px 30px 0px 10px;color: #55AADD !important; text-decoration:none;}
.logo a .accent, .logo a:visited .accent, .logo .accent {color: #EEEEEE;}
.logo a:hover, .logo a:hover .accent {color: #99CCFF;}
.logo .selected {color:#555500;}
.headermenu2 .logo {font-size: 28px !important;font-weight: bold;white-space:nowrap;}

/* Major elements of a page. */
#header { position:fixed; z-index:250; top:0px; left:0px; width:100%; height:70px; margin: 0px; padding: 0px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 11pt; background-color: black; color:#DDDDBB;}
#header .header ul {height:65px;list-style-type:none;margin:0;margin-top:7px;padding:0;padding-top:5px;padding-bottom:0px;padding-left: 5px;}
#header .header li {display:inline-block;}
#header .header li.nontab {margin-top:25px;}
#header .header a:link,#header .header a:visited, #header .header a:empty {color:#55AADD; font-size:11pt;text-decoration:none;}
#header .nontab a {color: #55AADD !important; padding: 10px 12px 10px 12px; border-radius: 6px;text-decoration:none;cursor: pointer;}
#header .nontab a:hover,#header .nontab a:active {background-color: #CCCCCC; }
#header .nontab a.selected {color:#555500 !important;background-color: #FFFFFF;}
#header .tab a {color: #55AADD !important; padding: 12px 12px 14px 12px; margin-top: 4px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
#header .tab a:hover,#header .tab a:active {background-color: #CCCCCC; }
#header .tab a.selected {color:#555500 !important;background-color: #FFFFFF;}
#header .headermenu {position:fixed; z-index:90; top:69px;right:30%;width:40%; padding: 10px 10px 10px 10px; font-family: Arial,Helvetica,sans-serif; font-size: 11pt; border-style: solid; border-width: 1px; border-color: #b8bdc5; border-top-style: none; background-color: #f0f0f3;}
#header .headermenu .inset {padding: 20px 20px 20px 20px; border-style: solid; border-width: 1px; border-color: #b8bdc5; background-color: #ffffff;}
#header .headermenu .modal {position:fixed; z-index:-10; top:71px;left:0px;width:100%;height:100%; background-color: #ffffff; filter:alpha(opacity=60); opacity:0.6;}
#header .headermenu p {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 10pt; color:#000000;}
#header .headermenu p a {padding: 0px; margin: 0px; background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 10pt; text-decoration: underline; text-decoration-color: #000000; color:#000000;}
#header .headermenu input[type="text"] {background-color: #FCFCFC; color:#000000; font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
#header .headermenu input[type="password"] {background-color: #FCFCFC; color:#000000; font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
.headermenu1 {display:block;position:fixed;left:-350px;top:0px;bottom:0px;z-index:300;overscroll-behavior-y: contain;box-shadow: #000 0px 0px 30px;font-family: Helvetica Neue,Helvetica,Arial; width:300px; background-color:black;border-style:none;padding: 10px;transition: 0.3s linear left;}
.headermenu1.open {left:0px;}  
.headermenu1_glass {display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:299;opacity:0.5;background-color: grey;}
.headermenu1_glass.open {display:block;}
.headermenu1 .toc li, .headermenu1 .toc li a, .headermenu1 .toc li a:visited {color:#AAA !important;}  
.headermenu1 .toc h2, .headermenu1 .toc h2 a {margin-left:0px;}  
.headermenu2 {display:block;position:fixed;left:0px;top:0px;bottom:0px;z-index:100;box-shadow: #000 0px 0px 30px;animation: slideOutSidebar 0.3s;font-family: Helvetica Neue,Helvetica,Arial; width:380px;max-width:100vw;box-sizing:border-box;background-color:black;border-style:none;overflow-y:auto;padding:20px;}
.headermenu2 td {padding:0px;}
.headermenu2 .toc li, .headermenu2 .toc li a, .headermenu2 .toc li a:visited {color:#AAA !important;}  
.rr-menu-popup {z-index:300;padding:0;border:0;}
.rr-menu-glass {z-index:299;}
.rr-menu-header {padding-bottom:22px;border-bottom:1px solid #383838;}
.rr-menu-brand {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px;}
.rr-menu-close {display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer;}
.rr-menu-actions {display:flex;gap:10px;}
.rr-menu-action {display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:10px;border:1px solid #777;border-radius:6px;font:14px/20px Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;}
.rr-menu-signin {flex:1 1 0;background:#fff;color:#111;font-weight:bold;}
.rr-menu-qr,.rr-menu-qr:visited {flex:1.5 1 0;background:transparent;color:#eee !important;}
.rr-menu-action:hover,.rr-menu-close:hover {background:#222;color:#fff;}
.rr-menu-signin:hover {background:#e5e5e5;color:#111;}
.rr-menu-header a:focus-visible,.rr-menu-header button:focus-visible {outline:2px solid var(--rrblue);outline-offset:3px;}
.rr-menu-icon {display:inline-block;flex-shrink:0;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain;}
.rr-menu-icon-close {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m5 5 14 14M19 5 5 19'/%3E%3C/svg%3E");}
.rr-menu-icon-profile {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Cpath d='M4 22v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E");}
.rr-menu-icon-qr {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath fill-rule='evenodd' d='M1 1h9v9H1zm2 2v5h5V3zm11-2h9v9h-9zm2 2v5h5V3zM1 14h9v9H1zm2 2v5h5v-5z'/%3E%3Cpath d='M4 4h3v3H4zm13 0h3v3h-3zM4 17h3v3H4zm10-3h3v3h-3zm6 0h3v3h-3zm-3 3h3v3h-3zm-3 3h3v3h-3zm6 0h3v3h-3z'/%3E%3C/svg%3E");}
.rr-menu-follow {display:flex;align-items:center;gap:8px;margin:18px 0;color:#aaa;font-size:13px;font-weight:bold;}
.rr-menu-social {display:flex;flex:1;justify-content:space-between;}
.rr-menu-social a {display:flex;align-items:center;justify-content:center;min-width:32px;height:40px;border-radius:50%;text-decoration:none;}
.rr-menu-social img {display:block;width:28px;height:28px;border:0;}
.rr-menu-social a:hover {background:#222;}
.rr-menu-notebook,.rr-menu-notebook:visited {display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid rgba(156,39,176,0.45);border-radius:8px;background:rgba(156,39,176,0.06);color:#eee !important;text-decoration:none;}
.rr-menu-notebook:hover {background:rgba(156,39,176,0.12);border-color:#9c27b0;}
.rr-menu-icon-notebook {width:32px;height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='23' height='32' rx='3'/%3E%3Cpath d='M3 8h6M3 15h6M3 22h6M3 29h6M14 10h9M14 17h9M14 24h6'/%3E%3C/svg%3E");}
.rr-menu-notebook-copy {display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;}
.rr-menu-notebook-heading {display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;line-height:20px;}
.rr-menu-notebook-heading .note {margin-left:auto;white-space:nowrap;border-color:#9c27b0;background-color:#9c27b0;}
.rr-menu-notebook-description {color:#aaa;font-size:12px;line-height:18px;}
.menu-hamburger-button, .timeline-menu {
    cursor:pointer; background: transparent center no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 24'><line x1='2' y1='4'  x2='32' y2='4' stroke='white' stroke-width='3' stroke-linecap='round'/><line x1='2' y1='12' x2='32' y2='12' stroke='white' stroke-width='3' stroke-linecap='round'/><line x1='2' y1='20' x2='32' y2='20' stroke='white' stroke-width='3' stroke-linecap='round'/></svg>");
    height:28px;width:36px;border:none;vertical-align:top;margin-top:4px;margin-right:10px;float:left;
}
.menu-profile-closebutton {float:right;margin-top:10px;margin-right:10px;border-style:none;height:24px;width:24px;display:inline;background: transparent center no-repeat url(/lib/icons/close_small.png);cursor:pointer;}
.menu-profile-socialbutton {float:left;margin-top:8px;height:20px !important;}

#userprofile {display: none; position: absolute; left: 0px; top: 0px; width:100%; height:100%; z-index: 100;}
#userprofile .backdrop {left: 0px; top: 0px; width:100%; height:100%; background-color: #888888; opacity: 0.5; z-index: -900; position: fixed;}
#userprofile .dialog {width: 500px; margin: 100px auto; color: black; background-color: white; padding: 35px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); z-index: 2000;}

#subheader {color:#3d6f92;width:100%; border-bottom: solid #BBBBBB 1px; margin-top: 10px;margin-bottom: 10px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:11pt; padding-left: 8px;overflow-y:hidden;max-height:40px;box-shadow: none; background-color: transparent;}
#subheader ul {list-style-type:none;margin:0;padding:0;padding-top:10px;padding-bottom:10px;}
#subheader li {display:inline;}
#subheader a:link,#subheader a:visited {padding: 6px;color:#666666 !important;font-size:10pt;text-align:center;text-decoration:none;}
#subheader a:hover,#subheader a:active {color:#285D85 !important;}
#subheader a.selected, #subheader .selected {color:#285D85 !important;}
#subheader.dark {background-color: rgba(0,0,0,0.2);border-bottom-style: none;}
#subheader.dark a {color: #FFFFFF !important;}
#subheader.dark a.selected {color: #99EEFF !important;}

#footer {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 9pt;background-color: #f0f0f3;color:#3d6f92;width:100%;height:90px;}
#footer a {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 9pt;color:#3d6f92;}

main                         {overflow: visible !important;}
main.centered                {position: absolute; left: 50%; width: 800px; margin-left: -400px;}
main.centered.wide           {position: absolute; width: 95% !important; margin-left: 5% !important;margin-right: 5% !important;left:0px;}
main.centered-with-sidebar   {position: absolute; left: 50%; width: 800px; margin-left: -225px;}
main.full-width-with-sidebar {margin-left: 340px !important;margin-right: 20px !important;}
main {margin-bottom:300px;}
article {font-family:Times New Roman, Times, serif; font-size: 12pt !important;line-height: 24px; color:#555555; margin-left:75px; margin-right:75px; padding-bottom:200px;}
article p {font-size: 12pt !important;}
article p.lead {font-size: large !important;height: 200px;margin-top: 25px;margin-bottom: 50px;font-weight: bold;}
article p.lead.white {color:white;background-color:transparent !important; text-shadow: black 0px 0px 5px;font-family: Helvetica Neue,Helvetica,Arial;}
article h1.white {color:white; background-color:transparent !important; text-shadow: black 0px 0px 4px;}
article h2:before {display: block; content: " "; margin-top: -110px; height: 110px; visibility: hidden;}
article h2:target:before {margin-top: -80px; height: 80px; transition:0.4s; transition-timing-function: ease-out;}
article ul {font-size: 12pt;list-style-type: disc;padding-left: 35px;}
article li {list-style-type: disc !important;}
article table {table-layout:fixed; white-space:normal !important; margin-top:15px; margin-bottom: 25px;}
article table li {font-size:13px;text-align: left;}
article code {color: #555555;font-family: Courier,monospace;font-size: 11pt;background-color: #f8f8f8;border-style: solid; border-width: 1px; border-radius: 5px; padding: 1px 2px; border-color: #f0f0f0;}
article code.factoid {background:url(/lib/icons/factoid_small.png) no-repeat 6px 6px;}
article code.factoid i {color: #AAAAAA;}
article code.box {display:block;margin: 5px 15px 5px 15px;padding: 5px 5px 5px 30px;background-color: #f8f8f8;}
article img {max-width:100%;}
article img.centered {display: block; margin-left: auto; margin-right: auto; max-width: 75%; padding:8px;}
article .buy {position:absolute; right:80px; margin-top:-60px; height: 36px; width: 200px; vertical-align: middle; background-color: white;}
article .floatfigure {display: block;float:right;justify-content: center;align-items: center;}
.articleimage {width:100%;position:absolute;display:flex;left:0px;right:0px;top:50px;height:350px;z-index:-100;margin:0px;overflow-y:hidden;}
.articleimage picture {align-self: center;width:100%;-ms-filter: brightness(100%) contrast(70%);filter: brightness(110%) contrast(70%);}
.articleimage picture img {width:100%;min-height:350px;}
.articleimage picture:hover {-webkit-filter: brightness(100%);-ms-filter: brightness(100%);-moz-filter: brightness(100%);filter: brightness(100%);transition:0.8s;}
.articleimage figcaption {position:absolute;bottom:0px;right:20px;height:20px;color: white;font-family: Helvetica Neue,Helvetica,Arial;font-size: 9pt;text-align: right;}
.toc {font-family: Helvetica Neue,Helvetica,Arial;display: flex; flex-direction: column;}
.toc h2, .toc h2 a {font-family: Helvetica Neue,Helvetica,Arial; font-size: 12pt !important; font-weight: bold !important; color: #444444; margin: 5px; line-height: normal !important;}
.toc h4 {font-family: Helvetica Neue,Helvetica,Arial; font-size: 8pt !important;color: #999999;margin-top: 0;margin-bottom: 0;text-transform: uppercase;}
.toc a {text-decoration: none; line-height: 28px; display: block;}
.toc ul {margin: 0px;list-style-type: disc;padding-left: 35px;}
.toc li {font-family: Helvetica Neue,Helvetica,Arial; font-size: 11pt; color: #555555;list-style-type: disc;}
.toc li a, .toc li a:visited  {font-family: Helvetica Neue,Helvetica,Arial; color: #555555 !important; font-size: 11pt;}
.toc li a:hover, .toc li a:active {color:#285D85 !important;}
.toc .bar, article .toc {border-left: 2px solid #285D85 !important;margin: 24px; padding: 0; padding-left: 8px;}
nav.toc {box-shadow: none;background-color: transparent;color:black;height:auto;width:auto;}

.sidebar {position: fixed; top: 90px; bottom: 20px; left: 20px; width:300px !important;border-style:none !important; overflow:hidden !important; overscroll-behavior-y: contain; margin:0px; padding: 2px;z-index: 200; background-color: #F5F5F5;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.30);}
.sidebar-main {/* see media below */} 
.sidebar-info {/* see media below */}
.sidebar-panel {font-family: Helvetica Neue,Helvetica,Arial; width:100%; /*width:300px;*/ background-color:#EEEEEE;border-style:none;overflow: hidden;}
.sidebar-panel.maximum {height:100%;} .sidebar-panel.flex {display:flex;flex-direction:column;}
.sidebar-panel td {padding:0px;}
.sidebar-subpanel {width:275px;background:#FFFFFF;margin:2px;padding:5px;}
.sidebar-subpanel.smaller {height: 28px;line-height: 16px;width:99%;}
.sidebar-subpanel.small {height: 40px;line-height: 12px;overflow:hidden;}
.sidebar-subpanel.smallish {min-height: 35px;line-height: 12px;display:flex;}
.sidebar-subpanel.midsize {height: 110px;}
.sidebar-subpanel.fullsize {height: 300px;}
.sidebar-subpanel.oversize {margin:0px;padding:0px;width:100% !important;} .sidebar-subpanel.oversize canvas {width:100% !important;height:auto !important;}
.sidebar-subpanel.wide {width:285px;}
.sidebar-subpanel.square {width:100%; max-width:100%;aspect-ratio:1/1;overflow:hidden;}
.sidebar-subpanel.grey {background:#EEEEEE;}
.sidebar-subpanel.white {background:#FFFFFF;}
.sidebar-subpanel.header {height:46px;width:285px;margin-bottom:-2px;background:#EEEEEE;}
.sidebar-subpanel.header.white {background:#FFFFFF;}
.sidebar-subpanel.highlightable {border-color: #FFFFFF;border-width: 1px;border-style: solid;}
.sidebar-subpanel.highlightable:hover {border-color: #FF8800;border-width: 1px;border-style: solid;}
.sidebar-subpanel-steps {font-family: Helvetica Neue,Helvetica,Arial;width:100%; font-weight: normal; font-size: 11pt; color:#000000;}
.sidebar-subpanel-popup {visibility: hidden; height: 250px; position: absolute; top: 30px; right: 30px; left: 30px; padding: 14px; background-color: white; border-radius: 8px; box-shadow: 5px 5px 15px grey; font-size:10pt; z-index:100;}
.sidebar-subpanel-popup.show {visibility: visible;animation: fadeIn 1s;} .sidebar-subpanel-popup p {font-size:11pt;line-height:normal;} .sidebar-subpanel-popup .btn {width:100%;}
.sidebar-subpanel-container {height: calc(100% - 80px);overflow-x:hidden !important;position:static !important;}
.sidebar-subpanel-container-outer {overflow:hidden; display: flex; flex-direction:column; height:100%;}
.sidebar-subpanel-container-inner {overflow-y:auto !important; overflow-x: hidden !important; height:inherit;}
.sidebar-subpanel-container-inner.white {background: white;}
.sidebar-subpanel-container-flex {flex:1;overflow:auto;overflow-x:hidden !important;width:100%;}
.sidebar-subpanel-container .floating {position:absolute;top:5px;left:5px;right:5px;}
.sidebar-borders {width:300px !important;border-radius: 10px; border-style:none !important; overflow:hidden !important; margin:0px; padding: 2px; background-color: #EEEEEE;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.20);}
.sidebar-borders.maximum {bottom:20px;}  .sidebar-borders.nearlymaximum {bottom:20px;}  
.sidebar-header-title {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 11pt; color:#000000; display:inline;cursor:pointer;margin:6px;text-shadow: 2px 1px 3px rgba(255, 255, 255, 0.50);}
.sidebar-header-thumbnail {height: 24px;width:24px;margin: 2px;margin-bottom: 8px;}
.sidebar-header-synopsis {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline; margin: 2px;}
.sidebar-backdrop {position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color: #888888; opacity: 0.4; z-index: 900;}
.sidebar .searchbox {
    background: no-repeat 10px 6px #fcfcfc url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='11' cy='11' r='6.5' fill='none' stroke='black' stroke-width='2'/><line x1='16.2' y1='16.2' x2='21' y2='21' stroke='%23555555' stroke-width='2' stroke-linecap='round'/></svg>"); 
    border: 1px solid #d1d1d1; font: bold 14px Helvetica Neue,Arial,Helvetica,Sans-serif; color: #3d6f92; width: 350px; height: 32px; padding: 6px 15px 6px 35px; border-radius: 20px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;}
.sidebar-search-searchbox {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt !important; font-weight: 700; border-style:none !important; width:270px; height: 25px !important; top: 2px; background-color: white;color: black; border-bottom:none !important; margin: 0px !important;}
.sidebar-search-searchbox::placeholder {color: #999; opacity: 0.6;}
.sidebar-search-searchbox.blur {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt; font-weight: 700;border-style:none; width:270px; height: 25px; top: 2px; background-color: white;color: lightgray; border-bottom:none !important;}
.sidebar-search-searchicon {
    background: no-repeat 0px 0px #fcfcfc url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='11' cy='11' r='6.5' fill='none' stroke='%23555555' stroke-width='2'/><line x1='16.2' y1='16.2' x2='21' y2='21' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>"); 
    color:#555555;margin-top:-2px;margin-left:4px;margin-right:4px;width:20px;height:20px;}
.sidebar-search-resultlabel {font-size: 10pt; line-height: 14px; cursor:pointer;}
.sidebar-search-resultlabel-old {height: 28px !important; max-height:28px; font-size: 10pt; line-height: 14px; cursor:pointer; display:flex;align-items: center;}
.sidebar-badge {border: none; color: #FFFFFF; background-color: #3388CC; border-radius: 10px; padding: 4px; margin: 2px; font-size: 8pt; font-weight: bold; cursor:pointer; text-align: center;}
.sidebar-badge.blue {background-color: #3388CC;}
.sidebar-badge.red {background-color: #CC3333;}
.sidebar-badge.purple {background-color: #9C27B0;}
.sidebar-badge.white {background-color: #FAFAFA !important;color: #444444; border-color: #DDDDDD; border-style: solid; border-width: 1px;}
.sidebar-tag {background-color: #FFFFFF; color: #555555; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-red {--button-background:#E5D2D2;--button-color:#6D4E4E;background-color: var(--button-background); color: var(--button-color); border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-blue {--button-background:#E1E2F2;--button-color:#000060;background-color: var(--button-background); color: var(--button-color); border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-green {--button-background:#DAEADA;--button-color:#466D53;background-color: var(--button-background); color: var(--button-color); border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-yellow {--button-background:#FFFFEA;--button-color:#333333;background-color: var(--button-background); color: var(--button-color); border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag.highlight, .sidebar-tag-yellow.highlight {background-image: url(/lib/icons/highlight.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag.project {background-image:url(https://www.runningreality.org/lib/icons/project.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag.lesson {background-image:url(https://www.runningreality.org/lib/icons/lesson.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag.research {background-image:url(https://www.runningreality.org/lib/icons/research.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag-more {background-color: #FFFFFF; color: #285D85; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-more:after   {content:'\25BA';color:#285D85;margin-left:2px;}


/* Shared by the pre-baked search shell, its GWT upgrade, and detail headers. */
.sidebar-borders:has(> .search-sidebar),.sidebar-borders:has(> .sidebar-panel > .sidebar-header) {box-sizing:border-box;padding:0;border:1px solid #e2e8ea !important;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(32,60,77,.12);}
.sidebar-borders:has(> .search-sidebar) {bottom:auto;}
.search-sidebar {box-sizing:border-box;display:flex;flex-direction:column;padding:8px;background:#fff;color:#202c33;font:14px/1.4 Arial,Helvetica,sans-serif;max-height:calc(100dvh - 90px);height:auto !important;}
.search-sidebar:has(> .search-sidebar-interests[hidden]):has(> .search-sidebar-content-host[hidden]):has(> .search-sidebar-status[hidden]) {padding-bottom:2px;}
.search-sidebar [hidden] {display:none !important;}
.search-sidebar button {box-sizing:border-box;cursor:pointer;font:inherit;color:inherit;}
.search-sidebar-search {display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:40px;padding:0 9px;background:#f4f7f7;border:1px solid #e2e8ea;border-radius:8px;}
.search-sidebar .search-sidebar-search input[type=text] {box-sizing:border-box;min-width:0;flex:1;width:100%;height:38px;padding:8px 0;margin:0;border:0;background:transparent;color:#202c33;font:16px/22px Arial,Helvetica,sans-serif;box-shadow:none;}
.search-sidebar .search-sidebar-search input[type=text]:focus {border:0;box-shadow:none;outline:0;}
.search-sidebar-search:focus-within {border-color:#225f79;}
.search-sidebar-search input::placeholder {color:#526570;opacity:1;}
.search-sidebar .search-sidebar-clear {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;min-height:32px;padding:0;border:0;background:transparent;}
.search-sidebar-tabs {display:flex;gap:4px;margin-top:4px;flex-shrink:0;}
.search-sidebar-tabs button {display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:36px;padding:7px 6px;border:0;border-bottom:2px solid transparent;background:transparent;color:#526570;font-size:13px;font-weight:500;}
.search-sidebar-tabs button:hover {background:#f4f7f7;}
.search-sidebar-tabs button[aria-expanded="true"] {color:#225f79;border-bottom-color:#225f79;}
.search-sidebar-chevron {display:inline-block;box-sizing:border-box;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 3px;flex-shrink:0;}
.search-sidebar-tabs button[aria-expanded="true"] .search-sidebar-chevron {transform:rotate(225deg);margin-bottom:-3px;}
.search-sidebar-interests,.search-sidebar-content-host {min-height:0;flex:0 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin-top:8px;padding-top:12px;border-top:1px solid #e2e8ea;}
.search-sidebar-content-host {margin-right:-8px;}
.search-sidebar h2,.search-sidebar-heading {font:500 17px/1.35 Arial,Helvetica,sans-serif !important;margin:0 0 12px;color:#202c33;}
.search-sidebar-interest {display:grid;grid-template-columns:20px minmax(0,1fr) 10px;gap:10px;align-items:center;text-align:left;width:100%;min-height:60px;padding:11px 2px;border:0;border-bottom:1px solid #e2e8ea;background:transparent;}
.search-sidebar-interest:last-child {border-bottom:0;}
.search-sidebar-interest:hover {background:#eaf2f6;}
.search-sidebar-interest strong {display:block;font-size:15px;line-height:20px;font-weight:500;}
.search-sidebar-interest small {display:block;margin-top:3px;color:#526570;font-size:12px;line-height:17px;}
.search-sidebar-interest .search-sidebar-chevron,.search-sidebar-recent .search-sidebar-chevron,.search-result-row .search-sidebar-chevron {transform:rotate(-45deg);color:#526570;}
.search-sidebar .search-sidebar-recent {display:grid;grid-template-columns:20px minmax(0,1fr) 10px;gap:10px;align-items:center;text-align:left;width:100%;min-height:44px;margin:0;padding:10px 10px 10px 2px;border:0;border-radius:6px;background:transparent;color:#202c33;font:500 15px/20px Arial,Helvetica,sans-serif;}
.search-sidebar-recent:hover {background:#eaf2f6;}
.search-sidebar-recent:focus-visible {outline:2px solid #225f79;outline-offset:-2px;}
.search-sidebar-recent-label {min-width:0;overflow-wrap:anywhere;white-space:normal;}
/* Shared rows also appear in project lists outside the search shell. */
.sidebar-subpanel.search-result-row {box-sizing:border-box;display:grid;grid-template-columns:20px minmax(0,1fr) auto;column-gap:10px;row-gap:8px;align-items:start;text-align:left;width:100%;min-width:0;min-height:44px;height:auto;margin:0;padding:10px 10px 10px 2px;border:0;border-bottom:1px solid #e2e8ea;background:#fff;color:#202c33;font:500 15px/20px Arial,Helvetica,sans-serif;cursor:pointer;}
.sidebar-subpanel.search-result-text-row {grid-template-columns:minmax(0,1fr) auto;padding-left:10px;}
.search-result-text-row .search-result-details {grid-column:1/-1;}
.search-result-row:hover {background:#f4f7f7;}
.search-result-row:focus-visible {outline:2px solid #225f79;outline-offset:-2px;}
.search-result-row [hidden] {display:none !important;}
.search-result-type-icon {display:block;width:20px;height:20px;object-fit:contain;margin:0;}
.search-result-type-icon:not([src]) {visibility:hidden;}
.search-result-title {min-width:0;overflow-wrap:anywhere;white-space:normal;}
.search-result-navigation {display:flex;align-items:center;justify-self:end;gap:10px;white-space:nowrap;color:#526570;font:400 12px/20px Arial,Helvetica,sans-serif;}
.search-result-details {grid-column:2/-1;display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:start;min-width:0;}
.search-result-details-text {grid-template-columns:minmax(0,1fr);min-height:72px;align-content:start;}
.search-result-text {display:block;min-width:0;}
.search-result-metadata {display:block;overflow-wrap:anywhere;color:#526570;font:400 12px/17px Arial,Helvetica,sans-serif;}
.search-result-text .search-result-metadata {margin-bottom:4px;}
.search-result-metadata.attention {color:#a13524;}
.search-result-media {display:block;position:relative;}
.search-result-thumbnail {display:block;width:72px;height:72px;object-fit:cover;border-radius:6px;background:#eaf2f6;}
.search-result-description {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;overflow-wrap:anywhere;min-width:0;color:#526570;font:400 13px/18px Arial,Helvetica,sans-serif;}
.search-result-altnames {grid-column:2/-1;min-width:0;overflow-wrap:anywhere;color:#526570;font:400 12px/17px Arial,Helvetica,sans-serif;}
.search-result-badge {position:absolute;left:4px;bottom:4px;box-sizing:border-box;max-width:calc(100% - 8px);padding:1px 4px;border-radius:3px;background:#fff0ed;color:#a13524;font:600 10px/16px Arial,Helvetica,sans-serif;overflow-wrap:anywhere;white-space:normal;}
.search-result-badge-info,.search-result-badge-accent {left:2px;max-width:calc(100% - 4px);padding:1px 3px;}
.search-result-badge-info {background:#eaf2f6;color:#225f79;}
.search-result-badge-accent {background:#f2eaf6;color:#713987;}
.search-result-badge-inline {position:static;display:inline-block;margin-left:6px;vertical-align:baseline;}
.search-sidebar-icon {display:inline-block;width:20px;height:20px;flex-shrink:0;background-repeat:no-repeat;background-size:contain;background-position:center;}
.search-sidebar-search > .search-sidebar-icon {width:17px;height:17px;}
.search-sidebar-clear .search-sidebar-icon {width:16px;height:16px;}
.search-sidebar-status {padding:8px 0;font-size:13px;color:#526570;}
.search-sidebar-teachers {display:flex;align-items:center;flex-shrink:0;gap:2px;margin-top:8px;padding-top:4px;border-top:1px solid #e2e8ea;font-size:12px;}
.search-sidebar-teachers a {color:#526570;text-decoration:none;}
.search-sidebar-teachers-label {flex:1;min-width:0;white-space:nowrap;}
.search-sidebar .search-sidebar-teachers-dismiss,.search-sidebar-teachers-jump {display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;box-sizing:border-box;width:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:#526570;}
.search-sidebar-teachers-dismiss .search-sidebar-icon {width:14px;height:14px;}
.search-sidebar-teachers-jump .search-sidebar-chevron {transform:rotate(-45deg);margin-bottom:0;}
.search-sidebar-teachers a:hover,.search-sidebar-teachers button:hover {background:#eaf2f6;}
.search-sidebar-teachers a:focus-visible,.search-sidebar-teachers button:focus-visible {outline:2px solid #225f79;outline-offset:-2px;}
@media(pointer:coarse),(max-width:550px) {.search-sidebar .search-sidebar-teachers-dismiss,.search-sidebar-teachers-jump {width:44px;min-height:44px;}}
.search-sidebar-content .search-sidebar-back {background:transparent;border:0;color:#225f79;font-size:13px;padding:6px 0;margin-bottom:10px;}
.search-sidebar-content .sidebar-subpanel-container-inner {height:auto;overflow:visible !important;}
/* GWT VerticalPanels must fit their viewport instead of sizing columns to long names. */
.search-sidebar-content table {width:100%;table-layout:fixed;padding:0;}
.search-sidebar-content .sidebar-subpanel {box-sizing:border-box;width:100%;min-width:0;margin-left:0;margin-right:0;}
.search-sidebar-content .sidebar-search-resultlabel {min-width:0;overflow-wrap:anywhere;}
.search-sidebar-content .sidebar-tag {min-height:36px;}
.search-sidebar-featured {padding-top:12px;}
.search-sidebar-featured-heading {margin:0 0 4px;color:#526570;font:500 13px/18px Arial,Helvetica,sans-serif;}
@media(pointer:coarse) {
    .search-sidebar-search,.search-sidebar-tabs button,.search-sidebar .search-sidebar-clear,.search-sidebar-content .search-sidebar-back,.search-sidebar-content .sidebar-tag {min-height:44px;}
}
@media(max-width:550px) {.search-sidebar {max-height:calc(100dvh - 74px);}}

.search-sidebar .search-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23526570%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m16%2016%205%205%22%2F%3E%3C%2Fsvg%3E");}

.search-sidebar .history-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23526570%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208M3%203v5h5M12%207v5l4%202%22%2F%3E%3C%2Fsvg%3E");}

.search-sidebar .close-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23526570%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E");}

.search-sidebar .battles-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23225f79%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V3c5-3%209%204%2014%200v11c-5%204-9-3-14%200%22%2F%3E%3C%2Fsvg%3E");}

.search-sidebar .cities-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23225f79%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V7h7v14m0-17h7v17M7%2010h2m-2%204h2m5-6h2m-2%204h2m-2%204h2%22%2F%3E%3C%2Fsvg%3E");}

.search-sidebar .people-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23225f79%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M16%204a3%203%200%200%201%200%206m2%204a5%205%200%200%201%203%205v2%22%2F%3E%3C%2Fsvg%3E");}

.search-sidebar .times-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23225f79%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E");}

.search-sidebar .places-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23225f79%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E");}

/* use btn-floating and btn-hover*/
.sidebar-smallround-button       {color: #555555 !important;background-color: #FAFAFA !important;border: none !important;border-radius: 50%;height:30px;width:30px;position: relative !important;display: inline; float: left; margin: 4px 8px 2px 0px !important;font-weight: bold;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.20);padding: 0 !important;transition: .3s;} 
.sidebar-largeround-button       {color: #555555 !important;background-color: #FAFAFA !important;border: none !important;border-radius: 50%;height:55px;width:55px;position: relative !important;display: inline; float: left; margin: 4px 8px 2px 0px !important;font-weight: bold;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.20);padding: 0 !important;transition: .3s;z-index:1;line-height: 37px;} 
.sidebar-largeround-button:hover {color: #888888 !important;background-color: white !important;filter: brightness(125%);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;}
.sidebar-largeround-button:focus {background-color: #FAFAFA !important;}
.sidebar-closebutton             {border-style:none;height:30px;width:30px;display:inline;cursor:pointer;background: transparent center no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><line x1='5' y1='5' x2='19' y2='19' stroke='%23555555' stroke-width='2' stroke-linecap='round'/><line x1='19' y1='5' x2='5' y2='19' stroke='%23555555' stroke-width='2' stroke-linecap='round'/></svg>") !important;background-size:24px 24px !important;}
.sidebar-closebutton:hover       {filter: brightness(150%);color: #888888;}
.sidebar-sharebutton             {border-style:none;height:30px;width:30px;display:inline;cursor:pointer;background: transparent center/24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V3m-4 4 4-4 4 4M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3C/svg%3E");}
.sidebar-sharebutton:hover       {filter: brightness(150%);color: #888888;}
.sidebar-backbutton,.sidebar-forwardbutton {color: #555555;background: white;border: none;border-radius: 50%;width: 30px;height: 30px;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;font-family: Helvetica, Arial, sans-serif;font-size: 20px;font-weight: 900;line-height: 1;}
.sidebar-backbutton::before      {content: "<";position: relative;left: -1px;}
.sidebar-forwardbutton::before   {content: ">";position: relative;}
.sidebar-backbutton:hover,.sidebar-forwardbutton:hover {filter: brightness(150%);color: #888888;}
.sidebar-speech-button           {background-size: 14px 14px !important; margin-left: 20px !important;background-color: #F8F8F8 !important;background-repeat: no-repeat !important;background-position: center !important; background-size: 24px 24px !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555555'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2010v4h4l5%204V6L7%2010H3z'/%3E%3Cpath%20d='M14.5%209.5a3.5%203.5%200%200%201%200%205'/%3E%3Cpath%20d='M16.8%207.2a6.8%206.8%200%200%201%200%209.6'/%3E%3C/svg%3E") !important;}
.sidebar-audio-toggle-button     {display:inline-block !important;height:30px;width:30px;border:none !important;background-repeat: no-repeat !important;background-position: center !important;background-size: 24px 24px !important;background-color: transparent;margin: 0 5px 0 0 !important;}
.sidebar-audio-toggle-button.audio-on  {background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555555'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2010v4h4l5%204V6L7%2010H3z'/%3E%3Cpath%20d='M14.5%209.5a3.5%203.5%200%200%201%200%205'/%3E%3Cpath%20d='M16.8%207.2a6.8%206.8%200%200%201%200%209.6'/%3E%3C/svg%3E") !important;}
.sidebar-audio-toggle-button.audio-off {background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555555'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2010v4h4l5%204V6L7%2010H3z'/%3E%3Cline%20x1='15'%20y1='9'%20x2='21'%20y2='15'/%3E%3Cline%20x1='21'%20y1='9'%20x2='15'%20y2='15'/%3E%3C/svg%3E") !important;}
.sidebar-speech-button.overimage {position: fixed !important; margin: 16px !important;}
.sidebar-talk-button.withavatar  {color:white !important;background-size: 100% 100% !important;background-position-y: 0px; border: white !important;border-style: solid !important; border-width: 1px !important;line-height: 83px;font-size: small;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);}
.sidebar-walk-button             {background-image: url("/lib/icons/walk_small.webp");background-position: center 0px;background-size: 30px;background-repeat: no-repeat;line-height: 83px;}
.sidebar-action-button           {color: black;background: white;border: none;border-radius: 50%;left:50%;transform: translateX(-50%);}
.sidebar-linkbutton              {font-family: Helvetica Neue,Helvetica,Arial; font-size: 11pt; text-decoration: underline; color: #0000DD; border-style:none; display:inline;cursor:pointer;background-color: transparent;text-align: left;}
.sidebar-linkbutton:hover        {filter: brightness(150%);}
.sidebar-syncbutton              {border: none; border-radius: 5px; font-size: 9pt; height:22px; margin-top:1px; margin-left:60px; padding: 2px; color: white; cursor:pointer; width:130px; text-transform: capitalize;background: #33BB55 right no-repeat url(/lib/icons/ic_expand_more_white_18dp.png);}
.sidebar-syncbutton.following    {color: black; background: #F8F8F8 right no-repeat url(https://www.runningreality.org/lib/icons/ic_expand_more_black_18dp.png);}
.sidebar-syncbutton:hover        {filter: brightness(150%);}

.sidebar-list-description {font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 10pt; line-height: 14px; color:#888888;cursor:pointer;}
.sidebar-list-description a {font-family: Helvetica Neue,Helvetica,Arial;font-weight: bold; font-size: 10pt; text-decoration: none; line-height: 13px; color:#000000;margin:4px;font-family: Helvetica Neue, Helvetica;cursor:pointer;}
.sidebar-list-description.draft {color:#AAAAAA;}
.sidebar-highlight-thumbnail {height: 80px;width:80px;margin: 0px;cursor:pointer;}
.sidebar-highlight-title {font-family: Helvetica Neue,Helvetica,Arial;font-weight: bold; font-size: 12pt; color:#000000;display:inline;cursor:pointer;margin-top:3px;}  .sidebar-highlight-title.medium {font-size:10pt}
.sidebar-highlight-description {font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 11pt; color:#000000; margin-left:4px; margin-right: 4px; margin-bottom:20px;}
.sidebar-highlight-datelabel {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 12pt; color:#000000; display:inline;cursor:pointer;margin:6px;text-shadow: 2px 1px 3px rgba(255, 255, 255, 0.50);}
.sidebar-highlight-thumbnail {height: 80px;width:80px;margin: 0px;cursor:pointer;}
.sidebar-highlight-thumbnail.draft {opacity:0.7;}
.sidebar-highlight-contentpanel {position:relative; overflow-y:scroll;}
.sidebar-highlight-featurepanel {width:100%;position: relative;margin-bottom:15px;}
.sidebar-highlight-featureimage {height: 200px; width: 100%; object-fit: cover; opacity: 0.4; animation: fadeInHalf 15s; background-color: #a5d6a7;}
.sidebar-highlight-featurecontrols {height:30px; width:100%; position:absolute; top:0px;}
.sidebar-highlight-featuretitle {position:absolute; left:6px; top: 130px; vertical-align: bottom;}
.sidebar-highlight-userimage {width: 100%;max-height: 400px; object-fit: cover;}
.sidebar-highlight-tagpanel {position:absolute; height:55px;left:10px;top:155px;}
.sidebar-highlight-pagebutton {background-color: #F8F8F8;border: none; font-size: 18pt; font-weight: bolder; width:28px; height:64px; margin:4px; padding-bottom: 5px; border-radius: 50px; margin-top:15px; text-align: center;vertical-align: middle; text-align: center;cursor:pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;}
.sidebar-highlight-pagebutton.right {background-color: #FAFAFA;animation: fadeToWhite 20s ease forwards; float: right;}
.sidebar-highlight-pagebutton:focus, .sidebar-highlight-pagebutton:active {background-color: #FAFAFA !important;} .sidebar-highlight-pagebutton:hover {background-color: white !important;} .sidebar-highlight-pagebutton:active, .sidebar-highlight-pagebutton:hover {box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;}
.sidebar-highlight-item {font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 11pt; color:#000000; margin-left:4px; margin-right: 4px; margin-bottom:20px;}
.sidebar-highlight-item li {list-style-type: disc;} .sidebar-highlight-item ul {padding-left: 15px;} .sidebar-highlight-item h1 {font-size: 24px !important;font-weight: 900 !important;} .sidebar-highlight-item h2 {font-size: 18px !important;font-weight: 700 !important;}
.sidebar-highlight-micronav {display: flex;flex-direction: row;align-items: center;justify-content: center;position: absolute; overflow: hidden; height: 25px; bottom: 0px; width:100%;} 
.sidebar-highlight-micronav button {border: none;font-size: 16pt;align-self: center;margin: 0px;padding: 0px;padding-left:3px;color:#999999;background:none;} .sidebar-highlight-micronav button.selected {color:#000000;} .sidebar-highlight-micronav button:active {border:none;}
.sidebar-object-button {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; display:inline; padding-left:15px !important; padding-right:15px !important;border-radius:10px !important;color:black;background-color: #F4F4F4 !important;}
.sidebar-object-centerbutton {float:right;margin-right:5px;border-radius: 20px !important;width: 37px;padding: 0px !important;padding-left: 6px !important;padding-bottom: 4px !important;}
.sidebar-object-label {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color: #AAAAAA; display:inline;}
.sidebar-object-namelabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt; font-weight: 700; border-style: none;width:240px;height:30px;display:inline;}
.sidebar-object-namelabel.small {font-size: 14pt;} .sidebar-object-namelabel.smaller {font-size: 11pt;} .sidebar-object-namelabel.smallest {font-size: 9pt;}
.sidebar-object-typelabel {font-family: Helvetica Neue,Helvetica,Arial; height:20px;margin-left:2px;margin-top:2px;display:inline;max-width:24px;}
.sidebar-object-tinylabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 8pt; color:#AAAAAA;} 
.sidebar-object-tinylabel.attention {color:#FF0000;}
.sidebar-object-datelabel {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 11pt; color:#000000; display:inline;cursor:pointer; padding-right:12px; background: white right no-repeat url(/lib/icons/arrow_jump.png);}
/* Shared quiet headers; retain field classes used by older panels. */
.sidebar-header {box-sizing:border-box;background:#fff;color:#202c33;font:14px/1.4 Arial,Helvetica,sans-serif;}
.sidebar-object-header {flex-shrink:0;padding:8px 12px 6px;}
.sidebar-object-context {display:flex;align-items:center;gap:8px;min-height:24px;margin-bottom:8px;}
.sidebar-header .sidebar-object-tinylabel {min-width:0;color:#526570;font:400 12px/17px Arial,Helvetica,sans-serif;overflow-wrap:anywhere;}
.sidebar-object-context > .sidebar-object-tinylabel {flex:1;}
.sidebar-header .sidebar-closebutton,.sidebar-header .sidebar-backbutton,.sidebar-header .sidebar-sharebutton,.sidebar-header .sidebar-audio-toggle-button,.sidebar-header .sidebar-disclosurebutton {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:6px;color:#526570;cursor:pointer;}
.sidebar-header .sidebar-audio-toggle-button {display:inline-flex !important;margin:0 !important;}
/* Let the tap targets occupy the surrounding spacing without adding row height. */
.sidebar-object-header .sidebar-closebutton,.sidebar-object-header .sidebar-backbutton {margin:-4px 0;padding:6px;}
.sidebar-header .sidebar-backbutton,.sidebar-header .sidebar-disclosurebutton {background:transparent;}
.sidebar-header .sidebar-backbutton::before {content:"";left:0;width:7px;height:7px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);}
.sidebar-header .sidebar-backbutton:hover,.sidebar-header .sidebar-closebutton:hover,.sidebar-header .sidebar-sharebutton:hover,.sidebar-header .sidebar-audio-toggle-button:hover,.sidebar-header .sidebar-disclosurebutton:hover {filter:none;background-color:#eaf2f6 !important;}
.sidebar-object-identity {display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;}
.sidebar-object-header .sidebar-object-typelabel {display:block;width:24px;height:24px;max-width:24px;margin:2px 0 0;object-fit:contain;}
.sidebar-object-names {min-width:0;}
.sidebar-header .sidebar-object-namelabel,.sidebar-header .sidebar-highlight-title {display:block;width:auto;height:auto;font:500 20px/26px Arial,Helvetica,sans-serif;overflow-wrap:anywhere;}
.sidebar-object-names .sidebar-object-tinylabel {margin-top:5px;}
.sidebar-object-header .sidebar-object-tinylabel:empty {display:none;}
.sidebar-object-timeline {display:flex;align-items:center;gap:8px;margin-top:8px;}
.sidebar-object-timeline > hr {flex:1;min-width:8px;height:1px;margin:0;padding:0;border:0;background:#e2e8ea;}
.sidebar-object-header .sidebar-object-datelabel {box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:32px;margin:0;padding:4px 0;border:1px solid transparent;border-radius:8px;background:transparent;color:#202c33;font:400 13px/18px Arial,Helvetica,sans-serif;white-space:nowrap;}
.sidebar-object-header .sidebar-object-datelabel::after {content:"";display:block;flex-shrink:0;box-sizing:border-box;width:6px;height:6px;margin:0 3px;border-right:1.5px solid #526570;border-bottom:1.5px solid #526570;transform:rotate(-45deg);}
.sidebar-object-header .sidebar-object-datelabel:hover:not(:disabled) {background:#eaf2f6;}
.sidebar-object-header .sidebar-object-datelabel:disabled {color:#526570;cursor:default;}
.sidebar-object-header .sidebar-object-datelabel:disabled::after {visibility:hidden;}
.sidebar-header button:focus-visible {outline:2px solid #225f79;outline-offset:-2px;}
.sidebar-panel:has(> .sidebar-object-header) > .sidebar-subpanel-container {min-height:0;height:auto;flex:1;}
.sidebar-panel:has(> .sidebar-highlight-featurepanel.sidebar-header) {max-height:calc(100dvh - 90px);}
.sidebar-header.sidebar-highlight-featurepanel {flex-shrink:0;min-height:0;margin:0;padding:4px 12px 8px;isolation:isolate;}
.sidebar-header .sidebar-highlight-featureimage {position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.18;animation:none;background:transparent;pointer-events:none;}
.sidebar-header.sidebar-highlight-featurepanel > :not(.sidebar-highlight-featureimage) {position:relative;z-index:1;}
.sidebar-header .sidebar-highlight-featurecontrols {display:flex;align-items:center;gap:4px;position:relative;top:auto;width:100%;height:auto;min-height:32px;}
.sidebar-header .sidebar-highlight-featurecontrols > .sidebar-object-tinylabel {flex:1;padding:0 4px;}
.sidebar-header .sidebar-highlight-featurecontrols .sidebar-backbutton::before {width:9px;height:9px;border-width:2px;}
.sidebar-header .sidebar-highlight-featuretitle {position:relative;top:auto;left:auto;right:auto;margin:2px 0 4px;text-align:left;}
.sidebar-header .sidebar-highlight-title {margin:0;}
.sidebar-header .sidebar-highlight-tagpanel {display:flex;align-items:center;gap:4px;position:relative;top:auto;left:auto;min-width:0;height:auto;overflow:hidden;white-space:normal;}
.sidebar-highlight-interest-tags {display:flex;align-items:center;flex:1;gap:4px;min-width:0;overflow:hidden;}
.sidebar-highlight-interest-more {display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto;}
.sidebar-highlight-interest-more > .sidebar-object-tinylabel {white-space:nowrap;text-align:right;}
.sidebar-header .mdl-button.mdl-button--subtle.sidebar-tag {min-height:32px;margin:0 !important;padding:4px 8px;border-radius:8px;font:400 12px/17px Arial,Helvetica,sans-serif;}
.sidebar-header .sidebar-highlight-interest-tags .mdl-button.sidebar-tag {flex-shrink:0;max-width:none;white-space:nowrap;overflow-wrap:normal;}
.sidebar-header .sidebar-disclosurebutton[aria-expanded="true"] .search-sidebar-chevron {transform:rotate(225deg);margin-bottom:-3px;}
.sidebar-header .sidebar-highlight-tagpanel.sidebar-highlight-interest-drawer {flex-direction:column;align-items:stretch;max-height:min(220px,30dvh);}
.sidebar-highlight-interest-drawer .sidebar-highlight-interest-more {justify-content:space-between;margin-left:0;}
.sidebar-highlight-interest-drawer .sidebar-highlight-interest-tags {flex:0 1 auto;flex-wrap:wrap;min-height:0;overflow-y:auto;overflow-x:hidden;}
.sidebar-header .sidebar-highlight-interest-drawer .mdl-button.sidebar-tag {max-width:100%;white-space:normal;overflow-wrap:anywhere;}
@media(pointer:coarse),(max-width:550px) {.sidebar-header .sidebar-closebutton,.sidebar-header .sidebar-backbutton,.sidebar-header .sidebar-sharebutton,.sidebar-header .sidebar-audio-toggle-button,.sidebar-header .sidebar-disclosurebutton {width:44px;height:44px;}.sidebar-object-header .sidebar-closebutton,.sidebar-object-header .sidebar-backbutton {margin:-8px 0;}.sidebar-object-header .sidebar-object-datelabel {min-height:44px;margin:-6px 0;}.sidebar-header .mdl-button.mdl-button--subtle.sidebar-tag {min-height:44px;}}
.sidebar-object-jumplabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#000000; display:inline;cursor:pointer; padding-right:12px; background: right no-repeat url(/lib/icons/arrow_jump.png);}
.sidebar-object-eventdatelabel {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 10pt; color:#000000; display:inline;cursor:pointer; padding-right:12px; margin-right: 5px; background: transparent right no-repeat url(/lib/icons/arrow_jump.png);}
.sidebar-object-eventlabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline;}
.sidebar-object-eventtypelabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline; height:16px;}
.sidebar-object-loadinglabel {font-family: Times; font-size: 25pt; margin-left:10px; overflow: hidden; animation-duration: 1.0s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: placeholderAnimate; background: #b6b7b8; background: linear-gradient(to right, #eee 2%, #aaa 18%, #eee 33%); background-size: 1300px; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} 
.sidebar-object-expandinglabel {width:16px;height:16px;display:inline;margin-right:4px;}
.sidebar-object-relatedobject {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline; height:16px; cursor:pointer;}
.sidebar-object-relatedobject.notcurrent {color:#888888;}
.sidebar-object-relatedobject.dates {cursor:default;}
.sidebar-citation {display:flex;flex-direction: column;}
.sidebar-citation-thumbnail {margin-top: -5px;margin-left:-5px;margin-right:-6px;width:103%;max-height: 290px;object-fit: cover;} .small .sidebar-citation-thumbnail {display:none;}
.sidebar-citation-text {flex:1;font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline;} .small .sidebar-citation-text {display:none;} .sidebar-citation-text.right {float:right;}
.sidebar-citation a {font-family: Helvetica Neue,Helvetica,Arial; text-decoration: underline; font-size: 9pt; cursor:pointer; display:block;}
.sidebar-citation li {font-family: Helvetica Neue,Helvetica,Arial; font-size: 9pt; list-style: disc;line-height:14px;margin-top:3px;}
.sidebar-factoid-text textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #444499; opacity: 0.5; /* Firefox */} .sidebar-factoid-text textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444499;} .sidebar-factoid-text textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #444499;}
.sidebar-suggest textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #444499; opacity: 0.5; /* Firefox */} .sidebar-suggest textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444499;} .sidebar-suggest textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #444499;}
.sidebar-suggest textarea {background:#FFFFE8;min-height:80px !important;border: none;border-bottom: 1px solid #9e9e9e;} .sidebar-suggest textarea:focus {border-bottom: 1px solid #42a5f5;box-shadow: 0 1px 0 0 #42a5f5;}
.timeline {font-family:Helvetica Neue,Helvetica,Arial; background-color: #000000;}
.timeline-panel {width:522px;min-width: 500px; margin:15px 5px; max-height:50px;}
.timeline-slider {cursor:pointer; position: absolute; width: 75px; height:25px; top: 4px; left:250px; background: transparent center no-repeat url(/lib/icons/slider.png);}
.timeline-slider:hover {cursor:pointer; position: absolute; width: 75px; height:25px; top: 4px; left:250px; background: transparent center no-repeat url(/lib/icons/slider_highlight.png);}
.timeline-slider:active {cursor:pointer; position: absolute; width: 75px; height:25px; top: 4px; left:250px; background: transparent center no-repeat url(/lib/icons/slider_highlight.png);}
.timeline-slider-ghost {position: absolute; width: 1px; height:1px; top: 0px; left:0px; opacity:0%;}
.timeline-slider-panel {flex-grow:1;position:relative;margin:10px;overflow: hidden;font-size:10pt; color:#EEEEEE; padding: 0px; background-color: #000000;}
.timeline-slider-panel table td {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color: #EEEEEE; padding:0px;border-style:none;background-color: #000000;width: 4px !important;cursor: default;}
.timeline-slider-panel .majortic {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt; color: #EEEEEE;}
.timeline-social-panel {width: 95px;min-width: 95px;margin-left: auto;margin-top: 2px;line-height:32px}
.timeline-label {width: 190px; position: relative; top:-4px; margin-left:8px; font-family:Helvetica Neue,Helvetica,Arial; font-size:22pt; font-weight:bold; color:#FFFF00;display:inline;text-align: center;cursor:pointer;}
.timeline-arrow {width: 21px;height: 20px;z-index: 5;position: relative;top: 6px;font-family: Arial,sans-serif;font-size: 7pt;color: #FFFFFF;outline: none;border: none;padding: 0px;cursor:pointer;background-color: rgba(0,0,0,0); margin: 2px; touch-action: manipulation;}        
.timeline-arrow.left::before {content:" "; position: absolute; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 13px 22px 13px 0; border-color: transparent #666666 transparent transparent; top: -3px; left: -3px;}
.timeline-arrow.left:hover::before {border-right-color: #c4c418;}
.timeline-arrow.left:active::before {border-right-color: #FF8800;}
.timeline-arrow.left.withMargin {margin-left:27px;}
.timeline-arrow.right::before {content:" "; position: absolute; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #666666; top: -3px; left: 3px;}
.timeline-arrow.right:hover::before {border-left-color: #c4c418;}
.timeline-arrow.right:active::before {border-left-color: #FF8800;}
.timeline-arrow.right.withMargin {margin-right:27px;}

.dateeditor-panel         {background:#000000;font-family: Helvetica Neue,Helvetica,Arial; font-size: 14pt; font-weight:bold; width:250px; color: #FFFFFF;} .dateeditor-panel td {padding:0px;}
.dateeditor-border        {z-index: 400; margin:0px; margin-top: 30px;margin-left: -60px;padding: 40px; background-color: #000000;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.20);}    
.dateeditor-border:after  {bottom: 100%; left: 50%; border: solid transparent;content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #000000; border-width: 15px; margin-left: -15px;}
.dateeditor-textbox       {font-family: Helvetica Neue,Helvetica,Arial; text-align: center;font-size:16pt; border-style:none; width: 80px; height: 25px; margin: 8px; margin-top:-32px; background-color: #E4E4E4;font-size:18pt !important;color: yellow;}
.dateeditor-recent        {padding-left:10px !important; padding-right:10px !important;} .dateeditor-recent.white::selection button.dateeditor-recent.white:focus .dateeditor-recent.white:focus:not(:active) {background-color: white !important;}
.share-container          {display:flex;flex-direction: row;float:right;text-align: right;}
.share-container.large    {width: 100%;text-align: left;padding:0px;margin-top:-20px;}
.share-container.compact  {min-width:220px !important;margin-top:10px;margin-bottom:10px;} 
.share-container.compact label {display:block;}
.share-list               {display:flex;flex-direction: row;} .share-container.large .share-list {display:flex;flex-direction: column;}
.share-section            {display:flex;flex-direction: row;} .share-container.large .share-section {display:flex;flex-direction: column;} .share-container .share-onlylarge {display:none;} .share-container.large .share-onlylarge {display:flex;}
.share-qrcode             {display:none;} .share-container.large .share-qrcode {display:block;width:200px;border:none;left: 50%;margin-left: -100px;position: relative;} .share-container.large .share-qrcode img {height:200px;width:200px;}
.share-text               {display:none;} .share-container.large .share-text {display:inline;margin-left:10px;} .share-container.large .share-text.fixed {min-width: 70px;display: inline-block !important;}
.share-icon               {text-decoration: none;} .share-icon img, img.share-icon {height:32px;width:32px;cursor: pointer;}
.rrrole                   {} .rrrole.chip {border: none; color: #FFFFFF; border-radius: 16px; padding: 0 12px; margin: 2px; font-size: 13px; font-weight: 500; text-align: center;display: inline-block;height: 32px;line-height: 32px;vertical-align: middle;}
.rrrole.admin             {background-color: red;} .rrrole.ad_free {background-color: #33BB55;} .rrrole.submit_history {background-color: #f9a825;} .rrrole.make_purchases {background-color: #4caf50;} .rrrole.reviewer {background-color: #b388ff;} .rrrole.highlighter {background-color: #c0ca33;} .rrrole.researcher {background-color: #A0522D;} .rrrole.projectmanager {background-color: #ea80fc;} .rrrole.lessonplanner {background-color: #e040fb;} .rrrole.bounty_hunter {background-color: #00AA00;} .rrrole.individual_subscriber {background-color: #4caf50;} .rrrole.site_subscriber {background-color: #4caf50;}
.rrcomment                {margin: 5px 5px 5px 5px; padding: 10px; background-color: #F9F9F9; color: #444444; font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
.rrcomment_date           {margin: 0px 5px 0px 5px; display: inline !important; color: #285D85; font-family: Arial,Helvetica,sans-serif; font-size: 8pt;}
.rrcomment_user           {margin: 0px 5px 0px 5px; display: inline !important; color: #285D85; font-family: Arial,Helvetica,sans-serif; font-size: 8pt;}
.rrstep                   {position:relative;padding: 5px; color: #444444; font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 10pt; width:100%; border-color: transparent; border-width: 1px;border-collapse: separate;margin-bottom:4px;}
.rrstep:after             {content:""; display: table; clear: both;}
.rrstep p                 {margin-top:0px;}
.rrstep a, a.rrstep, .rrstep .a1, .rrstep .a2 {font-family: Helvetica Neue,Helvetica,Arial;font-weight: bold; font-size: 10pt; color:#285D85 !important; cursor:pointer; text-decoration: underline !important; padding-right: 12px; background: right no-repeat url(/lib/icons/arrow_jump.png); display:table; margin-bottom: 8px;}
.rrstep a:visited, a.rrstep:visited {color:#285D85 !important;text-decoration: underline !important;} .rrstep a:hover, a.rrstep:hover {color: #285D85 !important;text-decoration: underline !important;}
.rrstep .a2               {color:#777777; font-weight: normal; background-image: none;}
.rrstep .a3               {font-weight: bold; padding-right: 12px; background: right no-repeat url(/lib/icons/arrow_jump.png);}
.rrstep.highlightable     {border-color: #FCFCFA; border-width: 1px; border-style: solid; background-color: #FBFBFB;}
.rrstep.highlightable:hover, .rrstep.highlighted {border-color: #FF8800; border-width: 1px; border-style: solid; background-color: #FCFCFA; transition: all 0.5s ease;}
.rrstep .premium          {margin-left:0px;} .rrstep.withimage .premium {position:absolute;top:16px;margin-left:10px;}
.rrpayment                {margin-top: 10px; margin-bottom: 10px; background-color: #FFFFFF; padding: 16px; border-color: #DDDDDD; border-width: 1px; border-style: solid; border-radius: 3px; font-size: 12pt;}
.rrpayment li             {list-style-type: none !important;}
.rrpayment_card           {background-color: #fff; padding-top: 0px; padding-bottom: 12px; border-color: #AAAAAA; border-width: 1px; border-bottom-style: solid;}
.rrpayment_product        {font-family: Helvetica Neue,Arial,Helvetica,sans-serif;font-size: 12pt; font-weight: bold; color: black;}
.rrpayment_price          {font-family: Helvetica Neue,Arial,Helvetica,sans-serif;font-size: 12pt; font-weight: bold; color: #00AA00; float:right;} .rrpayment_price.original {color: #669966; float:none;font-weight: normal;font-size: 10pt;text-decoration: line-through;}
.rrpayment_error          {font-size: 12pt; font-weight: 900;color: #AA0000;}
.rrpayment_description    {font-size: 10pt; font-weight: normal;color: #7F4C7F;column-count:2;} .rrpayment_description .checkmark-list li::before {color: #7F4C7F;}
.rrpayment_inprogress     {position:absolute;top:0px;bottom:0px;left:0px;right:0px;display:flex;align-items:center;justify-content:center;padding:24px;background-color: rgba(255,255,255,0.88);color:#285D85;font-family: Helvetica Neue,Arial,Helvetica,sans-serif;font-size: 12pt;font-weight: bold;letter-spacing: 0.02em;text-align:center;cursor: progress;z-index: 100;}
.rrpayment i.prefix       {font-size: 1.5rem;height: 43px;border-bottom: 1px solid #9e9e9e;padding-top: 8px;padding-left: 0px;color: gray !important;}
.rrpayment input          {margin-left:28px !important;} .rrpayment .input-field label {margin-left:28px !important;}
.rrpayment-input          {color:black; background-color: #FFFFFF; font-size: 16px !important; border-color: #DDDDDD !important; border-width: 1px !important; border-style: solid !important; border-radius: 3px !important;padding: 2px 10px !important;} .rrpayment-input::placeholder {color:black;}
.ar-video                 {position: absolute;z-index: 3;width: 100%;height: 0%;top:0px;bottom: 0px;border:0;object-fit: cover;}
.ar-canvas-3D             {position: absolute;z-index: 4;width: 100%;height: 0%;top:0px;bottom: 0px;border:0;background-color:unset;}
.ar-canvas-2D             {position: absolute;z-index: 5;width: 100%;height: 0%;top:0px;bottom: 0px;border:0;pointer-events: none;}
/* Disable native selection and Safari touch callouts on rendering surfaces. */
.ar-video, .ar-canvas-3D, .ar-canvas-2D, #jARVideoR, #vrFrameOverlay, #vrFrameOverlay *, .cardboard.info, .cardboard.info * {-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
/* Establish the gesture policy before a WALK/Cardboard tap starts, including while code loads. */
#jWalkMode, .ol-control.cardboard button {touch-action: none;}
html.rr-walk-page-scale, html.rr-walk-page-scale body {touch-action: none;}
#rrmap.ar                 {z-index: 1;height: 0px;} /* AR map inset for all devices, overridden for mobile */
#rrmap.aerial             {z-index: 1;height: 0px;} /* 3D aerial map mode hides the 2D map on all devices, including mobile */
.chat                     {padding: 10px;background: #DDD;flex-shrink: 2;overflow-y: auto;background-color: transparent;}
.chatcontainer            {font-family: "Helvetica Neue", Helvetica, Arial;font-size: 10pt;overflow-y:scroll; mask-image: linear-gradient(transparent, #000,#000,#000,#000,#000);}
/* Historical reenactor notices shared by the portrait badge and reference disclaimer. */
.pattern3d-viewport       {position:relative;}
.reenactor-notice         {--reenactor-accent:#674B79;--reenactor-surface:#F3EFF6;box-sizing:border-box;color:#333B42;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11pt;line-height:1.5;}
.reenactor-notice summary {display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;}
.reenactor-notice summary::-webkit-details-marker {display:none;}
.reenactor-notice summary:focus-visible,.reenactor-notice a:focus-visible {outline:2px solid var(--reenactor-accent);outline-offset:2px;}
.reenactor-notice a,.reenactor-notice a:visited {color:var(--reenactor-accent) !important;text-decoration:underline;text-underline-offset:3px;font-weight:normal;}
.reenactor-notice p       {margin:0 0 10px;font-size:inherit !important;line-height:1.5;}
.reenactor-notice p:last-child {margin-bottom:0;}
.reenactor-info           {box-sizing:border-box;display:inline-block;flex:0 0 16px;width:16px;height:16px;border:1px solid var(--reenactor-accent);border-radius:50%;color:var(--reenactor-accent);font-family:Georgia,serif;font-size:12px;font-weight:bold;line-height:14px;text-align:center;}
.reenactor-chevron        {flex:0 0 6px;width:6px;height:6px;margin-left:auto;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);}
.reenactor-notice[open] > summary .reenactor-chevron {transform:rotate(225deg);}
.reenactor-badge          {position:absolute;top:12px;left:12px;right:12px;z-index:2;font-size:10pt;opacity:1;transition:opacity 250ms ease;}
.sidebar-panel:has(> .chatcontainer.chat-started) .reenactor-badge:not(:hover):not(:focus-within):not([open]),
.rrtalk:has(> .chatcontainer.chat-started) .reenactor-badge:not(:hover):not(:focus-within):not([open]) {opacity:0.5;}
.reenactor-badge summary  {box-sizing:border-box;position:relative;width:fit-content;max-width:100%;min-height:24px;padding:3px 8px;gap:6px;background:#757974;color:#FFF;border:1px solid #B1B4AE;border-radius:3px;box-shadow:none;font-family:inherit;font-weight:300;font-size:11px;line-height:16px;letter-spacing:0.04em;text-transform:uppercase;}
.reenactor-badge .reenactor-info {display:none;}
.reenactor-badge .reenactor-chevron {transform:translateY(-2px) rotate(45deg);}
.reenactor-badge[open] > summary .reenactor-chevron {transform:translateY(2px) rotate(225deg);}
.reenactor-badge .reenactor-notice-body {position:absolute;top:calc(100% + 8px);left:0;right:0;padding:12px 14px;background:var(--reenactor-surface);border:1px solid #D8DFE4;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,0.12);}
.reenactor-badge a        {display:inline-block;padding:2px 0;}
.reenactor-disclaimer     {margin:16px 0;padding:0;background:var(--reenactor-surface);border:1px solid #D8DFE4;border-radius:6px;scroll-margin-top:90px;}
.reenactor-disclaimer summary {align-items:flex-start;padding:14px 16px;}
.reenactor-disclaimer .reenactor-chevron {margin-top:7px;}
.reenactor-notice-header  {flex:1;min-width:0;}
.reenactor-notice-heading {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:5px;font-weight:500;}
.reenactor-notice-subtitle {color:#53616C;font-size:10pt;}
.reenactor-disclaimer .reenactor-notice-body {padding:0 16px 15px;}
.reenactor-notice .note   {background-color:var(--reenactor-accent);border-color:var(--reenactor-accent);}
@media (pointer:coarse) {
    .reenactor-badge summary::after {content:"";position:absolute;inset:-10px 0;}
    .reenactor-badge a {min-height:44px;display:inline-flex;align-items:center;}
}
@media (prefers-reduced-motion:reduce) {
    .reenactor-badge {transition:none;}
}
.chatmessage              {box-sizing: border-box; padding: 0.5rem 1rem; margin: 8px; min-height: 2.25rem; width: fit-content; max-width: 80%; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important; border-radius: 20px 20px 20px 0;background: white;}
.chatmessage.me           {margin: 8px 8px 8px auto; border-radius: 20px 20px 0 20px;background: #72AED5;color: black;}
.chatmessage.suggest      {margin: 8px 8px 8px auto; border-radius: 20px 20px 20px 20px; border-width:1px;border-style:solid;border-color: #CC00CC;background: rgba(255,225,255,0.9);color: black;cursor: pointer;}
.chatmessage.special      {margin: 8px 8px 8px auto; border-radius: 20px 20px 20px 20px; border-width:1px;border-style:solid;border-color: #CCCC00;background: rgba(255,255,225,0.9);color: #444400;}
.chatmessage.suggest:hover {box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;}
.chat.inactive .chatmessage.suggest {border-style:none;background: rgba(255,225,255,0.4);color: #989;cursor: not-allowed;}
.chatresponse             {display:flex;align-items:flex-end;width:100%;}
.chatresponse .chatmessage {max-width:calc(100% - 48px);}
.chatcitation-button      {flex:0 0 16px;width:16px;height:16px;margin:0 0 8px 0;padding:0;border:none;background:transparent center/16px 16px no-repeat url(/lib/icons/citation.png);cursor:pointer;}
.chatcitation-button:hover {filter:brightness(150%);}
.chatcitation-overlay     {position:fixed;inset:0;z-index:9999;background:transparent;cursor:pointer;}
.chatcitation-panel       {position:fixed;box-sizing:border-box;width:400px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:12px 16px;background:white;color:black;font-family:"Helvetica Neue",Helvetica,Arial;font-size:11pt;line-height:1.4;cursor:default;}
.chatcitation-panel hr    {margin:10px 0;border:0;border-top:1px solid #DDD;}
.chatcitation-title       {display:flex;align-items:center;gap:6px;font-weight:bold;}
.chatcitation-title img   {width:16px;height:16px;flex:0 0 16px;}
.chatcitation-label       {font-weight:bold;}
.chatcitation-overlay.mobile .chatcitation-panel {left:50% !important;transform:translate(-50%,-100%);}
@media (max-width:700px), (max-height:500px) {
    .chatcitation-panel   {left:50% !important;transform:translate(-50%,-100%);}
}

/* HTML elements styles for the text. */
body                      {color: black;margin: 0px;border: 0px;font-family: Arial Unicode MS, Arial, sans-serif;font-size: small;}
*:focus                   {outline: 0;}
button:focus              {background-color: inherit !important;} button::selection {background-color: inherit !important;}
h1                        {font-family: Helvetica Neue,Arial,Helvetica,sans-serif !important; font-size: 28pt !important; font-weight: 500 !important; color:#333333; line-height:29px; text-shadow: 2px 2px 3px #CCCCCC;letter-spacing: -.02em;}
h2                        {font-family: Helvetica Neue,Arial,Helvetica,sans-serif !important; font-size: 16pt !important; font-weight: bold !important; color:#555555;}
h3                        {font-family: Helvetica Neue,Arial,Helvetica,sans-serif !important; font-size: 12pt !important; font-weight: bold; color:#888888;}
a                         {color:#285D85 !important; text-decoration: underline;} 
article a                 {text-decoration: underline !important;} article a:hover {text-decoration: underline !important;}
#sidebar a                {text-decoration: underline !important;}
p                         {margin-top:16px;margin-bottom:16px;}
br                        {line-height:30px;}
.red                      {background-color: red !important;}
.red-text                 {color: red;}
.blue                     {background-color:var(--rrblue) !important;}
.blue-text                {color:var(--rrblue) !important;}
.green                    {background-color: #4caf50 !important;}
.green-text               {color: #4caf50;}
.white                    {background-color: #fff !important;}
.white-text               {color: #fff !important;}
.black                    {background-color: black !important;}
.black-text               {color: black !important;}
.yellow                   {background-color: #ffeb3b !important;}
.question                 {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-size: 12pt; font-weight: bolder; display: block; margin-top:35px; margin-bottom: 4px;}
.date                     {font-size: 10pt; color: #aaaaaa;}
.more                     {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#111111; text-align:right; padding-right:13px;}
.more a                   {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#111111;}
.more_white               {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#FFFFFF; text-align:right; padding-right:13px;}
.more_white a             {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#FFFFFF;}
.more:after               {content:'\25BA';color:#285D85;}
.note                     {border: 1px solid grey; border-radius: 4px; background-color: #4466BB; padding:2px 5px 2px 5px; color:white; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 8pt; font-weight:bold;font-variant: small-caps;}
.note.red                 {border-color:darkred;background-color: red;color:white;}
.javanotice               {margin: 10px; padding: 20px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #eeee99; background-color: #ffffaa; color: #444400; font-family: Arial,Helvetica,sans-serif; font-size: 12pt;}
.userimage                {float:left; padding: 0px 10px 5px 5px; height: 36px; width: 36px;}
.citation                 {margin: 5px 5px 5px 5px; padding: 10px 10px 10px 40px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #eeeeee; color: #444400; font-family: Arial,Helvetica,sans-serif; font-size: 11pt; background:url(/lib/icons/citation.png) 10px no-repeat #F8F8F8;}
.citation a               {font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
.navbar                   {padding:6px;margin-left:0px;margin-right:0px;margin-bottom: 6px; border-style:solid;border-width:1px;border-color:#333333;border-radius:6px;background-color:#F0F0FF; text-align:left; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#555555;}
.navbar a                 {padding:6px;margin-left:15px;padding-right:30px;margin-bottom: 0px; border-style:none;background-color:#F0F0FF; text-align:center; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#555555 !important;background:url(/lib/icons/navigation-spacer.png) right no-repeat;}
.step                     {display: inline-block;position: relative;padding: 10px 20px;margin-right: 15px;background: #f2f2f2;border: 1px solid #eee;border-radius: 4px;font-family: sans-serif;font-size: 14px;font-weight: 500;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.step.arrow::after        {content: "";position: absolute;top: 0;right: -15px;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 15px solid #f2f2f2;z-index: 1;}
.step.arrow::before       {content: "";position: absolute;top: 0;right: -16px;width: 0;height: 0;border-top: 21px solid transparent;border-bottom: 21px solid transparent;border-left: 16px solid #eee;z-index: 0;}
.step.last                {margin-right: 0;}
.square                   {width:100%; max-width:100%;aspect-ratio:1/1;overflow:hidden;}
.side-margins             {margin: 0 10%;}
.checkmark-list           {list-style: none !important;padding-left: 0;margin-top:0px;margin-bottom:0px;}
.checkmark-list li        {position: relative;padding-left: 28px;list-style: none !important;} .checkmark-list li::before {content: '\2713' /* ✓ */;position: absolute;left: 0;color: green;font-weight: bold;}
.flash-on-click           {animation: fadeToWhite 1s ease;}
.graphpaper               {background-image: linear-gradient(to right, #E8F0FF , transparent 1px), linear-gradient(to bottom, #E8F0FF 1px, transparent 1px);background-size: 20px 20px;
                           background-attachment: unset;background-repeat: unset;}
.experimentalwarning      {top:auto;bottom:10px;font-size:14pt;font-weight:bold;color:red;position:fixed;z-index: 1000;margin-bottom: 10px;line-height: 14pt;width: 100%;text-align: center;pointer-events: none;}

.ar-collage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-right: 65px !important;
    margin-bottom: 80px !important;
}

  .ar-pair {
    position: relative;
    height: 180px;
  }

  .ar-pair img {
    width: 250px;
    object-fit: cover;
    display: block;
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
    border-radius: 8px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    will-change: transform;
  }

  .ar-pair .before {
    position: absolute;
    margin-top: 60%;
    left: 33%;
    z-index: 1;
  }

  .ar-pair .after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  
.ar-pair img:hover {
  transform: translateY(-6px) scale(1.1);
  box-shadow: 0 18px 35px rgba(0,0,0,0.3);
  z-index: 5; /* bring above overlapping images */
}

/* overrides of GWT, MaterialDesign, and OpenLayers basic styles */
.ol-control               {box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px;padding:0px !important;border-radius: 4px !important;font-family: Helvetica,Arial,sans-serif}
.ol-control button        {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 4px !important;} .ol-control:focus {background-color: white !important;}
button.ol-control         {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 4px !important;} .ol-control:focus {background-color: white !important;}
.ol-control .hidden       {display:none !important;}
.mapcontrol               {box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px;padding:0px !important;border-radius: 4px !important;font-family: Helvetica,Arial,sans-serif}
.mapcontrol button        {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 6px !important;border-style: solid;border-width: 1px;border-color: white;} 
button.mapcontrol         {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 6px !important;border-style: solid;border-width: 1px;border-color: white;} 
.mapcontrol:focus         {background-color: white !important;} 
.mapcontrol:hover         {outline: 1px solid var(--ol-subtle-foreground-color);}
.mapcontrol .hidden       {display:none !important;}
.mapcontrol.xrmode        {position:absolute;bottom:60px;left:unset; right:20px;z-index:10}
.mapcontrol.xropen        {float:right;left:auto !important; top:199px; right:20px; bottom: auto; z-index:21;font-size:0.6em; font-weight:600; text-decoration:none; text-align:center; line-height:.4em;}
.mapcontrol.xropen.active {}
.mapcontrol.cardboard     {top:-35px;background-image: url("/lib/icons/cardboard.png");background-size: 24px;background-repeat: no-repeat;background-position: center;}
.mapcontrol.location      {}
.mapcontrol.location.active {}
.mapcontrol.layers        {}

.ol-mapmode-control       {float:right;left:auto !important; top:20px; right:20px; bottom: auto; z-index:21;font-size: 13pt;} 
.ol-mapmode-control button {padding-top:3px !important;}
.ol-mapmode-control.disabled button {color:#BBBBBB !important;} 
.ol-control.xropen        {float:right;left:auto !important; top:170px; right:20px; bottom: auto; z-index:21;}
.ol-control.xropen button {font-size:0.8em; font-weight:600; text-decoration:none; text-align:center; line-height:.4em;} 
.ol-control.xropen button {background-image: url("/lib/icons/walk_small.webp");background-position: center;background-size: 24px;background-repeat: no-repeat;color: rgba(0,0,0,0.7) !important;padding-top: 3px;} .ol-control.xropen button:hover {color: rgba(0,0,0,0.15) !important;transition-property:color;transition-duration: 1s;}
.ol-walkmode-control.ol-disabled button {color:#BBBBBB !important;cursor:default;}
.ol-control.xropen.active {top:auto; bottom:20px; transition-property:top,bottom,width;transition-duration: 3s;} 
.ol-control.xropen.active button {width:125px !important;background-image:none;font-size:0.9em;} .ol-control.xropen.active button:hover {color: rgba(0,0,0,0.7) !important;}
.ol-returntomap-control   {float:right;left:auto !important; top:auto; right:20px; bottom:20px; z-index:21;}
.ol-returntomap-control button {width:125px !important;font-size:0.9em;}
.ol-control-xrcontrols    {position:absolute;bottom:100px;left:unset; right:20px;z-index:10; display:flex;gap:8px;}
.ol-control-xrmode        {position:absolute;top:6px;left:unset;z-index:10;width:100px;}
.ol-control.cardboard     {top:0px;right:0px;display:none;} 
/* Keep the landscape note inside the mask's black top band; the eye openings start at 8.75% height. */
.ol-control-xrcontrols .cardboard.info {top:0;left:20px;position:fixed;height:8%;max-width:calc(100% - 40px);display:flex;align-items:center;font-size:clamp(10px,3vh,14px);line-height:1.2;color:white;white-space:nowrap;overflow:hidden;pointer-events:none;}
.cardboard-portrait-instruction, .cardboard-orientation-tip {display:none;}
@media (orientation: portrait) {
    .ol-control-xrcontrols .cardboard.info {top:50%;left:50%;transform:translate(-50%,-50%);height:auto;width:calc(100% - 48px);max-width:360px;padding:24px;box-sizing:border-box;display:block;background:rgba(0,0,0,0.88);border-radius:12px;font-size:22px;font-weight:600;line-height:1.35;text-align:center;white-space:normal;overflow:visible;}
    .cardboard-portrait-instruction {display:block;}
    .cardboard-landscape-instruction {display:none;}
    .cardboard-orientation-tip {display:block;margin-top:16px;font-size:14px;font-weight:normal;line-height:1.5;color:#DDD;}
}
.ol-control-xrcontrols .mdl-switch__label {color: white;font-weight: 600;left:16px;}
.ol-control.cardboard button {background-image: url("/lib/icons/cardboard.png");background-size: 24px;background-repeat: no-repeat;background-position: center;}
body.rr-cardboard #rrmap {display:none !important;}
body.rr-cardboard #rrtimeline {display:none !important;}
/* Match the fixed mask and right-eye canvas even when Safari offsets the page layout. */
body.rr-cardboard .ar-video, body.rr-cardboard .ar-canvas-3D, body.rr-cardboard .ar-canvas-2D {position:fixed;top:0;left:0;}
/* Override any old renderer pixel styles: the stereo canvas must span both eye openings after rotation. */
body.rr-cardboard .ar-canvas-3D {width:100% !important;height:100% !important;}
/* Cardboard controls follow presentation state in both orientations. Hide the entire OL containers. */
body.rr-cardboard .ol-control.cardboard, body.rr-cardboard .ol-returntomap-control {display:none !important;}
body.rr-cardboard #jXRControls {position:fixed;bottom:20px;left:20px;right:20px;z-index:40;}
body.rr-cardboard #jXRControls .ol-control-xrmode {position:relative;top:0;left:0;right:auto;width:100px;display:inline-block;visibility:visible;}
.ol-control-xrcontrols .cardboard-closebutton {position:fixed;top:10px;right:10px;width:40px;height:40px;border-radius:4px;background-color:rgba(255,255,255,0.9) !important;}
.ol-zoom                  {float:right;left:auto !important;right:20px;top:98px !important;}
.ol-zoom .ol-zoom-in      {border-radius: 4px 4px 0 0 !important}
.ol-zoom .ol-zoom-out     {border-radius: 0 0 4px 4px !important}
.ol-ar-open               {float:right;left:auto !important; top:131px; right:20px; bottom: auto; z-index:21;}
.ol-ar-open button        {font-size:0.6em; font-weight:600; text-decoration:none; text-align:center; line-height:.4em;} 
.ol-ar-open.active        {top:auto; bottom:20px; transition-property:top,bottom,width;transition-duration: 3s;} .ol-ar-open.active button {width:125px !important;}
.ol-ar-mode               {position:absolute;bottom:60px;left:unset; right:20px;z-index:10}
.ol-location-control      {float:right;left:auto !important; top:59px; right:20px;z-index:21;}
.ol-location-control button span {display:inline-block;left: 2px;position: relative;transform: rotate(-45deg);font-size: 1.4em;font-family: Helvetica,sans-serif} 
.ol-location-control button.syncing span {color:#FF0000 !important;transform: rotate(-90deg);}
.ol-location-control2     {border-style:solid;border-color:#777;border-width: 0.5px;display:inline-block;font-weight: bold;} 
.ol-location-control2 span{display: inline-block;transform: translate(3px) rotate(-45deg);font-weight: bold;font-family:sans-serif;font-size: 1.4em;} 
.ol-layers-control        {float:right;left:auto !important; top:20px; right:60px;z-index:3;width:auto !important;}
.ol-layers-control .tray  {width:auto !important;display:flex;height:32px;border-radius:4px;background-color:white;padding: 0px 8px 0px 8px !important;}
.ol-layers-control .mdl-switch__label {color: #555;font-size: 0.9em;font-weight: 600;left: 18px;} .ol-layers-control .mdl-switch{margin-top:-1px;}
.ol-attribution a         {color: black;}
.mdl-button               {color: black !important;background-color: white;border-radius: 2px; text-transform: uppercase;}
.mdl-button.gwt-Button    {margin:0px 8px;padding:0px 8px;background:rgba(220,220,220,.9);font-size:14px;border:none;} /* remove some GWTButton style from an MDL button */
.mdl-button-permission    {border-style: none;border-color: lightgrey;border-width: 1px;background-color: white;color: rgb(114, 174, 213);font-weight: bolder;font-size: 16pt;width: 100%;height: 50px;border-top-style: solid;padding-top: 20px;}
.mdl-button-download      {float:right; height: 55px;min-width: 225px !important;text-transform: uppercase;margin:10px;padding:10px 30px 10px 45px !important;background-color:white !important;font-weight:bolder !important;background-image: url('/lib/icons/ic_file_download_black_24dp.png') !important;background-size: 20px 20px !important;background-repeat: no-repeat !important;background-position: 20px 9px !important;} 
.mdl-button-download.mdl-button-large {width:320px !important;background-position: 20px 15px !important;line-height: 50px !important;}
.mdl-button-large         {border-radius: 25px !important;height: 50px !important;line-height: 50px !important;font-weight:900 !important;text-transform: uppercase; padding: 0px 32px !important;}
.mdl-button-large.download {width:320px !important;background-position: 20px 15px !important;line-height: 50px !important;}
.mdl-button-large.buy     {background-color: green; background-image: url('/lib/icons/buy.png') !important;background-size: 20px 20px !important;background-repeat: no-repeat !important; width:320px !important;background-position: 20px 15px !important;line-height: 50px !important;}
.mdl-button-round         {border-radius: 25px !important;line-height: 38px !important;font-weight:600 !important;text-transform: uppercase; padding: 0px 25px !important;}
.mdl-button--raised       {margin: 4px !important;padding: 0 1rem !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important; transition: all .3s ease-out;} .mdl-button-large.mdl-button--raised {padding: 0 2rem !important;}
.mdl-button--raised:hover {box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;}
.mdl-button--fixedmobile  {}
.mdl-card--flex-row       {display:flex !important;flex-direction:row !important;align-items:center;}
.mdl-card--flex-left      {flex: 1 1 auto;}
.mdl-card--fixed-right    {flex: 0 0 auto;}
.mdl-spinner__layer       {border-color:yellow !important;}
.mdl-data-table.wrap      {white-space: normal !important;}
.mdl-data-table td,th     {text-align: left !important; vertical-align: middle !important;}
.gwt-DialogBox            {background: white; box-shadow: 5px 5px 20px black} .gwt-DialogBox .Caption {background: white !important;border:none !important;} .gwt-DialogBox .gwt-Label {font-size: 14pt;}
.gwt-DialogBox .mdl-button {background: #72AED5;padding:8px 16px; height:55px;color: white !important; border-radius: 8px;}
.gwt-DialogBox .dialogTopLeft {background: white !important;} .gwt-DialogBox .dialogTopRight {background: white !important;} .gwt-DialogBox .dialogBottomLeft {background: white !important;} .gwt-DialogBox .dialogBottomCenter {background: white !important;} .gwt-DialogBox .dialogBottomRight {background: white !important;}
.gwt-DialogBox .dialogMiddleLeft {background: white !important;} .gwt-DialogBox .dialogMiddleRight {background: white !important;}
a.btn                     {font-weight: normal;}
.btn                      {margin-bottom: 4px; margin-top: 4px;font-size:10pt;border-radius:5px !important;} 
.btn.mdl-button-large     {border-radius:25px !important;}
.btn.narrow               {padding-left:20px;padding-right:20px;}
.datasource-open-browser  {padding-left:12px !important;padding-right:12px !important;}
.card-more-menu            {min-width:200px !important;width:max-content !important;}
.card-more-menu li>a,
.card-more-menu li>span    {padding-left:16px !important;padding-right:16px !important;white-space:nowrap;}
.card_showing             {display:block !important;}
.card_hidden              {display:none !important;}
.card_more_control        {float:right; margin-top:10px;}
.card-content ul          {margin-left: 20px;list-style-type: disc;}
.card-content ul li       {list-style-type: disc;}
.card-title               {font-weight:900 !important;}
.project-item-title       {font-family:Arial,sans-serif;font-size:12pt !important;font-weight:900 !important;color:#000 !important;line-height:30px;}
.project-item-status      {font-family:Arial,sans-serif;font-size:10pt;font-weight:400;color:#757575;}
.project-item-status-label {color:#9e9e9e;}
.full-width-with-sidebar .card-content {min-height:325px;}
.material-label           {margin-bottom: 8px;}
.dropdown-content li      {overflow-x: hidden;min-height:24px;} .dropdown-content li>a, .dropdown-content li>span {font-size: 10pt;font-weight: normal;text-decoration: none;padding-top: 5px;padding-bottom: 5px;}
table                     {padding: 2px 2px 2px 2px; border-style: none; border-width: 1px 1px 1px 1px; border-color: #d3d3d3; font-size: 10px;  color: #555555; font-family: Helvetica Neue, Helvetica, Arial,sans-serif;}
th                        {font-size: 10pt; padding: 5px 5px 5px 5px; font-weight:bold; background-color: #DDDDDD;}
td                        {font-size: 11pt; border-color: #e3e3e3;}
td a                      {font-size: 11pt; cursor: pointer;}
.loading-indicator        {position:fixed !important;top:70px;left:0px;right:0px;z-index:1000;height:10px;} .loading-indicator .progress-wrapper {opacity:0.8 !important;} .progress {height:6px !important;}
.uploader-invisible       {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.scrollable               {overflow-y: scroll; height: 100%;}
.scrollable.withHeader    {overflow-y: scroll; height: calc(100% - 80px);}
.sidebar-frommapmenu td   {padding:0px;}
.sidebar table            {border-collapse: separate;}
.popupContent             {height:100%;}
.bottombar                {background-color: black;height:70px;width:100%;}
.video                    {display: block; margin-left: auto; margin-right: auto; background-color: #000000; width: 100%;}	
.video p                  {font-family: Helvetica; font-size: 14px; color: #666666; padding:20px;}
.video p a                {font-size: 14px;}
.black-text label         {color: #000 !important;}
.linenumber               {min-width:15px;display:inline-block;width:15px;color:#BBBBBB;}
.mdl-textfield .icon      {width:30px;float:left;margin-top:8px;}
.mdl-textfield .with-icon {width: calc(100% - 36px);float: right;}
#apparatus h2             {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}
#translation h2           {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}
#bibliography h2          {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}
#commentary h2            {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}

/* Fullscreen overlay container */
.rr-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

/* Hidden state */
.rr-overlay.is-hidden {
  display: none;
}

.rr-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

/* The “sheet” (card) that holds content */
.rr-sheet {
  position: relative;
  margin: auto;
  width: 75%;
  height: 85%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: white
}

/* Header / footer */
.rr-header, .rr-footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  gap: 12px;
}
.rr-header {padding-bottom:0px;}

.rr-title {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rr-body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 16px;
}

/* Optional: on very small screens, go true fullscreen */
@media (max-width: 640px) {
  .rr-sheet {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
}

.onlySmallScreens                   {display:none !important;}
@media (max-width: 440px) {
    .onlyWideScreens                {display:none !important;}
    .onlyMediumScreens              {display:none !important;}
    .onlySmallScreens               {display:block !important;}
    body                            {margin: 4px;}
    main.centered                   {width:95%;padding:10px;margin-left: 0px;margin-right: 0px;left:0px;}
    main.centered-with-sidebar      {width:95%;padding:10px;margin-left: 0px;margin-right: 0px;left:0px;}
    main.full-width-with-sidebar    {margin-left: 0px !important;margin-right: 0px !important;}
    article                         {margin: 10px;}
    article .buy                    {position:static;right:auto;float:right;margin-top:0px;}
    article .floatfigure            {float:none;margin-left:-30px!important;}
    .articleimage picture           {filter: blur(2px) brightness(110%) contrast(70%);}
    .articleimage figcaption        {display:none;}
    .logo                           {font-size: 20pt !important;}
    .logo a                         {font-size: 20pt !important;}
    h1                              {font-size: 30pt !important; line-height: 40px;}
    .searchbox                      {width:95%;margin:5px;}
    .highlightbar a                 {font-size: 11pt !important; font-stretch: semi-condensed;}
    .flow .size3x2                  {height: 80px; width: 285px;}     
    .flowheader                     {background-color:#FFFFFF; width:100%; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 10pt; font-weight: bold; color: #3d6f92; padding: 0px;}
    .flowheader a.tag               {float:right; margin-right: 10px;margin-top:5px;background-color:#FFFFFF;padding:4px;font-size:9pt;}
    .flowheader a.tag.red           {background-color:#FFFFFF;}
    .flowheader a.tag.green         {background-color:#FFFFFF;}
    .rrstep                         {padding-top:0px; padding-bottom:3px;}
    .ar-open                        {bottom: 0px;top: unset !important; left: 0px !important;right: 0px!important;width: 100% !important;height: 42px !important;margin:0px !important;border-radius: 25px 25px 0 0 !important;}
    .loading-indicator              {top:60px;left:3px;right:3px;width:auto;height:10px;}
    .share-container.large          {min-width: unset;}
    .share-container.large .share-qrcode {top:0px;width:150px;margin-left:-75px;margin-bottom:0px;} 
    .share-container.large .share-qrcode img {height:150px;width:150px;}
    .share-container.large h1       {font-size: 15pt !important;top:-25px;position:relative;}
}
@media (max-width: 700px) {
    td                              {padding-left:6px;padding-right:6px;}
    td ul                           {padding-left:6px;}
    .ol-control.xropen              {top:auto !important; bottom:200px; right:6px;}
    .ol-returntomap-control         {right:6px; bottom:20px;}
    .ol-mapmode-control             {top:auto !important; bottom:159px;right:6px;}
    .ol-location-control            {top:auto !important; bottom:118px; right:6px; }
    .ol-zoom                        {top:auto !important; bottom:45px;right:6px;}
    .ol-layers-control              {top:auto !important; bottom:45px; right:45px;}
    .ol-control.xropen.active       {bottom:20px;}
    .ol-control-xrcontrols          {position:absolute;bottom:165px;left:10px;right:10px;z-index:10}
    .ol-control-xrmode              {left:0px; right:unset;}
    .ol-control.cardboard           {opacity:85%;display:block;}
    .sidebar-main                   {left: 4px !important;right: 4px;width: unset !important;top: 4px !important;}
    .sidebar-info                   {width: 96% !important;top: 180px !important;left: 4px !important;}
    .sidebar-panel.maximum          {height: 100%;}
    .sidebar-panel.nearlymaximum    {height: auto;}
    .sidebar-borders.maximum        {bottom:4px;}
    .sidebar-borders.nearlymaximum  {bottom: auto;}    
    .sidebar-subpanel               {width: 100%;min-width:285px;}
    .sidebar-subpanel.header        {width: 96%;min-width:285px;}
    .sidebar-subpanel-steps         {margin-left:16px;margin-right:16px;width:auto;}
    .sidebar-highlight-featurepanel {margin-bottom:5px;min-height:30px;}
    .sidebar-highlight-featureimage {height: 75px; object-fit: cover; opacity:0.15; animation: fadeInQuarter 15s;}
    .sidebar-highlight-featuretitle {top: 8px;left:35px;right:95px;text-align:center;}
    .sidebar-highlight-description  {margin: 10px 40px 20px 10px;min-height:64px;}
    .sidebar-highlight-description2 {min-height:50px; margin-left:20px; margin-right: 50px; margin-top:20px; margin-bottom:20px;}
    .sidebar-highlight-details      {min-height:70px; margin-left:35px; margin-right:40px;}
    .sidebar-highlight-tagpanel     {height:auto;left:10px;top:38px;overflow-x:auto;white-space:nowrap;}
    .sidebar-highlight-userimage    {max-height: 200px;}    
    .sidebar-highlight-item         {margin-left:24px;margin-right:24px;}
    .rrstep.withimage .sidebar-highlight-item {margin-left:0px;margin-right:0px;}
    .sidebar-speech-button          {margin-left: 24px !important;}
    .sidebar-speech-button.overimage{margin-left: 24px !important;margin-top:20px !important;}  
    .rrstep p                       {margin-top:16px;}
    .rrstep .premium                {margin-left:28px !important;}
    .timeline-panel                 {width: 100%;}
    .dateeditor-border              {margin-left: -110px;}    
    .onlyWideScreens                {display:none;}
    .side-margins                   {margin: 0 5%;}
    .share-container.large          {min-width: unset;}
    .share-container.large .share-qrcode {top:0px;width:150px;margin-left:-75px;margin-bottom:0px;} 
    .share-container.large .share-qrcode img {height:150px;width:150px;}
    .share-container.large h1       {font-size: 18pt !important;top:-25px;position:relative;}
    .mdl-button--fixedmobile        {position: absolute !important; bottom: 30px; left: 20px; right: 20px; width: auto !important;}
    .rrpayment_description          {column-count:1;}
}
@media (max-height: 500px) and (min-width:550px){ /* mobile in landscape mode */
    html                            {height:100dvh !important;}
    body                            {height:100dvh !important;}
    #rrtimeline                     {height: 0px;overflow:hidden;transition-property: height;transition-duration: 200ms;transition-timing-function: ease-in-out;}
    #rrmap                          {background-color: black;}       
    #rrmap.ar                       {z-index: 1;top: unset !important;bottom: 0px !important;height: 0px;position: absolute;border-style: solid;border-color:white;transition-property: height,border;transition-duration: 1200ms;transition-timing-function: ease-in-out;}
    .rrblue_background              {background-color: black !important;}
    .sidebar-subpanel-steps         {margin-top:20px;margin-left:20px;margin-right:20px;width:90%;}
    .sidebar-highlight-featureimage {height: 75px; object-fit: cover; opacity:0.15; animation: fadeInQuarter 15s;}
    .sidebar-highlight-featuretitle {top: 8px;left:35px;right:65px;text-align:center;}
    .sidebar-highlight-contentpanel {height:100%;}
    .sidebar-highlight-tagpanel     {height:auto;left:10px;top:38px;overflow-x:auto;white-space:nowrap;}
    .gwt-DialogBox                  {top:20px !important;left:20% !important;width:60%;max-height: 450px;}
    .loading-indicator              {top:0px;}
    .ol-control.cardboard           {opacity:85%;display:block;position:relative;}
}

@media (max-width: 550px) {
    .timeline-panel                 {width: 100%; min-width: unset; position:fixed !important; padding-right:20px;z-index:5;}
    #rrmap.ar                       {z-index: 5;top: unset !important;bottom: -90px !important;height: 250px;position: absolute;border-top-left-radius: 200px;border-top-right-radius: 200px;border-style: solid;border-color:white;transition-property: height,border,border-top-left-radius,border-top-right-radius;transition-duration: 1200ms;transition-timing-function: ease-in-out;}
    #rrmap.ar .ol-zoom              {display:none;}
    article .floatfigure            {margin-left:0px;}
    .side-margins                   {margin: 0 2%;}
}    
@media (max-width: 800px) and (min-width:401px) {
    .onlyWideScreens                {display:none !important;}
    main.centered                   {width:98% !important;padding:10px;margin-left: 5px !important;margin-right: 5px !important;left:0px;}
    main.centered-with-sidebar      {width:98% !important;padding:10px;margin-left: 5px !important;margin-right: 5px !important;left:0px;}
    main.full-width-with-sidebar    {margin-left: 20px !important;margin-right: 20px !important;width:auto !important;}
    article                         {margin-left: 30px;margin-right: 30px;}
    article .buy                    {position:static;right:auto;float:right;margin-top:0px;}
    article .floatfigure            {float:none;}
    .articleimage picture           {filter: blur(1px) brightness(110%) contrast(70%);}
    .articleimage figcaption        {display:none;}
    .logo                           {font-size: 25pt !important;}
    .logo a                         {font-size: 25pt !important;}
}
@media (max-width: 800px) {
    #rrmap                          {background-color: black;}   
    .rrblue_background              {background-color: black !important;}
    .sidebar                        {display:none;animation: slide 0.3s;}
    .sidebar.open-from-side         {display:block;position:fixed;left:0px;top:70px;bottom:0px;box-shadow: #000 0px 0px 30px;animation: slideOutSidebar 0.3s;}
    .side-margins                   {margin: 0 5%;}
    .mdl-card--flex-row             {flex-direction: column !important;}
}

@media (max-width: 880px) {
    .ar-collage {
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }
    .ar-pair .before {
        display:none;
    }
}
      
@media (max-width: 950px) and (min-width:801px) {
    .full-width-with-sidebar .row .col.m6 {width: 100%;} /* act like m12 if pinched by a sidebar */
    .full-width-with-sidebar .row .col.m6 {width: 100%;} /* act like m12 if pinched by a sidebar */
    .side-margins                   {margin: 0 7%;}
}
@media (max-width: 1250px) and (min-width:990px) {
    .share-container.large {left: 5%;width: 90%;top: 30px;}
    .share-container.large .share-text.fixed {min-width: 50px;}
    .full-width-with-sidebar .row .col.l4 {width: 50%;} /* act like m6 if pinched by a sidebar */
    .full-width-with-sidebar .row .col.l8 {width: 50%;} /* act like m6 if pinched by a sidebar */
}

@media (min-width: 1100px) {
    main.centered.wide              {position: absolute; max-width:1000px; margin-left: -500px !important;left: 50%;}
}
@media (min-width: 1400px) {
    nav.toc                         {position: fixed;top:175px;right:0px;width: 170px;max-height: 80vh;overflow-y: auto;font-size:10pt;padding-top:10px;padding-bottom: 10px;background-color: rgba(255,255,255,0.6)}
    nav.toc h4                      {color: #000;}
    article                         {margin-right:100px;}
}
@media (max-width: 1000px) and (min-width:801px) {
    article                         {margin-left: 20px;margin-right: 20px;}
    .logo                           {font-size: 30pt !important;}
    .logo a                         {font-size: 30pt !important;}
}
@media (max-width: 1150px) and (min-width:801px) {
    main.centered                   {width:95% !important;padding:10px;margin-left: 20px !important;margin-right: 20px !important;left:0px;}
    main.centered-with-sidebar      {margin-left: 340px !important;margin-right: 20px !important;position:inherit;left:0px;width:auto !important;}
    main.full-width-with-sidebar    {margin-left: 340px !important;margin-right: 20px !important;position:inherit;left:0px;width:auto !important;}
}
@media (min-width: 1401px) {
    .below1400          {display:none !important;}
}
@media (min-width: 1051px) {
    .below1050          {display:none !important;}
}
@media (min-width: 951px) {
    .below950           {display:none !important;}
}
@media (min-width: 801px) {
    .below800           {display:none !important;}
}
@media (min-width: 600px) {
    .below600           {display:none !important;}
}
@media (max-width: 1050px) {
    .above1050          {display:none !important;}
}
@media (max-width: 950px) {
    .above950           {display:none !important;}
}
@media (max-width: 850px) {
    .above850           {display:none !important;}
}
@media (max-width: 800px) {
    .above800           {display:none !important;}
}
@media (max-width: 750px) {
    .above750           {display:none !important;}
}
@media (max-width: 650px) {
    .above650           {display:none !important;}
}
@media (max-width: 600px) {
    .above600           {display:none !important;}
}
@media (max-width: 550px) {
    .above550           {display:none !important;}
}
@media (max-width: 520px) {
    .above520           {display:none !important;}
}
@media (max-width: 500px) {
    .above500           {display:none !important;}
}
@media (max-width: 470px) {
    .above470           {display:none !important;}
}
@media (max-width: 450px) {
    .above450           {display:none !important;}
}
@media (max-width: 430px) {
    .above430           {display:none !important;}
}
@media (max-width: 400px) {
    .above400           {display:none !important;}
}
@media (min-width: 401px) {
    .below400           {display:none !important;}
}
@media (max-width: 380px) {
    .above380           {display:none !important;}
}
@media (max-width: 350px) {
    .above350           {display:none !important;}
}
@keyframes slideOutSidebar {
    0%   { left: -300px; }
    100% { left: 0px; }
}
@keyframes slideClosedSidebar {
    0%   { left: 0px; }
    100% { left: -300px; }
}
@keyframes fadeIn {
    from {opacity:0;}
    to   {opacity:1;}
}
@keyframes pauseThenFadeIn {
    0%   {opacity:0;}
    50%  {opacity:0;}
    100% {opacity:1;}
}
@keyframes fadeInHalf {
    from {opacity:0;}
    to   {opacity:0.5;}
}
@keyframes fadeInQuarter {
    from {opacity:0;}
    to   {opacity:0.25;}
}
@keyframes placeholderAnimate {
    0%   {background-position: -650px 0; }
    100% {background-position: 650px 0; }
}
@keyframes fadeToWhite {
    from {background-color: #FFFF77;}
    to   {background-color: #FAFAFA;}
}

/* Inherited from MaterialIcons.css */

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

/* Inherited from GWT standard.css */
body {
  color: black;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background: #fff;
  direction: ltr;
}
a, a:visited, a:hover {
  color: #0000AA;
}
.gwt-Button {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
/*  background: url("images/hborder.png") repeat-x 0px -27px;*/
  border: 1px outset #ccc;
}
.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
/* Inherited from GWT Material Design */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/lib/org.runningreality.Map/font/material-icons/MaterialIcons-Regular.ttf) format('truetype');
    font-display: swap
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}
* html,body {
    margin: 0!important;
    padding: 0!important;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: no-repeat fixed;
    line-height: 1.5;
    font-family: sans-serif;
    font-weight: normal;
    color: rgba(0,0,0,0.87)
}

* {
    outline: 0
}

html,body {
    width: 100%;
    height: 100%
}
html {
    line-height: 1.5;
    font-family: sans-serif;
    font-weight: normal;
    color: rgba(0,0,0,0.87)
}
textarea {
    width: 100%;
    height: 3rem;
    background-color: transparent
}

textarea.materialize-textarea {
    overflow-y: hidden;
    padding: 1.6rem 0;
    resize: none;
    min-height: 3rem
}

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem
}
body[dir="rtl"] .row .col {
    float: right
}
button:focus {
    outline: 0;
    background-color: #55aef6
}

label {
    font-size: .8rem;
    color: #9e9e9e
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    line-height: 1.1
}
h2 {
    font-size: 3.56rem;
    line-height: 110%;
    margin: 1.78rem 0 1.424rem 0
}
a {
    text-decoration: none
}
.btn,.btn-large,.btn-flat {
    border: 0;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}
.btn,.btn-large {
    text-decoration: none;
    color: #fff;
    background-color: #42a5f5;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer
}

.btn:hover,.btn-large:hover {
    background-color: #5ab1f6
}
.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    background-color: #42a5f5;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}
button.btn-floating {
    border: 0;
}
.btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 37px;
}
button:focus {
    outline: 0;
    background-color: #55aef6
}
i.left {
    float: left;
    margin-right: 15px;
}
::-webkit-input-placeholder {
    color: #d1d1d1
}
ul {
    padding: 0
}

ul li {
    list-style-type: none
}
table,th,td {
    border: 0
}
.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}
textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}
.modal.modal-fixed-footer {
    padding: 0;
    height: 70%;
}
.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
}
.modal.rr-role-details-dialog {
    max-height: 80%;
}
@media only screen and (max-width: 992px) {.modal {width: 80%; } }

.modal h1, .modal h2, .modal h3, .modal h4 {    margin-top: 0; }
.modal .modal-close {    cursor: pointer; }
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    float: right;
    margin: 6px 0; }

.z-depth-4, .modal {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
}
.modal .modal-content {
    padding: 24px;
}
.modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
}
.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
}
.modal .input-field.outlined label.active,
.modal .input-field.outlined .select-wrapper + label,
.modal .input-field.outlined input:-webkit-autofill + label {  background-color: #fafafa; }
.modal.fullscreen, .modal.modal-fixed-footer.fullscreen {
  width: 100%;
  max-height: 100%;
  height: 100%;
  top: 0 !important; 
}
.modal h1, .modal h2, .modal h3, .modal h4 {
    font-family: sans-serif !important;
    margin-top: 0;
}
h4 {
    font-size: 2.28rem;
    line-height: 110%;
    margin: 1.14rem 0 .912rem 0;
}
.lean-overlay {
    position: fixed;
    z-index: 999;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    display: none;
    will-change: opacity;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
}

html {
    box-sizing: border-box;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}
*,*:before,*:after {
    box-sizing: inherit
}

ul {
    list-style-type: none
}
.valign-wrapper {
    display: flex;
    align-items: center
}
table {
    width: 100%;
    display: table
}
td,th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px
}
a {
    color: #039be5;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}
a:hover,a:visited {
    color: none!important;
    text-decoration: none!important
}
a span {
    vertical-align: middle
}
div {
    -webkit-font-smoothing: antialiased
}
.left {
    float: left!important
}
.right {
    float: right!important
}
img {
    border: 0
}
.material-label {
    display: block
}
.material-icons {
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga'
}
.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}
button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}
.btn, .btn-large {
    text-decoration: none;
    color: #fff;
    background-color: #42a5f5;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
}
.btn, .btn-large, .btn-flat {
    border: 0;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}
.button-collapse[tabindex]:after,i[tabindex]:after,.tabs .tab a[tabindex]:before,button[tabindex]:before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,0.2);
    border-radius: 100%!important;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    -webkit-animation: breathing 1.5s ease-out infinite normal;
    animation: breathing 1.5s ease-out infinite normal;
    opacity: 0;
    transition: 400ms
}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit;
}
i.left {
    float: left;
    margin-right: 15px;
}
.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}
 .input-field input[type=search] + label {
    z-index: 998 !important; }
@media screen and (max-width: 768px) {
  .input-field input:not([type]),
  .input-field input[type=text],
  .input-field input[type=password],
  .input-field input[type=email],
  .input-field input[type=url],
  .input-field input[type=time],
  .input-field input[type=date],
  .input-field input[type=datetime-local],
  .input-field input[type=tel],
  .input-field input[type=number],
  .input-field input[type=search],
  .input-field textarea.materialize-textarea {
    font-size: 16px; } }
input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: 0;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all .3s
}
input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #42a5f5;
    box-shadow: 0 1px 0 0 #42a5f5
}
input:not([type]):focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label {
    color: #42a5f5
}
.input-field.outlined.combobox .select2-container--open .select2-selection {
  border: 2px solid #1a73e8;
  box-shadow: none; }
.input-field.combobox .select2-container--focus .select2-selection {
  border-bottom: 1px solid #1a73e8;
  box-shadow: 0 1px 0 0 #1a73e8; }

.input-field.outlined.combobox .select2-container--focus .select2-selection {
  border: 2px solid #1a73e8;
  box-shadow: none; }
.input-field {
  position: relative;
  margin-top: 1rem; }
.input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 0.8rem;
    left: 0.75rem;
    font-size: 1rem;
    cursor: text;
    transition: .2s ease-out; }
.input-field label.active {
    font-size: 0.8rem;
    transform: translateY(-140%); }
.input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    transition: color .2s; }
.input-field .prefix.active {
        color: #42a5f5;
    }
.input-field .prefix ~ input,
.input-field .prefix ~ textarea {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem); }
  .input-field .prefix ~ textarea {
    padding-top: .8rem; }
  .input-field .prefix ~ label {
    margin-left: 3rem; }
  @media only screen and (max-width: 992px) {
    .input-field .prefix ~ input {
      width: 86%;
      width: calc(100% - 3rem); } }
  @media only screen and (max-width: 600px) {
    .input-field .prefix ~ input {
      width: 80%;
      width: calc(100% - 3rem); } }

.input-field input[type=search] {
  display: block;
  line-height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem); }
  .input-field input[type=search]:focus {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    color: #444; }
    .input-field input[type=search]:focus + label i,
    .input-field input[type=search]:focus ~ .mdi-navigation-close,
    .input-field input[type=search]:focus ~ .material-icons {
      color: #444; }
  .input-field input[type=search] + label {
    left: 1rem; }
  .input-field input[type=search] ~ .mdi-navigation-close,
  .input-field input[type=search] ~ .material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    transition: .3s color; }

.button-collapse[tabindex],i[tabindex],button[tabindex],.tabs .tab a[tabindex] {
    overflow: hidden;
    position: relative
}
html input[type="button"],button,input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
input:not([type])+label:after,input[type=text]+label:after,input[type=password]+label:after,input[type=email]+label:after,input[type=url]+label:after,input[type=time]+label:after,input[type=date]+label:after,input[type=datetime-local]+label:after,input[type=tel]+label:after,input[type=number]+label:after,input[type=search]+label:after,textarea.materialize-textarea+label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out,.2s color ease-out
}

.input-field {
    position: relative;
    margin-top: 1rem
}

.input-field label {
    color: #9e9e9e;
    position: absolute;
    top: .8rem;
    left: .75rem;
    font-size: 1rem;
    cursor: text;
    transition: .2s ease-out
}
.input-field label {
    left: 0!important
}
.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: white;
    border-radius: 2px;
    margin: .5rem 0 1rem 0;
    overflow: hidden
}
.progress .indeterminate {
    background-color: #42a5f5
}

.progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left,right;
    animation: indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite
}

.progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left,right;
    animation: indeterminate-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;
    animation-delay: 1.15s
}
.progress-wrapper {
    top: 0;
    position: fixed;
    z-index: 999;
    width: 100%
}
.progress {
    background-color: #ebeef1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all
}

.progress div {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    background-color: #42a5f5
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }
form p {
  margin-bottom: 10px;
  text-align: left; }

form p:last-child {
  margin-bottom: 0; }

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
  [type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s; }
  [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #1a73e8;
  border-bottom: 2px solid #1a73e8;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #1a73e8;
  border-bottom: none;
  transform: rotate(90deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #1a73e8;
  background-color: #1a73e8;
  z-index: 0; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }

/***************
     Switch
***************/
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.switch label {
  cursor: pointer; }

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0; }

.switch label input[type=checkbox]:checked + .lever {
  background-color: #9dbce4; }

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #1a73e8; }

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #818181;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px; }

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #F1F1F1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(26, 115, 232, 0.1); }

input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }

.switch label input[type=checkbox]:checked + .lever:after {
  left: 24px; }

.switch input[type=checkbox][disabled] + .lever {
  cursor: default; }

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD; }
.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem
}
.blue {
    background-color: #2196f3!important
}
.black {
    background-color: #000!important
}
.black-text {
    color: #000!important
}
.white {
    background-color: #fff!important
}
.white-text {
    color: #fff!important
}
.grey-text {
  color: #9e9e9e !important; 
}

@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important; } }

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important; } }

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important; } }

@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important; } }

@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important; } }

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important; } }

@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center; } }
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }
  .row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 0.75rem; }
    .row .col[class*="push-"], .row .col[class*="pull-"] {
      position: relative; }
    .row .col.s1 {
      width: 8.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s2 {
      width: 16.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s3 {
      width: 25%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s4 {
      width: 33.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s5 {
      width: 41.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s6 {
      width: 50%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s7 {
      width: 58.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s8 {
      width: 66.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s9 {
      width: 75%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s10 {
      width: 83.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s11 {
      width: 91.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s12 {
      width: 100%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.offset-s1 {
      margin-left: 8.33333%; }
    .row .col.pull-s1 {
      right: 8.33333%; }
    .row .col.push-s1 {
      left: 8.33333%; }
    .row .col.offset-s2 {
      margin-left: 16.66667%; }
    .row .col.pull-s2 {
      right: 16.66667%; }
    .row .col.push-s2 {
      left: 16.66667%; }
    .row .col.offset-s3 {
      margin-left: 25%; }
    .row .col.pull-s3 {
      right: 25%; }
    .row .col.push-s3 {
      left: 25%; }
    .row .col.offset-s4 {
      margin-left: 33.33333%; }
    .row .col.pull-s4 {
      right: 33.33333%; }
    .row .col.push-s4 {
      left: 33.33333%; }
    .row .col.offset-s5 {
      margin-left: 41.66667%; }
    .row .col.pull-s5 {
      right: 41.66667%; }
    .row .col.push-s5 {
      left: 41.66667%; }
    .row .col.offset-s6 {
      margin-left: 50%; }
    .row .col.pull-s6 {
      right: 50%; }
    .row .col.push-s6 {
      left: 50%; }
    .row .col.offset-s7 {
      margin-left: 58.33333%; }
    .row .col.pull-s7 {
      right: 58.33333%; }
    .row .col.push-s7 {
      left: 58.33333%; }
    .row .col.offset-s8 {
      margin-left: 66.66667%; }
    .row .col.pull-s8 {
      right: 66.66667%; }
    .row .col.push-s8 {
      left: 66.66667%; }
    .row .col.offset-s9 {
      margin-left: 75%; }
    .row .col.pull-s9 {
      right: 75%; }
    .row .col.push-s9 {
      left: 75%; }
    .row .col.offset-s10 {
      margin-left: 83.33333%; }
    .row .col.pull-s10 {
      right: 83.33333%; }
    .row .col.push-s10 {
      left: 83.33333%; }
    .row .col.offset-s11 {
      margin-left: 91.66667%; }
    .row .col.pull-s11 {
      right: 91.66667%; }
    .row .col.push-s11 {
      left: 91.66667%; }
    .row .col.offset-s12 {
      margin-left: 100%; }
    .row .col.pull-s12 {
      right: 100%; }
    .row .col.push-s12 {
      left: 100%; }
    @media only screen and (min-width: 601px) {
      .row .col.m1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.offset-m1 {
        margin-left: 8.33333%; }
      .row .col.pull-m1 {
        right: 8.33333%; }
      .row .col.push-m1 {
        left: 8.33333%; }
      .row .col.offset-m2 {
        margin-left: 16.66667%; }
      .row .col.pull-m2 {
        right: 16.66667%; }
      .row .col.push-m2 {
        left: 16.66667%; }
      .row .col.offset-m3 {
        margin-left: 25%; }
      .row .col.pull-m3 {
        right: 25%; }
      .row .col.push-m3 {
        left: 25%; }
      .row .col.offset-m4 {
        margin-left: 33.33333%; }
      .row .col.pull-m4 {
        right: 33.33333%; }
      .row .col.push-m4 {
        left: 33.33333%; }
      .row .col.offset-m5 {
        margin-left: 41.66667%; }
      .row .col.pull-m5 {
        right: 41.66667%; }
      .row .col.push-m5 {
        left: 41.66667%; }
      .row .col.offset-m6 {
        margin-left: 50%; }
      .row .col.pull-m6 {
        right: 50%; }
      .row .col.push-m6 {
        left: 50%; }
      .row .col.offset-m7 {
        margin-left: 58.33333%; }
      .row .col.pull-m7 {
        right: 58.33333%; }
      .row .col.push-m7 {
        left: 58.33333%; }
      .row .col.offset-m8 {
        margin-left: 66.66667%; }
      .row .col.pull-m8 {
        right: 66.66667%; }
      .row .col.push-m8 {
        left: 66.66667%; }
      .row .col.offset-m9 {
        margin-left: 75%; }
      .row .col.pull-m9 {
        right: 75%; }
      .row .col.push-m9 {
        left: 75%; }
      .row .col.offset-m10 {
        margin-left: 83.33333%; }
      .row .col.pull-m10 {
        right: 83.33333%; }
      .row .col.push-m10 {
        left: 83.33333%; }
      .row .col.offset-m11 {
        margin-left: 91.66667%; }
      .row .col.pull-m11 {
        right: 91.66667%; }
      .row .col.push-m11 {
        left: 91.66667%; }
      .row .col.offset-m12 {
        margin-left: 100%; }
      .row .col.pull-m12 {
        right: 100%; }
      .row .col.push-m12 {
        left: 100%; } }
    @media only screen and (min-width: 993px) {
      .row .col.l1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.offset-l1 {
        margin-left: 8.33333%; }
      .row .col.pull-l1 {
        right: 8.33333%; }
      .row .col.push-l1 {
        left: 8.33333%; }
      .row .col.offset-l2 {
        margin-left: 16.66667%; }
      .row .col.pull-l2 {
        right: 16.66667%; }
      .row .col.push-l2 {
        left: 16.66667%; }
      .row .col.offset-l3 {
        margin-left: 25%; }
      .row .col.pull-l3 {
        right: 25%; }
      .row .col.push-l3 {
        left: 25%; }
      .row .col.offset-l4 {
        margin-left: 33.33333%; }
      .row .col.pull-l4 {
        right: 33.33333%; }
      .row .col.push-l4 {
        left: 33.33333%; }
      .row .col.offset-l5 {
        margin-left: 41.66667%; }
      .row .col.pull-l5 {
        right: 41.66667%; }
      .row .col.push-l5 {
        left: 41.66667%; }
      .row .col.offset-l6 {
        margin-left: 50%; }
      .row .col.pull-l6 {
        right: 50%; }
      .row .col.push-l6 {
        left: 50%; }
      .row .col.offset-l7 {
        margin-left: 58.33333%; }
      .row .col.pull-l7 {
        right: 58.33333%; }
      .row .col.push-l7 {
        left: 58.33333%; }
      .row .col.offset-l8 {
        margin-left: 66.66667%; }
      .row .col.pull-l8 {
        right: 66.66667%; }
      .row .col.push-l8 {
        left: 66.66667%; }
      .row .col.offset-l9 {
        margin-left: 75%; }
      .row .col.pull-l9 {
        right: 75%; }
      .row .col.push-l9 {
        left: 75%; }
      .row .col.offset-l10 {
        margin-left: 83.33333%; }
      .row .col.pull-l10 {
        right: 83.33333%; }
      .row .col.push-l10 {
        left: 83.33333%; }
      .row .col.offset-l11 {
        margin-left: 91.66667%; }
      .row .col.pull-l11 {
        right: 91.66667%; }
      .row .col.push-l11 {
        left: 91.66667%; }
      .row .col.offset-l12 {
        margin-left: 100%; }
      .row .col.pull-l12 {
        right: 100%; }
      .row .col.push-l12 {
        left: 100%; } }
/* Inherited from Material Design Lite (MDL) */
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
textarea{
    resize:vertical
}
.hidden{
    display:none!important
}
.invisible{
    visibility:hidden
}
address,ul,ol{
    font-weight:400;
    letter-spacing:0
}
ul,ol{
    font-size:14px;
    line-height:24px
}
audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}
article .meta {
  box-sizing: border-box;
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: auto;
}
.mdl-data-table{
    position:relative;
    border:1px solid rgba(0,0,0,.12);
    border-collapse:collapse;
    white-space:nowrap;
    font-size:13px;
    background-color:#fff
}
.mdl-data-table thead{
    padding-bottom:3px
}
.mdl-data-table thead .mdl-data-table__select{
    margin-top:0
}
.mdl-data-table tbody tr{
    position:relative;
    height:48px;
    -webkit-transition-duration:.28s;
    transition-duration:.28s;
    -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    -webkit-transition-property:background-color;
    transition-property:background-color
}
.mdl-data-table tbody tr.is-selected{
    background-color:#e0e0e0
}
.mdl-data-table tbody tr:hover{
    background-color:#eee
}
.mdl-data-table td{
    text-align:right
}
.mdl-data-table th{
    padding:0 18px 0 18px;
    text-align:right
}
.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{
    padding-left:24px
}
.mdl-data-table td:last-of-type,.mdl-data-table th:last-of-type{
    padding-right:24px;
}
.mdl-data-table td{
    position:relative;
    vertical-align:top;
    height:48px;
    border-top:1px solid rgba(0,0,0,.12);
    border-bottom:1px solid rgba(0,0,0,.12);
    padding:12px 18px 0;
    box-sizing:border-box;
}
.mdl-data-table td .mdl-data-table__select{
    vertical-align:top;
    position:absolute;
    left:24px
}
.mdl-data-table th{
    position:relative;
    vertical-align:bottom;
    text-overflow:ellipsis;
    font-weight:700;
    line-height:24px;
    letter-spacing:0;
    height:48px;
    font-size:12px;
    color:rgba(0,0,0,.54);
    padding-bottom:8px;
    box-sizing:border-box
}
.mdl-data-table th .mdl-data-table__select{
    position:absolute;
    bottom:8px;
    left:24px
}
.mdl-data-table__select{
    width:16px
}
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric{
    text-align:left
}
.mdl-button{
    color: black;
    background-color: white;
    border:none;
    border-radius:2px;
    position:relative;
    height:36px;
    min-width:64px;
    padding:0 8px;
    display:inline-block;
    font-family:"Roboto","Helvetica","Arial",sans-serif;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:0;
    overflow:hidden;
    will-change:box-shadow,transform;
    -webkit-transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline:none;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    line-height:36px;
    vertical-align:middle
}
.mdl-button::-moz-focus-inner{
    border:0
}
.mdl-button:hover{
    background-color:rgba(158,158,158,.2)
}
.mdl-button:focus:not(:active){
    background-color:rgba(0,0,0,.12)
}
.mdl-button:active{
    background-color:rgba(158,158,158,.4)
}
.mdl-button.mdl-button--colored{
    color:rgb(3,169,244)
}
.mdl-button.mdl-button--colored:focus:not(:active){
    background-color:rgba(0,0,0,.12)
}
input.mdl-button[type="submit"]{
    -webkit-appearance:none
}
.mdl-button--raised{
    background:rgba(158,158,158,.2);
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.mdl-button--raised:active{
    box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
    background-color:rgba(158,158,158,.4)
}
.mdl-button--raised:focus:not(:active){
    box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);
    background-color:rgba(158,158,158,.4)
}
.mdl-button--raised.mdl-button--colored{
    background:rgb(3,169,244);
    color:rgb(66,66,66)
}
.mdl-button--raised.mdl-button--colored:hover{
    background-color:rgb(3,169,244)
}
.mdl-button--raised.mdl-button--colored:active{
    background-color:rgb(3,169,244)
}
.mdl-button--raised.mdl-button--colored:focus:not(:active){
    background-color:rgb(3,169,244)
}
.mdl-button--raised.mdl-button--colored .mdl-ripple{
    background:rgb(66,66,66)
}
.mdl-button--icon{
    border-radius:50%;
    font-size:24px;
    height:32px;
    margin-left:0;
    margin-right:0;
    min-width:32px;
    width:32px;
    padding:0;
    overflow:hidden;
    color:inherit;
    line-height:normal
}
.mdl-button--icon .material-icons{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-12px,-12px);
    -ms-transform:translate(-12px,-12px);
    transform:translate(-12px,-12px);
    line-height:24px;
    width:24px
}
.mdl-button--icon.mdl-button--mini-icon{
    height:24px;
    min-width:24px;
    width:24px
}
.mdl-button--icon.mdl-button--mini-icon .material-icons{
    top:0;
    left:0
}
.mdl-button--icon .mdl-button__ripple-container{
    border-radius:50%;
    -webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)
}
.mdl-button__ripple-container{
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0;
    overflow:hidden
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple{
    background-color:transparent
}
.mdl-button--primary.mdl-button--primary{
    color:rgb(3,169,244)
}
.mdl-button--primary.mdl-button--primary .mdl-ripple{
    background:rgb(66,66,66)
}
.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab{
    color:rgb(66,66,66);
    background-color:rgb(3,169,244)
}
.mdl-button--accent.mdl-button--accent{
    color:rgb(255,255,0)
}
.mdl-button--accent.mdl-button--accent .mdl-ripple{
    background:rgb(66,66,66)
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab{
    color:rgb(66,66,66);
    background-color:rgb(255,255,0)
}
.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled{
    color:rgba(0,0,0,.26);
    cursor:auto;
    background-color:transparent
}
.mdl-button--fab[disabled][disabled],.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled{
    background-color:rgba(0,0,0,.12);
    color:rgba(0,0,0,.26);
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.mdl-button--colored[disabled][disabled],.mdl-button--colored.mdl-button--disabled.mdl-button--disabled{
    color:rgba(0,0,0,.26)
}
.mdl-button .material-icons {
    vertical-align:middle
}
/* Reusable quiet button; uses the bundled MDL CSS without requiring MDL JavaScript. */
.mdl-button.mdl-button--subtle {box-sizing:border-box;min-width:0;max-width:100%;min-height:36px;height:auto;padding:3px 8px;border:1px solid #dbe3e6;border-radius:10px;background-color:var(--button-background,#f4f7f7);color:var(--button-color,#202c33) !important;font:inherit;line-height:20px;text-transform:none;white-space:normal;overflow-wrap:anywhere;will-change:auto;}
.mdl-button.mdl-button--subtle:hover,.mdl-button.mdl-button--subtle:focus:not(:active),.mdl-button.mdl-button--subtle:active {background-color:var(--button-background,#f4f7f7);}
.mdl-button.mdl-button--subtle:hover:not(:disabled) {border-color:#b8c7cf;filter:brightness(.98);}
.mdl-button.mdl-button--subtle:active:not(:disabled) {box-shadow:inset 0 1px 3px rgba(32,60,77,.12);}
.mdl-button.mdl-button--subtle:focus-visible {outline:2px solid #225f79;outline-offset:-2px;}
.mdl-button.mdl-button--subtle:disabled {opacity:.55;}
.mdl-button.mdl-button--subtle.sidebar-tag {margin:3px 2px;max-width:calc(100% - 4px);}
.mdl-button--subtle.sidebar-tag:is(.highlight,.project,.lesson,.research) {padding-left:22px;}
@media(pointer:coarse) {.mdl-button.mdl-button--subtle {min-height:44px;}}
.mdl-card {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:16px;
    font-weight:400;
    min-height:200px;/* overflow:hidden; */
    width:330px;
    z-index:1;
    position:relative;
    background:#fff;
    border-radius:2px;
    box-sizing:border-box
}
.mdl-card__title {padding:16px;padding-bottom: 0px;}
.mdl-card__title-text {/* -webkit-align-self:flex-end; */
    -ms-flex-item-align:end;
    align-self:flex-end;
    color:inherit;
    display:block;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:24px;
    font-weight:300;
    line-height:normal;
    overflow:hidden;
    -webkit-transform-origin:149px 48px;
    -ms-transform-origin:149px 48px;
    transform-origin:149px 48px;
    margin:0
}
.mdl-card__supporting-text {
    color:#555555;
    font-size:12pt;
    line-height:24px;
    overflow:hidden;
    padding:16px;
    width:90%;
    flex-grow: 1;
}
.mdl-card__media {}
.mdl-card__media img {width:100%;}
.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  padding: 8px;
  box-sizing: border-box;
}
.mdl-card--border {border-top: 1px solid rgba(0,0,0,.1);}
.mdl-grid {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    margin:0 auto;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.mdl-grid.mdl-grid--no-spacing{
    padding:0
}
.mdl-cell{
    box-sizing:border-box
}
.mdl-shadow--2dp{
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.mdl-shadow--3dp{
    box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)
}
.mdl-shadow--4dp{
    box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)
}
.mdl-shadow--6dp{
    box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.mdl-shadow--8dp{
    box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
}
.mdl-shadow--16dp{
    box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}
@media (max-width:479px){
    .mdl-grid{
        padding:8px
    }
    .mdl-cell{
        margin:8px;
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell{
        width:100%
    }
    .mdl-cell--hide-phone{
        display:none!important
    }
    .mdl-cell--1-col,.mdl-cell--1-col-phone.mdl-cell--1-col-phone{
        width:calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone{
        width:25%
    }
    .mdl-cell--2-col,.mdl-cell--2-col-phone.mdl-cell--2-col-phone{
        width:calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone{
        width:50%
    }
    .mdl-cell--3-col,.mdl-cell--3-col-phone.mdl-cell--3-col-phone{
        width:calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone{
        width:75%
    }
    .mdl-cell--4-col,.mdl-cell--4-col-phone.mdl-cell--4-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone{
        width:100%
    }
    .mdl-cell--5-col,.mdl-cell--5-col-phone.mdl-cell--5-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone{
        width:100%
    }
    .mdl-cell--6-col,.mdl-cell--6-col-phone.mdl-cell--6-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone{
        width:100%
    }
    .mdl-cell--7-col,.mdl-cell--7-col-phone.mdl-cell--7-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone{
        width:100%
    }
    .mdl-cell--8-col,.mdl-cell--8-col-phone.mdl-cell--8-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone{
        width:100%
    }
    .mdl-cell--9-col,.mdl-cell--9-col-phone.mdl-cell--9-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone{
        width:100%
    }
    .mdl-cell--10-col,.mdl-cell--10-col-phone.mdl-cell--10-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone{
        width:100%
    }
    .mdl-cell--11-col,.mdl-cell--11-col-phone.mdl-cell--11-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone{
        width:100%
    }
    .mdl-cell--12-col,.mdl-cell--12-col-phone.mdl-cell--12-col-phone{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone{
        width:100%
    }
}
@media (min-width:480px) and (max-width:839px){
    .mdl-grid{
        padding:8px
    }
    .mdl-cell{
        margin:8px;
        width:calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell{
        width:50%
    }
    .mdl-cell--hide-tablet{
        display:none!important
    }
    .mdl-cell--1-col,.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{
        width:calc(12.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{
        width:12.5%
    }
    .mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{
        width:calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{
        width:25%
    }
    .mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{
        width:calc(37.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{
        width:37.5%
    }
    .mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{
        width:calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{
        width:50%
    }
    .mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{
        width:calc(62.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{
        width:62.5%
    }
    .mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{
        width:calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{
        width:75%
    }
    .mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{
        width:calc(87.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{
        width:87.5%
    }
    .mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{
        width:100%
    }
    .mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{
        width:100%
    }
    .mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{
        width:100%
    }
    .mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{
        width:100%
    }
    .mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{
        width:100%
    }
}
@media (min-width:840px){
    .mdl-grid{
        padding:8px
    }
    .mdl-cell{
        margin:8px;
        width:calc(33.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell{
        width:33.3333333333%
    }
    .mdl-cell--hide-desktop{
        display:none!important
    }
    .mdl-cell--1-col,.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{
        width:calc(8.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{
        width:8.3333333333%
    }
    .mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{
        width:calc(16.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{
        width:16.6666666667%
    }
    .mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
        width:calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
        width:25%
    }
    .mdl-cell--4-col,.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{
        width:calc(33.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{
        width:33.3333333333%
    }
    .mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{
        width:calc(41.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{
        width:41.6666666667%
    }
    .mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{
        width:calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{
        width:50%
    }
    .mdl-cell--7-col,.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{
        width:calc(58.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{
        width:58.3333333333%
    }
    .mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{
        width:calc(66.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{
        width:66.6666666667%
    }
    .mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{
        width:calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{
        width:75%
    }
    .mdl-cell--10-col,.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{
        width:calc(83.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{
        width:83.3333333333%
    }
    .mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{
        width:calc(91.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{
        width:91.6666666667%
    }
    .mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{
        width:100%
    }
}
.mdl-switch{position:relative;z-index:1;vertical-align:middle;display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0px 28px;overflow:visible;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mdl-switch.is-upgraded{padding-left:28px}
.mdl-switch__input{line-height:24px}
.mdl-switch.is-upgraded .mdl-switch__input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}
.mdl-switch__track{background:rgba(0,0,0,.26);position:absolute;left:0;top:5px;height:14px;width:36px;border-radius:14px;cursor:pointer}
.mdl-switch.is-checked .mdl-switch__track{background:rgba(3,169,244,.5)}
.mdl-switch.is-disabled .mdl-switch__track{background:rgba(0,0,0,.12);cursor:auto}
.mdl-switch__thumb{background:#fafafa;position:absolute;left:0;top:2px;height:20px;width:20px;border-radius:50%;cursor:pointer;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition-duration:.28s;transition-duration:.28s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-property:left;transition-property:left}
.mdl-switch.is-checked .mdl-switch__thumb{background:rgb(3,169,244);left:16px;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}
.mdl-switch.is-disabled .mdl-switch__thumb{background:#bdbdbd;cursor:auto}
.mdl-switch__focus-helper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-4px,-4px);-ms-transform:translate(-4px,-4px);transform:translate(-4px,-4px);display:inline-block;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background-color:transparent}
.mdl-switch.is-focused .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}
.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(3,169,244,.26);background-color:rgba(3,169,244,.26)}
.mdl-switch__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0;left:24px}
.mdl-switch.is-disabled .mdl-switch__label{color:#bdbdbd;cursor:auto}
.mdl-switch__ripple-container{position:absolute;z-index:2;top:-12px;left:-14px;box-sizing:border-box;width:48px;height:48px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000);-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:step-end;transition-timing-function:step-end;-webkit-transition-property:left;transition-property:left}
.mdl-switch__ripple-container .mdl-ripple{background:rgb(3,169,244)}
.mdl-switch.is-disabled .mdl-switch__ripple-container{cursor:auto}
.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple{background:0 0}
.mdl-switch.is-checked .mdl-switch__ripple-container{cursor:auto;left:2px}

:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}

.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ol-scale-bar-inner {
  display: flex;
}

.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}

.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}

.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}

.ol-unsupported {
  display: none;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}

.ol-viewport {
  touch-action: pan-x pan-y;
}

.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}

.ol-zoom {
  top: .5em;
  left: .5em;
}

.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}

.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}

.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.ol-zoom-extent button {
  line-height: 1.4em;
}

.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}

.ol-touch .ol-control button {
  font-size: 1.5em;
}

.ol-touch .ol-zoom-extent {
  top: 5.5em;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}

.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}

.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}

.ol-attribution li {
  display: inline;
  list-style: none;
}

.ol-attribution li:not(:last-child):after {
  content: " ";
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}

.ol-attribution button {
  flex-shrink: 0;
}

.ol-attribution.ol-collapsed ul {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}

.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}

.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}

.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}

.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}

.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

/* Orientation permission and sensor-restart prompt. */
.gwt-DialogBox.rr-orientation-dialog {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 400px !important;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  overflow: auto;
  z-index: 10001;
  border: 0;
  border-radius: 12px;
  background: #fff;
  color: rgba(0, 0, 0, .87);
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2),
              0 24px 38px 3px rgba(0, 0, 0, .14),
              0 9px 46px 8px rgba(0, 0, 0, .12);
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}

.rr-orientation-dialog-glass {
  z-index: 10000;
  background: #000;
  opacity: .36;
}

.rr-orientation-dialog > table,
.rr-orientation-dialog .dialogMiddleCenter > table {
  width: 100%;
  border-collapse: collapse;
}

.rr-orientation-dialog .dialogTopLeft,
.rr-orientation-dialog .dialogTopCenter,
.rr-orientation-dialog .dialogTopRight,
.rr-orientation-dialog .dialogMiddleLeft,
.rr-orientation-dialog .dialogMiddleRight,
.rr-orientation-dialog .dialogBottomLeft,
.rr-orientation-dialog .dialogBottomCenter,
.rr-orientation-dialog .dialogBottomRight {
  display: none !important;
}

.rr-orientation-dialog .dialogMiddleCenter {
  padding: 0 !important;
  background: #fff !important;
}

.rr-orientation-dialog-content {
  width: 100%;
  table-layout: fixed;
}

.gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-title {
  box-sizing: border-box;
  padding: 24px 24px 0;
  color: rgba(0, 0, 0, .87);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
}

.gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-message {
  box-sizing: border-box;
  padding: 12px 24px 8px;
  color: rgba(0, 0, 0, .68);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-action {
  float: right;
  box-sizing: border-box;
  width: auto;
  min-width: 120px;
  height: 40px;
  margin: 12px 16px 16px;
  padding: 0 18px;
  border: 0;
  border-radius: 4px;
  background: #1976d2;
  color: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .24);
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-action:hover {
  background: #1565c0;
}

.gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-action:active {
  background: #0d47a1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .24);
}

.gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-action:focus {
  outline: 3px solid rgba(25, 118, 210, .3);
  outline-offset: 2px;
}

@media (max-width: 420px) {
  .gwt-DialogBox.rr-orientation-dialog {
    width: calc(100vw - 32px) !important;
  }

  .gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-title {
    padding: 20px 20px 0;
  }

  .gwt-DialogBox.rr-orientation-dialog .rr-orientation-dialog-message {
    padding: 12px 20px 8px;
  }
}