#export-panel,#profession-display{position:fixed;top:100px;bottom:100px}#export,.profession-pct-bar .shadow{box-shadow:0 0 10px #000 inset;color:#fff}*{margin:0;padding:0}:focus{outline:0}body{background:#000;overflow-x:hidden;font-family:'Open Sans',sans-serif}#background{display:none;background:center no-repeat;background-size:cover;filter:blur(8px);position:fixed;top:0;left:0;right:0;bottom:0}#header{top:0}#footer,#header,#status{position:fixed;bottom:0;left:0;right:0;height:100px;background:rgba(0,0,0,.81);color:#fff;display:flex;align-items:center;justify-content:center;z-index:50}#status{display:none;top:100px;background:rgba(0,0,0,.81);height:50px;z-index:49}#status.error{background:rgba(255,2,2,.22)}#status.pending{background:rgba(255,163,2,.2)}#footer .nav{font-size:1.2em;margin:0 30px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0);padding:5px 0}.input-button,.input-label{background:#b46624;color:#fff;margin-left:15px}#navigation .nav:hover{border-color:#fff}.input-label{border-bottom-left-radius:10px;border-top-left-radius:10px;padding:13px 12px 16px}.input-field{padding:12px;border-bottom-right-radius:10px;border-top-right-radius:10px;border:3px solid #b46624;border-left:0}.input-field:focus{border-color:#c58550}.input-button{padding:14px 20px;border:0;border-radius:10px;cursor:pointer}.input-button:hover,.input-label.selected{background:#c58550}#realm-drop-container{position:relative}#field-realm.activated{border-bottom-right-radius:0}#realm-drop{display:none;position:absolute;background:#fff;border:3px solid #c58550;border-top:0;left:-3px;transform:translateY(-3px);right:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:51}.realm-header{background-color:#c58550;font-weight:700}.realm-header,.realm-option{padding:7px;color:#000}.realm-option{font-size:.9em}.realm-option:hover{background-color:#c59471;cursor:pointer}#export-panel{left:0;right:0;overflow:hidden;display:none}#export-container{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;background:rgba(0,0,0,.9);flex-direction:column}#export,.profession-pct-bar{border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.6)}#export-close{color:#fff;text-shadow:3px 3px 2px #000;font-size:2em;cursor:pointer;margin-top:20px}#export{width:90%;height:80%;resize:none;padding:15px}#profession-display{padding:0 50px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.profession-pct-bar{height:40px;margin:0 50px 10px;position:relative}.profession-pct-bar .inner{background:green;position:absolute;z-index:0;top:0;bottom:0}.profession-pct-bar .shadow{display:flex;justify-content:center;align-items:center;font-weight:700;text-shadow:1px 1px 5px #000;z-index:1;position:absolute;top:0;left:0;bottom:0;right:0}.profession h1,.profession-block h2{text-shadow:3px 3px 2px #000;color:#fff}.profession{padding-bottom:30px}.profession h1 input{margin-left:15px;margin-right:7px}.profession h1 span{font-size:.5em}.profession-block{display:inline-block;padding:0 10px}.profession-block h2{font-size:1em;font-weight:700;margin:10px 0}.profession-block .icon{position:relative;width:36px;height:40px;display:inline-block}.icon-link{display:block;width:100%;height:100%}.profession-block .icon .background{content:"";position:absolute;top:0;left:0;width:36px;height:36px;z-index:1;background-repeat:no-repeat}.profession-block .icon.incomplete .background,.profession-block .icon.unknown .background{opacity:.7}.known{background-color:green}.incomplete{background-color:orange}.unknown{background-color:red}.nope{width:36px;height:36px;background:url(../images/nope.png) center no-repeat;position:absolute;z-index:2}.tooltip{position:relative}.tooltip::after,.tooltip::before{position:absolute;display:inline-block;pointer-events:none;right:50%}.tooltip::after{z-index:1000000;padding:10px;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;letter-spacing:normal;word-wrap:break-word;white-space:pre;content:attr(data-tooltip);background:#000;border-radius:5px;bottom:100%;margin-bottom:6px}.tooltip::before{z-index:1000001;width:0;height:0;color:#000;content:"";border:6px solid transparent;top:-7px;bottom:auto;margin-right:-6px;border-top-color:#000}.tooltip-right::after{right:auto;left:50%;margin-left:-20px}.tooltip-left::after{margin-right:-20px}.tooltip-top::after{transform:translateX(50%)}