styles.css

html{font-family:Arial, Helvetica, sans-serif!important}button{border:0}button:before{content:""}button:hover{cursor:pointer}:focus{outline:none}.modebar{display:none!important}#decksWindow .overlay img{margin-left:20%}#decksWindow .content-header .ftrOptions{position:absolute;left:0}#decksWindow .content-header .ftrOptions #classFolder{visibility:hidden}#decksWindow .content-header .displayOptions{position:absolute;right:0}#decksWindow .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#decksWindow .content .content-left{width:10rem}#decksWindow .content .content-left .selectionWrapper{width:10rem;height:12rem;margin-top:1rem}#decksWindow .content .content-left .selectionWrapper .buttonWrapper{position:absolute;width:12rem;margin-left:0.5rem;margin-top:1.1rem;line-height:2rem}#decksWindow .content .content-left .selectionWrapper .buttonWrapper .selectionBtn{font-size:1rem;display:inline-block;background-color:#c7e077;padding:0.2rem;margin-left:0.2rem;border-radius:0.2rem;line-height:normal;opacity:0.4}#decksWindow .content .content-left .selectionWrapper .buttonWrapper .selectionBtn.special{font-size:1.3rem;margin-left:0.4rem}#decksWindow .content .content-left .selectionWrapper .buttonWrapper .selectionBtn:hover{background-color:#454c57!important;color:#c7e077!important;cursor:pointer}#decksWindow .content .content-left .selectionWrapper .buttonWrapper .selectionBtn:active{background-color:#ff0!important}#decksWindow .content .content-left .selectionWrapper .buttonWrapper .selectionBtn.highlighted{opacity:1;font-size:1.3rem}#decksWindow .content .content-left .selectionWrapper:hover .selectionImg{opacity:0.1}#decksWindow .content .content-left .selectionWrapper:hover .selectionTitle{color:#000}#decksWindow .content .content-right{width:10rem}#decksWindow .content .content-middle{margin-left:1.5rem;overflow-x:auto;margin-right:1rem;width:70%;height:100%}#decksWindow .content .content-middle .chart{display:none;width:100%;height:$chart-height -3rem;margin-top:2rem;margin-bottom:1rem}#decksWindow .content .content-middle .descriptionBox{height:$cont-height -1rem;padding:1rem;overflow-y:auto}#decksWindow .content .content-middle .descriptionBox .description{background-color:#fff;color:#000;padding:2rem;letter-spacing:1.2px;font-size:0.9rem;font-weight:normal;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-indent:20px}#decksWindow .content .content-middle .descriptionBox .description .text{background-color:#fff}#decksWindow .content .content-middle .descriptionBox .description .text:first-letter{font-size:200%}#decksWindow .content .content-middle .descriptionBox .description .title{font-size:150%;font-weight:bold;margin-bottom:1rem}body{font-size:20;margin:0!important}body .main-wrapper{max-width:80vw;min-width:510px;height:40rem;margin:1rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}body .main-wrapper #overlay{width:78vw;height:38rem;margin:10px auto;top:0.5rem;z-index:50}body .main-wrapper .navbar{height:2.6rem;z-index:0}body .main-wrapper .content-wrapper{width:100%;height:37.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:0;position:relative}body .main-wrapper .content-wrapper #loader{z-index:100}body .main-wrapper .content-wrapper .tabWindow{display:none;height:100%;width:100%}body .main-wrapper .content-wrapper .tabWindow .overlay{height:34rem;width:80vw;z-index:20}body .main-wrapper .content-wrapper .tabWindow .content-header{position:relative;width:100%;height:1.7rem;padding:0.6rem 0 0.6rem 0;z-index:30}body .main-wrapper .content-wrapper .tabWindow .content-header .dropdown{z-index:30}body .main-wrapper .content-wrapper .tabWindow .content-header .shadow{width:99%;left:0.5%;background-color:rgba(0,0,0,0.149);height:0.3rem;bottom:-0.3rem;position:absolute}body .main-wrapper .content-wrapper .tabWindow .content{z-index:10;position:relative;height:34rem;width:99%;left:0.5%}body .main-wrapper .content-wrapper .tabWindow .content .chart-header{height:1.5rem;margin-top:1rem;margin-bottom:0.5rem}body .main-wrapper .content-wrapper .tabWindow .content .question{z-index:11}body .main-wrapper .content-wrapper .tabWindow .content .graphLabel{position:absolute;bottom:2.6rem;left:0.5rem;z-index:11}body .main-wrapper .content-wrapper .tabWindow .content .chart{height:29.5rem}body .main-wrapper .content-wrapper .tabWindow .content .chart-footer{position:relative;height:3rem}body .main-wrapper .content-wrapper .tabWindow .content-footer{height:0.5rem}#infoWindow{color:#454c57}#infoWindow .content-header .graphOptions{right:0;position:absolute}#infoWindow .content .twitterDiv{padding:1rem;min-width:30rem;max-width:40rem;margin:auto}#infoWindow .content .infoText{margin:2rem}#infoWindow .content .infoText .googleFormsLogo{display:inline-block;height:3rem}#infoWindow .content .infoText a{display:inline-block;margin:0 auto}#infoWindow .content .infoText a img{height:9rem;display:block}#infoWindow .content .login{display:none;width:60%;margin:0 auto;margin-top:3rem}#infoWindow .content .login button{display:inline-block}#infoWindow .content .login button.hidden{display:none}#infoWindow .content .login #errorMsg{color:#f00}#tableWindow .overlay .red{background-color:#d65900;color:#fff;padding:0 0.2rem 0 0.2rem}#tableWindow .overlay .blue{background-color:#00a2bc;color:#fff;padding:0 0.2rem 0 0.2rem}#tableWindow .overlay img{width:100%;max-width:60rem}#tableWindow .content-header .graphOptions{margin-right:1rem;position:absolute;right:0;height:1.75rem}#tableWindow .content-header .graphOptions #matchup{display:none}#tableWindow .content-header .ftrOptions{position:absolute;left:0}#tableWindow .chart{height:94%}#tableWindow .chart-footer{height:5%;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal}#tableWindow .chart-footer .chartFooterBtn{position:relative;margin-left:1rem;background-color:#57a1c1;color:#454c57;padding:0.2rem 0.6rem 0.2rem 0.6rem;font-size:0.8rem;text-align:center;right:0}#tableWindow .chart-footer .chartFooterBtn button{height:100%;background-color:transparent;font-weight:bold}#tableWindow .chart-footer .chartFooterBtn:hover{background-color:#c7e077}#tableWindow .chart-footer .chartFooterBtn.highlighted{background-color:#c7e077}@media (max-width:756px){body{margin:0px!important}body .main-wrapper{max-width:100vw;min-width:100vw;height:100vh;margin:0;overflow:hidden}body .main-wrapper #overlay{width:100%!important}body .main-wrapper #vsLogoDiv{display:none}body .main-wrapper .overlay{width:100%!important}body .main-wrapper #updateTimeDiv{display:none}body .main-wrapper .navbar{height:8vh!important;max-width:100%;overflow:hidden}body .main-wrapper .navbar #mobileFolder{position:absolute;display:inline}body .main-wrapper .navbar .mobileTabs{display:-webkit-box;display:-ms-flexbox;display:flex}body .main-wrapper .navbar .tabs{display:none;width:100%}body .main-wrapper .content-wrapper{height:100%}body .main-wrapper .content-wrapper #loader{display:none}body .main-wrapper .content-wrapper .tabWindow{height:100%}body .main-wrapper .content-wrapper .content-header{overflow:hidden;height:5vh!important}body .main-wrapper .content-wrapper .content-header #plotFolder{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:1rem}body .main-wrapper .content-wrapper .content-header #plotFolder .dropdown{top:2rem;left:0.3rem}body .main-wrapper .content-wrapper .content-header .nrGames{display:none}body .main-wrapper .content-wrapper .content{height:87vh!important}body .main-wrapper .content-wrapper .content .question{right:none;left:1rem!important}body .main-wrapper .content-wrapper .content .chart-header{font-size:90%}body .main-wrapper .content-wrapper .content .chart{margin:0}body .main-wrapper .content-wrapper .content .chart-footer{width:100%!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;margin:0!important}body .main-wrapper .content-wrapper .content .chart-footer .legend-item{height:auto!important}body .main-wrapper .content-wrapper .content .content-middle{overflow-x:visible!important}body .main-wrapper .content-wrapper .content .content-middle .descriptionBox{width:85%;position:absolute}body .main-wrapper .content-wrapper .content .content-middle .descriptionBox .description{width:100%}body .main-wrapper .content-wrapper .content .content-middle .deckBox{overflow-x:hidden}body .main-wrapper .content-wrapper .content-footer{display:none}body .main-wrapper .content-wrapper #ladderWindow .graphOptions{display:none}body .main-wrapper .content-wrapper #ladderWindow #plotBtn{display:inline}}#overlay{position:absolute;display:none;left:0;right:0;bottom:0;background-color:rgba(41,45,47,0.92);border:solid 0.5rem rgba(34,34,34,0.133) 2;z-index:10;cursor:pointer;overflow:auto}#overlay .overlayText{color:#ebebeb;font-size:1.1rem;padding:1rem 2.5rem 0 2.5rem;letter-spacing:0.8px;line-height:1.5rem}#overlay .overlayText .discordLogo{position:absolute;left:20%;display:inline-block;height:10rem}#overlay .overlayText .googleFormsLogo{position:inline-block;height:3rem}#overlay .overlayText .googleFormsLogo:hover{cursor:pointer}#overlay .overlayText .arrow{height:2rem;display:inline-block;padding:0 1rem}#overlay .overlayText button{color:#ebebeb;font-size:2rem;font-weight:bold;marign-right:4rem}#overlay .overlayText button#basicBtn{background-color:#ebebeb;color:#454c57;margin-left:25%}#overlay .overlayText button#premiumBtn{background-color:#ffd700;color:#454c57}#overlay .overlayText button:hover{background-color:#c7e077!important;color:#454c57}#overlay .overlayText button:acive{background-color:#fff!important}.overlay{position:absolute;display:none;background-color:rgba(41,45,47,0.92);z-index:10;cursor:pointer;overflow:auto;line-height:1.5rem;margin:auto}.overlay .overlayText{color:#fff;margin:2rem;font-size:110%;letter-spacing:0.8px}.overlay .overlayText .optionBtn{background:#454c57;color:#ebebeb;font-size:1em;border:0.1rem solid #ebebeb;font-size:0.8em;border-radius:5%;padding:0.4rem 0.4rem 0.2rem 0.4rem;-webkit-transition:background 0.3s ease, color 0.3s ease;-o-transition:background 0.3s ease, color 0.3s ease;transition:background 0.3s ease, color 0.3s ease}.overlay .overlayText .optionBtn:hover{background:#c7e077;color:#454c57;border:0.1rem solid #c7e077}#ladderWindow table{background-color:#fff;margin:0 auto;margin-top:2rem;font-size:0.8rem;table-layout:fixed}#ladderWindow table th{background-color:transparent;font-weight:bold}#ladderWindow table .pivot{font-family:"Times New Roman", Georgia, Serif;font-weight:bold;width:4.5rem;text-align:left;overflow:hidden}#ladderWindow table td,#ladderWindow table th{text-align:center;padding:0.2rem;white-space:nowrap;overflow:hidden;width:2rem;color:#333}#ladderWindow tr:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}#ladderWindow .content-header .ftrOptions{position:absolute;left:0}#ladderWindow .content-header .graphOptions{position:absolute;right:0;height:1.75rem}#ladderWindow .content-header #plotBtn{display:none}#ladderWindow .chart{overflow:auto}#ladderWindow .chart-footer{background-color:transparent;margin:0 50px 0 50px}#ladderWindow .chart-footer .legend-item{font-size:0.8rem;font-weight:bold;padding:0.25rem;padding-bottom:0;overflow:hidden;height:1.6rem;margin-top:0.3rem;border-radius:5%}#ladderWindow .chart-footer .legend-item:hover{cursor:pointer;color:#454c57!important;background-color:#c7e077!important}#powerWindow{height:100%}#powerWindow .overlay .option{background:#454c57;color:#ebebeb;font-size:1em;border:0.1rem solid #ebebeb;font-size:0.8em;border-radius:5%;padding:0.4rem 0.4rem 0.2rem 0.4rem;-webkit-transition:background 0.3s ease, color 0.3s ease;-o-transition:background 0.3s ease, color 0.3s ease;transition:background 0.3s ease, color 0.3s ease}#powerWindow .overlay .option:hover{background:#c7e077;color:#454c57;border:0.1rem solid #c7e077}#powerWindow .content-header .formatOptions{position:absolute;left:0}#powerWindow .content-header .dispOptions{position:absolute;right:0}#powerWindow .chart-footer{position:absolute;bottom:0;height:1rem;width:100%;background:lineargradient(rgba(255,255,255,0), rgba(235,235,235,0.749))}#powerWindow #powerGrid{height:100%;display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(21, 3rem);grid-gap:0.1rem;overflow-y:auto;text-align:center;text-size:10;padding:2rem 2rem 0 2rem}#powerWindow #powerGrid .pivot{background-color:transparent;color:#454c57;padding:0.2rem;padding-top:30%;margin-right:0.5rem}#powerWindow #powerGrid .header{background-color:transparent;color:#454c57;padding:0.2rem;margin-bottom:1rem;font-weight:bold}#powerWindow #powerGrid .archBtn{padding:0.2rem;margin:0.2rem;font-weight:bold;border-radius:0.2rem}#powerWindow #powerGrid .archBtn:hover{cursor:pointer;color:#454c57!important;background-color:#c7e077!important}#powerWindow #powerGrid .winrate{color:#999;font-weight:normal;padding:0.2rem;padding-top:25%}#powerWindow #powerGrid .blank{background-color:#454c57;margin:0.2rem;opacity:0.3}#powerWindow #powerGrid .columnTitle{grid-column-end:span 2}.content{background-color:#ebebeb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:auto}.content .question{position:absolute;right:1rem;top:0.4rem;color:#454c57;font-size:1.5rem;opacity:0.5}.content .question:hover{color:#1e6b97;opacity:1;cursor:pointer}.content .graphTitle{margin-right:auto;margin-left:auto;font-size:140%;font-weight:bold;color:#454c57;opacity:0.4}.content .graphLabel{color:#454c57;opacity:0.5;font-size:85%}.content .chart{background-color:#ebebeb}.content .chart-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-footer{background-color:#454c57;color:#ebebeb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:bold}.content-footer div{margin-top:0.3em;margin-bottom:0.3em}.decklists{display:none;display:grid;grid-column-gap:1.5rem;margin-top:1.5rem;height:31.5rem;position:relative}.decklists .deckBox{height:31.5rem;position:relative;overflow-y:hidden}.decklists .deckBox .deckTitle{display:inline-block;position:relative;width:100%;height:2.8rem;line-height:2.8rem;border-radius:0.2rem;margin-top:0;font-weight:bold}.decklists .deckBox .deckTitle p{margin:0rem 0.5rem;display:inline-block;margin-top:0;vertical-align:middle;line-height:normal}.decklists .deckBox .deckTitle .titleHover{opacity:0;height:2.8rem;width:12rem;position:absolute;top:0;line-height:2.8rem}.decklists .deckBox .deckTitle .titleHover .titleHover-content{display:inline-block;padding-left:1rem;padding-right:1rem;margin:0.15rem;height:2.5rem;font-size:120%;font-weight:bold;letter-spacing:0.9px;color:#fff;border-radius:3%;vertical-align:middle}.decklists .deckBox .deckTitle .titleHover .titleHover-content:hover{cursor:pointer;background-color:#c7e077;color:#454c57}.decklists .deckBox .deckTitle .titleHover .titleHover-content:active{background-color:#ff0}.decklists .deckBox .deckTitle:hover{background-color:#454c57!important}.decklists .deckBox .deckTitle:hover p{opacity:0}.decklists .deckBox .deckTitle:hover .titleHover{opacity:1}.decklists .deckBox .deckinfo{display:none}.decklists .deckBox .deckinfo .dustInfo{padding:0.4rem;font-weight:bold;display:inline}.decklists .deckBox .deckinfo .dustImg{display:inline-block;height:1.1rem}.decklists .deckBox .deckinfo .manacurve{margin:0.5rem 3.5rem;color:#454c57;opacity:0.9}.decklists .deckBox .deckinfo .manaChart{width:12rem;height:8rem}.decklists .deckBox .deckinfo .cardtypes{padding:0.4rem}.decklists .deckBox .deckinfo .author{font-weight:bold;padding:0.4rem 0 0 0.4rem}.decklists .deckBox .deckinfo .timestamp{opacity:0.5;padding:0.4rem}.decklists .deckBox .deckinfo .gameplay{font-weight:bold;color:#1e6b97;padding:1rem}.decklists .deckBox .decklist{max-height:27.72rem;margin-top:1rem;margin-bottom:1rem;overflow-y:auto;overflow-x:hidden;background-color:#fff}.decklists .deckBox .decklist .card{position:relative;font-size:1rem;line-height:1.45rem}.decklists .deckBox .decklist .card .costContainer{position:absolute}.decklists .deckBox .decklist .card .costContainer .hex{position:absolute;font-size:140%}.decklists .deckBox .decklist .card .costContainer .hex.Basic{color:#b3b3b3}.decklists .deckBox .decklist .card .costContainer .hex.Common{color:#736c6c}.decklists .deckBox .decklist .card .costContainer .hex.Rare{color:#4561ce}.decklists .deckBox .decklist .card .costContainer .hex.Epic{color:#ac87cc}.decklists .deckBox .decklist .card .costContainer .hex.Legendary{color:#dc9a22}.decklists .deckBox .decklist .card .costContainer .cost{color:#ebebeb;position:absolute;padding:0.15rem 0 0 0.35rem}.decklists .deckBox .decklist .card .name{padding-left:1.5rem;display:inline-block}.decklists .deckBox .decklist .card .quantity{right:0;position:absolute;padding-left:0.25rem;padding-right:0.25rem;display:inline-block;z-index:4;background-color:#fff;font-size:85%;color:#454c57;opacity:0.9;height:100%}.decklists .deckBox .decklist .card .hoverDiv{position:absolute;top:0;height:100%;width:100%;z-index:20}.decklists .deckBox .decklist .card:hover{background-color:#454c57;color:#ebebeb}.decklists .deckBox .decklist .card.highlighted{background-color:#454c57;color:#ebebeb}.decklists .deckBox .decklist .card.half-highlighted{background-color:#778190;color:#ebebeb}.decklists .deckBox .decklist .card.unique .hoverDiv{background-color:rgba(222,198,156,0.29)}.decklists .deckBox .decklist .card.semiCore .hoverDiv{background-color:transparent}.decklists .deckBox .decklist .card.semiCore .quantity{color:#000;opacity:1;font-weight:bold;font-size:1rem}.decklists .deckBox .decklist .card.core .hoverDiv{background-color:rgba(255,255,255,0.878)}.download{background-color:#57a1c1;color:#ebebeb;padding:0.2rem 0.6rem 0.2rem 0.6rem;font-size:0.8rem;text-align:center;position:absolute;right:0}.option-folder .folder-toggle{background:#ebebeb;color:#454c57;font-weight:bold;border:0.1rem solid #ebebeb;border-radius:5%;padding:0.4rem 0.4rem 0.2rem 0.4rem;margin-left:0.5em;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.option-folder .folder-toggle:hover{cursor:pointer;background:#454c57;color:#ebebeb}.option-folder .dropdown{position:absolute;margin-left:0.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#222;overflow:hidden}.option-folder .dropdown button{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;background-color:#222;border:0.1rem solid #222;margin:0}.option-folder .dropdown button:hover{background:#fff;color:#222;border:none}.option-folder .dropdown.hidden button{margin-top:-2000px}.option-folder .dropdown.highlighted{background-color:#f00}.option-folder .dropdown.highlighted:active{background-color:#ff0!important;color:#454c57;height:110%;border:none!important}.content-header{font-size:1em;background-color:#454c57;background:-webkit-gradient(linear, left top, left bottom, from(#464d57), to(#3a4048));background:-webkit-linear-gradient(#464d57, #3a4048);background:-o-linear-gradient(#464d57, #3a4048);background:linear-gradient(#464d57, #3a4048);color:#ebebeb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Tahoma;font-weight:bold}.content-header .optionBar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:1em;height:1.8rem}.content-header .optionBar p{font-size:0.8rem;color:#ebebeb;margin-left:1rem;margin-top:0.7rem}.content-header .optionBtn{background:#454c57;color:#ebebeb;font-size:1em;border:0.1rem solid #ebebeb;font-size:0.8em;border-radius:5%;padding:0.4rem 0.4rem 0.2rem 0.4rem;-webkit-transition:background 0.3s ease, color 0.3s ease;-o-transition:background 0.3s ease, color 0.3s ease;transition:background 0.3s ease, color 0.3s ease;margin-left:1em}.content-header .optionBtn:hover{background:#c7e077;color:#454c57;border:0.1rem solid #c7e077!important}.content-header .optionBtn:active{background-color:#ff0!important;color:#454c57;border:0.1rem solid #ff0!important}.content-header .optionBtn.highlighted{background:#c7e077;color:#454c57;border:0.1rem solid #c7e077}.content-header .optionBtn.highlighted:active{background-color:#ff0!important;color:#454c57;border:0.1rem solid #ff0!important}#loader{border-radius:50%;width:5rem;height:5rem;border:0.5rem solid #fff;border-top-color:transparent;-webkit-animation:spin 0.5s infinite linear;animation:spin 0.5s infinite linear;display:none;position:absolute;left:50%;top:10rem}@-moz-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#vsLogoDiv{position:absolute;height:2rem;width:5rem;z-index:1;opacity:0.5;right:0.5rem}#vsLogoDiv:hover{opacity:1;cursor:pointer}#vsLogoDiv .logo{height:2.5rem}#vsLogoDiv .text{position:absolute;top:35%;left:2.2rem;display:inline-block}#updateTimeDiv{position:absolute;height:100%;width:2rem;right:7rem;color:#bdbbbb}#updateTimeDiv #updateTime{position:absolute}#updateTimeDiv:hover{cursor:pointer}#updateTimeDiv .tooltipText{bottom:70%;font-size:0.8rem}#mobileFolder{display:none;z-index:100;-webkit-transform:translate3d(0, 0, 100px)}#mobileFolder #mobileBtn{height:50px;width:50px;font-size:200%}#mobileFolder .dropdown{z-index:100;-webkit-transform:translate3d(0, 0, 100px);width:30vw}#mobileFolder .dropdown .mobileBtn{z-index:100;font-size:100%;color:#ebebeb;padding:1rem;-webkit-transform:translate3d(0, 0, 100px)}.navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;position:relative}.navbar .mobileTabs{display:none;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#ebebeb;width:100%}.navbar .mobileTabs .tab{width:100%;height:100%;color:#ebebeb;padding:0.4rem;font-size:1.5rem;font-weight:bold;letter-spacing:2px;overflow:hidden;background-color:#1e6b97}.navbar .tabs{display:inline;color:#ebebeb}.navbar .tabs .tab{float:left;height:105%;color:#ebebeb;position:relative;padding:0.4rem;font-size:1.5rem;font-weight:bold;letter-spacing:2px;overflow:hidden}.navbar .tabs .tab#ladder{background-color:#1e6b97;background:-webkit-gradient(linear, left top, left bottom, from(#1e6b97), to(#1b6086));background:-webkit-linear-gradient(#1e6b97, #1b6086);background:-o-linear-gradient(#1e6b97, #1b6086);background:linear-gradient(#1e6b97, #1b6086)}.navbar .tabs .tab#power{background-color:#398ab9;background:-webkit-gradient(linear, left top, left bottom, from(#398ab9), to(#3279a2));background:-webkit-linear-gradient(#398ab9, #3279a2);background:-o-linear-gradient(#398ab9, #3279a2);background:linear-gradient(#398ab9, #3279a2)}.navbar .tabs .tab#table{background-color:#599fb5;background:-webkit-gradient(linear, left top, left bottom, from(#599fb5), to(#5396ad));background:-webkit-linear-gradient(#599fb5, #5396ad);background:-o-linear-gradient(#599fb5, #5396ad);background:linear-gradient(#599fb5, #5396ad)}.navbar .tabs .tab#decks{background-color:#7fb0b4;background:-webkit-gradient(linear, left top, left bottom, from(#7fb0b4), to(#719da0));background:-webkit-linear-gradient(#7fb0b4, #719da0);background:-o-linear-gradient(#7fb0b4, #719da0);background:linear-gradient(#7fb0b4, #719da0)}.navbar .tabs .tab#info{background-color:transparent;color:#454c57}.navbar .tabs .tab:hover{cursor:pointer}.navbar .tabs .tab.highlighted{background:#454c57!important;bottom:5%;color:#ebebeb!important}.sidebar{width:10rem}.sidebar.left{padding-left:0.5rem}.sidebar.right{padding-right:0.5rem}.sidebar .title{margin-bottom:1rem;margin-top:1rem;font-weight:bold;font-size:1.1rem;color:#454c57}.sidebar .archBtnList{width:100%}.sidebar .archBtnList .archBtnWrapper{width:100%;margin-top:1rem;position:relative;border-radius:0.2rem;font-size:80%}.sidebar .archBtnList .archBtnWrapper .archBtn{display:inline-block;padding:0.1rem 0.2rem;width:60%;border:solid rgba(255,255,255,0.259);border-radius:0.2rem}.sidebar .archBtnList .archBtnWrapper .archBtn:hover{cursor:pointer;color:#454c57!important;background-color:#c7e077!important}.sidebar .archBtnList .archBtnWrapper .wrDiv{font-weight:bold;color:#5a5959;padding-top:0.25rem;padding-right:0.3rem;display:inline-block;float:right;width:25%}.sidebar .archBtnList .archBtnWrapper.highlighted{background-color:#454c57}.sidebar .archBtnList .archBtnWrapper.highlighted .archBtn{padding-top:0.5rem;padding-bottom:0.5rem}.sidebar .archBtnList .archBtnWrapper.highlighted .wrDiv{color:#ebebeb;padding-top:0.65rem;padding-bottom:0.5rem}.tooltip{position:relative;display:inline-block}.tooltip .tooltipText{visibility:hidden;font-family:'Arial';font-weight:bold;width:120px;background-color:#222;color:#fff;text-align:center;padding:5px 0;border-radius:2%;width:120px;bottom:150%;left:50%;margin-left:-60px;position:absolute;z-index:3}.tooltip:hover .tooltipText{visibility:visible}