/******************************
    FONTS
******************************/
@font-face {font-family:"Robotofixed"; src:url('/fonts/Roboto-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:"Robotofixed"; src:url('/fonts/Roboto-Black.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap;}


/******************************
    :ROOT VAR DECLARATIONS
******************************/
:root {
    --scale:100%; --scrollbarwidth:0px; --background:#23272a; --accent:#06a14b; --accentg:#06a14b44; --black:#dedddd; --blacktrans:#dedddd44; --white:#23272a; --whitetrans:#23272af0; --graytrans:rgba(55,55,55,0.93); --gray:rgb(63,63,63); 
    --field:rgba(30,30,30,0.1); --clientheight:0px;
    --tr:#eb2227; --to:#f16724; --ty:#fedd10; --tg:#06a14b; --tb:#0058a3; --tv:#8d52a1;
    --svgAuth:url('data:image/svg+xml;base64,');
    --svgContact:url('data:image/svg+xml;base64,');
    --svgSync:url('data:image/svg+xml;base64,');
    --svgDashEmpty:url('data:image/svg+xml;base64,');
    --svgDeauth:url('data:image/svg+xml;base64,');
    --svgTest:url('data:image/svg+xml;base64,');
    --svgExitMenu:url('data:image/svg+xml;base64,');
    --svgHeart:url('data:image/svg+xml;base64,');
    --svgHome:url('data:image/svg+xml;base64,');
    --svgLock:url('data:image/svg+xml;base64,');
    --svgMenu:url('data:image/svg+xml;base64,');
    --svgModalBack:url('data:image/svg+xml;base64,');
    --svgNew:url('data:image/svg+xml;base64,');
    --svgOldest:url('data:image/svg+xml;base64,');
    --svgOntarico:url('data:image/svg+xml;base64,');
    --svgSearch:url('data:image/svg+xml;base64,');
    --svgSecret:url('data:image/svg+xml;base64,');
    --svgOptions:url('data:image/svg+xml;base64,');
    --svgSub:url('data:image/svg+xml;base64,');
    --svgSupport:url('data:image/svg+xml;base64,');
    --svgTerms:url('data:image/svg+xml;base64,');
    --svgTheme:url('data:image/svg+xml;base64,');
    --svgVaultLocked:url('data:image/svg+xml;base64,');
    --svgZZBG:url('data:image/svg+xml;base64,');
    --svgZZFULL:url('data:image/svg+xml;base64,');
    --svgHonour:url('data:image/svg+xml;base64,');
    --svgUsernames:url('data:image/svg+xml;base64,');
}


/******************************
    HTML, BODY LAYOUT
******************************/
html {width:100%; height:100%; margin:0; padding:0; font-size:var(--scale); overflow:clip;}
body {width:100%; height:100%; margin:0; padding:0; font-family:"Robotofixed"; font-size:1rem; color:var(--black); cursor:default; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; overflow:clip; 
     -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); overscroll-behavior:none; letter-spacing:0.02rem; touch-action:none; background:var(--background);}


/******************************
    INFRASTRUCTURE
******************************/
#container {position:relative; width:100%; height:100%; background:var(--background); overflow:clip; border:none; outline:none;}

#arialive {position:absolute; left:0; bottom:0; width:1px; height:1px; overflow:clip; margin:0; padding:0; border:0; background:none; opacity:0.01; white-space:nowrap;}

#background {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; background:var(--background); overflow:clip; animation:animated_bg 1s 1;}
#backgroundIcon {position:absolute; top:20%; left:calc(20% - (var(--scrollbarwidth) / 2)); width:60%; height:60%; background:var(--svgZZBG) no-repeat center; background-size:contain; opacity:0.15;}

#foreground {position:relative; top:0px; left:0px; width:100%; height:100%; z-index:2; overflow-x:clip; overflow-y:scroll; scroll-padding-top:0.48rem;}

#printer {display:none;}

.buttonA {display:block; position:relative; width:100%; height:3rem; font-size:1.5rem; line-height:3rem; outline:none; box-sizing:border-box; padding:0; margin:0; text-align:center; color:var(--white); font-family:"Robotofixed"; 
                background:var(--accent); overflow:clip; cursor:pointer; text-decoration:none; user-select:none; border:none; border-top-left-radius:0px; border-top-right-radius:16px; border-bottom-right-radius:0px; border-bottom-left-radius:16px; 
                box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background); letter-spacing:0.02rem; box-sizing:border-box;}
.buttonA:focus {background:var(--accent); outline:0.24rem solid var(--black); outline-offset:0.24rem;}
.buttonA:hover {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
.buttonA:active {}

.buttonN {display:block; position:relative; width:100%; height:3rem; font-size:1.5rem; line-height:3rem; outline:none; box-sizing:border-box; padding:0; margin:0; text-align:center; color:var(--white); font-family:"Robotofixed"; 
                background:var(--black); overflow:clip; cursor:pointer; text-decoration:none; user-select:none; border:none; border-top-left-radius:0px; border-top-right-radius:16px; border-bottom-right-radius:0px; border-bottom-left-radius:16px; 
                box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background); letter-spacing:0.02rem; box-sizing:border-box;}
.buttonN:focus {background:var(--black); outline:0.24rem solid var(--accent); outline-offset:0.24rem;}
.buttonN:hover {outline:0.24rem solid var(--accent); outline-offset:0.24rem;}
.buttonN:active {}

.input {display:inline-block; width:100%; height:3rem; background:var(--field); color:var(--black); outline:none; border-top:none; border-left:none; border-right:none; border-bottom:1px solid var(--accent); 
        padding:0; padding-left:0.5rem; margin:0; margin-top:0.5rem; box-sizing:border-box; font:inherit; font-size:1.5rem; box-sizing:border-box; border-top-left-radius:0px; border-top-right-radius:16px; border-bottom-right-radius:0px; border-bottom-left-radius:16px; 
        word-break:break-all; font-family:"Robotofixed";}
.input:disabled {outline:none; border-top:none; border-left:none; border-right:none; border-bottom:2px solid var(--gray); opacity:1;}
.inputSpan {display:inline-block; font-size:0.9rem; opacity:0.75; margin-top:0.2rem;}

h1 {font-size:1rem; font-weight:normal; margin:0; padding:0;}

.h1 {display:inline-block; font-size:1.7rem; color:var(--accent); line-height:2rem; vertical-align:text-bottom; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
.h1-center {display:inline-block; font-size:1.7rem; width:100%; text-align:center; color:var(--accent); line-height:2rem; vertical-align:text-bottom; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
.h05 {display:inline-block; font-size:1.5rem; color:var(--accent); line-height:2rem; vertical-align:text-bottom; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
.h05-center {display:inline-block; font-size:1.5rem; width:100%; text-align:center; color:var(--accent); line-height:2rem; vertical-align:text-bottom; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}

.ih1 {display:inline-block; font-size:1.7rem; color:var(--accent); line-height:1.7rem; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
.ih05 {display:inline-block; font-size:1.5rem; color:var(--accent); line-height:1.5rem; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}

.hSpacer {display:block; width:100%; height:3px; padding:0; margin:0; background:var(--accent); box-sizing:border-box; opacity:0.5;}

.hIcon {display:inline-block; width:3rem; height:2rem; line-height:2rem; vertical-align:bottom; margin-right:0.5rem; background-size:contain; background:no-repeat center; filter:drop-shadow(0 0 1rem var(--accentg));}

.px1Spacer {display:block; width:100%; height:1px; width:100%; padding:0; margin:0; box-sizing:border-box;}
.em05Spacer {display:block; width:100%; height:0.5rem; width:100%; padding:0; margin:0; box-sizing:border-box;}
.em1Spacer {display:block; width:100%; height:1rem; width:100%; padding:0; margin:0; box-sizing:border-box;}
.em15Spacer {display:block; width:100%; height:1.5rem; width:100%; padding:0; margin:0; box-sizing:border-box;}

.ind {display:block; height:auto; width:100%; padding:0; margin:0; font-size:0;}
.indSym {display:inline-block; height:1rem; width:1rem; font-size:1rem; color:var(--accent); padding:0; margin:0; vertical-align:top;}
.indSymA {display:block; position:relative; top:0.3rem; left:0; width:50%; height:50%; padding:0; margin:0; background:var(--accent); box-shadow:0 0 1rem var(--accent), 0 0 2px var(--background);}
.indSymR {display:block; position:relative; top:0.3rem; left:0; width:50%; height:50%; padding:0; margin:0; background:var(--tr); box-shadow:0 0 1rem var(--tr), 0 0 2px var(--background);}
.indSymO {display:block; position:relative; top:0.3rem; left:0; width:50%; height:50%; padding:0; margin:0; background:var(--to); box-shadow:0 0 1rem var(--to), 0 0 2px var(--background);}
.indSymY {display:block; position:relative; top:0.3rem; left:0; width:50%; height:50%; padding:0; margin:0; background:var(--ty); box-shadow:0 0 1rem var(--ty), 0 0 2px var(--background);}
.indSymG {display:block; position:relative; top:0.3rem; left:0; width:50%; height:50%; padding:0; margin:0; background:var(--tg); box-shadow:0 0 1rem var(--tg), 0 0 2px var(--background);}
.indSymB {display:block; position:relative; top:0.3rem; left:0; width:50%; height:50%; padding:0; margin:0; background:var(--tb); box-shadow:0 0 1rem var(--tb), 0 0 2px var(--background);}
.indSymV {display:block; position:relative; top:0.3rem; left:0; width:50%; height:50%; padding:0; margin:0; background:var(--tv); box-shadow:0 0 1rem var(--tv), 0 0 2px var(--background);}
.indTxt {display:inline-block; height:auto; width:calc(100% - 1.5rem); font-size:1rem; padding:0; margin:0;}

#message {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000; background:var(--graytrans); padding:1rem calc(var(--scrollbarwidth) + 1rem) 1rem 1rem; box-sizing:border-box;}
#messageBox {position:relative; width:100%; margin:auto; height:auto; background:var(--background); padding:1rem; box-sizing:border-box; border-top-left-radius:0px; border-top-right-radius:16px; 
            border-bottom-right-radius:0px; border-bottom-left-radius:16px; box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
#messageTitle {display:inline-block; color:var(--accent); font-size:1.5rem; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
#messageBody {color:var(--black); overflow-wrap:anywhere;}

#confirm {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:999; background:var(--graytrans); padding:1rem calc(var(--scrollbarwidth) + 1rem) 1rem 1rem; box-sizing:border-box;}
#confirmBox {position:relative; width:100%; margin:auto; height:auto; background:var(--background); padding:1rem; box-sizing:border-box; border-top-left-radius:0px; border-top-right-radius:16px; 
            border-bottom-right-radius:0px; border-bottom-left-radius:16px; box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
#confirmTitle {display:inline-block; color:var(--accent); font-size:1.5rem; text-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
#confirmBody {color:var(--black); overflow-wrap:anywhere;}
#confirmButtonsContainer {display:block; position:absolute; bottom:1rem; right:1rem; width:auto; height:auto; padding:0; margin:0;}

#spinner {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background:var(--background); z-index:997;}
#spinnerBackground {position:absolute; top:20%; left:calc(20% - (var(--scrollbarwidth) / 2)); width:60%; height:60%; background:var(--svgZZBG) no-repeat center; background-size:contain; z-index:1; opacity:0.15;}
#spinnerContainer {position:absolute; top:0px; right:0px; width:100%; height:100%; background:var(--whitetrans); z-index:2; overflow-y:scroll; overflow-x:clip;}
#spinnerContainerActive {display:none;}
.spinnerItem {position:relative; display:block; width:100%; height:6rem; border-top:none; border-right:none; border-bottom:1px solid var(--accent); border-left:none; overflow:clip; cursor:pointer; background:none; 
                text-decoration:none; outline:none; user-select:none; letter-spacing:0.02rem; padding:0; margin:0; font-family:"Robotofixed";}
.spinnerItem:focus {background:var(--blacktrans);}
.spinnerItem:hover {background:var(--blacktrans);}
.spinnerItem:active {}
.spinnerItemText {display:table; position:absolute; top:0px; left:0px; cursor:pointer; height:100%; width:100%; line-height:1.55rem; color:var(--accent); text-align:center; font-size:1.4rem;}
.spinnerItemText span {display:table-cell; vertical-align:middle; overflow-wrap:anywhere;}
.spinnerSpacer {position:relative; display:block; width:100%; height:6rem; border-bottom:1px solid var(--accent); overflow:clip;}
.spinnerEndSpacer {position:relative; display:block; width:100%; height:6rem; border:none; overflow:clip;}
.spinnerSearchSpacer {position:relative; display:block; width:100%; height:6rem; border-bottom:1px solid var(--accent); border-top:1px solid var(--accent); overflow:clip;}
#spinnerSearch {position:relative; width:100%; height:100%; background:var(--field); color:var(--black); outline:none; border:none; box-sizing:border-box; font:inherit; font-size:1.4rem; text-align:center; z-index:2;}
#spinnerSearchIcon {position:absolute; width:4rem; height:4rem; top:1rem; left:1rem; background:center no-repeat; background-size:contain; box-sizing:border-box; margin:0; padding:0; z-index:1; opacity:0.25;}

#modal {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background:var(--background); z-index:996; overflow:clip;}
#modalBackground {position:absolute; top:20%; left:calc(20% - (var(--scrollbarwidth) / 2)); width:60%; height:60%; background:var(--svgZZBG) no-repeat center; background-size:contain; z-index:1; opacity:0.15;}
#modalMenu {position:absolute; top:0px; left:0px; height:5rem; width:calc(100% - var(--scrollbarwidth)); background:var(--accent); z-index:3; border-bottom-left-radius:16px; border-bottom-right-radius:0px;}
#modalMenuBackButton {display:block; position:absolute; top:1rem; left:1.5rem; width:3rem; height:3rem; background:var(--svgModalBack) no-repeat center; background-size:contain; z-index:100; cursor:pointer; 
                        text-decoration:none; user-select:none; border:none; outline:none; padding:0; margin:0;}
#modalMenuBackButton:focus {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#modalMenuBackButton:hover {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#modalMenuBackButton:active {}
#modalMenuTitleContainer {position:absolute; top:0rem; right:1.02rem; width:auto; height:5rem; line-height:5rem; color:var(--white); overflow:clip; padding-left:0.48rem; padding-right:0.48rem; box-sizing:border-box;}
#modalMenuTitle {font-size:1.5rem;}
#modalForeground {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; overflow-x:clip; overflow-y:scroll; margin:0; padding:0;}
#modalPanel {position:absolute; top:0px; left:0px; width:100%; height:100%; padding-top:5rem; margin:0; box-sizing:border-box;}

#auth {display:none; position:relative; width:100%; height:100%; z-index:998; background:var(--gray); padding:1rem; box-sizing:border-box; overflow-x:clip; overflow-y:scroll;}
#authEmailBox {position:relative; width:100%; margin:auto; height:auto; background:var(--background); padding:1rem; box-sizing:border-box; border-top-left-radius:0px; border-top-right-radius:16px; 
                border-bottom-right-radius:0px; border-bottom-left-radius:16px; box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
#authCodeBox {display:none; position:relative; width:100%; margin:auto; height:auto; background:var(--background); padding:1rem; box-sizing:border-box; border-top-left-radius:0px; border-top-right-radius:16px; 
                border-bottom-right-radius:0px; border-bottom-left-radius:16px; box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}

#menuButton {display:none; position:absolute; bottom:2rem; left:calc(50% - (4.5rem + (var(--scrollbarwidth) / 2))); width:9rem; height:5rem; background:var(--svgMenu) no-repeat center; background-size:contain; 
            z-index:993; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-top-left-radius:0px; border-top-right-radius:16px; border-bottom-right-radius:0px; border-bottom-left-radius:16px; cursor:pointer; filter:drop-shadow(0 0 1rem #fedd1033); 
            user-select:none; border:none; outline:none; padding:0; margin:0;}
#menuButton:focus {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#menuButton:hover {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#menuButton:active {}
#menu {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0; margin:0; background:var(--background); z-index:994; overflow:clip; border-left:none;}
#menuBackground {position:absolute; top:20%; left:calc(20% - (var(--scrollbarwidth) / 2)); width:60%; height:60%; background:var(--svgZZBG) no-repeat center; background-size:contain; z-index:1; opacity:0.15;}
#menuContainer {position:absolute; top:0px; right:0px; width:100%; height:100%; background:var(--whitetrans); z-index:2; overflow-y:scroll; overflow-x:clip;}
.menuItem {position:relative; display:block; width:100%; height:6rem; border-bottom:1px solid var(--accent); border-top:none; border-right:none; border-left:none; overflow:clip; cursor:pointer; text-decoration:none; 
            user-select:none; outline:none; background:none; letter-spacing:0.02rem; padding:0; margin:0; font-family:"Robotofixed";}
.menuItem:focus {background:var(--blacktrans);}
.menuItem:hover {background:var(--blacktrans);}
.menuItem:active {}
.menuItemIcon {position:absolute; top:1rem; left:1rem; width:4rem; height:4rem; background-size:contain; background:no-repeat center;}
.menuItemText {position:absolute; top:0px; left:6rem; cursor:pointer; height:100%; line-height:6rem; color:var(--accent); white-space:nowrap;}
.menuItemText span {font-size:1.5rem;}
.menuSpacer {position:relative; display:block; width:100%; height:6rem; border-bottom:1px solid var(--accent); overflow:clip;}
.menuBrand {position:absolute; display:block; top:2rem; left:3rem; width:calc(100% - 6rem); height:2rem; background-size:contain; background:no-repeat center; opacity:0.9; cursor:pointer;}

.panel {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.panelBox {position:relative; width:100%; height:auto; padding:1rem; margin:0; margin-bottom:2rem; box-sizing:border-box; background:var(--whitetrans); color:var(--black); border:none; outline:none;}
.panelEnd {position:relative; width:100%; height:7rem; padding:0; margin:0;}

[tabindex="0"] {border:none; outline:none;}
[tabindex="0"]:not(#container):focus {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
[tabindex="0"]:hover {}
[tabindex="0"]:active {}


/******************************
    APP
******************************/
.gmItem {position:relative; display:table-cell; font-size:1.4rem; width:100%; min-height:4rem; height:auto; padding:0.5rem 2.5rem 0.5rem 0; box-sizing:border-box; color:var(--accent); vertical-align:middle; 
          overflow-wrap:anywhere; cursor:pointer; outline:none; border:none; text-decoration:none; background:none; user-select:none; text-align:left; letter-spacing:0.02rem; margin:0; font-family:"Robotofixed";}
.gmItem:focus {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
.gmItem:hover {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
.gmItem:active {}

#mResults {position:absolute; top:calc(10rem + 3px); left:0px; width:100%; height:calc(100% - (10rem + 3px)); padding:0.48rem 0 0 0; margin:0; scroll-padding-top:0.48rem; overflow-x:clip; overflow-y:scroll; border:none; outline:none; box-sizing:border-box;}

#mContact {display:block; width:100%; height:4rem; background:var(--svgContact) no-repeat center; background-size:contain; cursor:pointer; border:none; outline:none; padding:0; margin:0;}
#mContact:focus {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#mContact:hover {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#mContact:active {}

#landHeader {position:relative; width:100%; height:auto; margin:0; padding:0;}
#landLogo {display:block; width:50%; height:3rem; background:var(--svgZZFULL) left no-repeat; background-size:contain; margin:0; padding:0; box-sizing:border-box; filter:drop-shadow(0 0 1rem var(--accentg));}
#landAuth {display:block; position:absolute; top:0; right:4rem; width:3rem; height:3rem; background:var(--svgAuth) center no-repeat; background-size:contain; margin:0; padding:0; box-sizing:border-box; cursor:pointer; filter:drop-shadow(0 0 1rem var(--accentg)); 
            user-select:none; border:none; outline:none;}
#landAuth:focus {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#landAuth:hover {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#landAuth:active {}
#landTheme {display:block; position:absolute; top:0; right:0; width:3rem; height:3rem; background:var(--svgTheme) center no-repeat; background-size:contain; margin:0; padding:0; box-sizing:border-box; filter:drop-shadow(0 0 1rem var(--accentg)); 
            animation:animated_theme 1s 3; animation-delay:1.5s; cursor:pointer; user-select:none; border:none; outline:none;}
#landTheme:focus {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#landTheme:hover {outline:0.24rem solid var(--black); outline-offset:0.24rem;}
#landTheme:active {}
#landTest {animation:animated_button 9s 1; animation-delay:1s; animation-timing-function:linear;}

@keyframes animated_bg
{
    0% {background:var(--accent);}
    100% {background:var(--background);}
}

@keyframes animated_theme
{
    0% {transform:rotate(0deg);}
    15% {transform:rotate(20deg);}
    30% {transform:rotate(-20deg);}
    45% {transform:rotate(20deg);}
    60% {transform:rotate(10deg);}
    75% {transform:rotate(0deg);}
    100% {transform:rotate(0deg);}
}

@keyframes animated_button
{
    0% {box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
    14% {box-shadow:0 0 1rem var(--tr), 0 0 2px var(--background);}
    29% {box-shadow:0 0 1rem var(--to), 0 0 2px var(--background);}
    43% {box-shadow:0 0 1rem var(--ty), 0 0 2px var(--background);}
    57% {box-shadow:0 0 1rem var(--tg), 0 0 2px var(--background);}
    71% {box-shadow:0 0 1rem var(--tb), 0 0 2px var(--background);}
    85% {box-shadow:0 0 1rem var(--tv), 0 0 2px var(--background);}
    100% {box-shadow:0 0 1rem var(--accentg), 0 0 2px var(--background);}
}


/******************************
    VIEWPORT THRESHOLDS
******************************/
@media only screen and (min-width:21rem)
{
    /********* INFRASTRUCTURE *********/
    
    /********* APP *********/
    #landLogo {height:3rem; width:60%;}
    #landAuth {right:4rem; width:3rem; height:3rem;}
    #landTheme {right:0; width:3rem; height:3rem;}
}

@media only screen and (min-width:28rem)
{
    /********* INFRASTRUCTURE *********/
    
    /********* APP *********/
    #landLogo {height:4rem; width:60%;}
    #landAuth {right:5rem; width:4rem; height:4rem;}
    #landTheme {right:0; width:4rem; height:4rem;}
}

@media only screen and (min-width:46rem)
{
    /********* INFRASTRUCTURE *********/
	#confirmBox {width:42rem;}
    #messageBox {width:42rem;}
    #authEmailBox {width:42rem;}
    #authCodeBox {width:42rem;}
    .panelBox {padding:1rem max(1rem, calc((100% / 2) - 22rem)) 1rem max(1rem, calc((100% / 2) - 22rem));}
    #menu {left:max(0rem, calc((100% - 46rem) / 2)); width:46rem; border-left:1px solid var(--accent); border-right:1px solid var(--accent);}
    
    /********* APP *********/
    #mResults {width:calc(100% - var(--scrollbarwidth)); left:var(--scrollbarwidth);}
}

@media only screen and (min-width:84rem)
{
    /********* INFRASTRUCTURE *********/
    #backgroundIcon {top:35%; left:calc(35% - (var(--scrollbarwidth) / 2)); width:30%; height:30%;}
    #modalBackground {top:35%; left:calc(35% - (var(--scrollbarwidth) / 2)); width:30%; height:30%;}

    /********* APP *********/
}

@media only screen and (min-width:154rem)
{
    /********* INFRASTRUCTURE *********/
    html {font-size:calc(var(--scale) * 1.25);}

    /********* APP *********/
}

@media only screen and (min-width:224rem)
{
    /********* INFRASTRUCTURE *********/
    html {font-size:calc(var(--scale) * 1.5);}

    /********* APP *********/
}


/******************************
    PRINTING
******************************/
@media only print
{
    #container {display:none;}
    html {width:8.5in; height:auto; margin:0; padding:0; overflow:visible; font-size:100%;}
    body {width:8.5in; height:auto; font-size:16pt; margin:0; padding:0; background:#ffffff; overflow:visible;}
    #printer {display:block; background:#ffffff; color:#010101; margin:0; padding:0; width:100%; height:auto; font-family:"Robotofixed"; font-size:16pt; print-color-adjust:economy; -webkit-print-color-adjust:economy;}
}