/* Keyframes for the spinner *//*
* Outfit CSS fallback — for non-Meteor contexts (static sites, browser extension,
* email templates, OBS overlays). Import this file; stamp the data attributes.
*
* Usage:
*
* or
* Juno
*
* For dynamic hue/saturation, inject:
*
* and the selectors below will pick them up.
*
* CSS variable contract (VESTA-SPEC-063 §5):
* --entity-hue Level 0 — hue in degrees
* --entity-saturation Level 0 — saturation %
* --entity-font-heading Level 1 — heading font family
* --entity-font-body Level 1 — body font family
* --entity-font-mono Level 1 — mono font family
* --entity-easing Level 3 — CSS easing function
* --entity-duration Level 3 — transition duration (ms value)
*
* Dark Passenger migration note (SPEC-063 §5):
* --shadow-hue, --shadow-saturation, --shadow-brightness alias to --entity-*
* during transition. New code uses --entity-* only.
*//* koad was here */
/* latin-ext */
@-webkit-keyframes iron-router-progress-before {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes iron-router-progress-before {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes iron-router-progress-before {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes iron-router-progress-before {
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes iron-router-progress-before {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Main progress bar */
#iron-router-progress {
display: block;
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 3px;
background-color: rgba(160, 160, 160, 0.6);
box-shadow: 0 0 5px rgba(160, 160, 160, 0.6);
opacity: 1;
z-index: 10000;
}
/* CSS-only spinner */
/* The spinner only shows after 0.5 seconds of load time */
#iron-router-progress.spinner:before {
content: "";
display: block;
position: fixed;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
background-color: transparent;
border: 3px solid rgba(160, 160, 160, 0.6);
border-radius: 100px;
border-right-color: transparent !important;
opacity: 0;
z-index: 10000;
pointer-events: none;
transition: 0.5s opacity;
transition-delay: 0.5s;
}
/* Loading state transitions */
#iron-router-progress.loading {
transition: 1s width, 1s opacity;
transition-delay: 0s, 1s;
}
#iron-router-progress.loading.spinner:before {
opacity: 1;
-webkit-animation: iron-router-progress-before 0.5s linear infinite;
-moz-animation: iron-router-progress-before 0.5s linear infinite;
-o-animation: iron-router-progress-before 0.5s linear infinite;
-ms-animation: iron-router-progress-before 0.5s linear infinite;
animation: iron-router-progress-before 0.5s linear infinite;
}
/* Done state - fade out */
#iron-router-progress.done {
opacity: 0;
}
#iron-router-progress.done.spinner:before {
opacity: 0;
}
:root {
--entity-hue: 0;
--entity-saturation: 0%;
--entity-font-heading: inherit;
--entity-font-body: inherit;
--entity-font-mono: monospace;
--entity-easing: ease;
--entity-duration: 200ms;
/* Dark Passenger legacy aliases */
--shadow-hue: var(--entity-hue);
--shadow-saturation: var(--entity-saturation);
}
/* ---------------------------------------------------------------------------
* Entity chip — inline name badge with entity color
* Name
* (color injected via --entity-hue / --entity-saturation at :root or parent)
* --------------------------------------------------------------------------- */
.entity-chip {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border-radius: 3px;
font-size: 0.85em;
font-weight: 500;
background-color: hsl(var(--entity-hue), var(--entity-saturation), 45%);
color: #fff;
white-space: nowrap;
transition: opacity var(--entity-duration) var(--entity-easing);
}
.entity-chip:hover {
opacity: 0.85;
}
/* ---------------------------------------------------------------------------
* Entity card — L2 capsule: name + color + role one-liner
* ...
* --------------------------------------------------------------------------- */
.entity-card {
display: flex;
flex-direction: column;
gap: 4px;
border-radius: 6px;
background-color: hsl(var(--entity-hue), var(--entity-saturation), 11%);
color: #fff;
font-family: var(--entity-font-body);
}
.entity-card__name {
font-family: var(--entity-font-heading);
font-weight: 700;
font-size: 1em;
color: #fff;
}
.entity-card__role {
font-size: 0.8em;
color: hsl(var(--entity-hue), var(--entity-saturation), 90%);
}
.entity-card__greeting {
font-style: italic;
font-size: 0.8em;
color: hsl(var(--entity-hue), var(--entity-saturation), 90%);
opacity: 0.85;
}
/* ---------------------------------------------------------------------------
* Outfit swatch — color-only block for palettes/style guides
*
* --------------------------------------------------------------------------- */
.outfit-swatch {
width: 40px;
height: 40px;
border-radius: 4px;
background-color: hsl(var(--entity-hue), var(--entity-saturation), 50%);
display: inline-block;
}
/* ---------------------------------------------------------------------------
* Entity avatar wrapper — clips to circle, consistent sizing
*
* --------------------------------------------------------------------------- */
.entity-avatar {
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
border: 1px solid hsla(var(--entity-hue), var(--entity-saturation), 10%, 0.5);
display: inline-flex;
align-items: center;
justify-content: center;
background-color: hsla(var(--entity-hue), var(--entity-saturation), 30%, 0.25);
}
.entity-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* ---------------------------------------------------------------------------
* Outfit transition — applies entity motion values to an element
* ...
* --------------------------------------------------------------------------- */
.outfit-transition {
transition: all var(--entity-duration) var(--entity-easing);
}.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.truncate-start {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
text-align: left;
}.application-containment {
z-index: 369;
position: fixed;
inset:0;
overflow: hidden;
isolation: isolate;
}
/* center container - panels slide over this */
.content-containment {
position: relative;
z-index: 1;
height: 100%;
overflow: auto;
overflow-x: hidden;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
padding-top: 88px;
}
.content-containment.left-open {
transform: translateX(var(--panel-width, 280px));
}
.content-containment.right-open {
transform: translateX(calc(-1 * var(--panel-width, 280px)));
}
.content-containment.both-open {
transform: translateX(calc(var(--panel-width, 280px) - var(--panel-width, 280px)));
}
/* panel containers */
.panel-containment {
position: absolute;
top: 0;
bottom: 0;
width: var(--panel-width, 280px);
min-width: var(--panel-min-width, 200px);
max-width: var(--panel-max-width, 85vw);
z-index: 20;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
width 0.1s ease;
will-change: transform;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background: var(--panel-bg, #fff);
box-shadow: var(--panel-shadow, 2px 0 10px rgba(0,0,0,0.15));
}
.panel-handle {
position: absolute;
top: 0;
bottom: 0;
width: 8px;
cursor: col-resize;
z-index: 25;
}
.panel-handle:hover {
background: rgba(0, 0, 0, 0.05);
}
.panel-handle:active {
background: rgba(0, 0, 0, 0.1);
}
/* LEFT PANELS */
.panel-containment.left {
left: 0;
transform: translateX(-100%);
}
.panel-handle.left {
right: 0;
}
.panel-containment.left.open {
transform: translateX(0);
}
/* RIGHT PANELS */
.panel-containment.right {
right: 0;
transform: translateX(100%);
}
.panel-handle.right {
left: 0;
}
.panel-containment.right.open {
transform: translateX(0);
}
/* Panel header */
.panel-header {
position: sticky;
top: 0;
z-index: 5;
background: inherit;
padding: var(--panel-padding, 16px);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.panel-close {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border: none;
background: transparent;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s ease;
}
.panel-close:hover {
background: rgba(0, 0, 0, 0.1);
}
.panel-close:focus-visible {
outline: 2px solid var(--focus-color, #0066cc);
outline-offset: 2px;
}
/* History navigation */
.panel-nav {
display: flex;
gap: 4px;
}
.panel-nav button {
width: 28px;
height: 28px;
border: none;
background: transparent;
border-radius: 4px;
cursor: pointer;
opacity: 0.6;
transition: opacity 0.2s, background 0.2s;
}
.panel-nav button:hover:not(:disabled) {
opacity: 1;
background: rgba(0, 0, 0, 0.1);
}
.panel-nav button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
/* back-to-top link */
.back-to-top {
position: absolute;
bottom: 16px;
right: 16px;
display: none;
padding: 8px 12px;
font-size: var(--font-sm);
background: rgba(0, 0, 0, 0.7);
color: #fff;
border-radius: 16px;
text-decoration: none;
opacity: 0;
transition: opacity 0.2s ease, transform 0.2s ease;
z-index: 10;
}
.back-to-top.show {
display: flex;
align-items: center;
gap: 4px;
opacity: 0.8;
}
.back-to-top:hover {
opacity: 1;
transform: translateY(-2px);
}
/* Mobile optimizations */
@media (max-width: 768px) {
:root {
--panel-width: 85vw;
--panel-min-width: 280px;
--panel-max-width: 85vw;
}
.panel-handle {
display: none;
}
.back-to-top {
bottom: 24px;
right: 24px;
}
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
.content-containment,
.panel-containment,
.back-to-top {
transition: none;
}
}
/* Focus management for accessibility */
.panel-containment:focus-within {
z-index: 22;
}
/* Print styles */
@media print {
.panel-containment,
.back-to-top {
display: none !important;
}
.content-containment {
transform: none !important;
}
}
.spirit-row-model { font-size: 12px; }
.spirit-row-harness { font-size: 12px; }
.spirit-row-runtime { font-size: 12px; }.girdle {
max-width:100%;
}
table.price-matrix{
overflow-x: auto;
white-space: nowrap;
margin: 0;
border: none;
border-collapse: separate;
border-spacing: 0;
table-layout:fixed
}
table.price-matrix tr td:first-child {
position:sticky;
left:0;
border-right-color:#aaa;
backdrop-filter: blur(16px);
z-index: 2;
}
table.price-matrix thead th {
padding: 3px;
position: sticky;
top: 0;
z-index: 1;
background: white;
}
table.price-matrix td {
position: relative;
}
.edit-selection-label{
margin-right: 15px;
position: absolute;
right: 0;
}
table.price-matrix tbody th {
font-weight: 100;
font-style: italic;
text-align: left;
position: relative;
}
table.price-matrix thead th:first-child {
position: sticky;
left: 0;
z-index: 2;
}
table.price-matrix tbody th {
position: sticky;
left: 0;
background: white;
z-index: 2;
}
.font-monospace {
font-family: "Courier New", Courier, monospace;
}
.ubuntu-mono-regular {
font-family: "Ubuntu Mono", monospace;
font-weight: 400;
font-style: normal;
}
.ubuntu-mono-bold {
font-family: "Ubuntu Mono", monospace;
font-weight: 700;
font-style: normal;
}
.ubuntu-mono-regular-italic {
font-family: "Ubuntu Mono", monospace;
font-weight: 400;
font-style: italic;
}
.ubuntu-mono-bold-italic {
font-family: "Ubuntu Mono", monospace;
font-weight: 700;
font-style: italic;
}
.chivo-mono-400 {
font-family: "Chivo Mono", monospace;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.footer-content{
font-size: 18px;
}
.boxStyle{
font-size: 18px;
}
.container{
font-size: 18px;
}.loader-container{
position: relative;
margin: auto;
width:1px;
height: 220px;
}
#preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 300px;
height: 300px;
margin: -50px 0 0 -150px;
border-radius: 50%;
border: 6px solid transparent;
border-top-color: var(--highlight);
-webkit-animation: spin 60s linear infinite;
opacity: 1;
animation: spin 60s linear infinite;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 5px solid transparent;
border-top-color: var(--highlight);
-webkit-animation: spin 2s linear infinite;
opacity: 0.8;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
opacity: 0.5;
border: 3px solid transparent;
border-top-color: var(--highlight);
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}.seed-panel{
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.seed-word{
border: 3px solid #000000ee;
border-radius: 8px;
background-color: #000000ee;
color: #FFFFFF;
padding: 8px;
padding-left: 18px;
padding-right: 18px;
margin: 6px;
width: 140px;
align-self: center;
font-size: 21px;
}
.max-width-1200{
max-width: 1200px;
}
.max-width-1100{
max-width: 1100px;
}
.btn-disabled {
color: #fff;
background-color: #00000033;
color: white;
}
.wrong-answer{
background-color: #550000;
border: 3px solid #550000;
}
.right-answer{
background-color: #005500;
border: 3px solid #005500;
}.landing-overlay {
background-image: url(images/landing-page-mask.png);
background-color: #000000BB;
background-size: cover;
background-position: center center;
position: relative;
width: 100%;
height: 100vh !important;
top: 0;
left: 0;
right: 0;
z-index: 01;
}
.home-fullscreen {
position: relative;
width: 100%;
height: 100vh !important;
top: 0;
left: 0;
right: 0;
}
.slider-content {
padding-top: 40vh;
width: 45%;
text-align: right;
float: right;
margin-right: 5%;
top: -2.5em;
position: relative;
}
.slider-content h1 {
color: white;
line-height: 1.5;
font-size: 1.6em;
}
.main-description {
margin: 20px auto 30px;
max-width: 80%;
text-align: center;
text-transform: uppercase;
font-size: 20px;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-weight: 700;
color: #2d2d2d;
}
.home .home-bxslider .at-overlay .slider-content a.btn {
font-size: 1.25em;
}.search-entry-form{
width: 100%;
height: 100px;
}
.search-entry-containment{
position: relative;
width: 100%;
max-width: 600px;
padding: 10px;
}
.search-icon{
position: absolute;
right:0;
top: 15px;
right: 20px;
font-size: 24px;
color: #888888;
}
.search-icon:hover{
color: #eeeeee;
cursor: pointer;
}
.topBanner {
position: fixed;
top: 0;
height: 34px;
width: 100%;
background-color: #90191C;
font-size: 12px;
font-weight: 400;
color: white!important;
text-align: right;
text-transform: uppercase;
padding-right: 530px;
}
.toolbar{
/*display: flex;*/
/*align-items: center;*/
/*justify-content: space-between;*/
height: 45px;
background-color: rgba(0, 0, 0, 0.90);
width: 100%;
top: 34px;
}
.topnavbar-assembly{
z-index: 1000;
position: fixed;
}
.navPadding {
width: 100%;
height: 0px;
z-index: -100px;
}
.extraNavPadding {
width: 100%;
height: 74px;
z-index: -100px;
}
.logo{
left: 25px;
top: 4px;
width: 100px;
transition-property: all;
transition-duration: 1s;
transition-timing-function: ease-in-out;
margin: auto;
position: fixed;
}
.navLink a{
color: white;
cursor: pointer;
margin-top: 10px;
right: 10px;
position: absolute;
}
.toolbar-nav {
margin: 0;
font-style: normal;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
}
.toolbar-nav ul {
display: block;
}
.toolbar-nav li a {
padding: 4px;
color: #ffffff;
text-transform: uppercase;
font-size: 1.05em;
line-height: 1.5em;
position: relative;
display: block;
}
.toolbar-nav li {
padding: 6px;
margin-left: 4px;
float: right;
display: inline-block;
position: relative;
z-index: 2000;
}
.toolbar-nav li::before {
content: '';
position: absolute;
left: 50%;
right: 50%;
bottom: 50%;
top: 50%;
width: 0;
height: 0;
background-color: rgba(237, 32, 36, 0);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
border-radius: 2px;
}
.toolbar-nav li:hover::before {
height: 70%;
width: 100%;
top: 15%;
bottom: 15%;
left: 0;
right: 0;
background-color: #ed2024;
}
.toolbar-nav li.active::before {
height: 70%;
width: 100%;
top: 15%;
bottom: 15%;
left: 0;
right: 0;
background-color: #ed2024;
border-radius: 2px;
}
.toolbar li{
display: inline-block;
}
@media only screen and (max-width: 940px) {
.toolbar-nav {
display: none;
}
.toolbar {
background-color: rgba(0, 0, 0, 0.20);
}
}
.infobar {
width: 100%;
text-align: right;
padding: 10px;
}
.infobar a{
color: white;
border: 1px solid transparent;
padding-right: 5px;
padding-left: 5px;
}
.infobar a:hover{
color: white;
border: 1px solid rgba(255,255,255,0.6);
}
.spacedOut{
padding-right: 10px;
padding-left: 10px;
}
.small-language-icon{
height:30px;
width:30px;
margin:-10px;
margin:-10px;
}
.menu-top-menu-container{
padding-right: 33px;
}
.btn:hover{
color: white;
text-decoration: underline;
}
.mining-container {
color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*background-size: 100%*/
width: 100%;
background-attachment: scroll;
line-height: 1.42857143;
}
.roadmap-container{
max-width: 100%;
margin: 0 auto;
-webkit-columns: 300px 6;
-moz-columns: 300px 6;
columns: 300px 6;
}
.disabled{
color: #443333;
fill: #443333;
}
.roadmap-label{
display: inline-block;
height: 12px;
width: 12px;
padding: 5px;
border-radius: 7px 1px;
}
.avoid-break-inside {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.text-blue {background-color: blue; }
.text-lime {background-color: lime; }
.text-purple {background-color: purple; }
.text-green {background-color: green; }
.text-navy {background-color: navy; }
.text-blue {background-color: blue; }
.text-orange {background-color: orange; }
.text-yellow {background-color: yellow; }
.text-saddlebrown {background-color: saddlebrown; }
.text-purple { background-color: purple; }
.text-blue { background-color: blue; }
.text-green { background-color: green; }
.text-saddlebrown { background-color: saddlebrown; }
.text-purple { background-color: purple; }
.text-navy { background-color: navy; }
.text-blue { background-color: blue; }
.text-purple { background-color: purple; }
.text-navy { background-color: navy; }
.text-blue { background-color: blue; }
.text-slateblue { background-color: slateblue; }
.text-red { background-color: red; }
.text-darkgreen { background-color: darkgreen; }
.text-navy { background-color: navy; }
.text-slateblue { background-color: slateblue; }
.text-blue { background-color: blue; }
.text-darkgreen { background-color: darkgreen; }
.text-navy { background-color: navy; }
.text-purple { background-color: purple; }
.text-slateblue { background-color: slateblue; }
.text-navy { background-color: navy; }
.text-darkgreen { background-color: darkgreen; }
.flex-end{ align-items: flex-start;}
.flex-start{ align-items: flex-end;}
.baseline{ align-items: baseline;}
.flex-start{ align-items: flex-end;}
.flex-column{flex-direction: column;}.all-seeing-table{
display: flex;
}
.all-seeing-table div{
width: 48vw;
}#iron-router-progress {
background-color : #222222;
box-shadow : 0 0 15px #FFFFFF;
}
#iron-router-progress.spinner:before {
border-color : #222222;
}.status-screen {
background-color: rgba(22, 0, 0, 0.85);
color: #fff;
position: fixed;
top: 0px;
bottom: -25px;
right: 0px;
left: 0px;
z-index: 17200;
}
.alert-link{
color: #fff;
}*,
*:before,
*:after {
box-sizing: inherit;
}
:root {
--font-family: Lato,-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
--body-font: Segoe UI, Roboto, Helvetica Neue, Arial;
--heading-font: Roboto, sans-serif;
--table-font: monospace;
--card-font: Helvetica Neue, Arial, sans-serif;
--text-color: #A9D9ED;
--text-light: #eee;
--text-dark: #333;
--background-color: #f8f7f3;
--highlight-color: #90191C;
--accent-color: #004860;
--shadow-color: #09718A;
--fill-color: #363945;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--side-edges: 10px;
--left-edge: 0px;
--success: #28a745;
--info: #17a2b8;
/*--info: #02aed6;*/
--warning: #ffc107;
--danger: #dc3545;
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #f36;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #02aed6;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
}
.text-shadow{
color: var(--shadow-color);
}
.text-accent{
color: var(--accent-color);
}.alignleft {
float: left;
}
.alignright {
float: right;
}
._main_container{
padding: var(--side-edges);
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(assets/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(assets/fonts/lato/S6uyw4BMUTPHjx4wXg.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;
}
:root {
--blue: #5aa8fc;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #282d33;
--gray-dark: #161819;
--primary: #5aa8fc;
--secondary: #282d33;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #202326;
--dark: #161819;
--health-dead: #000000;
--health-weak: #b78a05;
--health-good: #28a745;
--health-ok: #275a27;
--health-healthy: #28a745;
--health-superb: #8d15ca;
--health-dying: #841b25;
--background: #333333;
--foreground: #eee;
--forground: #eee;
--button: #888888;
--button-outline: #888888;
--button-area: #888888;
--button-hover: #888888;
--highlight: #888888;
--highlight-secondary: #555555;
--nav-highlight: rgba(0, 0, 0, 0.30);
--scrollbars: rgba(128, 128, 128, 0.3);
--triangles-rgb: 188, 188, 188 ;
--transparent: rgba(0, 0, 0, 0);
--muted-color: rgba(255,255,255, 0.4);
--shadow: rgba(0,0,0, 0.1);
}
.health-fukt{
color: var(--health-fukt);
}
.health-weak{
color: var(--health-weak);
}
.health-healthy{
color: var(--health-healthy);
}
.health-superb{
color: var(--health-superb);
}
.health-dying{
color: var(--health-dying);
}
.health-dead{
color: var(--health-dead);
}
.health-unknown{
color: var(--health-dead);
}
.health-ok{
color: var(--health-ok);
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.app-background-tint{
background-color: var(--shadow);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -3;
-moz-transition: background 3s ease-in;
-webkit-transition: background 3s ease-in;
-o-transition: background 3s ease-in;
transition: background-color 3s ease-in;
}
body {
color: var(--forground);
background-color: var(--background);
margin: 0;
position: relative;
/*font-family: "Open Sans",Verdana,Geneva,sans-serif;*/
/*font-family: 'Salsa', cursive;*/
/*font-family: 'Kelly Slab', cursive;*/
/*font-family: 'Lobster', cursive;*/
/*font-family: cursive;*/
/*font-family: 'Montserrat', sans-serif;*/
font-family: 'Lato', sans-serif;
/*font-style: normal;*/
font-weight: 500;
}
html {
height: 100%;
box-sizing: border-box;
}
pre {
background: #353535;
color: #ededed;
padding: 15px;
text-align: left;
}
.shallow-table-icon{
height: 28px;
width: 28px;
margin: -8px;
}
._main_container{
padding: 15px;
}
.text-success{
color: var(--success);
}
.text-info{
color: var(--info);
}
.text-warning{
color: var(--warning);
}
.text-danger{
color: var(--danger);
}
table td{
border-color: #444444!important;
}
.inline{display: inline!important;}
.inline-block{display: inline-block!important;}
.right {
right: 0;
}
.left {
left: 0;
}
.float-right{
float: right;
}
.float-left{
float: left;
}
.half-size{
width: 50%;
}
.qtr-size{
width: 25%;
}
.third-size{
width: 33.3%;
}
.two-thirds-size{
width: 66.6%;
}
.relative{
position: relative;
}
.absolute{
position: absolute;
}
.text-outline{
color: var(--success);
background-color: #555;
outline: 1px solid #999;
padding-top: 1px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.pointer{
cursor: pointer;
}
.spacedOut{
padding-right: 10px;
padding-left: 10px;
}
.max-width-1440{
max-width: 1440px;
margin: auto;
}
.max-width-1220{
max-width: 1440px;
margin: auto;
}.full-page-background img{
width: 100%;
opacity: 0.5;
}
.full-page-background{
position: fixed;
overflow: auto;
top: 0;
right: 0;
left: 0;
margin: -30%;
z-index: -1000;
/*backdrop-filter: blur(52px);*/
filter: blur(5px);
}
.bg1::after {
background-image: url('images/northern-lights-pines.jpg');
}
.bg2::after {
background-image: url('images/northern-lights-pines.jpg');
}
.parallax-container {
color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*background-size: 100%*/
width: 100%;
background-attachment: scroll;
line-height: 1.42857143;
}
.parallax-mask {
background: rgba(45,45,45, 0.4);
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 15px;
color: white;
}
.parallax-title span{
color: white!important;
}
.paper {
background-repeat: repeat;
background-position: center top;
background-image: url('images/paper.png');
}
.hidden {
display: none;
}
.navbar-nav > li {
float: left;
}
svg {
fill: #eee!important;
}
.parallax-container {
color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
width: 100%;
background-attachment: scroll;
line-height: 1.42857143;
}
.parallax-mask {
background: rgba(45,45,45,.5);
width: 100%;
height: 100%;
display: block;
margin: 0;
}
.main-title h2 {
margin-top: 85px;
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
}
.widget-title {
font-size: 28px;
margin-bottom: 0;
text-align: center;
}
.brand.sub-heading {
font-size: 20px;
max-width: 80%;
margin: 30px auto;
}
.brand.sub-heading, .btn-brand-red {
text-transform: uppercase;
text-align: center;
}
.brand.list h3 {
color: #ed2024;
text-transform: uppercase;
margin: 5px;
display: block;
font-size: 1.17em;
font-weight: 700;
}
.brand.list ul.completed, .brand.list ul.upcoming {
padding-inline-start: 5px!important;
position: relative;
}
ol, ul {
margin-top: 0;
margin-bottom: 10px;
}
.brand.list {
background-color: rgba(0,0,0,.6);
padding: 10px;
width: 100%;
font-style: normal;
font-family: Lato,sans-serif;
font-size: 16px;
}
.list {
float: left;
margin: 0;
padding-right: 60px;
}
.brand.list ul.completed li, .brand.list ul.upcoming li {
border-top: 1px solid hsla(0,0%,100%,.2);
border-top-color: hsla(0,0%,100%,.2);
padding: 8px 0;
}
.list li {
position: relative;
list-style: none;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
ul {
list-style-type: disc;
}
.brand.list {
background-color: rgba(0,0,0,.6);
padding: 10px;
width: 100%;
font-style: normal;
font-family: Lato,sans-serif;
font-size: 16px;
}
.parallax-container {
color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
width: 100%;
background-attachment: scroll;
line-height: 1.42857143;
}
.brand.sub-heading, .btn-brand-red {
text-transform: uppercase;
text-align: center;
}
.btn-brand-red {
background-color: #ed2024;
color: #fff;
display: inline-block;
margin: 10px;
position: relative;
border: none;
border-radius: 0;
padding: 10px 35px;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
line-height: 1.42857143;
}
.btn-brand-red, .btn-brand-red:hover {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.btn-brand-red, .btn-brand-red:hover {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.btn-brand-red:hover {
background-color: transparent;
outline: none;
border: 2px solid #ed2024;
padding: 12px 35px;
margin: 6px;
}
.brand-bottom {
clear: both;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
font-size: 20px;
max-width: 100%;
padding: 30px 0 50px;
}
.scroll-wrap .fa {
line-height: 60px;
font-size: 3em;
}
.home-fullscreen.image-slider .scroll-wrap {
z-index: 99;
}
.scroll-wrap {
color: #ffffff;
display: block;
line-height: 60px;
right: 50%;
bottom: 5%;
text-align: center;
position: fixed;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
}
.fa-angle-down:before {
content: "\f107";
}body {
font-family: var(--body-font);
background-color: var(--background-color);
/*font-size: 0.8rem;*/
color: #fff;
margin: 0;
position: relative;
font-style: normal;
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #2d2d2d;
font-weight: 400;
line-height: 1.42857143;
}
pre {
background: #353535;
color: #ededed;
padding: 15px;
}
html {
height: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
}
small {
font-size: 80%;
}
p {
margin: 0 0 10px;
}
.background-element{
z-index: -100;
}
input {
background-color: var(--secondary);
color: var(--fill-color);
/*border-right-color: green;*/
border: 1px solid var(--accent-color);
padding: 3px;
}
.clearfix {
overflow: auto;
}
.clear {
overflow: auto;
}
.relative{
position: relative;
}
.absolute{
position: absolute;
}
.no-wrap{
white-space: nowrap;
}.brand-color-highlight{
color:red;
}
.brand-color-primary{
color:orange;
}
.brand-success {
color: green;
}
.brand-failure {
color: red;
}.pointer{
cursor: pointer;
}
.navLink a{
color: white;
cursor: pointer;
margin-top: 10px;
right: 10px;
position: absolute;
}
.topBanner {
padding-right: 30px;
}
.infobar {
width: 100%;
text-align: right;
padding: 10px;
}
.infobar a{
color: white;
cursor: pointer;
}
.spacedOut{
padding-right: 10px;
padding-left: 10px;
}
.small-language-icon{
height:30px;
width:30px;
margin:-10px;
margin:-10px;
}
.brand-title h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 30px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.brand h3 {
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.brand-line {
display: inline-block;
width: 170px;
height: 2px;
background-color: #ed2024;
}
.footer {
font-size: 14px;
}
.float-right{
float: right;
}
button {
background-color: #444;
}
.swal2-styled{
background-color: #663333!important;
}
.btn-brand{
text-transform: uppercase;
background-color: var(--shadow-color);
background-color: transparent;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: var(--text-color);
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
border: solid 2px var(--highlight-color);;
transition: all 0.2s linear;
padding: 4px 11px;
margin: 5px;
}
.btn-brand:active,
.btn-brand:visited,
.btn-brand:focus,
.btn-brand:hover,
.btn-brand:active:hover,
.btn-brand:visited:hover,
.btn-brand:focus:hover {
background-color: var(--shadow-color);
color: var(--text-color);
outline: none;
border-radius: 0;
padding: 6px 13px;
margin: 4px;
}
.btn-outline {
text-transform: uppercase;
background-color: transparent;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: var(--highlight-color);
color: #ffffff;
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
border: solid 1px var(--accent-color);
transition: all 0.2s linear;
padding: 5px 8px;
margin: 1px;
}
.btn-outline:active,
.btn-outline:visited,
.btn-outline:focus,
.btn-outline:hover,
.btn-outline:active:hover,
.btn-outline:visited:hover,
.btn-outline:focus:hover {
background-color: var(--accent-color);
color: #eee;
outline: none;
border-radius: 0;
}.content-contained{
position: relative;
width: 100%;
}
.site-contained {
transition: 0.8s;
position: absolute;
right: 0px;
left: 0px;
padding: 2px;
/*padding-right: var(--side-edges);*/
padding-left: var(--left-edge);
}
.page-contained {
transition: 0.8s;
position: relative;
padding-right: var(--side-edges);
padding-left: var(--side-edges);
width: 100%;
}
.contained{
/*width: 800px;*/
padding: var(--side-edges);
margin: auto;
}
.full-width-panel{
backdrop-filter: blur(35px);
overflow: auto;
}
.three-fiths{
width: 60%;
padding-left: 10px;
padding-right: 10px;
}
.two-fiths{
width: 40%;
padding-left: 10px;
padding-right: 10px;
}
.one-third{
width: 33%;
float: left;
padding-left: 16px;
padding-right: 16px;
}
.one-quarter{
width: 25%;
float: left;
padding-left: 16px;
padding-right: 16px;
}
.width-125{
width: 125px;
}
.width-100{
width: 100px;
}
.width-80{
width: 80px;
}
.width-50{
width: 50px;
}
.container{
overflow: auto;
}.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: grab;}
.grabbing {cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.clickable {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}
.btn {cursor: pointer;}
.oku{
background-color: #ffffff11;
width: 100%;
min-width: 200px;
}
.oku:hover {
background-color: #ffffff22;
}
.oku:focus {
background-color: #ffffff22;
}
.contenteditable{
border: 1px dotted #444444;
border-radius: 3px;
white-space: nowrap;
overflow: hidden;
height: 22px;
line-height: 22px;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: var(--highlight-color);
text-decoration: none;
}
a:-webkit-any-link {
cursor: pointer;
}.icon-small-table{
height: 60px;
margin: -15px;
padding-right: 15px;
}
.indicator-drawer {
/*padding: 0;*/
margin-top: 3px;
margin-left: 9px;
position: fixed;
top: 0px;
font-size: 26px;
transition: 0.1s; /* 0.5 second transition effect to slide in the smartnav */
}
.indicator-background{
backdrop-filter: blur(8px);
position: absolute;
z-index: -200;
height: 100%;
width: 100%;
border-radius: 30px;
padding-bottom: -10px;
margin-top: -8px;
}
.indicator-group{
color: var(--highlight-color);
z-index: 1900;
position: relative;
margin-top: -10px;
padding-top: 10px;
margin-bottom: 40px;
text-align: center;
}
.indicator-brand{
color: var(--shadow-color);
}
.indicator-brand:hover{
color: var(--background-color);
}
input[type=text] {
width: 100%;
padding:10px;
border-radius:10px;
color: #eeeeee;
background-color: #ffffff11;
border: 1px solid #000;
}
input[type=password] {
}#iron-router-progress.spinner:before {
border-color : white;
}
#iron-router-progress {
background-color : white;
box-shadow : 0 0 5px white;
}.login-form{
display: block;
width: 100%;
height: 33px;
padding: 6px 12px;
font-size: 13px;
line-height: 1.52857;
background-color: #353535;
background-image: none;
border: 1px solid #90191C!important;
border-radius: 2px;
box-shadow: none;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #ccc;
}
.login-form:active {
border-radius: 10px;
}
.login-group {
margin-bottom: 15px;
padding-left: 25%;
padding-right: 25%;
}
.login-panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
}
.login-panel-logo{
max-width: 420px;
width: 30%;
}
.login-panel{
max-width: 420px;
margin: 0 auto;
}
.padded-by-25{
padding: 25px;
}
.padded-by-10{
padding: 10px;
}*::-webkit-scrollbar {
width: 16px;
background-color: #000000;
}
*::-webkit-scrollbar-thumb {
background-color: #90191C;
/*border: 3px solid black;*/
/*border-radius: 6px;*/
}
*::-webkit-scrollbar-thumb:hover {
border: 2px solid #ffffff99;
}.featureGrid{
display: flex;
}
table {
/*border: 1px solid black;*/
min-width: 100%;
/*background-color: #333333;*/
/*color: #efefef;*/
border-collapse: collapse;
}
tbody table, tbody th, tbody td {
border: 1px dotted var(--highlight);
}
table thead {
position: sticky;
top: 76px; /* Don't forget this, required for the stickiness */
z-index: 3;
background-color: var(--background-color);
/*border: 1px solid var(--background-color);*/
/*background-color: var(--highlight-color-transparent);*/
backdrop-filter: blur(16px);
}
tbody tr:hover {
background-color: #33333388;
}
thead{
text-transform: uppercase;
}
td {
padding: 4px;
}
.txtr td {
border: 1px solid black;
}
.rectr td {
border: 1px solid black;
color: #555;
background-color: rgba(22, 22, 22, 0.1);
}
.dimmed-cell{
color: #555;
}
.dimmed-cells td{
color: #999;
}._topnavbar {
position: absolute;
padding: 8px;
left:0;
right: 0;
top: 0;
height: 15px;
border-bottom: 1px solid #23232323;
color: white;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
background-color: #90191C;
font-style: normal;
font-family: 'Lato', sans-serif;
z-index: 100;
}
._topnavspacer {
height: 30px;
width: 100%;
}
.logo {
}
.boxStyle {
font-family: 'Lato', sans-serif;
visibility: visible;
animation-name: fadeInRight;
border: 4px solid rgba(0, 0, 0, 0.1);
padding: 25px 12px 12px;
position: relative;
background-color: #ffffff;
text-align: center;
box-shadow: 0 0 0 4px #ed2420;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
max-width: 99%;
}
.boxStyle p {
color: black;
}
.titleStyle {
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #2d2d2d;
}
.iconStyle {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
position: absolute;
top: -25px;
left: 50%;
margin-left: -25px;
background-color: #ed2024;
color: #ffffff;
width: 50px;
height: 50px;
border-radius: 25px;
padding: 12px;
}
.flex {
display: flex; /* or inline-flex */
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
max-width: 1800px;
margin: auto;
align-items: stretch
}
.flex-card {
flex-direction: column;
justify-content: flex-start;
flex-grow: 1;
padding: 12px;
align-items: stretch;
align-content: flex-start;
}
.one-half {
max-width: 700px;
}
.one-quarter {
min-width: 300px;
}
.one-third {
min-width: 450px;
}
.featureGrid {
font-family: 'Lato', sans-serif;
width: 100%;
max-width: 1800px;
display: flex; /* or inline-flex */
justify-content: center;
flex-wrap: wrap;
}
.featureGridTitle {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
font-size: 30px;
}
.featureGridDiscription {
font-family: 'Lato', sans-serif;
margin: -20px auto 30px;
max-width: 1150px;
text-align: center;
text-transform: uppercase;
font-size: 20px;
margin-top: 10px;
margin-bottom: 10px;
visibility: visible;
animation-name: fadeInUp;
}
.lineBreak {
width: 100%;
height: 2px;
}
.lineSpan {
display: inline-block;
width: 170px;
height: 2px;
background-color: #ed2024;
}
.line {
text-align: center;
margin-bottom: 10px;
}
.container {
margin-right: auto;
margin-left: auto;
}
.circle {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 25px;
transition: all 0.3s ease 0s;
font-size: 26px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.about-item .circle, .service-item .circle {
position: absolute;
top: -25px;
left: 50%;
margin-left: -25px;
}
ul.coin-summary {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
overflow: hidden;
}
li.summary {
border: none;
display: inline-block;
width: 100%;
max-width: 20%;
padding: 12px;
border-left: 1px solid rgba(255, 255, 255, 0.15);
}
li.summary p.icon {
font-size: 26px;
margin: 0;
padding: 0;
}
li.summary h3 {
margin: 12px 0;
color: #ed2024;
}
.information {
max-width: 1440px;
margin: auto;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-primary {
color: #fff;
background-color: #ed2024;
color: white;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
padding: 6px 21px;
font-size: 16px;
margin: 2px;
}
.roadmap-container{
max-width: 1800px;
}
.text-white{
color: white;
}
.section-description {
margin: 20px auto 30px;
max-width: 80%;
text-align: center;
text-transform: uppercase;
font-size: 20px;
}
.two-thirds{
width: 66%;
margin: auto;
}
.titleStyle{
margin-bottom: 16px;
}
.margin-auto{
margin: auto;
}
.constrained{
max-width: 1220px;
margin: auto;
}
.footer{
background-color: black;
color: white;
}
.footer-image{
background-repeat: no-repeat;
background-position: top
}
.text-success{
color: green;
}
.text-failure{
color: orange;
}
.title-available{
cursor: help;
}
.parallax-mask{
background-color: #00000099;
backdrop-filter: blur(8px);
}a{
text-decoration: underline;
}
.btn {
text-decoration: none;
}
li a {
text-decoration: none;
}
.infobar a {
text-decoration: none;
}
@media all and (display-mode: standalone) {
}
.chart-container {
height: 800px;
width: 100%;
padding: 20px;
}
.all-seeing-container{
max-width: 1500px;
margin: auto;
}