/* hue: 30n; saturation: 100; lightness: */
/* light: background=5 button/border=35 link/button:hover=50 text=95 */
/* dark: text=5 button=35 button:hover=50 link=65 border=85 text=95 */

@font-face { font-family: 'Bellefair'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/bellefair-v6-latin-regular.woff2') format('woff2'), url('../fonts/bellefair-v6-latin-regular.woff') format('woff'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 100; src: url('../fonts/lato-v24-latin-100.woff2') format('woff2'), url('../fonts/lato-v24-latin-100.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'), url('../fonts/lato-v24-latin-300.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'), url('../fonts/lato-v24-latin-regular.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'), url('../fonts/lato-v24-latin-700.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('../fonts/lato-v24-latin-900.woff2') format('woff2'), url('../fonts/lato-v24-latin-900.ttf') format('truetype'); }

body { margin: 0; font-size: 21px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; }
	@media all and (max-width: 600px) { body { font-size: 3.5vw; } }
	@media all and (max-width: 500px) { body { font-size: 17.5px; } }
body:not(.dark) { background: white; color: black; }
body.dark { background: black; color: white; }

body:not(.dark) .orange { color: #201000; }
body.dark .orange { color: white; }

.serif { font-size: 24px; font-family: 'Bellefair', serif; }
	@media all and (max-width: 600px) { .serif { font-size: 4vw; } }
	@media all and (max-width: 500px) { .serif { font-size: 20px; } }
.technical { font-size: 15px; font-family: Consolas, 'Courier New', monospace; }
	@media all and (max-width: 600px) { .small { font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .small { font-size: 12.5px; } }

.tiny.technical { font-size: 9px; }
	@media all and (max-width: 600px) { .tiny.technical { font-size: 1.5vw; } }
	@media all and (max-width: 500px) { .tiny.technical { font-size: 7.5px; } }
.vvsmall { font-size: 12px; }
	@media all and (max-width: 600px) { .small { font-size: 2vw; } }
	@media all and (max-width: 500px) { .small { font-size: 10px; } }
.vsmall { font-size: 13.5px; }
	@media all and (max-width: 600px) { .small { font-size: 2.25vw; } }
	@media all and (max-width: 500px) { .small { font-size: 11.25px; } }
.vsmall.technical { font-size: 12px; }
	@media all and (max-width: 600px) { .vsmall.technical { font-size: 2vw; } }
	@media all and (max-width: 500px) { .vsmall.technical { font-size: 10px; } }
.small { font-size: 15px; }
	@media all and (max-width: 600px) { .small { font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .small { font-size: 12.5px; } }
.small.serif { font-size: 18px; }
	@media all and (max-width: 600px) { .small.serif { font-size: 3vw; } }
	@media all and (max-width: 500px) { .small.serif { font-size: 15px; } }
.small.technical { font-size: 13.5px; }
	@media all and (max-width: 600px) { .small.technical { font-size: 2.25vw; } }
	@media all and (max-width: 500px) { .small.technical { font-size: 11.25px; } }
.smaller { font-size: 16.5px; }
	@media all and (max-width: 600px) { .smaller { font-size: 2.75vw; } }
	@media all and (max-width: 500px) { .smaller { font-size: 13.75px; } }
.smaller.serif { font-size: 21px; }
	@media all and (max-width: 600px) { .smaller.serif { font-size: 3.5vw; } }
	@media all and (max-width: 500px) { .smaller.serif { font-size: 17.5px; } }
.larger { font-size: 21px; }
	@media all and (max-width: 600px) { .larger { font-size: 3.5vw; } }
	@media all and (max-width: 500px) { .larger { font-size: 17.5px; } }
.larger.serif { font-size: 27px; }
	@media all and (max-width: 600px) { .larger.serif { font-size: 4.5vw; } }
	@media all and (max-width: 500px) { .larger.serif { font-size: 22.5px; } }
.large { font-size: 24px; }
	@media all and (max-width: 600px) { .large { font-size: 4vw; } }
	@media all and (max-width: 500px) { .large { font-size: 20px; } }
	@media all and (max-width: 960px) { .large.shrink { font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .large.shrink { font-size: 12.5px; } }
.large.serif, .serif .large { font-size: 30px; }
	@media all and (max-width: 600px) { .large.serif, .serif .large { font-size: 5vw; } }
	@media all and (max-width: 500px) { .large.serif, .serif .large { font-size: 25px; } }
.vlarge { font-size: 30px; }
	@media all and (max-width: 600px) { .vlarge { font-size: 5vw; } }
	@media all and (max-width: 500px) { .vlarge { font-size: 25px; } }
	@media all and (max-width: 960px) { .vlarge.shrink { font-size: 3.125vw; } }
	@media all and (max-width: 500px) { .vlarge.shrink { font-size: 15.625px; } }
.vlarge.serif { font-size: 36px; }
	@media all and (max-width: 600px) { .vlarge.serif { font-size: 6vw; } }
	@media all and (max-width: 500px) { .vlarge.serif { font-size: 30px; } }
.vvlarge { font-size: 36px; }
	@media all and (max-width: 600px) { .vvlarge { font-size: 6vw; } }
	@media all and (max-width: 500px) { .vvlarge { font-size: 30px; } }
	@media all and (max-width: 960px) { .vvlarge.shrink { font-size: 3.75vw; } }
	@media all and (max-width: 500px) { .vvlarge.shrink { font-size: 18.75px; } }
.vvlarge.serif { font-size: 42px; }
	@media all and (max-width: 600px) { .vvlarge.serif { font-size: 7vw; } }
	@media all and (max-width: 500px) { .vvlarge.serif { font-size: 35px; } }

h1 { margin: 0 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 36px; line-height: 115%; }
	@media all and (max-width: 600px) { h1 { margin: 0 0 2vw; font-size: 6vw; } }
	@media all and (max-width: 500px) { h1 { margin: 0 0 10px; font-size: 30px; } }
h1.large { font-size: 48px; }
	@media all and (max-width: 600px) { h1.large { font-size: 8vw; } }
	@media all and (max-width: 500px) { h1.large { font-size: 40px; } }
h1.serif { font-size: 48px; }
	@media all and (max-width: 600px) { h1.serif { font-size: 8vw; } }
	@media all and (max-width: 500px) { h1.serif { font-size: 40px; } }
h1.large.serif { font-size: 60px; }
	@media all and (max-width: 600px) { h1.large.serif { font-size: 10vw; } }
	@media all and (max-width: 500px) { h1.large.serif { font-size: 50px; } }
h2 { margin: 24px 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 30px; line-height: 115%; }
	@media all and (max-width: 600px) { h2 { margin: 4vw 0 2vw; font-size: 5vw; } }
	@media all and (max-width: 500px) { h2 { margin: 20px 0 10px; font-size: 25px; } }
h2.large { font-size: 36px; }
	@media all and (max-width: 600px) { h2.large { font-size: 6vw; } }
	@media all and (max-width: 500px) { h2.large { font-size: 30px; } }
h2.serif { font-size: 36px; }
	@media all and (max-width: 600px) { h2.serif { font-size: 6vw; } }
	@media all and (max-width: 500px) { h2.serif { font-size: 30px; } }
h2.large.serif { font-size: 48px; }
	@media all and (max-width: 600px) { h2.large.serif { font-size: 8vw; } }
	@media all and (max-width: 500px) { h2.large.serif { font-size: 40px; } }
h3 { margin: 24px 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 24px; }
	@media all and (max-width: 600px) { h3 { margin: 4vw 0 2vw; font-size: 4vw; } }
	@media all and (max-width: 500px) { h3 { margin: 20px 0 10px; font-size: 20px; } }
h3.large { font-size: 30px; }
	@media all and (max-width: 600px) { h3.large { font-size: 5vw; } }
	@media all and (max-width: 500px) { h3.large { font-size: 25px; } }
h3.serif { font-size: 30px; }
	@media all and (max-width: 600px) { h3.serif { font-size: 5vw; } }
	@media all and (max-width: 500px) { h3.serif { font-size: 25px; } }
h3.large.serif { font-size: 36px; }
	@media all and (max-width: 600px) { h3.large.serif { font-size: 6vw; } }
	@media all and (max-width: 500px) { h3.large.serif { font-size: 30px; } }
h4 { margin: 24px 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 18px; }
	@media all and (max-width: 600px) { h4 { margin: 4vw 0 2vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { h4 { margin: 20px 0 10px; font-size: 15px; } }

p { margin: 0 0 18px; line-height: 135%; }
	@media all and (max-width: 600px) { p { margin: 0 0 3vw; } }
	@media all and (max-width: 500px) { p { margin: 0 0 15px; } }
p.serif { margin-bottom: 18px; line-height: 120%; }
	@media all and (max-width: 600px) { p.serif { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { p.serif { margin-bottom: 15px; } }
p.smaller, p.smaller.serif { margin-bottom: 9px; }
	@media all and (max-width: 600px) { p.smaller, p.smaller.serif { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { p.smaller, p.smaller.serif { margin-bottom: 7.5px; } }
p.small, p.small.serif { margin-bottom: 6px; }
	@media all and (max-width: 600px) { p.small, p.small.serif { margin-bottom: 1vw; } }
	@media all and (max-width: 500px) { p.small, p.small.serif { margin-bottom: 5px; } }
p.larger, p.larger.serif { margin-bottom: 15px; }
	@media all and (max-width: 600px) { p.larger, p.larger.serif { margin-bottom: 2.5vw; } }
	@media all and (max-width: 500px) { p.larger, p.larger.serif { margin-bottom: 12.5px; } }
p.large, p.large.serif { margin-bottom: 18px; }
	@media all and (max-width: 600px) { p.large, p.large.serif { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { p.large, p.large.serif { margin-bottom: 15px; } }

a, .pseudolink  { text-decoration: none; }
.blue a, .blue .pseudolink { color: #4C4CFF; }
.orange a, .orange .pseudolink { color: #FFA54C; }
a:hover, .pseudolink:hover { text-decoration: none; }
.blue a:hover, .blue .pseudolink:hover { color: #0000FF; }
.orange a:hover, .orange .pseudolink:hover { color: #FF8000; }
a.button:hover { text-decoration: none; }
.pseudolink { cursor: pointer; }

input[type="text"], input[type="email"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 40px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; color: #1A0D00; }
	@media all and (max-width: 600px) { input[type="text"], input[type="email"], input[type="password"] { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { input[type="text"], input[type="email"], input[type="password"] { padding: 5px 12.5px; font-size: 15px; } }
.compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 4.5px 12px; }
	@media all and (max-width: 600px) { .compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 0.75vw 2vw; } }
	@media all and (max-width: 500px) { .compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 3.75px 10px; } }
.blue input[type="text"], .blue input[type="email"], .blue input[type="password"] { background: white; color: #00001A; }
.orange input[type="text"], .orange input[type="email"], .orange input[type="password"] { background: white; color: #1A0D00; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 16px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; }
	@media all and (max-width: 600px) { textarea { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { textarea { padding: 5px 12.5px; font-size: 15px; } }
.blue textarea { background: white; color: #00001A; }
.orange textarea { background: white; color: #1A0D00; }

::-webkit-input-placeholder /* Edge */  { font-family: 'Lato', sans-serif; opacity: 0.65; }
:-ms-input-placeholder /* Internet Explorer 10-11 */  { font-family: 'Lato', sans-serif; opacity: 0.65; }
::placeholder { font-family: 'Lato', sans-serif; opacity: 0.65; }
.blue ::-webkit-input-placeholder /* Edge */  { color: #00001A; }
.blue :-ms-input-placeholder /* Internet Explorer 10-11 */  { color: #00001A; }
.blue ::placeholder { color: #00001A; }
.orange ::-webkit-input-placeholder /* Edge */  { color: #1A0D00; }
.orange :-ms-input-placeholder /* Internet Explorer 10-11 */  { color: #1A0D00; }
.orange ::placeholder { color: #1A0D00; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 40px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; }
	@media all and (max-width: 600px) { select { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { select { padding: 5px 12.5px; font-size: 15px; } }
.blue select { background: white; color: #00001A; }
.orange select { background: white; color: #1A0D00; }
.compact select { padding: 4.5px 12px; }
	@media all and (max-width: 600px) { .compact select { padding: 0.75vw 2vw; } }
	@media all and (max-width: 500px) { .compact select { padding: 3.75px 10px; } }

button, .button, a.button { padding: 6px 24px; border: none; border-radius: 48px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; white-space: nowrap; cursor: pointer; }
	@media all and (max-width: 600px) { button, .button, a.button { padding: 1vw 4vw; border-radius: 8vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { button, .button, a.button { padding: 5px 20px; border-radius: 40px; font-size: 15px; } }
	@media all and (max-width: 960px) { button.shrink { padding: 0.625vw 2.5vw; border-radius: 5vw; font-size: 1.875vw; } }
	@media all and (max-width: 500px) { button.shrink { padding: 3.125px 12.5px; border-radius: 25px; font-size: 9.375px; } }
.blue button, .blue .button, .blue a.button { background: #0000B2; color: #E5E5FF; }
body.dark .orange button, body.dark .orange .button, body.dark .orange a.button { background: #E57300; color: white; }
body:not(.dark) .orange button, body:not(.dark) .orange .button, body:not(.dark) .orange a.button { background: #FF8D1A; color: #1A0D00; }
body.dark .orange button.subtle, body.dark .orange .button.subtle, body.dark .orange a.button.subtle { background: #30261D; }
body:not(.dark) .orange button.subtle, body:not(.dark) .orange .button.subtle, body:not(.dark) .orange a.button.subtle { background: #E2D9CF; }
body.dark .orange button.hollow, body.dark .orange .button.hollow, body.dark .orange a.button.hollow { background: none; color: #E57300; border: solid 1.5px #E57300; }
body:not(.dark) .orange button.hollow, body:not(.dark) .orange .button.hollow, body:not(.dark) .orange a.button.hollow { background: none; color: #FF8D1A; border: solid 1.5px #FF8D1A; }
body.dark .orange button:hover, body.dark .orange .button:hover, body.dark .orange a.button:hover { background: #FF8000; color: white; }
body:not(.dark) .orange button:hover, body:not(.dark) .orange .button:hover, body:not(.dark) .orange a.button:hover { background: #FF8000; color: black; }
body.dark .orange button.subtle:hover, body.dark .orange .button.subtle:hover, body.dark .orange a.button.subtle:hover { background: #4D2800; }
body:not(.dark) .orange button.subtle:hover, body:not(.dark) .orange .button.subtle:hover, body:not(.dark) .orange a.button.subtle:hover { background: #FFDBB3; }
body.dark .orange button.hollow:hover, body.dark .orange .button.hollow:hover, body.dark .orange a.button.hollow:hover { background: none; color: #FF8000; border-color: #FF8000; }
body:not(.dark) .orange button.hollow:hover, body:not(.dark) .orange .button.hollow:hover, body:not(.dark) .orange a.button.hollow:hover { background: none; color: #FF8000; border-color: #FF8000; }
.blue button:hover, .blue .button:hover, .blue a.button:hover { background: #0000FF; color: white; }
.blue button.notselected { background: #000040; color: #CCCCFF; }
.blue button.notselected:hover { background: #000080; color: #E5E5FF; }
.blue button.selected { background: #0000FF; color: white; }
.orange button.border, .orange .button.border, .orange a.button.border { border: solid 1.5px white; }
.blue button.border, .blue .button.border, .blue a.button.border { border: solid 1.5px #E5E5FF; }
button.small, .button.small, a.button.small { padding: 5.25px 15px 4.5px; border-radius: 24px; font-size: 13.5px; }
	@media all and (max-width: 600px) { button.small, .button.small, a.button.small { padding: 0.875vw 2.5vw 0.75vw; border-radius: 4vw; font-size: 2.25vw; } }
	@media all and (max-width: 500px) { button.small, .button.small, a.button.small { padding: 4.375px 12.5px 3.75px; border-radius: 20px; font-size: 11.25px; } }
button.tiny, .button.tiny, a.button.tiny { padding: 2.25px 9px 2.625px; border-radius: 12px; font-size: 12px; }
	@media all and (max-width: 600px) { button.tiny, .button.tiny, a.button.tiny { padding: 0.375vw 1.5vw 0.4375vw; border-radius: 2vw; font-size: 2vw; } }
	@media all and (max-width: 500px) { button.tiny, .button.tiny, a.button.tiny { padding: 1.875px 7.5px 2.1875px; border-radius: 10px; font-size: 10px; } }

input[type="checkbox"]
{
   appearance: none;
   -webkit-appearance: none;
   position: relative;
   top: 0.35rem;
   width: 1rem;
   height: 1rem;
   border: 2px solid #FF8000;
   border-radius: 6px;
   cursor: pointer;
}
input[type="checkbox"]:checked { position: relative; background: #FF8000; }
input[type="checkbox"]:checked:after {
   content: '✔';
   position: absolute;
   top: 0;
   left: 0;
   font-size: 0.875rem;
   line-height: 0.75;
   color: white;
}

input[type="radio"]
{
   appearance: none;
   -webkit-appearance: none;
   position: relative;
   top: 0.125em;
   width: 1.25em;
   height: 1.25em;
   margin: 0;
   border: 2px solid #FF8000;
   border-radius: 50%;
   color: #FF8000;
   cursor: pointer;
}
input[type="radio"]:checked::before
{
   content: '';
   position: absolute;
   display: inline-block;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-image: radial-gradient(#FF8000, #FF8000 47.5%, #FF800000 52.5%, #FF800000);
   cursor: pointer;
}

*:focus { outline: none; }  /* avoid nasty outlines, e.g. around text inputs, e.g. in Chrome */
* { box-shadow: none; }  /* avoid nasty shadows, e.g. around text inputs, e.g. in Firefox */

.thinspace { font-size: 75%; }
.nowrap { white-space: nowrap; }
.italic { font-style: italic; }
.bold { font-weight: 400; }
.extrabold { font-weight: 600; }
.underline { text-decoration: underline; }
.upper { text-transform: uppercase; }
.dimmed { opacity: 0.5; }

.inline { display: inline-block; }

.gapbefore { margin-left: 1em; }
.gapafter { margin-right: 1em; }

.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

.clickable { cursor: pointer; }

.noselect
{
   -webkit-user-select: none;  /* Safari */
   -ms-user-select: none;  /* IE 10 and IE 11 */
   user-select: none;
}
.oneclickselect
{
   -webkit-user-select: all;  /* Safari */
   -ms-user-select: all;  /* IE 10 and IE 11 */
   user-select: all;
}

body:not(.dark) .grey { color: #C0C0C0; }
body.dark .grey { color: #808080; }

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }
.cell.number { padding-right: 6px; text-align: right; }
	@media all and (max-width: 600px) { .cell.number { padding-right: 0.5vw; } }
	@media all and (max-width: 500px) { .cell.number { padding-right: 2.5px; } }
.cell.title { padding-bottom: 12px; border-bottom: solid 1px white;}
	@media all and (max-width: 600px) { .cell.title { padding-bottom: 2vw; } }
	@media all and (max-width: 500px) { .cell.title { padding-bottom: 10px; } }
.cell.toprow { padding-top: 21px; }
	@media all and (max-width: 600px) { .cell.toprow { padding-top: 3.5vw; } }
	@media all and (max-width: 500px) { .cell.toprow { padding-top: 17.5px; } }
.cell.total { border-top: solid 1px white; padding-top: 18px; }
	@media all and (max-width: 600px) { .cell.total { padding-top: 3vw; } }
	@media all and (max-width: 500px) { .cell.total { padding-top: 15px; } }
.cell.right { text-align: right; padding-right: 18px; }
	@media all and (max-width: 600px) { .cell.right { padding-right: 3vw; } }
	@media all and (max-width: 500px) { .cell.right { padding-right: 15px; } }

.lower1 { position: relative; top: 1px; }
.raise3 { position: relative; top: -3px; }

.hidescrollbars { scrollbar-width: none; -ms-overflow-style: none; }
.hidescrollbars::-webkit-scrollbar { display: none; }

.squircleouter { position: relative; }
.squircleouter.inline { display: inline-block; }
.squircle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.headshot { width: 240px; height: 240px; }
.headshot.smaller { width: 180px; height: 180px; }
.headshot.small { width: 120px; height: 120px; }
.headshot.tiny { width: 60px; height: 60px; }

#error { margin: 6px 9px; }

#owmcontainer { width: 100vw; height: 100vh; }

#openwebmind { position: relative; width: 100%; height: 100%; overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; }
	@media all and (max-width: 600px) { #openwebmind { font-size: 3vw; } }
	@media all and (max-width: 500px) { #openwebmind { font-size: 15px; } }
#openwebmind::-webkit-scrollbar { display: none; }
#openwebmind.noscroll { overflow: hidden; }
/* make sure #openwebmind doesn't lose body background and color when full screen */ 
body:not(.dark) #openwebmind { background: white; color: black; }
body.dark #openwebmind { background: black; color: white; }

#owmviewouter { width: 100%; height: 100%; overflow: hidden; }
#owmviewinner { position: relative; width: 100%; height: 100%; }
#owmviewsvg { position: relative; /* required to render the SVG at a higher z-index than the underlying crosshairs */ width: 100%; height: 100%; cursor: default; }

#owmscrolltable { display: table; width: 100%; padding-bottom: 18px; }
.owmscrollrow { display: table-row; }
.owmscrollcellimage { display: table-cell; min-width: 80px; padding: 9px 9px 0 9px; vertical-align: top; }
.owmscrollcellimage.upstream { padding-top: 15px; }
.owmscrollimageouter { position: relative; visibility: hidden; }  /* must include squircleouter style */
.owmscrollimage { width: 80px; height: 60px; object-fit: contain; }
.owmscrollcelltext { display: table-cell; position: relative; width: 100%; padding: 9px 12px 0 0; vertical-align: top; }
.owmscrollcelltext.upstream .id { font-size: 30px; font-family: Consolas, 'Courier New', monospace; }
.owmscrollcelltext.upstream .nowordings { margin-top: 9px; }
.owmscrollcelltext.upstream .name { font-size: 48px; }
.owmscrollcelltext.upstream .symbol { position: absolute; top: 12px; right: 18px; font-size: 30px; }
.owmscrollcelltext.upstream .othernames { margin-top: 9px; font-size: 15px; }
.owmscrollcelltext.upstream .keys { margin-top: 9px; font-size: 15px; }
.owmscrollcelltext.upstream .definition { margin-top: 9px; font-size: 24px; }
.owmscrollcelltext.upstream .description { margin-top: 9px; font-size: 15px; }
.owmscrollcelltext.upstream .url { margin-top: 9px; font-size: 24px; }
.owmscrollcelltext.upstream .owmspinnerouter { margin-top: 12px; }
.owmscrollcelltext.value { font-size: 18px; }
.owmscrollcelltext.downstream { font-size: 24px; }
.owmscrollcelltext.downstream .details { margin-top: 3px; font-size: 15px; }

#owmsearch { padding: 12px 15px 18px; }
#owmsearchtext { font-size: 48px; margin-bottom: 18px; }
.owmsearchresult { margin-bottom: 6px; }

.owmcrosshair { position: absolute; display: none; }
body:not(.dark) .owmcrosshair { background: #C0C0C0; }
body.dark .owmcrosshair { background: #404040; }
.owmcrosshair.x { top: 0; bottom: 0; left: 50%; width: 1px; }
.owmcrosshair.y { left: 0; right: 0; top: 50%; height: 1px; }
.owmcrosshair .text { position: absolute; font-size: 12px; font-weight: 700; z-index: 1; }
	@media all and (max-width: 600px) { .owmcrosshair .text { font-size: 2vw; } }
	@media all and (max-width: 500px) { .owmcrosshair .text { font-size: 10px; } }
body:not(.dark) .owmcrosshair .text { color: #404040; }
body.dark .owmcrosshair .text { color: #C0C0C0; }
.owmcrosshair .text .upper { text-transform: uppercase; }
.owmcrosshair.x .text { width: 100vw; line-height: 100%; }
.owmcrosshair.x .text.top { top: 3px; }
.owmcrosshair.x .text.bottom { bottom: 4.5px; }
.owmcrosshair.x .text.left { right: 4.5px; text-align: right; }
.owmcrosshair.x .text.right { left: 4.5px; text-align: left; }
.owmcrosshair.y .text { line-height: 100%; }
.owmcrosshair.y .text.left { left: 3px; text-align: left; }
.owmcrosshair.y .text.right { right: 3px; text-align: right; }
.owmcrosshair.y .text.above { top: 1.5px; }
.owmcrosshair.y .text.below { bottom: 3px; }

#owmcontrols { position: absolute; bottom: 0; width: 100%; height: clamp(31.5px, 8.4vh, 42px); font-size: clamp(13.5px, 3.6vh, 18px); font-weight: 300; }
#owmcontrolsleft { position: absolute; top: 0; left: 3px; }
#owmcontrolsright { position: absolute; top: 0; right: 3px; }
.owmcontrolbutton { display: inline-block; cursor: pointer; }
a.owmcontrolbutton { text-decoration: none; }
.owmcontrolicon { display: inline-block; width: clamp(18px, 4.8vh, 24px); height: clamp(18px, 4.8vh, 24px); vertical-align: middle; }
.owmcontrolicon svg { fill: none; stroke-width: 7.5px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 1.5; }
#owmcontrols .owmcontrolicon svg { stroke: #FF8000; }
#owmcontrols .owmcontrolicon { padding: clamp(6.75px, 1.8vh, 9px) 6px; }
body:not(.dark) .owmcontrolicon.open { background: #F0F0F0; }
body.dark .owmcontrolicon.open { background: #202020; }
.owmcontroltext { position: relative; top: clamp(-2.25px, -0.6vh, -3px); padding-right: 6px; vertical-align: middle; text-transform: uppercase; color: #FF8000; }
#owmexitfullscreen { display: none; }

.owmcontrolpanel { display: none; position: absolute; bottom: clamp(31.5px, 8.4vh, 42px); right: min(12px, 5%); padding: 3px 4.5px; text-align: left; }
body:not(.dark) .owmcontrolpanel { background: #F0F0F0; border-color: black; }
body.dark .owmcontrolpanel { background: #202020; border-color: white; }
.owmcontrollist { display: none; overflow: hidden auto; scrollbar-width: none; -ms-overflow-style: none; }
.owmcontrollist::-webkit-scrollbar { display: none; }
.owmcontrollistinner { width: 0 /* must be < .owmcontrolpanel width in the absence of any .owmcontrollist, so that .owmcontrollist does not contribute to .owmcontrolpanel width */; padding: 3px 0; }
.owmcontroltitle { border-bottom: solid 1px; padding: 1.5px 3px 4.5px; }
.owmcontrolspinner { padding-top: 36px; text-align: center; }
.owmcontrolspinner .owmspinnerouter { display: initial; }
.owmcontrolitem { width: 800px /* must be > .owmcontrolpanel width in the absence of any .owmcontrollist, so that .owmcontrolitem extends the full width of .owmcontrolpanel */; padding: 1.5px 3px 3px; font-size: 90%; font-weight: 400; white-space: nowrap; }
.owmcontrolitem:not(.selected) { cursor: pointer; }
.owmcontrolitem.selected { background: #FF8000; }
body:not(.dark) .owmcontrolitem.otherselected { background: #FFC080; }
body.dark .owmcontrolitem.otherselected { background: #804000; }
.owmcontrolsettings { visibility: hidden; border-top: solid 1px; padding-top: 4.5px; text-align: center; }
.owmcontrolset { display: inline-block; padding: 3px 0; }
.owmcontrolset:not(.last) { padding-right: 9px; }
.owmcontroloption { display: inline-block; padding: 3px; text-transform: uppercase; font-size: 80%; font-weight: 400; }
body:not(.dark) .owmcontroloption { background: white; }
body.dark .owmcontroloption { background: black; }
.owmcontroloption:not(.selected) { cursor: pointer; }
body:not(.dark) .owmcontroloption.selected { background: #FF8000; }
body.dark .owmcontroloption.selected { background: #FF8000; }
body:not(.dark) .owmcontroloption.autoselected { background: #FFC080; }
body.dark .owmcontroloption.autoselected { background: #804000; }
body:not(.dark) .owmcontrolpanel .owmcontrolicon svg { stroke: black; }
body.dark .owmcontrolpanel .owmcontrolicon svg { stroke: white; }

.owmspinnerouter { display: none; }
.owmspinner { width: 24px; height: 24px; border: 4px solid #FF800040; border-top: 4px solid #FF8000; border-radius: 50%; vertical-align: middle; animation: owmspin 1.5s linear infinite; display: inline-block; }
@keyframes owmspin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

#owmmore { margin: 12px; text-align: left; }

#scroll { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; }

#content { margin: 12px auto 18px; text-align: center; }
	@media all and (max-width: 600px) { #content { margin: 2vw auto 3vw; } }
	@media all and (max-width: 500px) { #content { margin: 10px auto 15px; } }
#content.flushbottom { margin-bottom: 0; }
.contentemulator { display: inline-block; }
.narrowwidth { width: 648px /* 648px = 90% x 720px chosen because divisible by so many 2's and 3's: 648 = 2^3 x 3^4 */; }
	@media all and (max-width: 720px) { .narrowwidth { width: 90vw; } }
.quitenarrowwidth { width: 756px /* 756px = 90% x 840px chosen because divisible by so many 2's and 3's: 756 = 2^2 x 3^3 x 7 */; }
	@media all and (max-width: 840px) { .quitenarrowwidth { width: 90vw; } }
.regularwidth { width: 864px /* 864px = 90% x 960px chosen because divisible by so many 2's and 3's: 864 = 2^5 x 3^3 */; }
	@media all and (max-width: 960px) { .regularwidth { width: 90vw; } }
.fullwidth { width: 100%; }

a.boxlink { display: inline-block; padding: 6px 9px; border: solid 2px black; border-radius: 9px; color: white; }
	@media all and (max-width: 600px) { a.boxlink { padding: 1vw 1.5vw; border-radius: 1.5vw; } }
	@media all and (max-width: 500px) { a.boxlink { padding: 5px 7.5px; border-radius: 7.5px; } }
a.boxlink:hover { text-decoration: none; border-color: #FF8000; color: white; }
a.boxlink img { vertical-align: middle; }
a.boxlink span { position: relative; top: -1px; vertical-align: middle; }

.gallery a.exhibit { display: inline-block; width: 108px; height: 108px; margin-bottom: 12px; border: solid 2px black; border-radius: 9px; font-size: 15px; color: white; }
	@media all and (max-width: 600px) { .gallery a.exhibit { width: 18vw; height: 18vw; margin-bottom: 2vw; border-radius: 1.5vw; font-size: 2.5vw; } }
.gallery.compact a.exhibit { width: 90px; height: 90px; font-size: 12.75px; }
	@media all and (max-width: 600px) { .gallery.compact a.exhibit { width: 15vw; height: 15vw; font-size: 2.125vw; } }
.gallery a.exhibit:hover { text-decoration: none; border-color: #FF8000; }

.catalogue { display: table; width: 648px; margin: 0 auto; }
	@media all and (max-width: 720px) { .catalogue { width: 90vw; } }
.catalogue a.entry { display: table-row; text-align: left; color: white; }
.catalogue a.entry:hover { text-decoration: none; }
.catalogue a.entry .logocell { display: table-cell; vertical-align: middle; border: solid 2px black; border-right: none; border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
	@media all and (max-width: 600px) { .catalogue a.entry .logocell { border-top-left-radius: 1.5vw; border-bottom-left-radius: 1.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .logocell { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } }
.catalogue a.entry:hover .logocell { border-color: #FF8000; }
.catalogue a.entry .logo { margin: 6px 15px 6px 9px; }
	@media all and (max-width: 600px) { .catalogue a.entry .logo { margin: 1vw 2.5vw 1vw 1.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .logo { margin: 5px 12.5px 5px 7.5px; } }
.catalogue a.entry .textcell { display: table-cell; vertical-align: middle; width: 100%; border: solid 2px black; border-left: none; border-top-right-radius: 9px; border-bottom-right-radius: 9px; padding: 3px 0 9px; }
	@media all and (max-width: 600px) { .catalogue a.entry .textcell { border-top-right-radius: 1.5vw; border-bottom-right-radius: 1.5vw; padding: 0.5vw 0 1.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .textcell { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; padding: 2.5px 0 7.5px; } }
.catalogue a.entry:hover .textcell { border-color: #FF8000; }
.catalogue a.entry .details { margin: 6px 0; font-size: 13.5px; text-transform: uppercase; }
	@media all and (max-width: 600px) { .catalogue a.entry .details { margin: 1vw 0; font-size: 2.25vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .details { margin: 5px 0; font-size: 11.25px; } }
.catalogue a.entry .title { font-size: 27px; font-family: 'Bellefair', serif; }
	@media all and (max-width: 600px) { .catalogue a.entry .title { font-size: 4.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .title { font-size: 22.5px; } }

.ce { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #9090FF; }
	@media all and (max-width: 600px) { .ce { font-size: 1.75vw; } }
	@media all and (max-width: 500px) { .ce { font-size: 8.75px; } }
input[type="text"].cui { height: 0; padding: 0; background: transparent; color: transparent; cursor: default; }
	input[type="text"].cui::-webkit-input-placeholder /* Edge */  { opacity: 0; color: transparent; }
	input[type="text"].cui:-ms-input-placeholder /* Internet Explorer 10-11 */  { opacity: 0; color: transparent; }
	input[type="text"].cui::placeholder { opacity: 0; color: transparent; }

.capture { margin: 9px 0 0; }
	@media all and (max-width: 600px) { .capture { margin: 1.5vw 0 0; } }
	@media all and (max-width: 500px) { .capture { margin: 7.5px 0 0; } }
.capture.close { margin-top: 6px; }
	@media all and (max-width: 600px) { .capture.close { margin-top: 1vw; } }
	@media all and (max-width: 500px) { .capture.close { margin-top: 5px; } }
.capture .capturefields { display: inline-block; vertical-align: top; }
.capture .cp { margin: 0 0 4.5px 13.5px; font-size: 15px; text-align: left; }
	@media all and (max-width: 600px) { .capture .cp { margin: 0 0 0.75vw 2.25vw; font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .capture .cp { margin: 0 0 3.75px 11.25px; font-size: 12.5px; } }
.capture .cf input[type="text"], .capture .cf input[type="email"], .capture .cf input[type="password"] { width: min(300px, 45vw); }
.capture .cf textarea { width: 70vw; max-width: 400px; }
.capture .ce { margin: 0 0 3px 15px; }
	@media all and (max-width: 600px) { .capture .ce { margin: 0 0 0.5vw 2.5vw; } }
	@media all and (max-width: 500px) { .capture .ce { margin: 0 0 2.5px 12.5px; } }
.capture #csili { margin: 6px 0; }
	@media all and (max-width: 600px) { .capture #csili { margin: 1vw 0; } }
	@media all and (max-width: 500px) { .capture #csili { margin: 5px 0; } }
.capture #csi { display: none; }
.capture .outcome { display: none; margin-bottom: 24px; }
	@media all and (max-width: 600px) { .capture .outcome { margin-bottom: 4vw; } }
	@media all and (max-width: 500px) { .capture .outcome { margin-bottom: 20px; } }
.capture .outcome.nospacebelow { margin-bottom: 0; }
.capture .outcome.fixed { position: fixed; top: 0; left: 0; right: 0; border-bottom: solid 1px white; padding: 12px 12px 15px; background: #4D2800; color: white; }
	@media all and (max-width: 600px) { .capture .outcome.fixed { padding: 2vw 2vw 2.5vw; } }
	@media all and (max-width: 500px) { .capture .outcome.fixed { padding: 10px 10px 12.5px; } }
.capture.live .outcome.fixed { background: #FF8000; }
.capture .outcome.progress { color: white; }
.capture .outcome.success { color: white; }
.capture .outcome.failure::not(.fixed) { color: #9090FF; }
.capture .outcome.left { text-align: left; }
.capture .outcome .controls { position: absolute; top: 7.5px; right: 9px; }
	@media all and (max-width: 600px) { .capture .outcome .controls { top: 1.25vmin; right: 1.5vmin; } }
	@media all and (max-width: 500px) { .capture .outcome .controls { top: 6.25px; right: 7.5px; } }
.capture .outcome .controls button, .capture .outcome .controls button:hover { background: white; color: #4D2800; }
.capture.live .outcome .controls button, .capture.live .outcome .controls button:hover { color: #FF8000; }
.capture .badge { border-radius: 9px; padding: 1.5px 9px 3px; font-weight: 700; background: white; color: #4D2800; }
.capture.live .badge { color: #FF8000; }
.capture .disclosure { margin-top: 12px; font-size: 12px; }
	@media all and (max-width: 600px) { .capture .disclosure { margin-top: 2vw; font-size: 2vw; } }
	@media all and (max-width: 500px) { .capture .disclosure { margin-top: 10px; font-size: 10px; } }
.capture .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #006000; }
.capture .log { font-family: Consolas, 'Courier New', monospace; font-size: 12px; }
	@media all and (max-width: 600px) { .capture .log { font-size: 2vw; } }
	@media all and (max-width: 500px) { .capture .log { font-size: 10px; } }
.capture div.log { padding: 0 12px 12px 47.25px; text-indent: -35.25px; }
	@media all and (max-width: 600px) { .capture div.log { padding: 0 2vw 2vw 7.875vw; text-indent: -5.875vw; } }
	@media all and (max-width: 500px) { .capture div.log { padding: 0 10px 10px 39.375px; text-indent: -29.375px; } }
.capture textarea.log { width: calc(100vw - 120px); height: 60vh; background: white; }
	@media all and (max-width: 600px) { .capture textarea.log { width: 90vw } }
	@media all and (max-width: 500px) { .capture textarea.log { width: calc(100vw - 100px) } }

.filelist { border-radius: 6px; padding: 6px 9px; line-height: 135%; font-weight: 400; background: white; color: black; }

.box { display: inline-block; margin: 0 9px; border: solid 2px white; border-radius: 9px; padding: 12px 18px; color: white; }
	@media all and (max-width: 600px) { .box { margin: 0 1.5vw; border-radius: 1.5vw; padding: 2vw 3vw; } }
	@media all and (max-width: 500px) { .box { margin: 0 7.5px; border-radius: 7.5px; padding: 10px 15px; } }
.box.flush { padding: 9px 18px 0; }
	@media all and (max-width: 600px) { .box.flush { padding: 1.5vw 3vw 0; } }
	@media all and (max-width: 500px) { .box.flush { padding: 7.5px 15px 0; } }
.box.orange { border-color: #FF8000; }
.box.blue { border-color: #0000FF; background: #00001A; }
.box.narrower { max-width: 684px; }
.box.narrow { max-width: 564px; }

.postcapture { display: none; }
.twitterlogo { position: relative; top: 9px; height: 32px; }
	@media all and (max-width: 600px) { .twitterlogo { top: 1.5vw; } }
	@media all and (max-width: 500px) { .twitterlogo { top: 3px; height: 16px; } }
.twitterlink { margin-left: 12px; color: #1DA1F2; font-family: Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-weight: 400; }
	@media all and (max-width: 600px) { .twitterlink { margin-left: 2vw; } }
	@media all and (max-width: 500px) { .twitterlink { margin-left: 10px; } }
.twitterlink:hover { border-radius: inherit; text-decoration: none; background: inherit; color: #1DA1F2; }
.instagramlogo { position: relative; top: 9px; height: 32px; }
	@media all and (max-width: 600px) { .instagramlogo { top: 1.5vw; } }
	@media all and (max-width: 500px) { .instagramlogo { top: 3px; height: 16px; } }
.instagramlink { margin-left: 12px; color: #F00074; font-family: Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-weight: 400; }
	@media all and (max-width: 600px) { .instagramlink { margin-left: 2vw; } }
	@media all and (max-width: 500px) { .instagramlink { margin-left: 10px; } }
.instagramlink:hover { border-radius: inherit; text-decoration: none; background: inherit; color: #F00074; }

.navigation { border-top: solid 1px #FFD9B340; padding: 3px 0 4.5px; font-size: 16.5px; text-transform: uppercase; }
	@media all and (max-width: 600px) { .navigation { font-size: 2.75vw; } }
	@media all and (max-width: 500px) { .navigation { font-size: 13.75px; } }
.kvvinc { margin-bottom: 18px; font-size: 13.5px; }
	@media all and (max-width: 600px) { .kvvinc { margin-bottom: 3vw; font-size: 2.25vw; } }
	@media all and (max-width: 500px) { .kvvinc { margin-bottom: 15px; font-size: 11.25px; } }

.gapleft { margin-left: 9px; }
	@media all and (max-width: 600px) { .gapleft { margin-left: 1.5vw; } }
	@media all and (max-width: 500px) { .gapleft { margin-left: 7.5px; } }

.nospaceabove { margin-top: 0px; }
.nospacebelow { margin-bottom: 0px; }

.sixteenthspacebelow { margin-bottom: 1.5px; }
	@media all and (max-width: 600px) { .sixteenthspacebelow { margin-bottom: 0.25vw; } }
	@media all and (max-width: 500px) { .sixteenthspacebelow { margin-bottom: 1.25px; } }
.eighthspaceabove { margin-top: 3px; }
	@media all and (max-width: 600px) { .eighthspaceabove { margin-top: 0.5vw; } }
	@media all and (max-width: 500px) { .eighthspaceabove { margin-top: 2.5px; } }
.eighthspacebelow { margin-bottom: 3px; }
	@media all and (max-width: 600px) { .eighthspacebelow { margin-bottom: 0.5vw; } }
	@media all and (max-width: 500px) { .eighthspacebelow { margin-bottom: 2.5px; } }
.quarterspaceabove { margin-top: 6px; }
	@media all and (max-width: 600px) { .quarterspaceabove { margin-top: 1vw; } }
	@media all and (max-width: 500px) { .quarterspaceabove { margin-top: 5px; } }
.quarterspacebelow { margin-bottom: 6px; }
	@media all and (max-width: 600px) { .quarterspacebelow { margin-bottom: 1vw; } }
	@media all and (max-width: 500px) { .quarterspacebelow { margin-bottom: 5px; } }
.threeeighthsspaceabove { margin-top: 9px; }
	@media all and (max-width: 600px) { .threeeighthsspaceabove { margin-top: 1.5vw; } }
	@media all and (max-width: 500px) { .threeeighthsspaceabove { margin-top: 7.5px; } }
.threeeighthsspacebelow { margin-bottom: 9px; }
	@media all and (max-width: 600px) { .threeeighthsspacebelow { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { .threeeighthsspacebelow { margin-bottom: 7.5px; } }
.halfspaceabove { margin-top: 12px; }
	@media all and (max-width: 600px) { .halfspaceabove { margin-top: 2vw; } }
	@media all and (max-width: 500px) { .halfspaceabove { margin-top: 10px; } }
.halfspacebelow { margin-bottom: 12px; }
	@media all and (max-width: 600px) { .halfspacebelow { margin-bottom: 2vw; } }
	@media all and (max-width: 500px) { .halfspacebelow { margin-bottom: 10px; } }
.threequartersspaceabove { margin-top: 18px; }
	@media all and (max-width: 600px) { .threequartersspaceabove { margin-top: 3vw; } }
	@media all and (max-width: 500px) { .threequartersspaceabove { margin-top: 15px; } }
.threequartersspacebelow { margin-bottom: 18px; }
	@media all and (max-width: 600px) { .threequartersspacebelow { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { .threequartersspacebelow { margin-bottom: 15px; } }
.spaceabove { margin-top: 24px; }
	@media all and (max-width: 600px) { .spaceabove { margin-top: 4vw; } }
	@media all and (max-width: 500px) { .spaceabove { margin-top: 20px; } }
.spacebelow { margin-bottom: 24px; }
	@media all and (max-width: 600px) { .spacebelow { margin-bottom: 4vw; } }
	@media all and (max-width: 500px) { .spacebelow { margin-bottom: 20px; } }
.spaceandaquarterabove { margin-top: 30px; }
	@media all and (max-width: 600px) { .spaceandaquarterabove { margin-top: 5vw; } }
	@media all and (max-width: 500px) { .spaceandaquarterabove { margin-top: 25px; } }
.spaceandaquarterbelow { margin-bottom: 30px; }
	@media all and (max-width: 600px) { .spaceandaquarterbelow { margin-bottom: 5vw; } }
	@media all and (max-width: 500px) { .spaceandaquarterbelow { margin-bottom: 25px; } }
.spaceandahalfabove { margin-top: 36px; }
	@media all and (max-width: 600px) { .spaceandahalfabove { margin-top: 6vw; } }
	@media all and (max-width: 500px) { .spaceandahalfabove { margin-top: 30px; } }
.spaceandahalfbelow { margin-bottom: 36px; }
	@media all and (max-width: 600px) { .spaceandahalfbelow { margin-bottom: 6vw; } }
	@media all and (max-width: 500px) { .spaceandahalfbelow { margin-bottom: 30px; } }
.doublespaceabove { margin-top: 48px; }
	@media all and (max-width: 600px) { .doublespaceabove { margin-top: 8vw; } }
	@media all and (max-width: 500px) { .doublespaceabove { margin-top: 40px; } }
.doublespacebelow { margin-bottom: 48px; }
	@media all and (max-width: 600px) { .doublespacebelow { margin-bottom: 8vw; } }
	@media all and (max-width: 500px) { .doublespacebelow { margin-bottom: 40px; } }
.quadruplespaceabove { margin-top: 96px; }
	@media all and (max-width: 600px) { .quadruplespaceabove { margin-top: 16vw; } }
	@media all and (max-width: 500px) { .quadruplespaceabove { margin-top: 80px; } }
.quadruplespacebelow { margin-bottom: 96px; }
	@media all and (max-width: 600px) { .quadruplespacebelow { margin-bottom: 16vw; } }
	@media all and (max-width: 500px) { .quadruplespacebelow { margin-bottom: 80px; } }

.cell.eighthspacebelow { padding-bottom: 3px; }
	@media all and (max-width: 600px) { .cell.eighthspacebelow { padding-bottom: 0.5vw; } }
	@media all and (max-width: 500px) { .cell.eighthspacebelow { padding-bottom: 2.5px; } }
.cell.quarterspaceabove { padding-top: 6px; }
	@media all and (max-width: 600px) { .cell.quarterspaceabove { padding-top: 1vw; } }
	@media all and (max-width: 500px) { .cell.quarterspaceabove { padding-top: 5px; } }
.cell.quarterspacebelow { padding-bottom: 6px; }
	@media all and (max-width: 600px) { .cell.quarterspacebelow { padding-bottom: 1vw; } }
	@media all and (max-width: 500px) { .cell.quarterspacebelow { padding-bottom: 5px; } }
.cell.halfspaceabove { padding-top: 12px; }
	@media all and (max-width: 600px) { .cell.halfspaceabove { padding-top: 2vw; } }
	@media all and (max-width: 500px) { .cell.halfspaceabove { padding-top: 10px; } }
.cell.halfspacebelow { padding-bottom: 12px; }
	@media all and (max-width: 600px) { .cell.halfspacebelow { padding-bottom: 2vw; } }
	@media all and (max-width: 500px) { .cell.halfspacebelow { padding-bottom: 10px; } }
.cell.threequartersspaceabove { padding-top: 18px; }
	@media all and (max-width: 600px) { .cell.threequartersspaceabove { padding-top: 3vw; } }
	@media all and (max-width: 500px) { .cell.threequartersspaceabove { padding-top: 15px; } }
.cell.threequartersspacebelow { padding-bottom: 18px; }
	@media all and (max-width: 600px) { .cell.threequartersspacebelow { padding-bottom: 3vw; } }
	@media all and (max-width: 500px) { .cell.threequartersspacebelow { padding-bottom: 15px; } }
.cell.spaceabove { padding-top: 24px; }
	@media all and (max-width: 600px) { .cell.spaceabove { padding-top: 4vw; } }
	@media all and (max-width: 500px) { .cell.spaceabove { padding-top: 20px; } }
.cell.spacebelow { padding-bottom: 24px; }
	@media all and (max-width: 600px) { .cell.spacebelow { padding-bottom: 4vw; } }
	@media all and (max-width: 500px) { .cell.spacebelow { padding-bottom: 20px; } }
.cell.spaceandahalfabove { padding-top: 36px; }
	@media all and (max-width: 600px) { .cell.spaceandahalfabove { padding-top: 6vw; } }
	@media all and (max-width: 500px) { .cell.spaceandahalfabove { padding-top: 30px; } }
.cell.spaceandahalfbelow { padding-bottom: 36px; }
	@media all and (max-width: 600px) { .cell.spaceandahalfbelow { padding-bottom: 6vw; } }
	@media all and (max-width: 500px) { .cell.spaceandahalfbelow { padding-bottom: 30px; } }
.cell.doublespaceabove { padding-top: 48px; }
	@media all and (max-width: 600px) { .cell.doublespaceabove { padding-top: 8vw; } }
	@media all and (max-width: 500px) { .cell.doublespaceabove { padding-top: 40px; } }
.cell.doublespacebelow { padding-bottom: 48px; }
	@media all and (max-width: 600px) { .cell.doublespacebelow { padding-bottom: 8vw; } }
	@media all and (max-width: 500px) { .cell.doublespacebelow { padding-bottom: 40px; } }
.cell.quadruplespaceabove { padding-top: 96px; }
	@media all and (max-width: 600px) { .cell.quadruplespaceabove { padding-top: 16vw; } }
	@media all and (max-width: 500px) { .cell.quadruplespaceabove { padding-top: 80px; } }
.cell.quadruplespacebelow { padding-bottom: 96px; }
	@media all and (max-width: 600px) { .cell.quadruplespacebelow { padding-bottom: 16vw; } }
	@media all and (max-width: 500px) { .cell.quadruplespacebelow { padding-bottom: 80px; } }

.logo.vvsmall { width: 36px; height: 36px; }
	@media all and (max-width: 600px) { .logo.vvsmall { width: 6vw; height: 6vw; } }
.logo.vsmall { width: 48px; height: 48px; }
	@media all and (max-width: 600px) { .logo.vsmall { width: 8vw; height: 8vw; } }
.logo.small { width: 60px; height: 60px; }
	@media all and (max-width: 600px) { .logo.small { width: 10vw; height: 10vw; } }
.logo.smaller { width: 75px; height: 75px; }
	@media all and (max-width: 600px) { .logo.smaller { width: 12.5vw; height: 12.5vw; } }
.logo { width: 90px; height: 90px; }
	@media all and (max-width: 600px) { .logo { width: 15vw; height: 15vw; } }
.logo.larger { width: 120px; height: 120px; }
	@media all and (max-width: 600px) { .logo.larger { width: 20vw; height: 20vw; } }
.logo.large { width: 150px; height: 150px; }
	@media all and (max-width: 600px) { .logo.large { width: 25vw; height: 25vw; } }
.word { text-transform: uppercase; }
h1.word { font-size: 60px; }
	@media all and (max-width: 600px) { h1.word { font-size: 10vw; } }
h1.word.smaller { font-size: 48px; }
	@media all and (max-width: 600px) { h1.word.smaller { font-size: 9vw; } }

.tagline { display: inline-table; }
.taglinecell { display: table-cell; vertical-align: middle; }
.taglinecell.text { padding-left: 9px; text-align: left; }
	@media all and (max-width: 600px) { .taglinecell.text { padding-left: 1.5vw; } }
	@media all and (max-width: 500px) { .taglinecell.text { padding-left: 7.5px; } }

#mediumcontent { max-width: 660px; margin: 6px auto 24px; padding: 0 15px; }

.sectionsurtitle { margin: 18px 0 -18px; font-size: 80%; font-weight: 700; text-align: center; text-transform: uppercase; color: #FF8000; }
.sectiontitle { margin: 18px 0; font-size: 116.667%; font-weight: 700; text-align: center; text-transform: uppercase; color: #FF8000; }

.subscribepodcast { display: none; margin-bottom: 30px; }
.podcast .subscribepodcast { display: block; }
.subscribechannel { display: none; margin-bottom: 30px; }
.channel .subscribechannel { display: block; }
.subscribepodcastchannel { margin: 0 0 6px; font-weight: 700; text-transform: uppercase; }
.orange .subscribepodcastchannel { color: #FFE0C0; }
.blue .subscribepodcastchannel { color: #C0C0FF; }
.subscribeinstructions { font-size: 75%; font-weight: 400; }
.subscribepodcastbuttons { margin: 9px 0 6px; line-height: 135%; }
.subscribechannelbutton { margin: 9px 0 0; }
.subscribeservicelogo { height: 42px; }
	@media all and (max-width: 600px) { .subscribeservicelogo { height: 7vw; } }
	@media all and (max-width: 500px) { .subscribeservicelogo { height: 35px; } }

.preview { position: relative; border: solid 2px black; border-radius: 12px; text-align: left; cursor: pointer; }
   @media all and (min-aspect-ratio: 1000001/1000000)  /* landscape */ { .preview { min-height: 90px; margin: -9px 0 18px; padding: 9px 9px 9px 187px; } }
   @media all and (max-aspect-ratio: 1/1)              /* portrait  */ { .preview { min-height: 60px; margin: -6px 0 12px; padding: 6px 6px 6px 138px; } }
.preview:hover { border-color: #FF8000; }
.previewthumb { position: absolute; top: 0; left: 0; z-index: 1; }
   @media all and (min-aspect-ratio: 1000001/1000000)  /* landscape */ { .previewthumbimage { width: 160px; height: 90px; margin: 27px 9px; } }
   @media all and (max-aspect-ratio: 1/1)              /* portrait  */ { .previewthumbimage { width: 120px; height: 75px; margin: 18px 6px; } }
.previewdate { margin-bottom: 1.5px; text-transform: uppercase; font-size: 60%; font-weight: 400; color: #FF8000; }
.previewtitle { margin-bottom: 4.5px; font-size: 116.667%; font-weight: 400; }
.previewnewsletter { display: none; }
.newsletter .previewnewsletter { display: block; }
.previewpodcast { display: none; }
.podcast .previewpodcast { display: block; }
.previewchannel { display: none; }
.channel .previewchannel { display: block; }
.previewlinks { font-weight: 400; }
.previewsummary { margin-bottom: 4.5px; font-size: 75%; font-weight: 300; }
.previewbonus { margin: 15px 0 1.5px; text-transform: uppercase; font-size: 60%; font-weight: 400; color: #FF8000; }
.previewbonustitle { margin-bottom: 3px; font-weight: 400; }
.previewbonuslinks { font-size: 75%; }

#othermedialinks { margin-bottom: 18px; font-size: 60%; font-weight: 400; text-align: center; text-transform: uppercase; }

.inlinebutton { display: inline-block; vertical-align: top; position: relative; top: 1px; width: 24px; height: 24px; }
	@media all and (max-width: 600px) { .inlinebutton { width: 4vw; height: 4vw; } }
	@media all and (max-width: 500px) { .inlinebutton { width: 20px; height: 20px; } }
.inlinebutton svg { fill: none; stroke: white; stroke-width: 1.5px; stroke-linecap: round; }
.inlinebutton svg:hover { stroke: #FF8000; }

.episodenumber { margin-bottom: 9px; font-size: 75%; font-weight: 400; text-align: center; text-transform: uppercase; }
	@media all and (max-width: 600px) { .episodenumber { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { .episodenumber { margin-bottom: 7.5px; } }
.episodedate { margin-bottom: 9px; font-size: 75%; font-weight: 400; text-align: center; text-transform: uppercase; color: #FFA54C; }
	@media all and (max-width: 600px) { .episodedate { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { .episodedate { margin-bottom: 7.5px; } }
.episodetitle { margin-bottom: 15px; font-weight: 400; text-align: center; }
	@media all and (max-width: 600px) { .episodetitle { margin-bottom: 2.5vw; } }
	@media all and (max-width: 500px) { .episodetitle { margin-bottom: 12.5px; } }
.episodeguest { display: table; position: relative; height: 120px; margin: -6px auto 18px; }
	@media all and (max-width: 600px) { .episodeguest { height: 20vw; margin: -1vw auto 3vw; } }
	@media all and (max-width: 500px) { .episodeguest { height: 100px; margin: -5px auto 15px; } }
.episodeguestheadshot { position: absolute; top: 0; left: 0; width: 120px; height: 120px; }
	@media all and (max-width: 600px) { .episodeguestheadshot { width: 20vw; height: 20vw; } }
	@media all and (max-width: 500px) { .episodeguestheadshot { width: 100px; height: 100px; } }
.episodeguestbiography { display: table-cell; padding-left: 138px; padding-bottom: 6px; vertical-align: middle; text-align: left; font-weight: 400; }
	@media all and (max-width: 600px) { .episodeguestbiography { padding-left: 23vw; padding-bottom: 1vw; } }
	@media all and (max-width: 500px) { .episodeguestbiography { padding-left: 115px; padding-bottom: 5px; } }
.episodeguestwith { font-size: 60%; font-style: italic; }
.episodeguestname { font-size: 135%; }
.episodeguesttitle { font-weight: 300; }
.episodesection { margin: 30px 0 18px; font-size: 116.667%; font-weight: 700; text-align: center; text-transform: uppercase; color: #FF8000; }
	@media all and (max-width: 600px) { .episodesection { margin: 5vw 0 3vw; } }
	@media all and (max-width: 500px) { .episodesection { margin: 25px 0 15px; } }
.episodenewsletter { margin-bottom: 36px; text-align: left; }
	@media all and (max-width: 600px) { .episodenewsletter { margin-bottom: 6vw; } }
	@media all and (max-width: 500px) { .episodenewsletter { margin-bottom: 30px; } }
.episodenotes { margin-bottom: 36px; text-align: left; }
	@media all and (max-width: 600px) { .episodenotes { margin-bottom: 6vw; } }
	@media all and (max-width: 500px) { .episodenotes { margin-bottom: 30px; } }

.videoouter { width: 560px; margin: 0 auto; border-radius: 12px; padding: 12px; background: #38332E; }
	@media all and (max-width: 632px) { .videoouter { width: 448px; } }
	@media all and (max-width: 520px) { .videoouter { width: 336px; } }
.videoinner { width: 560px; height: 315px; }
	@media all and (max-width: 632px) { .videoinner { width: 448px; height: 252px; } }
	@media all and (max-width: 520px) { .videoinner { width: 336px; height: 189px; } }

.articlecontext { margin-bottom: 6px; font-size: 75%; font-weight: 400; text-align: center; text-transform: uppercase; color: #FFA54C; }
	@media all and (max-width: 600px) { .articlecontext { margin-bottom: 1vw; } }
	@media all and (max-width: 500px) { .articlecontext { margin-bottom: 5px; } }
.articletitle { margin-bottom: 12px; text-align: center; font-weight: 400; }
	@media all and (max-width: 600px) { .articletitle { margin-bottom: 2vw; } }
	@media all and (max-width: 500px) { .articletitle { margin-bottom: 10px; } }
.article { max-width: 660px; margin: 6px auto 36px; padding: 0 15px; text-align: left; }
   @media all and (min-aspect-ratio: 1000001/1000000)  /* landscape */ { .article { font-size: 22.5px; } }
   @media all and (max-aspect-ratio: 1/1)              /* portrait  */ { .article { font-size: 19.5px; } }
.article h2 { margin: 30px 0 24px; font-weight: 400; }
	@media all and (max-width: 600px) { .article h2 { margin: 5vw 0 4vw; } }
	@media all and (max-width: 500px) { .article h2 { margin: 25px 0 20px; } }

.articlebuttonabove { margin: 24px 0; text-align: center; }
	@media all and (max-width: 600px) { .articlebuttonabove { margin: 4vw 0; } }
	@media all and (max-width: 500px) { .articlebuttonabove { margin: 20px 0; } }
.articlebuttonbelow { margin: 0 0 36px; text-align: center; }
	@media all and (max-width: 600px) { .articlebuttonbelow { margin: 0 0 6vw; } }
	@media all and (max-width: 500px) { .articlebuttonbelow { margin: 0 0 30px; } }

.figure { max-height: 400px; max-width: 100%; vertical-align: middle; }
.figure.smaller { max-height: 300px; }
.figure.small { max-height: 225px; }
.figure.vsmall { max-height: 160px; }
.figure.vvsmall { max-height: 120px; }
.figure.vvvsmall { max-height: 90px; }
.figure.vvvvsmall { max-height: 60px; }
.figure.nospaceabove { margin-top: -18px; }
.figure.nospacebelow { margin-bottom: -18px; }

.figurecaption { display: inline-block; width: 100%; text-align: center; }
.figurecaptionrule { font-weight: 400; }

.browsebutton { margin: 36px 0; text-align: center; }
	@media all and (max-width: 600px) { .browsebutton { margin: 6vw 0; } }
	@media all and (max-width: 500px) { .browsebutton { margin: 30px 0; } }

.morelatestepisodesbutton { margin: 0 0 48px; text-align: center; }
	@media all and (max-width: 600px) { .morelatestepisodesbutton { margin: 0 0 8vw; } }
	@media all and (max-width: 500px) { .morelatestepisodesbutton { margin: 0 0 40px; } }
.morelatestepisodes { display: none; }

.owmnodesymbol { font-family: 'Bellefair', 'Times New Roman', Times, serif; }  /* Bellefair is more stylish than Times New Roman for ASCII text */
.owmnodesymbol.nonascii { font-family: 'Times New Roman', Times, serif; }  /* Times New Roman works better than Bellefair for text with non-ASCII characters */

.owmnodebuttonfloat { cursor: pointer; }
body.dark .owmnodebadgebuttonback { fill: black; }
body:not(.dark) .owmnodebadgebuttonback { fill: white; }

:root
{
  --owmthinkboxborderwidth: 0.375vh;
  --owmthinkboxpadding: 0.9375vh;
  --owmthinkboxinnerheight: 6vh;  /* propagate changes to think-snap.js */
}

.owmthinkboxouter
{
   position: absolute;
   bottom: 0.375vh;
   left: 25vw;
   right: 25vw;
   height: 8.625vh;
   text-align: center;
}
.owmthinkboxinner
{
   display: inline-block;
   position: relative;
   height: var(--owmthinkboxinnerheight);
   border: solid var(--owmthinkboxborderwidth) #FF8000;
   border-radius: calc(var(--owmthinkboxinnerheight) / 2 + var(--owmthinkboxborderwidth) + var(--owmthinkboxpadding));
   padding: var(--owmthinkboxpadding);
   background: black;
}
.owmthinkboxiconcell
{
   display: table;
   position: absolute;
   top: var(--owmthinkboxpadding);
   width: var(--owmthinkboxinnerheight);
   height: var(--owmthinkboxinnerheight);
}
.owmthinkboxiconcellleft
{
   left: var(--owmthinkboxpadding);
}
.owmthinkboxiconcellright
{
   right: var(--owmthinkboxpadding);
}
.owmthinkboxiconcellsecondright
{
   right: calc(var(--owmthinkboxpadding) + var(--owmthinkboxinnerheight) + 1.5vh);
}
.owmthinkboxicon
{
   width: var(--owmthinkboxinnerheight);
   height: var(--owmthinkboxinnerheight);
   cursor: pointer;
}
.owmthinkboxiconcell .owmspinner
{
   /* 1.5vh must match 0.75vh * 2 */
   width: calc(var(--owmthinkboxinnerheight) - 1.5vh);
   height: calc(var(--owmthinkboxinnerheight) - 1.5vh);
   border-width: 0.75vh;
   border-top-width: 0.75vh;
}
.owmthinkboxtextcell
{
   position: absolute;
   top: 0;
   bottom: 0;
   left: calc(var(--owmthinkboxborderwidth) + var(--owmthinkboxpadding) + var(--owmthinkboxinnerheight) + 0.75vh);
   right: calc(var(--owmthinkboxborderwidth) + var(--owmthinkboxpadding) + var(--owmthinkboxinnerheight) + 0.375vh);
   white-space: nowrap;
}
.owmthinkboxtextcellinner
{
   display: table;
   width: 100%;
   height: 100%;
}
.owmthinkboxinputouter
{
   display: table-cell;
   vertical-align: middle;
}
input.owmthinkboxinput
{
   width: 100%;
   margin-bottom: 0.5625vh;
   border-radius: 0;
   padding: 0;
   font-size: 3.75vh;
   color: white;
   background: none;
}
input.owmthinkboxinput::placeholder { color: #FFC080; opacity: 0.5; }

.owmthinkboxresultsouter
{
   position: fixed;
   top: 0;
   bottom: 0;
   left: 25vw;
   right: 25vw;
   overflow-y: auto;
   display: none;
}
.owmthinkboxresultsmiddle
{
   position: relative;
   width: 100%;
}
.owmthinkboxresultsback
{
   position: absolute;
   top: 1.25vh;
   bottom: 0;
   left: 0;
   right: 0;
   border-radius: calc(var(--owmthinkboxinnerheight) / 2 + var(--owmthinkboxborderwidth) + var(--owmthinkboxpadding));
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   background: black;
}
.owmthinkboxresult
{
   position: absolute;
   left: 0;
   right: 0;
   height: var(--owmthinkboxinnerheight);
   border: solid var(--owmthinkboxborderwidth) transparent;
   border-radius: calc(var(--owmthinkboxinnerheight) / 2 + var(--owmthinkboxborderwidth) + var(--owmthinkboxpadding));
   padding: var(--owmthinkboxpadding);
   cursor: pointer;
}
.owmthinkboxresult:not(.selected) .owmthinkboxicon { visibility: hidden; }
.owmthinkboxresultimageouter
{
   display: table-cell;
   vertical-align: middle;
}
.owmthinkboxresultname
{
   display: table-cell;
   vertical-align: middle;
   padding: 0 0.75vw 0.75vh 0;
   font-size: 3.75vh;
   font-weight: 400;
}
.owmthinkboxresultdefinitionouter
{
   display: table-cell;
   vertical-align: middle;
   width: 100%;  /* i.e. as much of the width of the .owmthinkboxtextcellinner table as is not taken by the other table-cell, i.e. .owmthinkboxresultname */
   font-size: 2.0625vh;
   font-weight: 300;
   line-height: 110%;
   white-space: normal;
}
.owmthinkboxresultdefinitioninner
{
   display: inline-block;
   height: calc(var(--owmthinkboxinnerheight) + var(--owmthinkboxpadding) + var(--owmthinkboxpadding) - 0.75vh);
   overflow: hidden;
}
.owmthinkboxresultdefinitiontextouter
{
   display: table;
   width: 100%;
   height: 100%;
}
.owmthinkboxresultdefinitiontextinner
{
   display: table-cell;
   vertical-align: middle;
   padding-bottom: 0.1875vh;
}
.owmthinkboxresultborder
{
   position: absolute;
   top: calc(var(--owmthinkboxborderwidth) * -1);
   bottom: calc(var(--owmthinkboxborderwidth) * -1);
   left: calc(var(--owmthinkboxborderwidth) * -1);
   right: calc(var(--owmthinkboxborderwidth) * -1);
   border: solid var(--owmthinkboxborderwidth) #FF8000;
   border-radius: calc(var(--owmthinkboxinnerheight) / 2 + var(--owmthinkboxborderwidth) + var(--owmthinkboxpadding));
}
.owmthinkboxresult:not(.selected) .owmthinkboxresultborder { display: none; }

.owmnodeimageouter { width: fit-content; }  /* width fit-content so that the owmnodeimageouter width matches the owmnodeimage width */
.owmnodeimage { display: block; position: relative; }  /* display block so that the owmnodeimageouter width matches the owmnodeimage width */
.owmnodeimage.rounded { border-radius: 8%; }  /* must match think-snap.js roundedmask rx */
.owmnodeimage.circle { border-radius: 50%; }
/*
body.dark .owmnodeimage { background: #E07000; }
body:not(.dark) .owmnodeimage { background: #FF9020; }
*/
.owmnodeimagesymbol { position: relative; text-align: center; }
/*
body.dark .owmnodeimagesymbol { background: #E07000; }
body:not(.dark) .owmnodeimagesymbol { background: #FF9020; }
*/
.owmnodeimagesymbolinner { position: relative; }

.owmsidebariconouter { position: absolute; bottom: 0; cursor: pointer; }
.owmsidebariconouter.large { bottom: 1.3125vh; width: 6vh; height: 6vh; }  /* bottom 1.3125vh must match .owmthinkboxouter bottom 0.375vh + .owmthinkboxinner padding 0.9375vh */
.owmsidebariconouter.small { bottom: 2.4375vh; width: 3.75vh; height: 3.75vh; }  /* bottom 2.4375vh must match .owmthinkboxouter bottom 0.375vh + .owmthinkboxinner padding 0.9375vh + (.owmsidebariconouter.large height - .owmsidebariconouter.small height) / 2 */
.owmsidebariconouter.raised { z-index: 1; }

.owmsidebar { position: fixed; bottom: 0; max-height: 100vh; }
.owmsidebar.left  { left: 0; }
.owmsidebar.right { right: 0; }
.owmsidebar.full { top: 0; }
.owmsidebar.ample   { bottom: 1.3125vh; }  /* match .owmthinkboxouter bottom 0.375vh + .owmthinkboxinner padding 0.9375vh */
.owmsidebar.compact { bottom: 2.4375vh; }  /* match .owmthinkboxouter bottom 0.375vh + .owmthinkboxinner padding 0.9375vh + (.owmsidebar.ample .owmsidebaricon height - .owmsidebar.compact .owmsidebaricon height) / 2 */
.owmsidebar.scrollable { overflow-y: auto; }
body.dark .owmsidebar.back { background: #000020; }
body:not(.dark) .owmsidebar.back { background: #E0E0FF; }
.owmsidebar.left.back { border-right: solid 2px white; }
.owmsidebar.right.back { border-left: solid 2px white; }
.owmsidebar.withmessage { padding-top: 12vh; }  /* padding-top must match .owmsidebarmessageouter height and .owmsidebarmessageinner height + padding-top */

.owmsidebarmessageouter { display: table; position: absolute; top: 0; width: 100%; max-width: 100%; height: 12vh; background: #000080; }  /* height must match .owmsidebar.withmessage padding-top and .owmsidebarmessageinner height + padding-top */
.owmsidebarmessageinner { display: table-cell; height: 11.25vh; padding: 0 0.75vw 0.75vh; vertical-align: middle; text-align: center; }  /* height + padding-top must match .owmsidebar.withmessage padding-top and .owmsidebarmessageouter height */

.owmsidebarback { position: absolute; right: 0; background: #000020; }
.owmsidebar.left .owmsidebarback { border-right: solid 2px white; }
.owmsidebar.right .owmsidebarback { border-left: solid 2px white; }

.owmsidebaricon { object-fit: cover; }
.owmsidebar.ample .owmsidebariconouter { width: 6vh; height: 6vh; }  /* must match .owmmindbarmind width and .owmsidebar.ample .owmsidebaricon      width */
.owmsidebar.ample .owmsidebaricon      { width: 6vh; height: 6vh; }  /* must match .owmmindbarmind width and .owmsidebar.ample .owmsidebariconouter width */
.owmsidebar.compact .owmsidebariconouter { width: 3.75vh; height: 3.75vh; }  /* must match .owmsidebar.compact .owmsidebaricon      width */
.owmsidebar.compact .owmsidebaricon      { width: 3.75vh; height: 3.75vh; }  /* must match .owmsidebar.compact .owmsidebariconouter width */

.owmsidebarcloseicon { position: absolute; top: 3px; width: 30px; height: 30px; cursor: pointer; }
	@media all and (max-width: 600px) { .owmsidebarcloseicon { top: 0.5vw; width: 5vw; height: 5vw; } }
	@media all and (max-width: 500px) { .owmsidebarcloseicon { top: 2.5px; width: 25px; height: 25px; } }

.owmsidebarquestionicon { position: relative; top: -0.125em; width: 18px; height: 18px; margin-left: 9px; vertical-align: text-bottom; }
	@media all and (max-width: 600px) { .owmsidebarquestionicon { width: 3vw; height: 3vw; margin-left: 1.5vw; } }
	@media all and (max-width: 500px) { .owmsidebarquestionicon { width: 15px; height: 15px; margin-left: 7.5px; } }

.owmnodebarcloseicon.left { left: calc(25vw - 15px); }  /* 25vw must match think-snap.js owmNodeBarWidth; 15px must match .owmsidebarcloseicon width / 2 */
	@media all and (max-width: 600px) { .owmnodebarcloseicon.left { left: calc(25vw - 2.5vw); } }
	@media all and (max-width: 500px) { .owmnodebarcloseicon.left { left: calc(25vw - 12.5px); } }
.owmnodebarcloseicon.right { right: calc(25vw - 15px); }  /* 25vw must match think-snap.js owmNodeBarWidth; 15px must match .owmsidebarcloseicon width / 2 */
	@media all and (max-width: 600px) { .owmnodebarcloseicon.right { right: calc(25vw - 2.5vw); } }
	@media all and (max-width: 500px) { .owmnodebarcloseicon.right { right: calc(25vw - 12.5px); } }

.owmnodebarinner { position: relative; margin: 2.25vh 1.5vw; }
.owmnodebarinner.left { margin-left: 1.375vw; margin-right: 1.625vw; }
.owmnodebarinner.right { margin-right: 1.375vw; margin-left: 1.625vw; }
.owmnodebarimageouter:not(:hover) .owmlicensepopupicon:not(.shown) { display: none; }
.owmnodebartext { margin-top: 1.5vh; white-space: nowrap; }  /* white-space nowrap to keep icon together with span */
.owmnodebartexticon { position: relative; top: 0.46875vw; width: 1.875vw; height: 1.875vw; margin-right: 0.625vw; }
.owmnodebartextspan { position: relative; white-space: normal; overflow-wrap: break-word; }  /* white-space normal to override owmnodebartext white-space nowrap and allow wrapping; overflow-wrap break-word to force wrap rather than overflowing node bar, even if it means breaking mid-word */
.owmnodebartextbutton { position: relative; top: 0.46875vw; width: 1.875vw; height: 1.875vw; margin-left: 0.625vw; cursor: pointer; }
.owmnodebarmeldcontrols { display: inline-block; position: relative; top: 0.46875vw; margin-left: 0.25vw; }
.owmnodebarmeldcontrols .owmmindiconouter { display: inline-block; margin-left: 0.375vw; }
.owmnodebarmeldcontrols .owmmindicon { width: 1.875vw; height: 1.875vw; }
.owmnodebarmeldcontrols .owmmindicon.active { cursor: pointer; }
.owmnodebarmindimageouter { display: inline-block; }
.owmnodebarmindimage { width: 100%; height: 100%; }
.owmnodebarvaluetable { display: table; table-layout: fixed; width: calc(100% + 1.3125vw); margin-top: 2.25vh; white-space: nowrap; }  /* allow table to extend 1.3125vw into the 1.625vw margin of the left node bar, since the extra space will be taken by the unit license pop-up icon, which is hidden most of the time */
.owmnodebarvaluerow { display: table-row; }
.owmnodebarvaluecell { display: table-cell; padding-bottom: 0.75vh; padding-right: 1.25em; }
.owmnodebarvaluecell.property { width: 55%; }
.owmnodebarvaluecell.value { width: 25%; text-align: right; }
.owmnodebarvaluecell.unit { width: 20%; }
.owmnodebarvaluecelltext { position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owmnodebaredge { margin-bottom: 1.125vh; }
.owmnodebaredgevisualization { position: relative; margin-bottom: 0.375vh; }
.owmnodebaredgeline { position: absolute; top: calc(50% - 1px); left: 2vw; right: 2vw; height: 2px; background: blue; }
.owmnodebaredgenodeimageouter { display: inline-block; vertical-align: middle; }
.owmnodebaredgenodeimageouter:not(:hover) .owmlicensepopupicon:not(.shown) { display: none; }
.owmnodebaredgenodeimagegap  { display: inline-block; width: 1vw; }
.owmnodebaredgetexticon { position: relative; top: 0.375vw; width: 1.5vw; height: 1.5vw; margin-right: 0.5625vw; }

.owmlicensepopuptargettext { position: relative; }
.owmlicensepopuptargettext:not(:hover) .owmlicensepopupicon:not(.shown) { visibility: hidden; }
.owmlicensepopuptargetcontent { z-index: 1; }  /* bring forward target content when license pop-up shown */
.owmlicensepopupicon { position: relative; cursor: pointer; }
.owmlicensepopupicon.hidden { display: none; }
.owmlicensepopupicon.wording { width: 0.875em; height: 0.875em; }
.owmlicensepopupicon.wording.inline { position: relative; margin-left: 0.25em; top: 0.0625em; }
.owmlicensepopupicon.wording.aftertextincell { position: absolute; top: 0.1875em; right: 0; padding: 0 0.25em; }
.owmlicensepopupicon.wording.aftertext { position: absolute; top: 0.1875em; right: -1.375em; padding: 0 0.25em; }
.owmlicensepopupicon.wording.aftericon { position: absolute; width: 1.3125vw; height: 1.3125vw; top: 0; left: 1.5vw; padding: 0 0.375vw; z-index: 1; }  /* z-index 1 to bring pop-up icon in front of text that follows */
.owmlicensepopupicon.drawing { position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; }
	@media all and (max-width: 600px) { .owmlicensepopupicon.drawing { width: 4vw; height: 4vw; } }
	@media all and (max-width: 500px) { .owmlicensepopupicon.drawing { width: 20px; height: 20px; } }
.owmlicensepopupicon.drawing.small { width: 12px; height: 12px; }
	@media all and (max-width: 600px) { .owmlicensepopupicon.drawing.small { width: 2vw; height: 2vw; } }
	@media all and (max-width: 500px) { .owmlicensepopupicon.drawing.small { width: 10px; height: 10px; } }
.owmlicensepopupicon.drawing.outset { position: absolute; bottom: -1.125vh; right: -0.5625vw; }
.owmlicensepopupicon.drawing.small.outset { position: absolute; bottom: -0.5625vh; right: -0.28125vw; }
.owmlicensepopup { position: absolute; left: -0.75vw; right: -0.75vw; border: solid 2px white; border-radius: 0.75vw; padding: calc(1.5vh + 12px) 7.5px 12px; }  /* padding calc vh must match think-snap.js owmLicensePopUpMarginTop */
	@media all and (max-width: 600px) { .owmlicensepopup { padding: calc(1.5vh + 2vw) 1.25vw 2vw; } }
	@media all and (max-width: 500px) { .owmlicensepopup { padding: calc(1.5vh + 10px) 6.25px 10px; } }
body.dark .owmlicensepopup { background: #000060; }
body:not(.dark) .owmlicensepopup { background: #A0A0FF; }
.owmlicensepopupcloseicon { position: absolute; top: -9px; right: -9px; width: 24px; height: 24px; cursor: pointer; z-index: 2; }  /* z-index 2 brings close icon in front of .owmlicensepopuptargetcontent z-index 1 */
	@media all and (max-width: 600px) { .owmlicensepopupcloseicon { top: -1.5vw; right: -1.5vw; width: 4vw; height: 4vw; } }
	@media all and (max-width: 500px) { .owmlicensepopupcloseicon { top: -7.5px; right: -7.5px; width: 20px; height: 20px; } }
.owmlicensepopupheading { font-weight: bold; text-transform: uppercase; letter-spacing: 5%; }

.owmaccountbariconouter { left: 0.75vw; }
.owmaccountbarinner { position: relative; margin-right: 0.75vw; }
.owmaccountbarthinker { position: relative; }
.owmaccountbarthinkerimageouter { position: absolute; top: 1.125vh; left: 0.75vw; width: 3.75vw; height: 3.75vw; cursor: pointer; }
.owmaccountbarthinkername { padding: 0.5625vh 0.75vw 0 5.25vw; cursor: pointer; }
.owmaccountbarthinkerleveltext { padding: 0 0.75vw 0 5.25vw;  }
.owmaccountbarlevel { position: relative; }
.owmaccountbarlevelicon { position: absolute; top: 1.125vh; left: 0.75vw; width: 3.75vw; height: 3.75vw; }
.owmaccountbarlevelprefix { padding-top: 1.25vh; padding-left: 5.25vw; line-height: 80%; }
.owmaccountbarleveltext { padding-left: 5.25vw; }
.owmaccountbarcontrols { padding-top: 2.25vh; padding-left: 0.75vw; }
.owmaccountbarsubcontrols { padding: 1.75vh 0 1.75vh 0.375vw; }

.owmaccountpopupouter { display: table; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000080; }
.owmaccountpopupmiddle { display: table-cell; vertical-align: middle; text-align: center; }
.owmaccountpopupinner { display: inline-block; position: relative; margin-bottom: 21px; border: solid 2px white; border-radius: 18px; padding: 12px 12px 15px; text-align: left; }
	@media all and (max-width: 600px) { .owmaccountpopupinner { margin-bottom: 3.5vw; border-radius: 3vw; padding: 2vw 2vw 2.5vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupinner { margin-bottom: 17.5px; border-radius: 15px; padding: 10px 10px 12.5px; } }
body.dark .owmaccountpopupinner { background: #000060; }
body:not(.dark) .owmaccountpopupinner { background: #A0A0FF; }
.owmaccountpopuptitle { margin-bottom: 13.5px; text-align: center; }
	@media all and (max-width: 600px) { .owmaccountpopuptitle { margin-top: 2.25vw; } }
	@media all and (max-width: 500px) { .owmaccountpopuptitle { margin-top: 11.25px; } }
.owmaccountpopupfield { margin-top: 10.5px; }
	@media all and (max-width: 600px) { .owmaccountpopupfield { margin-top: 1.75vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupfield { margin-top: 8.75px; } }
.owmaccountpopuplabel { display: inline-block; width: 108px; }
	@media all and (max-width: 600px) { .owmaccountpopuplabel { width: 18vw; } }
	@media all and (max-width: 500px) { .owmaccountpopuplabel { width: 90px; } }
.owmaccountpopupinput { width: 270px; }
	@media all and (max-width: 600px) { .owmaccountpopupinput { width: 45vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupinput { width: 225px; } }
.owmaccountpopupprefix { margin-top: 13.5px; }
	@media all and (max-width: 600px) { .owmaccountpopupprefix { margin-top: 2.25vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupprefix { margin-top: 11.25px; } }
.owmaccountpopupdisclosure { margin-top: 13.5px; }
	@media all and (max-width: 600px) { .owmaccountpopupdisclosure { margin-top: 2.25vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupdisclosure { margin-top: 11.25px; } }
.owmaccountpopupnode { margin-top: 10.5px; }
	@media all and (max-width: 600px) { .owmaccountpopupnode { margin-top: 1.75vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupnode { margin-top: 8.75px; } }
.owmaccountpopupnodeimageouter { display: inline-block; width: 96px; height: 96px; margin-right: 10.5px; vertical-align: middle; cursor: pointer; }
	@media all and (max-width: 600px) { .owmaccountpopupnodeimageouter { width: 16vw; height: 16vw; margin-right: 1.75vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupnodeimageouter { width: 80px; height: 80px; margin-right: 8.75px; } }
body.dark .owmaccountpopupnodeimageouter { background: #000020; }
body:not(.dark) .owmaccountpopupnodeimageouter { background: #E0E0FF; }
.owmaccountpopupnodeimageplaceholder { width: 75%; height: 75%; margin: 12.5%; }
.owmaccountpopupnodeuploadingouter { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.owmaccountpopupnodeuploadinginner { display: table-cell; vertical-align: middle; text-align: center; }
body.dark .owmaccountpopupnodeuploadinginner { background: #000020; color: #C0C0C0; }
body:not(.dark) .owmaccountpopupnodeuploadinginner { background: #E0E0FF; color: #404040; }
.owmaccountpopupnodeimage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.owmaccountpopupnodedetails { display: inline-block; vertical-align: middle; }
.owmaccountpopupuploadbuttonouter { margin-top: 6px; }
	@media all and (max-width: 600px) { .owmaccountpopupuploadbuttonouter { margin-top: 1vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupuploadbuttonouter { margin-top: 5px; } }
.owmaccountpopupuploadbutton { vertical-align: middle; }
.owmaccountpopupnodeinfo { display: inline-block; margin-left: 6px; vertical-align: middle; }
	@media all and (max-width: 600px) { .owmaccountpopupnodeinfo { margin-left: 1vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupnodeinfo { margin-left: 5px; } }

.owmaccountpopupoption { display: inline-block; width: 174px; margin-top: 10.5px; border: solid 2px transparent; border-radius: 9px; padding: 6px 9px 15px; color: #808080; cursor: pointer; }
	@media all and (max-width: 600px) { .owmaccountpopupoption { width: 29vw; margin-top: 1.75vw; border-radius: 1.5vw; padding: 1vw 1.5vw 2.5vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupoption { width: 145px; margin-top: 8.75px; border-radius: 7.5px; padding: 5px 7.5px 12.5px; } }
.owmaccountpopupoption:not(.first) { margin-left: 10.5px; }
	@media all and (max-width: 600px) { .owmaccountpopupoption:not(.first) { margin-left: 1.75vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupoption:not(.first) { margin-left: 8.75px; } }
body.dark .owmaccountpopupoption { background: #000020; }
body:not(.dark) .owmaccountpopupoption { background: #E0E0FF; }
body.dark .owmaccountpopupoption.selected { border-color: white; color: white; }
body:not(.dark) .owmaccountpopupoption.selected { border-color: black; color: black; }
.owmaccountpopupoptionicon { display: inline-block; position: relative; top: 0.125em; width: 1.125em; height: 1.125em; border: solid 2px #808080; border-radius: 50%; margin-right: 0.25em; font-size: 125%; vertical-align: text-bottom; text-align: center; }
.owmaccountpopupoption.selected .owmaccountpopupoptionicon { border-color: #0000FF; background: #0000FF; }
.owmaccountpopupoption:not(.selected) .owmaccountpopupoptionicon { color: transparent; }
.owmaccountpopupoptiontext { margin-top: 10.5px; margin-left: 10.5px; }
	@media all and (max-width: 600px) { .owmaccountpopupoptiontext { margin-top: 1.75vw; margin-left: 1.75vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupoptiontext { margin-top: 8.75px; margin-left: 8.75px; } }
.owmaccountpopupoptiontext.open .closed { display: none; }
.owmaccountpopupoptiontext:not(.open) .open { display: none; }
.owmaccountpopupprogress { width: 408px; min-height: 210px; }
	@media all and (max-width: 600px) { .owmaccountpopupprogress { width: 68vw; min-height: 35vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupprogress { width: 340px; min-height: 175px; } }
.owmaccountpopupbuttonouter { margin-top: 21px; text-align: center; }
	@media all and (max-width: 600px) { .owmaccountpopupbuttonouter { margin-top: 3.5vw; } }
	@media all and (max-width: 500px) { .owmaccountpopupbuttonouter { margin-top: 17.5px; } }
.owmaccountpopuperror { position: absolute; left: 15%; right: 15%; text-align: center; }
.owmaccountpopuperrorpointer { position: relative; width: 100%; height: 9px; }
.owmaccountpopuperrorpointerborder { display: inline-block; position: relative; top: -8.5px; left: 9px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid transparent; }
body.dark .owmaccountpopuperrorpointerborder { border-bottom-color: white; }
body:not(.dark) .owmaccountpopuperrorpointerborder { border-bottom-color: black; }
.owmaccountpopuperrorpointercore { display: inline-block; position: relative; top: -7px; left: -7.5px; width: 0; height: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 7.5px solid transparent; }
body.dark .owmaccountpopuperrorpointercore { border-bottom-color: #C00000; }
body:not(.dark) .owmaccountpopuperrorpointercore { border-bottom-color: #FF4040; }
.owmaccountpopuperrortext { border: solid 2px transparent; border-radius: 9px; padding: 6px 7.5px 7.5px; }
	@media all and (max-width: 600px) { .owmaccountpopuperrortext { border-radius: 1.5vw; padding: 1vw 1.25vw 1.25vw; } }
	@media all and (max-width: 500px) { .owmaccountpopuperrortext { border-radius: 7.5px; padding: 5px 6.25px 6.25px; } }
body.dark .owmaccountpopuperrortext { background: #C00000; border-color: white; }
body:not(.dark) .owmaccountpopuperrortext { background: #FF4040; border-color: black; }

.owmideasimageouter { left: calc(0.75vw + 3.75vh + 0.375vw); }  /* must match owmthinkerimageouter left + .owmsidebar.compact .owmsidebariconouter width + thinker-ideas gap 0.375vw */

.owmviewbariconouter { left: calc(0.75vw + 3.75vh + 0.375vw + 6vh + 0.375vw); }  /* must match .owmideasimageouter left + .owmsidebar.ample .owmsidebariconouter width + ideas-view gap 0.375vw */
.owmviewbarinner { position: relative; margin: 1vh 1.5vw 1.5vh 0.75vw; }
.owmviewbarbuttonset { display: inline-block; border: solid 1px #FF8000; border-radius: 0.225em; line-height: 0; vertical-align: middle; background: black; }
.owmviewbarbuttonset:not(.first) { margin-left: 0.375em; }
.owmviewbarbuttonset.disabled { border-color: #404040; }
.owmviewbarbuttonset.hidden { visibility: hidden; }
.owmviewbarbutton { display: inline-block; position: relative; width: 1.25em; height: 1.25em; }
.owmviewbarbuttonimage { width: 1.25em; height: 1.25em; }
.owmviewbarbuttonimage:not(.inert) { cursor: pointer; }
.owmviewbarbuttonimage.pressed { position: absolute; top: 0; left: 0; }
.owmviewbarbutton:not(.pressed) .owmviewbarbuttonimage.pressed { display: none; }
.owmviewbarbutton.disabled .owmviewbarbuttonimage.pressed { display: none; }
.owmviewbarbuttonimage.disabled { position: absolute; top: 0; left: 0; }
.owmviewbarbutton:not(.disabled) .owmviewbarbuttonimage.disabled { display: none; }
.owmviewbarpropertyspan { position: relative; top: -0.0625em; margin-left: 0.5em; vertical-align: middle; }
.owmviewbaraxes { position: relative; }
.owmviewbaraxessymbol { width: 25vh; height: 25vh; margin-top: 7.5vh; }
.owmviewbaraxislabel.elevation { position: absolute; top: 1.75vh; left: 3.25vh; }
.owmviewbaraxisbuttons.elevation { position: absolute; top: 5.5vh; left: 3.25vh; }
.owmviewbaraxislabel.distance { position: absolute; top: 11.875vh; left: 13.375vh; }
.owmviewbaraxisbuttons.distance { position: absolute; top: 15.625vh; left: 13.375vh; }
.owmviewbaraxislabel.azimuth { position: absolute; top: 22vh; left: 23.5vh; }
.owmviewbaraxisbuttons.azimuth { position: absolute; top: 25.75vh; left: 23.5vh; }

.owmmindbariconouter { right: calc(0.75vw + 3.75vh + 0.75vw); }  /* must match owmlicensebariconouter right + .owmsidebar.compact .owmsidebariconouter width + license-mind gap 0.75vw */
.owmmindbarinner { position: relative; margin: 1vh 0.75vw 1.5vh 1.5vw; }
.owmmindbarbuttoncontainer { padding-top: 1vh; text-align: right; }
.owmmindbarmind { position: relative; height: 6vh; margin-bottom: 1vh; }
.owmmindimageouter { display: inline-block; vertical-align: top; position: relative; width: 6vh; height: 6vh; }
.owmmindimage { width: 6vh; height: 6vh; }
.owmmindnameouter { display: inline-table; vertical-align: top; position: relative; top: -1vh; height: 7.5vh; font-size: 85%; white-space: nowrap; }
.owmmindnameinner { display: table-cell; vertical-align: middle; }
.owmmindname { padding-left: 0.75vw; padding-right: calc(0.75vw + 9vh + 1.5vw); }  /* 0.75vw is gap between mind name and mind icon; 9vh must be 3 x .owmmindiconouter width; 1.5vw must be 2 x .owmmindiconouter gap + another 0.75vw gap between mind name and mind icons */
.owmmindbarmind .owmmindiconouter { position: absolute; top: 1.5vh; width: 3vh; height: 3vh; }
.owmmindbarmind .owmmindiconouter.left { right: calc(6vh + 0.75vw); }
.owmmindbarmind .owmmindiconouter.middle { right: calc(3vh + 0.375vw); }
.owmmindbarmind .owmmindiconouter.right { right: 0; }
.owmmindbarmind .owmmindicon { width: 3vh; height: 3vh; }
.owmmindbarmind .owmmindicon.active { cursor: pointer; }

.owmlicensebariconouter { right: 0.75vw; }
.owmlicensebarinner { position: relative; margin-left: 0.375vw; }
.owmlicensebarlevelicon { position: absolute; top: 1.5vh; left: 1.125vw; width: 9vh; height: 9vh; }
.owmlicensebaroverview { padding: 2.25vh 0.75vw 0.75vh calc(1.875vw + 9vh); height: 10vh; }
.owmlicensebartablecontainer { padding: 0 1.5vw 0.75vh; overflow: hidden; white-space: nowrap; }
.owmlicensebartablecell { display: inline-block; height: 3vh; overflow: hidden; }
.owmlicensebartablecell.alignright { text-align: right; }
.owmlicensebartablecell:not(.last) { margin-right: 1.25vw; }
.owmlicensebartablecell.heading { margin-bottom: 4.5px; border-bottom: solid 1px white; padding-bottom: 3px; font-weight: bold; }
.owmlicensebartablecell.total { border-top: solid 1px white; padding-top: 5.25px; font-weight: bold; }
.owmlicensebartablecell.icon { position: relative; overflow: visible; }
.owmlicensebartablelevelimage { position: absolute; top: -0.25vw; left: 0; width: 1.75vw; height: 1.75vw; }
.owmlicensebarcontrols { position: relative; padding: 0 1.5vw; height: 5.625vh; }
.owmlicensebarcontrols button { margin-right: 0.75vw; }
.owmlicensebarcheckboxcontainer { position: absolute; top: -0.5vh; right: 1.5vw; }
.owmlicensebardisclaimer { padding: 0 1.5vw 1.875vh; }