html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}::selection{color:#fff;background:#c9485b}::-moz-selection{color:#fff;background:#c9485b}body{background-color:#fbf7f6;min-height:100vh;display:flex;flex-direction:column;font-style:normal}body.cmp-state--bar{margin-bottom:118px}body,html{margin:0;padding:0;font-family:Noto Sans,sans-serif}#content{min-height:500px}#tabletop{height:calc(100% - 100px);margin:1em 0}#navbar-logo{padding:8px;height:50px;width:43px;float:left}.container .navbar-collapse{padding-left:0;padding-right:0}.navbar{border-radius:0}.navbar .nav>li .custom-icon{padding-right:3px}.custom-icon{background-size:contain;background-repeat:no-repeat;vertical-align:middle;position:relative;display:inline-block;width:17px;height:17px}.navbar-hsreplay{background-color:#1d3657;color:#fbf7f6;margin-bottom:0;border:0;font-weight:700}.navbar-hsreplay .navbar-toggle{border-color:#fbf7f6}.navbar-hsreplay .navbar-toggle .icon-bar{background-color:#fbf7f6}.navbar-hsreplay .navbar-brand{padding:0;padding-right:15px}.navbar-hsreplay .navbar-brand h1{padding:12px 0;display:inline-block;font-size:1.2em;margin:0;font-weight:700}.navbar-hsreplay .nav>li>a{padding-bottom:12px}.navbar-hsreplay .nav>li>a.text-premium{color:#ffb00d}.navbar-hsreplay .nav>li.active>a{position:relative;color:#3ba3db}.navbar-hsreplay .nav>li.active-premium>a{color:#ffb00d}>.navbar-hsreplay .nav>li.active-premium>a:focus,>.navbar-hsreplay .nav>li.active-premium>a:hover{color:#d89300}.navbar-hsreplay .nav>li.open>a{background-color:transparent;color:#3ba3db}.navbar-hsreplay .nav>li.open>a.text-premium{color:#ffb00d}@media (min-width:768px){.navbar-hsreplay .nav>li.active>a{border-bottom:3px solid #3ba3db}.navbar-hsreplay .nav>li.active-premium>a{border-bottom-color:#ffb00d}.navbar-hsreplay .nav>li.open>a{border-bottom:3px solid #3ba3db}.navbar-hsreplay .nav>li.open>a.text-premium{border-bottom-color:#ffb00d}}.navbar-hsreplay .nav>li>a:focus,.navbar-hsreplay .nav>li>a:hover{color:#3188b8;background:transparent}.navbar-hsreplay .nav>li>a:focus.text-premium,.navbar-hsreplay .nav>li>a:hover.text-premium{color:#d89300}.navbar-hsreplay .nav>li>.promo-button:focus,.navbar-hsreplay .nav>li>.promo-button:hover{color:#c9485b;background-color:#fbf7f6;border-bottom:0}.navbar-hsreplay .nav>li.button-container{padding-top:6px}.navbar-hsreplay .nav>li.button-container .btn{margin-right:-10px;padding-right:20px;padding-bottom:8px;padding-left:20px}.navbar-hsreplay .nav>li .glyphicon{padding-right:3px}.navbar-hsreplay a{color:inherit}.navbar-hsreplay .promo-button{font-size:1em;padding-top:8px;padding-bottom:8px}@media (max-width:767px){.navbar-hsreplay .promo-button,.navbar-hsreplay .promo-button-outline{width:auto;float:left;margin:0 15px 10px 10px}}.navbar-hsreplay .navbar-nav .open .dropdown-menu{background-color:#1d3657;padding:0;border:1px solid #0c223e;border-radius:0}.navbar-hsreplay .navbar-nav .open .dropdown-menu .dropdown-header{background:#0c223e;color:#3188b8;padding:.5em 1em;font-size:1em}.navbar-hsreplay .navbar-nav .open .dropdown-menu .active>a,.navbar-hsreplay .navbar-nav .open .dropdown-menu .active>a:focus,.navbar-hsreplay .navbar-nav .open .dropdown-menu .active>a:hover{color:#fff;background-color:#2a5b67}.navbar-hsreplay .navbar-nav .open .dropdown-menu>li{border-bottom:1px solid #0c223e}.navbar-hsreplay .navbar-nav .open .dropdown-menu>li:last-of-type{border-bottom:none}.navbar-hsreplay .navbar-nav .open .dropdown-menu>li>a{color:#fff;padding:10px 20px;font-weight:700}.navbar-hsreplay .navbar-nav .open .dropdown-menu>li>a.text-premium{color:#ffb00d}.navbar-hsreplay .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-hsreplay .navbar-nav .open .dropdown-menu>li>a:hover{background-color:#314b6d}.navbar-hsreplay .navbar-nav .open .dropdown-menu .active>a:focus,.navbar-hsreplay .navbar-nav .open .dropdown-menu .active>a:hover{background-color:#47747f}.open .dropdown-toggle .caret{transform:rotate(180deg)}.site-footer{background-color:#1d3657;clear:both;color:#e9e9e9;margin-top:auto;padding:20px 0;border-top:1px solid #0c223e;display:flex;align-items:center;justify-content:space-around}.site-footer a{color:inherit}.site-footer abbr{border-bottom:none}.site-footer .footer-brand{padding:0;padding-right:8px;text-align:center}.site-footer .footer-brand img{height:38px;width:30px}.site-footer .footer-brand h1{display:inline-block;font-size:1.7em;font-weight:700;margin:12px 0 0 5px;padding:11px 0;position:relative;top:4px}.site-footer .footer-brand a,.site-footer .footer-brand a:active,.site-footer .footer-brand a:hover{text-decoration:none}.site-footer .horizontal-icons{margin:1.5em 0;list-style-type:none;padding-left:0;text-align:center}.site-footer .horizontal-icons li{display:inline-block;position:relative;height:35px;width:35px;margin:0 .4em;box-sizing:border-box}.site-footer .horizontal-icons li a{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.site-footer .footer-menu{font-size:small;white-space:nowrap}@media (max-width:991px){.site-footer .footer-menu{font-size:medium;margin-top:2em}}.site-footer .footer-menu h2,.site-footer .footer-menu h3,.site-footer .footer-menu h4{font-size:1.4em;font-weight:700;color:#fff}.site-footer .footer-menu li{margin:.3em 0}.site-footer .footer-menu ul{list-style-type:none;padding:0}.site-footer .footer-menu .glyphicon{font-size:.7em}.site-footer .copyright{font-size:small;padding:1em 15px}.page{padding:0 3em;max-width:950px;margin:0 auto}.page section{margin-bottom:2.5em}#flatpage-content{margin:0 auto}#flatpage-header{color:#333;text-align:center;font-size:1.5em;padding:1em}#site-messages{width:100%;position:absolute;top:50px;z-index:100;text-align:center;pointer-events:none}#site-messages ul.inner{background-color:#1d3657;border:1px solid #fff;color:#fff;list-style:none;margin:1em auto;padding:1em;width:400px;max-width:100%}.alert{border-radius:0}#upload_processing-container{background-color:#1d3657;color:#fff;font-size:1.8em;margin-top:10%;padding:3em;text-align:center}#upload_processing-container a,#upload_processing-container a:active,#upload_processing-container a:hover{color:inherit;text-decoration:underline}.popover,.popover-title{border-radius:0}.popover{color:#fff;background:#1d3657;padding:0;border-color:#2a5b67}.popover-title{background-color:#0c223e;color:#3ba3db;display:flex;align-items:center;justify-content:space-between;border-color:#2a5b67;font-weight:700}.popover.bottom>.arrow:after{border-bottom-color:#1d3657}.popover.top>.arrow:after{border-top-color:#1d3657}.popover.left>.arrow:after{border-left-color:#1d3657}.popover.right>.arrow:after{border-right-color:#1d3657}.navbar-hsreplay .popover{margin-top:7px}.popover-close{line-height:0;padding:8px 0 8px 4px;vertical-align:middle;font-size:1.7em;display:block;float:right;color:#3ba3db!important;opacity:.8}.popover-close:active,.popover-close:hover{text-decoration:none}.premium-popover{border-color:#ffb00d}.premium-popover .popover-title{background-color:#ffb00d;color:#000}.premium-popover.bottom>.arrow:after{border-bottom-color:#ffb00d}.text-help{color:#737373}.text-twitch{color:#6441a4}.collapse-animate-height{max-height:0;transition:max-height .3s ease-out;overflow:hidden;box-sizing:padding-box}.collapse-animate-height.show{max-height:500px}.list-group-item:first-child,.list-group-item:last-child{border-radius:0}.site-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1999;pointer-events:none}.site-modal>*{pointer-events:all}#modal-dummy{display:none}.site-modal-scroller{overflow-y:scroll}.site-modal-container,.site-modal-scroller{position:absolute;top:0;left:0;min-width:100%;min-height:100%}.site-modal-container{z-index:2000;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vh 0}#live-data{text-align:center;padding-top:10px;padding-bottom:50px}#live-data h3{margin-bottom:25px}#live-data .mode-icon{width:30px;height:30px;position:relative;top:-2px}#live-data .animated-list-item>a{max-width:250px;flex-grow:1}#live-data .animated-list-item>span{line-height:34px;padding-left:10px;font-weight:700}#live-data .animated-list-item .player-class{padding-left:35px}#home-container{display:flex;flex-direction:column}#home-container .container-fluid{width:100%;padding:0}#home-container .container-fluid>.row:nth-of-type(odd){background-color:#ebebeb}#home-container .row{margin:0 auto;padding-left:5px;padding-right:5px}#home-container .row.features>div{padding:0}#home-container #banner,#home-container .btn{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#home-container #banner{background-color:#23272a;background-repeat:no-repeat;background-size:cover;background-position-x:right;height:175px}#home-container #banner-wrapper{align-items:center;display:flex;height:175px;margin:0 auto;max-width:1650px;position:relative}#home-container #banner-text{color:#fff;margin-left:24px;max-width:66%;text-transform:uppercase;z-index:1;text-shadow:-1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000}#home-container #banner-text h1{font-size:3em;font-weight:700}#home-container #banner-text h2{font-size:2em;margin:0}#home-container #banner-ranks{position:absolute;display:flex;right:0;flex-wrap:nowrap}#home-container #banner-ranks img{height:130px;width:130px}#home-container #banner-ranks img:nth-last-of-type(2){opacity:.8}#home-container #banner-ranks img:nth-last-of-type(3){opacity:.7}#home-container #banner-ranks img:nth-last-of-type(4){opacity:.6}#home-container #banner-ranks img:nth-last-of-type(5){opacity:.5}#home-container #banner-ranks img:nth-last-of-type(6){opacity:.4}#home-container #banner-ranks img:nth-last-of-type(7){opacity:.3}#home-container #banner-ranks img:nth-last-of-type(8){opacity:.2}#home-container #banner-ranks img:nth-last-of-type(9){opacity:.1}@media (max-width:800px){#home-container #banner-ranks img:nth-last-of-type(4){opacity:.5}#home-container #banner-ranks img:nth-last-of-type(5){opacity:.3}#home-container #banner-ranks img:nth-last-of-type(6){opacity:.1}}@media (max-width:550px){#home-container #banner-ranks img:nth-last-of-type(2){opacity:.6}#home-container #banner-ranks img:nth-last-of-type(3){opacity:.4}#home-container #banner-ranks img:nth-last-of-type(4){opacity:.2}#home-container #banner-ranks img:nth-last-of-type(5){opacity:.1}}#home-container #banner-icon{position:absolute;height:160px}#home-container .top-ads{padding:0 9px}#home-container .top-ads .ad-container{margin-bottom:10px}#home-container .top-ads:empty{margin-top:10px}#home-container .gutter-ad-container{margin-top:5px}#home-container .gutter-ad-container .premium-fallback{margin-top:-5px}#home-container .center-ads{margin:6px auto 4px;padding:0 9px}#home-container .content-row{max-width:1290px;background-color:unset!important}#home-container .content-row.info-content>.panel-card>.panel-content{display:flex;flex-wrap:wrap;background:linear-gradient(90deg,#fbf7f6 0,#e5e4e6);padding:2vw;border:1px solid rgba(0,0,0,.3)}#home-container .content-row.info-content>.panel-card.panel-accent-red>.panel-content{background:linear-gradient(90deg,#fbf7f6 0,#f6e6e7)}#home-container .content-row.info-content>.panel-card>.panel-header{font-size:2.4em;text-align:center;padding:24px 16px}#home-container .content-row.info-content .reverse-panel .panel-content{flex-wrap:wrap-reverse;background:linear-gradient(270deg,#fbf7f6 0,#e5e4e6)}#home-container .content-row.info-content .reverse-panel.panel-accent-red>.panel-content{background:linear-gradient(270deg,transparent 0,#f6e6e7)}#home-container .content-row.info-content .panel-button{padding:10px}#home-container .content-row.info-content .panel-button>a{width:100%}#home-container .content-row.info-content .panel-description{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;padding:10px}#home-container .content-row.info-content .panel-description h1{font-size:2.4em;font-weight:700;margin-bottom:15px;text-align:center;font-family:Montserrat,sans-serif}#home-container .content-row.info-content .panel-description p{font-size:1.5em;margin-bottom:30px;max-width:80%}#home-container .content-row.info-content .panel-description .btn{text-shadow:none;min-width:50%}#home-container .content-row.info-content .panel-feature{padding:10px;text-align:center}#home-container .content-row.info-content .panel-feature>*{margin:0 auto}#home-container .mulligan-guide-container{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background:#23272a;color:#fff;max-width:600px;border:1px solid #1d3657}#home-container .mulligan-guide-container .mulligan-guide-header{display:grid;position:relative;border-bottom:1px solid hsla(0,0%,100%,.3)}#home-container .mulligan-guide-container .mulligan-guide-header .mulligan-guide-header-background{position:absolute;width:100%;height:100%;overflow:hidden;left:0;top:0}#home-container .mulligan-guide-container .mulligan-guide-header .mulligan-guide-header-background .card-art{background-position-y:-120px;filter:brightness(70%)}#home-container .mulligan-guide-container .mulligan-guide-header .mulligan-guide-header-content{display:flex;align-items:center;padding:10px;z-index:1;text-shadow:0 .2em .3em #000}#home-container .mulligan-guide-container .mulligan-guide-header .archetype-name,#home-container .mulligan-guide-container .mulligan-guide-header .opponent-class{flex:1 1 0;font-size:1.8em;font-variant:small-caps;font-weight:700}#home-container .mulligan-guide-container .mulligan-guide-header .archetype-name{text-align:left}#home-container .mulligan-guide-container .mulligan-guide-header .opponent-class{text-align:right}#home-container .mulligan-guide-container .mulligan-guide-header .vs-icon{width:32px;height:32px}#home-container .mulligan-guide-container .class-filter-wrapper{background:#1d3657;margin:0;padding:3px 8px 8px 3px;border-bottom:1px solid hsla(0,0%,100%,.3)}#home-container .mulligan-guide-container .class-filter-wrapper .class-icon{width:2.5em;height:2.5em}#home-container .mulligan-guide-container .table-container{margin:0}#home-container .mulligan-guide-container .table-container .table-cell{border-left:1px solid hsla(0,0%,100%,.3);border-bottom:1px solid hsla(0,0%,100%,.3)}#home-container .mulligan-guide-container .table-container .table-row-header{border-bottom:1px solid hsla(0,0%,100%,.3)}#home-container .mulligan-guide-container .table-container .table-column-header{border-bottom:none}#home-container .mulligan-guide-container .sort-header{cursor:default;background:#0c223e}#home-container .mulligan-guide-container .sort-indicator:not(.primary){display:none}#home-container .mulligan-guide-container .info-icon{color:#fff;opacity:.7}#home-container #feature-meta>div{color:#fff;display:flex;height:323px;max-width:533px;overflow:hidden;padding:10px}#home-container #feature-meta>div .archetype-matrix-container{justify-content:center;align-items:center;align-content:center;height:100%;width:100%;margin:0;background:#23272a;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border:1px solid #1d3657}#home-container #feature-meta>div .archetype-matrix-container .gradient-right{background:linear-gradient(90deg,transparent,#23272a)}#home-container #feature-meta>div .archetype-matrix-container .gradient-right.gradient-fade{background:linear-gradient(45deg,transparent,#23272a),linear-gradient(90deg,transparent,#23272a)}#home-container #feature-meta>div .archetype-matrix-container .gradient-left{background:linear-gradient(270deg,transparent,#23272a)}#home-container #feature-meta>div .archetype-matrix-container .gradient-left.gradient-fade{background:linear-gradient(45deg,transparent,#23272a),linear-gradient(270deg,transparent,#23272a)}#home-container #feature-meta>div .archetype-matrix-container .gradient-top{background:linear-gradient(0deg,transparent,#23272a)}#home-container #feature-meta>div .archetype-matrix-container .gradient-top.gradient-fade{background:linear-gradient(45deg,transparent,#23272a),linear-gradient(0deg,transparent,#23272a)}#home-container #feature-meta>div .archetype-matrix-container .gradient-bottom{background:linear-gradient(180deg,transparent,#23272a)}#home-container #feature-meta>div .archetype-matrix-container .gradient-bottom.gradient-fade{background:linear-gradient(45deg,transparent,#23272a),linear-gradient(180deg,transparent,#23272a)}#home-container #feature-meta>div .matchup-column-header-archetype{pointer-events:none;border-top:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3);border-right:1px solid hsla(0,0%,100%,.3)}#home-container #feature-meta>div .archetype-name{color:#fff}#home-container #feature-meta>div .matchup-row-header{border-top:1px solid hsla(0,0%,100%,.3);border-bottom:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3)}#home-container #feature-meta>div .matchup-row-header>a,#home-container #feature-meta>div .matchup-row-header a:active,#home-container #feature-meta>div .matchup-row-header a:hover{color:#fff}#home-container #feature-meta>div .matchup-header-top-left{align-items:center;font-size:1.5em;padding-bottom:0;font-variant:small-caps;border-top:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3)}#home-container #feature-meta>div .class-icon-wrapper{pointer-events:none;cursor:default}#home-container .tier-list-preview .panel-card{max-width:500px;margin:0 auto}#home-container .tier-list-preview .player-class{padding:2px 0 2px 45px;margin-left:5px}#home-container .feature-panel{margin:10px auto;max-width:500px;height:230px;padding:5px;position:relative}#home-container .feature-panel .feature-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border:1px solid #1d3657;border-radius:3px;height:100%;overflow:hidden;background-position-x:center;background-position-y:center;display:block;text-decoration:none}#home-container .feature-panel .feature-content .promo-button{border:1px solid hsla(0,0%,100%,.2)}#home-container .feature-panel .feature-content .message-wrapper{color:#fff;opacity:.9}#home-container .feature-panel a.feature-content:hover{background-color:#141414;background-blend-mode:screen}#home-container .feature-panel .feature-banner{background:rgba(29,54,87,.9);color:#fff;margin-top:120px;padding:10px 15px 15px}#home-container .feature-panel .feature-banner>h1{font-weight:700;font-size:2.2em;font-variant:small-caps;margin:0}#home-container .feature-panel .feature-banner>h2{font-size:1.3em;margin:0}#home-container .feature-panel .premium-feature{position:relative;background:url("/static/images/premium-background.jpg") no-repeat;background-position-x:center;background-position-y:30%;background-size:cover;border-color:#ffb00d}#home-container .feature-panel .premium-feature .feature-title{background:#ffb00d;color:#000}#home-container .feature-panel .premium-feature .feature-title .feature-btn{color:#000}#home-container .feature-panel .premium-feature .header-wrapper{align-items:center;display:flex;height:50%;justify-content:center;background:rgba(35,39,42,.2)}#home-container .feature-panel .premium-feature h1{color:#ffb00d;font-size:2.5em;font-style:italic;font-variant:small-caps;font-weight:700;margin:0;text-align:center;text-shadow:-1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000}#home-container .feature-panel .premium-feature .premium-banner{background:rgba(35,39,42,.8);color:#fff;display:flex;height:50%;position:absolute;top:50%;width:100%}#home-container .feature-panel .premium-feature .premium-banner>ul{margin:auto 0 auto 10px}#home-container .feature-panel .premium-feature .premium-banner li{font-weight:700;font-size:1.1em}#home-container .feature-panel .premium-feature .premium-banner .btn-wrapper{margin:auto;margin-left:5px;flex:1 1 0}#home-container .feature-panel .premium-feature .premium-banner .btn{font-size:1em;margin:0 10px;padding:4px 8px;width:calc(100% - 20px)}#home-container #banner+.features,#home-container .feature-panel .premium-feature .premium-banner .btn:nth-of-type(2){margin-top:10px}#home-container .features{padding-bottom:20px}#home-container .features .panel-card{height:500px;margin:0 auto 10px;max-width:500px;position:relative}#home-container .features .panel-card .panel-header{display:flex;align-items:center;height:48px;line-height:48px}#home-container .features .panel-card .panel-header>span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}#home-container .features .panel-card .panel-header .mode-icon{width:24px;height:24px;margin:-7px 4px -7px -7px;fill:#fff}#home-container .features .panel-card .panel-content{flex-basis:100%}#home-container .features .panel-card .panel-content .btn{border:1px solid hsla(0,0%,100%,.2)}#home-container .features .panel-card.streamer-panel{height:230px}#home-container .features .panel-card.streamer-panel .panel-content{background:url("https://art.hearthstonejson.com/v1/512x/PART_002.jpg") no-repeat;background-position-x:center;background-position-y:center}@keyframes fadein{0%{opacity:0}to{opacity:1}}#home-container .features .panel-card.streamer-panel .panel-header{animation:fadein 2s;animation-delay:8s;animation-fill-mode:backwards;position:absolute;top:150px;background:rgba(29,54,87,.9);transition:opacity 1s;width:55%;right:0;padding-left:15px;pointer-events:none}#home-container .features .panel-card.streamer-panel iframe{animation:fadein 2s}#home-container .features .panel-card.streamer-panel:hover .panel-header{opacity:0}#home-container .features .fade{height:20px;position:absolute;width:100%;opacity:1}#home-container .features .fade.fade-top{top:0;background:linear-gradient(180deg,#23272a 0,transparent)}#home-container .features .fade.fade-bottom{bottom:0;background:linear-gradient(0deg,#23272a 0,transparent)}#home-container .archetype-highlight{width:100%;height:100%;color:#fff;display:flex;flex-direction:column}#home-container .archetype-highlight .archetype-highlight-input{padding:10px 0 1em}#home-container .archetype-highlight .archetype-highlight-input>h1{font-size:1.5em;font-style:italic;margin-left:20px;margin-bottom:0}#home-container .archetype-highlight .archetype-highlight-input>.archetype-highlight-input-query{display:flex;text-align:center;flex-direction:row;font-size:2.3em;font-weight:700;justify-content:space-between}#home-container .archetype-highlight .archetype-highlight-input>.archetype-highlight-input-query:after,#home-container .archetype-highlight .archetype-highlight-input>.archetype-highlight-input-query:before{content:""}#home-container .archetype-highlight .archetype-highlight-input>.archetype-highlight-input-query>div:after{display:block;content:"";height:1px;background-color:#fff;margin:0 auto}#home-container .archetype-highlight>.archetype-highlight-output,#home-container .archetype-highlight>.carousel{position:relative;flex-grow:1;height:100%}#home-container .archetype-highlight .archetype-highlight-output,#home-container .archetype-highlight .archetype-highlight-output:active,#home-container .archetype-highlight .archetype-highlight-output:hover{color:#fff;text-decoration:none}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-background,#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-content{position:absolute;top:0;left:0;height:100%;width:100%}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-background{padding:0;overflow:hidden}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-background .card-art{filter:brightness(50%);background-position-y:-70px}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-shadow:0 .2em .3em #000}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-content>*{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-grow:1}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-content>h2{font-size:3em;font-weight:700;font-variant:small-caps;padding:.3em;margin:1em 0 0}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-content>p{font-size:1.5em;margin:0 0 2em}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-content>p>*{margin:0 1em}#home-container .archetype-highlight .archetype-highlight-output .archetype-highlight-output-content>p small{font-size:.75em}#home-container .archetype-highlight .promo-button{margin:15px;width:calc(100% - 32px)}#home-container #replay-feed{background-image:url("/static/images/live-data-background.jpg");background-position-x:center;background-position-y:center;background-repeat:no-repeat;width:100%;height:100%;color:#fff;text-align:center;display:flex;flex-direction:column}#home-container #replay-feed h1{font-size:1.5em;margin-top:10px}#home-container #replay-feed h4{margin-top:0;font-weight:700}#home-container #replay-feed #replay-contributors{font-size:1.2em;padding:5px 0 3px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#home-container #replay-feed .scrolling-feed{flex:1 1 0;list-style:none;padding:0;overflow:hidden;position:relative}#home-container #replay-feed .scrolling-feed .feed-item{position:absolute;width:100%;transition:top .1s ease-out}#home-container #replay-feed .replay-feed-item{height:44px;border-bottom:1px solid hsla(0,0%,100%,.1);margin:0 10px;line-height:44px;display:flex;text-decoration:none;color:#fff}#home-container #replay-feed .replay-feed-item .replay-feed-player{flex:1 1 0;background-size:contain;background-repeat:no-repeat;display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}#home-container #replay-feed .replay-feed-item .replay-feed-player>span{flex:1 1 0;overflow:hidden;text-overflow:ellipsis}#home-container #replay-feed .replay-feed-item .replay-feed-player .winner-icon{height:14px;position:absolute;z-index:1;top:1px}#home-container #replay-feed .replay-feed-item .replay-feed-player.player-left{flex-direction:row-reverse;text-align:right}#home-container #replay-feed .replay-feed-item .replay-feed-player.player-left .winner-icon{right:10px}#home-container #replay-feed .replay-feed-item .replay-feed-player.event-left{text-align:right}#home-container #replay-feed .replay-feed-item .replay-feed-player.event-left em{padding-right:.15em}#home-container #replay-feed .replay-feed-item .replay-feed-player.player-right{flex-direction:row;text-align:left}#home-container #replay-feed .replay-feed-item .replay-feed-player.player-right .winner-icon{left:10px}#home-container #replay-feed .replay-feed-item .replay-feed-player .rank-icon-standalone figcaption{z-index:2}#home-container #replay-feed .replay-feed-item .rank-icon-standalone{width:44px;height:44px;margin:0;flex-basis:44px}#home-container #replay-feed .replay-feed-item .rank-icon-standalone>figcaption{font-size:1em}#home-container #replay-feed .replay-feed-item .vs-icon{height:20px;width:20px;vertical-align:top;margin-top:12px}#home-container #replay-feed .replay-feed-item:hover{background:hsla(0,0%,100%,.2);cursor:pointer}#home-container #replay-feed #contributor-button-wrapper{background:rgba(0,0,0,.1)}#home-container #replay-feed .promo-button{margin:15px;width:calc(100% - 32px)}#home-container .class-list{color:#fff;display:flex;flex-direction:column;flex:1 1 0;height:100%;list-style:none;margin:0;padding:0;text-align:center;width:100%;transform:translateZ(0)}#home-container .class-list .class-item{background-position-x:center;background-position-y:25%;border-bottom:1px solid #23272a;flex:1 1 0;position:relative}#home-container .class-list .class-item .class-item-content{align-items:center;background:linear-gradient(90deg,#23272a 0,#23272a 10%,transparent 40%,transparent 60%,#23272a);color:#fff;display:flex;height:100%;position:relative;transition:background .2s linear;width:100%}#home-container .class-list .class-item .class-item-content .class-item-title{flex:1 1 0;text-align:left;display:flex;align-items:center;font-size:1.7em;font-variant:small-caps;font-weight:700;text-shadow:0 0 2px #000}#home-container .class-list .class-item .class-item-content:active,#home-container .class-list .class-item .class-item-content:focus,#home-container .class-list .class-item .class-item-content:hover{text-decoration:none}#home-container .class-list .class-item .class-item-content .winrate-wrapper{height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center}#home-container .class-list .class-item .class-item-content .class-winrate{font-size:1.5em;font-weight:700;padding:0 10px;text-shadow:-1px -1px 0 rgba(0,0,0,.5),-1px 1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.5),1px -1px 0 rgba(0,0,0,.5);filter:brightness(1.3)}#home-container .class-list .class-item .class-item-content .details-btn{background:#c9485b;color:#fff;font-size:.8em;font-weight:700;padding:3px 6px;position:absolute;right:90px}#home-container .class-list .class-item .color-overlay{width:100%;height:100%;position:absolute;mix-blend-mode:color;opacity:.9}#home-container .class-list .class-item .color-overlay.druid{background:#99542b}#home-container .class-list .class-item .color-overlay.hunter{background:#255d21}#home-container .class-list .class-item .color-overlay.mage{background:#5b94b2}#home-container .class-list .class-item .color-overlay.paladin{background:#c68c1d}#home-container .class-list .class-item .color-overlay.priest{background:#fff}#home-container .class-list .class-item .color-overlay.rogue{background:#3b3b41}#home-container .class-list .class-item .color-overlay.shaman{background:#162874}#home-container .class-list .class-item .color-overlay.warlock{background:#54355f}#home-container .class-list .class-item .color-overlay.warrior{background:#801b11}#home-container .class-ranking #mode-selection{padding:10px}#home-container .class-ranking .class-item .class-item-content .class-index{font-size:1.3em;padding:0 10px}#home-container .class-ranking .class-item .class-item-content .class-index:first-letter{font-weight:700}#home-container #faq.row{max-width:1500px;padding:10px 10%}#home-container #faq h2{margin-bottom:1em}#home-container #faq dl dd+dt{margin-top:1.2em}#home-container .dropdown-note{border-top:1px solid hsla(0,0%,61%,.5);color:#737373;font-size:.8em;font-weight:400;margin:5px 10px 0;padding-top:5px;text-align:center}#home-container .feature-promo{margin:10px auto;display:block;padding:0 10px;width:990px;position:relative}@media (max-width:1000px){#home-container .feature-promo{display:none}}#home-container .feature-promo>img{border:2px solid #23272a;background:#23272a;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);height:90px;width:970px}#home-container .feature-promo:hover>img{filter:brightness(1.05)}#home-container .feature-promo .feature-promo-content{position:absolute;top:0;left:0;font-weight:700;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.5),-1px 1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.5),1px -1px 0 rgba(0,0,0,.5);display:flex;justify-content:center;height:100%;flex-direction:column;white-space:nowrap;padding:0 25px;width:100%}#home-container .feature-promo .feature-promo-content h4{font-weight:700;font-size:2em;padding:10px 0 5px;margin:0}#home-container .feature-promo .feature-promo-content h4,#home-container .feature-promo .feature-promo-content p{overflow:hidden;text-overflow:ellipsis}.home__top-ads{margin:10px 0 5px;width:100%}.home__top-ads>.ad-unit{margin:0 auto}#home-columns{display:flex;flex-direction:row;justify-content:center}#home-columns .home-side-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:5px;padding-bottom:55px;flex-grow:1}@media (max-width:1629px){#home-columns .home-side-column{display:none}}#home-columns .home-side-column:first-child{margin-left:5px;align-items:flex-end}#home-columns .home-side-column:last-child{margin-right:5px;align-items:flex-start}@media (min-width:1620px) and (max-width:1899px){#home-columns{justify-content:space-evenly}}h1{font-size:2.5em;margin-top:0}h2{font-size:2em}.account-login.login-bnet{margin:10em auto;text-align:center}.account-login .login-button{margin:2em auto}.content.authentication-error{margin-top:3em}.content.authentication-error p{margin:2em 0 5em}#account-connections td,#account-settings-emails td{padding:.5em}#account-social-link p.alert{padding:.5em!important;margin:0 2em}.box-section{border:1px solid #e9e9e9;margin:0 0 1em;padding:0}.box-section h3{font-size:1.3em;background-color:#efefef;border-bottom:1px solid #e9e9e9;padding:.3em;margin:0}.box-section .inner{padding:.5em}.box-section p{margin-top:.5em}.box-section .alert{margin-bottom:10px}.box-section table,.box-section table:last-child,.box-section table ul{margin-bottom:0}.box-section .list-group-item-heading{font-weight:700;font-size:1em}.box-section .list-group-item-text h5{text-decoration:underline;margin-bottom:.3em}.box-section .list-group-item-text p{margin:.2em 0}.box-section .list-group-item-text ul{margin-top:0}.webhook-active{color:green;font-weight:700;text-align:center}.webhook-inactive{color:darkred;font-weight:700;text-align:center}#webhook-delete-form{float:right}.account-block{margin:5em auto;width:325px}.account-block.account-password-reset label[for=id_email],.account-block.account-signup label[for=id_email],.account-block.account-signup label[for=id_password1],.account-block.account-signup label[for=id_password2],.account-block.account-signup label[for=id_username]{display:none}.account-block .inner-block{background:#efefef;border:1px solid #aaa;border-radius:3px;box-shadow:0 2px 1px #cecece;padding:3em 2em;text-align:center}.account-block .inner-block h1{color:#333;font-size:2em;margin:0;margin-bottom:1em}.account-block .inner-block .errorlist{color:darkred;font-weight:700;list-style:none;padding:1em;margin:0;text-align:left;font-size:.9em}.account-block .inner-block .note{font-size:.9em;margin-bottom:1.5em}.account-block .inner-block button[type=submit]{margin-top:1em}.account-block .account-block-links{border-top:1px solid #cbcbcb;font-size:small;list-style:none;margin-top:3em;padding:2em 0 0;text-align:center}.account-block .account-block-links li{line-height:2em}#account-billing-plan>.inner{position:relative}#account-billing-plan .premium-plan-form{position:absolute;padding:1em;top:0;right:0}#account-billing-creditcard-list{padding:0;margin:0}#account-billing-creditcard-list .creditcard{background:#fff;border:1px solid grey;display:inline-block;list-style-type:none;padding:1em;margin:1em;width:350px}#account-billing-creditcard-list .creditcard .card-expiry{color:grey}#account-billing-creditcard-list .creditcard .card-title{margin:0 0 1em;padding:0}#account-billing-creditcard-list .creditcard span.label.label-success{float:right}#account-billing-creditcard-list .creditcard .card-remove-form{padding-top:2em;position:relative}#account-billing-creditcard-list .creditcard .card-remove-form button[name=delete]{right:0}#account-delete-container h4{margin-top:1.3em;font-size:1.1em}#account-delete-container .form-group>.btn{margin-right:1em}#downloads-container .downloads-container{max-width:1540px;margin:0 auto}#downloads-container .btn{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border:1px solid hsla(0,0%,100%,.2)}#downloads-container header{position:relative;background-size:cover;background-repeat:no-repeat;background-position-x:45%;padding:4%}#downloads-container header .header-title{z-index:2;position:relative;display:inline-block;max-width:92%}#downloads-container header .header-title h1,#downloads-container header .header-title p{margin:0;width:100%;overflow:hidden;text-overflow:ellipsis}#downloads-container header .header-title p{font-size:2em;text-align:right}@media (max-width:500px){#downloads-container header .header-title p{font-size:1.7em}}#downloads-container header .header-title h1{font-weight:700;font-size:4em;font-family:Montserrat,sans-serif}@media (max-width:500px){#downloads-container header .header-title h1{font-size:3.2em}}#downloads-container header .header-download{z-index:2;position:relative;text-align:center;max-width:800px;margin-top:60px}#downloads-container header .header-download h2{text-transform:uppercase;margin:0;font-family:Montserrat,sans-serif;font-size:2.2em;color:#696969}#downloads-container header .header-download .download-buttons{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap}#downloads-container header #hdt-logo{position:absolute;top:-50px;left:-70px;z-index:1;opacity:.2}#downloads-container header .header-background{position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position-x:45%;height:800px;width:100%}#downloads-container header .header-fade{background:linear-gradient(225deg,transparent,hsla(12,38%,97%,.75) 55%,#fbf7f6 97%);position:absolute;height:800px;width:100%;z-index:0;top:0;left:0}#downloads-container header .header-fade.fade-vertical{background:linear-gradient(180deg,transparent 80%,hsla(12,38%,97%,.2) 85%,#fbf7f6 97%)}#downloads-container header .header-fade.fade-horizontal{background:linear-gradient(270deg,transparent 30%,hsla(12,38%,97%,.1) 35%,#fbf7f6 97%)}#downloads-container header .header-description{position:relative;display:flex;z-index:1;margin-top:60px}#downloads-container header .header-description .description-text{font-size:1.5em}#downloads-container header .header-description .description-text ul{list-style:none;margin:0;padding:0}#downloads-container header .header-description .description-text li{margin-top:50px;display:flex;align-items:center}#downloads-container header .header-description .description-text li img{width:40px;height:40px;margin-right:10px}#downloads-container header .header-description .description-text li p{margin:0}@media (max-width:1199px){#downloads-container header .header-description{flex-direction:column-reverse}#downloads-container header .header-description .description-text{margin-top:20px}}#downloads-container #features section{margin-top:50px}#downloads-container #features section>h1{text-transform:uppercase;margin:0 0 20px;font-family:Montserrat,sans-serif;font-size:3.5em;color:#696969;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media (max-width:500px){#downloads-container #features section>h1{font-size:3em}}#downloads-container #features section .panel-card{margin-top:20px}#downloads-container #features section .panel-content{height:400px}#downloads-container #features section .panel-content .image-container{height:60%;max-width:70%}#downloads-container #features section .panel-content .image-container>img{max-height:140px;max-width:250px}#downloads-container #features section .panel-content .content-container{justify-content:center;height:40%;margin:0}#downloads-container #features section .panel-content .content-container h3,#downloads-container #features section .panel-content .content-container p{padding-top:0;padding-bottom:0}#downloads-container #features section .panel-content .content-container p{margin-bottom:0}#downloads-container #features section .panel-content .content-container h3{font-size:1.75em}#downloads-container #features section .panel-content .text-container{margin:unset;flex:unset;text-align:center}#downloads-container #features #overlay .panel-content .image-container>img{max-height:240px}@media (min-width:1079px){#downloads-container #features #stats .panel-content{height:300px}}#downloads-container .panel-twitch{position:relative;margin:10px 15px 0;color:#fff}#downloads-container .panel-twitch .panel-content{background:linear-gradient(90deg,#593a92,#6441a4);min-height:350px}#downloads-container .panel-twitch h1{margin:20px 20px 0;font-weight:700;display:flex;align-items:center;font-size:2.2em}#downloads-container .panel-twitch h1 .fa{font-size:2.5em;margin-right:30px}#downloads-container .panel-twitch p{font-size:2em;max-width:800px;padding:30px;margin:30px auto}#downloads-container .panel-download{position:relative;margin:10px 15px}#downloads-container .panel-download .panel-content{display:flex;justify-content:center;align-items:center;height:150px}#downloads-container .panel-download .download-background{width:100%;opacity:.3;min-width:800px;max-width:1540px;height:100%;background-size:cover;background-repeat:no-repeat}#downloads-container .panel-download .download-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em}#downloads-container .panel-download .download-content>.btn{width:300px;max-width:100%;margin:20px}#downloads-container .panel-mtga{margin:10px 15px}#downloads-container .panel-mtga .panel-content{background-color:#262321;background-image:url("https://static.mtga.untapped.gg/static/mtga/background-mid.jpg");background-position:100% 34%;background-size:80%;background-repeat:no-repeat;padding:40px 0;text-align:center;color:#fff;font-size:1.7em;font-weight:700}#downloads-container .panel-mtga .panel-content .promo-button-outline{font-size:.8em;color:#ff6a00;border-color:#ff6a00}.my-replays-content{display:flex}.my-replays-content .pagination{margin:0}.replay-list{width:calc(100% - 300px);padding:10px}.replay-list .row{margin-right:0}.replay-list .row .ad-container{margin-bottom:20px}@media (max-width:992px){.replay-list{width:100%}}.game-history-item>a{border:2px solid #bbb;background-color:#f7f7f7;color:inherit;display:block;line-height:1.42857143;margin-bottom:20px;padding:4px}.game-history-item>a.won{border-color:#8ce62c;background-color:#f0f5e9}.game-history-item>a.lost{border-color:#e64032;background-color:#f5ece9}a.hsreplay-thumbnail:hover,a.hsreplay-thumbnail:link{color:inherit}.hsreplay-involved{margin:0;position:relative;width:100%;white-space:nowrap}.hsreplay-involved figure{display:inline-block;width:calc(50% - 1px);position:relative;clip-path:rect(2%,10%,2%,10%);margin-right:2px;font-size:4vw;overflow:hidden}.hsreplay-involved figure img{width:100%;background-color:#000}.hsreplay-involved figcaption{background-color:rgba(0,0,0,.65);color:#fff;display:flex;font-weight:700;margin-top:-25%;position:absolute;width:100%;bottom:0;align-items:center;justify-content:center;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.3em;padding:.25em 0}.hsreplay-involved:hover figcaption{opacity:.5}@media (min-width:768px){.hsreplay-involved figure{font-size:2vw}}@media (min-width:992px){.hsreplay-involved figure{font-size:1.5vw}}@media (min-width:1200px){.hsreplay-involved figure{font-size:1vw}}.hsreplay-involved figure.winner:first-of-type:before{left:0}.hsreplay-involved figure.winner:last-of-type:before{right:0}.hsreplay-invalid .hsreplay-involved figure img{opacity:.6}.hsreplay-versus{position:absolute;width:12%;top:44%;margin-left:44%;z-index:1}.hsreplay-involved figure.loser img{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%)}.hsreplay-details dl{margin:4px 0;width:50%;display:inline-block}.hsreplay-details dt{color:#959595;font-size:.8em;font-style:italic;font-weight:400;margin-top:4px}.hsreplay-details dd{font-size:1.2em;font-weight:700;margin-left:4px}.hsreplay-details>div{margin:10px 0 0;width:50%;display:inline-block;vertical-align:top;text-align:center;font-size:1.2em;font-weight:700}.hsreplay-type{width:50%}.hsreplay-type-sm{height:2em}#replay-filter{margin:0 0 10px}#replay-filter input{float:right}.list-message{text-align:center;font-size:1.5em;margin:2em 0}.list-message h2{font-weight:700;font-size:1.5em}#replay-search{margin-bottom:6px}#replay-search>div{margin-bottom:4px}.match-table{display:table;width:100%;line-height:2em;white-space:nowrap;padding:1px;background:#1d3657;margin-bottom:20px}.match-table a{text-decoration:none;color:#000}.match-table .match-table-header{background-color:#1d3657;color:#fff;text-transform:uppercase;font-weight:700;margin:0;padding:.5em;display:table-header-group;line-height:1.75em}.match-table .match-table-body{display:table-row-group}.match-table .match-table-body .match-table-row{background-color:#f7f7f7}.match-table .match-table-body .match-table-row .match-table-cell{border-color:#a9a9a9}.match-table .match-table-body .match-table-row.result-won{background-color:#f0f5e9}.match-table .match-table-body .match-table-row.result-won .match-table-cell{border-color:#8ce62c}.match-table .match-table-body .match-table-row.result-lost{background-color:#f5ece9}.match-table .match-table-body .match-table-row.result-lost .match-table-cell{border-color:#f77a70}.match-table .match-table-body .match-table-row:hover{background-color:#d3d3d3}.match-table .match-table-body .match-table-row:hover.result-won{background-color:#d2f5cb}.match-table .match-table-body .match-table-row:hover.result-lost{background-color:#f5cecb}.match-table .match-table-body .match-table-row:last-child .match-table-cell{border-bottom:none}.match-table .match-table-body .ad-row{background:#fbf7f6}.match-table .match-table-body .ad-container{max-width:calc(100vw - 326px)}@media (max-width:991px){.match-table .match-table-body .ad-container{max-width:calc(100vw - 26px)}}.match-table .match-table-row{display:table-row}.match-table .match-table-row .match-table-cell{display:table-cell;padding:3px 10px;vertical-align:middle;border-bottom-width:1px;border-bottom-style:solid}.match-table .match-table-row .match-table-cell.player-icon{padding-right:0}.match-table .match-table-row .match-table-cell.player-name{padding-right:0;padding-left:5px}.match-table .match-table-row .match-table-cell.opponent-icon{padding-left:0;padding-right:0}.match-table .match-table-row .match-table-cell.opponent-name{padding-left:5px}.match-table .match-table-row .match-table-cell.auto-size{width:1%}.match-table .match-table-row .match-table-cell.result-won{color:green}.match-table .match-table-row .match-table-cell.result-lost{color:red}.match-table .match-table-row .match-table-cell.match-header{vertical-align:initial}.match-table .match-table-row .match-table-cell.match-header>span{position:absolute}.match-table .match-table-row .match-table-cell .match-table-game-type{display:flex}.match-table .match-table-row .match-table-cell .class-icon{height:2em}.match-table .match-table-row .match-table-cell .match-table-result-won{color:green}.match-table .match-table-row .match-table-cell .match-table-result-lost{color:red}@media screen and (max-width:1600px){.match-table .match-table-row .match-table-cell.hide-below-1600{display:none!important}}@media screen and (max-width:1100px){.match-table .match-table-row .match-table-cell.hide-below-1100{display:none!important}}@media screen and (max-width:768px){.match-table .match-table-row .match-table-cell.hide-below-768{display:none!important}}@media screen and (max-width:500px){.match-table .match-table-row .match-table-cell.hide-below-500{display:none!important}}#myreplays-infobox .chart-wrapper{margin-left:calc(50% - 150px);max-width:300px}.header-buttons{margin-bottom:10px}.replay-listing.no-replays{margin:8em auto 4em;text-align:center}.replay-listing.no-replays #claim-account{margin:5em}.replay-listing.no-replays #claim-account .claim-account-screenshot{display:block;margin:1em auto;width:275px}.replay-listing.no-replays #claim-account .claim-account-screenshot img{width:275px}.oauth-authorization{background:#fafafa;border:1px solid #ddd;border-radius:.4em;margin-top:2em;padding:1em;width:440px}.oauth-authorization h3{margin-top:0}.oauth-authorization .control-group{margin-top:2em;text-align:right}.flex-container{width:100%;display:flex;flex-direction:row}.flex-container>*{flex:auto;min-width:0}#joust-container{width:0;flex-grow:1}#infobox-players-container{margin-left:10px;padding-bottom:0}#infobox-players{display:flex;flex-direction:column;height:100%;padding:10px}#infobox-players .gradient-container{position:relative}#infobox-players .gradient-container:before{content:"";background:linear-gradient(180deg,transparent,#1d3657);bottom:0;height:2em;left:0;pointer-events:none;position:absolute;transition:opacity .1s;width:100%}.deck-container{overflow:hidden;transition:height .2s linear;flex:1}.deck-container.full{overflow:auto}#replay-container{flex-grow:1}#infobox-players-container-small .deck-container{overflow:hidden}.deck-header{position:relative;display:flex;background-position:-55px -53px;background-repeat:no-repeat;border:1px solid #ccc;margin:1px}.deck-header .deck-header-fade{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#1d3657 1%,transparent 100px,#1d3657 200px)}.deck-header .btn{line-height:1em;padding:5px;margin:5px;font-weight:400}.deck-header .deck-name,.deck-header .info-icon{line-height:calc(1em + 22px);padding-left:8px}.deck-header .deck-name{flex:1;z-index:1;font-weight:700;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.deck-header .deck-name>a:active,.deck-header .deck-name>a:hover:not(.btn),.deck-header .deck-name>a:not(.btn){color:inherit;text-decoration:none}.deck-header .info-icon{color:#fff}.deck-separator{height:20px;position:relative;text-align:center}.deck-separator:before{border-top:1px solid #fff;content:"";left:0;position:absolute;top:50%;width:100%}#share-game-dialog{padding:1em .5em 0}#main-content-wrapper{height:calc(100vh - 50px);display:flex;padding:10px}@media (max-width:767px){#replay-infobox{max-width:none}#replay-container{flex-direction:column}}@media (min-width:768px){#infobox-players-container,#replay-infobox{width:300px}}.btn{border-radius:0}.btn-primary{color:#fff;background-color:#3188b8;border-color:#3188b8}.btn-primary:hover{background-color:#2c79a4;border-color:#3188b8}.btn-primary.active,.btn-primary:active{background-color:#266a90;border-color:#3188b8}.btn-primary.focus,.btn-primary:focus{background-color:#2c79a4;border-color:#1c4c67}.form-text{display:block}.promo-button,.promo-button-outline,.promo-button-outline:visited,.promo-button:visited{display:inline-block;font-weight:700;padding:7px 30px;line-height:2em;font-size:1.2em;text-decoration:none;color:#fff;border:1px solid #c9485b;background-color:#c9485b}.promo-button-outline.blue-style,.promo-button-outline:visited.blue-style,.promo-button.blue-style,.promo-button:visited.blue-style{border:1px solid #1d3657;background-color:#1d3657}.promo-button-outline.aqua-style,.promo-button-outline:visited.aqua-style,.promo-button.aqua-style,.promo-button:visited.aqua-style{border:1px solid #154b69;background-color:#154b69}.promo-button-outline.transparent-style,.promo-button-outline:visited.transparent-style,.promo-button.transparent-style,.promo-button:visited.transparent-style{border:1px solid #000;background-color:transparent;color:#000}.promo-button-outline.premium-style,.promo-button-outline:visited.premium-style,.promo-button.premium-style,.promo-button:visited.premium-style{border:1px solid #ffb00d;background-color:#ffb00d;color:#000}.promo-button-outline.white-style,.promo-button-outline:visited.white-style,.promo-button.white-style,.promo-button:visited.white-style{border:1px solid #000;background-color:#fff;color:#000}.btn-group>.promo-button-outline:first-child,.btn-group>.promo-button-outline:visited:first-child,.btn-group>.promo-button:first-child,.btn-group>.promo-button:visited:first-child{padding-left:20px;padding-right:15px}.btn-group>.btn+.promo-button-outline.btn,.btn-group>.btn+.promo-button-outline:visited.btn,.btn-group>.btn+.promo-button.btn,.btn-group>.btn+.promo-button:visited.btn{border-left:1px solid #fff}.btn-group>.btn+.promo-button-outline.dropdown-toggle,.btn-group>.btn+.promo-button-outline:visited.dropdown-toggle,.btn-group>.btn+.promo-button.dropdown-toggle,.btn-group>.btn+.promo-button:visited.dropdown-toggle{padding-left:15px;padding-right:15px}.btn-group>.promo-button-outline.dropdown-toggle~.dropdown-menu,.btn-group>.promo-button-outline:visited.dropdown-toggle~.dropdown-menu,.btn-group>.promo-button.dropdown-toggle~.dropdown-menu,.btn-group>.promo-button:visited.dropdown-toggle~.dropdown-menu{width:100%;border-radius:0;background-color:#fff;margin-top:0}.btn-group>.promo-button-outline.dropdown-toggle~.dropdown-menu>li,.btn-group>.promo-button-outline:visited.dropdown-toggle~.dropdown-menu>li,.btn-group>.promo-button.dropdown-toggle~.dropdown-menu>li,.btn-group>.promo-button:visited.dropdown-toggle~.dropdown-menu>li{color:#000}.btn-group>.promo-button-outline.dropdown-toggle~.dropdown-menu>li.dropdown-header,.btn-group>.promo-button-outline:visited.dropdown-toggle~.dropdown-menu>li.dropdown-header,.btn-group>.promo-button.dropdown-toggle~.dropdown-menu>li.dropdown-header,.btn-group>.promo-button:visited.dropdown-toggle~.dropdown-menu>li.dropdown-header{font-weight:700;padding-left:10px}.btn-group>.promo-button-outline.dropdown-toggle~.dropdown-menu>li>a,.btn-group>.promo-button-outline:visited.dropdown-toggle~.dropdown-menu>li>a,.btn-group>.promo-button.dropdown-toggle~.dropdown-menu>li>a,.btn-group>.promo-button:visited.dropdown-toggle~.dropdown-menu>li>a{text-transform:none}.btn-group>.promo-button-outline.dropdown-toggle~.dropdown-menu>li:hover>a,.btn-group>.promo-button-outline:visited.dropdown-toggle~.dropdown-menu>li:hover>a,.btn-group>.promo-button.dropdown-toggle~.dropdown-menu>li:hover>a,.btn-group>.promo-button:visited.dropdown-toggle~.dropdown-menu>li:hover>a{color:#fff;background-color:#c9485b}.promo-button{text-transform:uppercase}.promo-button:active,.promo-button:focus,.promo-button:hover{text-decoration:none;color:#c9485b;background-color:#fff;border-color:#c9485b}.promo-button:active.blue-style,.promo-button:focus.blue-style,.promo-button:hover.blue-style{color:#1d3657;background-color:#fff;border-color:#1d3657}.promo-button:active.aqua-style,.promo-button:focus.aqua-style,.promo-button:hover.aqua-style{color:#154b69;background-color:#fff;border-color:#154b69}.promo-button:active.transparent-style,.promo-button:focus.transparent-style,.promo-button:hover.transparent-style{color:#fff;background-color:#000;border-color:#fff}.promo-button:active.premium-style,.promo-button:focus.premium-style,.promo-button:hover.premium-style{color:#ffb00d;background-color:#fff;border-color:#ffb00d}.promo-button:active.white-style,.promo-button:focus.white-style,.promo-button:hover.white-style{color:#fff;background-color:#000;border-color:#fff}.promo-button-outline,.promo-button-outline:visited{background-color:transparent;color:#c9485b}.promo-button-outline:active,.promo-button-outline:hover{text-decoration:none;color:#c9485b}.promo-button-outline img,.promo-button img{vertical-align:text-bottom}.promo-button.hero-button{padding-left:25px;padding-right:25px}.promo-help,.promo-link{font-size:1.2em}.promo-link,.promo-link:visited{text-decoration:underline;color:#fff}.promo-link:active,.promo-link:hover{color:#c9485b}.btn-full{margin:5px 0;width:100%}.component-matrix{position:relative}.component-matrix svg{width:100%}.component-matrix svg.loading{opacity:.5}.component-matrix text{fill:#000;font-weight:400}.component-matrix text.archetype.selectable{cursor:pointer}.component-matrix text.archetype.selected{fill:#3188b8;font-weight:700}.component-matrix text.archetype.interesting{font-weight:700}.component-matrix text.archetype.boring{fill:#ccc}.component-matrix .cells{user-select:none}.component-matrix .cells rect{stroke:#fff;stroke-width:1}.component-matrix .cells .selectable{cursor:pointer}.component-matrix .selections rect{fill:none;stroke:#3188b8;stroke-width:3}.component-matrix .vertical-text{transform:rotate(90deg);transform-origin:left top 0}.component-matrix .matrix-tooltip{color:#fff;background-color:rgba(0,0,0,.8);position:absolute;z-index:100;text-align:left;font-size:1em;font-family:sans-serif;padding:4px 8px;transform:translateX(-50%);border-radius:4px;white-space:nowrap}.component-distribution tr.selectable{cursor:pointer}.component-distribution tr.active{color:#3188b8}.component-distribution td,.component-distribution td:hover,.component-distribution th,.component-distribution th:hover{background-color:inherit}.control-date-range-selector,.control-rank-range-selector,.control-sample-size-selector{width:100%;margin-bottom:15px}.control-date-range-selector label input,.control-rank-range-selector label input,.control-sample-size-selector label input{text-align:center}.control-date-range-selector label>.input-group,.control-date-range-selector label>input,.control-rank-range-selector label>.input-group,.control-rank-range-selector label>input,.control-sample-size-selector label>.input-group,.control-sample-size-selector label>input{width:100%}label>input{font-weight:400}.control-label{width:100%}.control-label>span:first-child{width:100%;text-align:center;display:block;margin-bottom:3px}.control-label img{width:50%;display:block;margin:0 auto}.control-range-slider{height:120px;position:relative;margin:0 0 10px}.control-range-slider .control-range-slider-range{height:100%;width:20%;margin:0 auto}.control-range-slider .control-range-slider-range>section:first-child,.control-range-slider .control-range-slider-range>section:last-child,.control-range-slider .control-range-slider-range>section:nth-child(5n+1){background-color:#d3d3d3}.control-range-slider .control-range-slider-range>section:first-child.active,.control-range-slider .control-range-slider-range>section:first-child.high,.control-range-slider .control-range-slider-range>section:first-child.low,.control-range-slider .control-range-slider-range>section:last-child.active,.control-range-slider .control-range-slider-range>section:last-child.high,.control-range-slider .control-range-slider-range>section:last-child.low,.control-range-slider .control-range-slider-range>section:nth-child(5n+1).active,.control-range-slider .control-range-slider-range>section:nth-child(5n+1).high,.control-range-slider .control-range-slider-range>section:nth-child(5n+1).low{background-color:#1d3657}.control-range-slider .control-range-slider-range>section:first-child.selection,.control-range-slider .control-range-slider-range>section:last-child.selection,.control-range-slider .control-range-slider-range>section:nth-child(5n+1).selection{background-color:#3188b8}.control-range-slider .control-range-slider-range>section.blocked{border-left:2px solid #c9485b;border-right:2px solid #c9485b}.control-range-slider .control-range-slider-range>section.low{margin-left:-30%}.control-range-slider .control-range-slider-range>section.selection{background-color:#3ba3db}.control-range-slider .control-range-slider-range>section.active{background-color:#154b69;cursor:ns-resize}.control-range-slider .control-range-slider-range>section.high,.control-range-slider .control-range-slider-range>section.low{background-color:#1d3657;cursor:ns-resize;width:130%}.control-range-slider .control-range-slider-range>section.low.high{margin-left:-30%;width:160%}.control-range-slider.dragging{cursor:ns-resize}.object-search{position:relative;font-weight:400}.object-search .card-tile{margin-top:0}.object-search>ul{list-style-type:none;margin-bottom:0;margin-top:5px;padding-left:5px}.object-search>ul>li{padding:0 0 4px;border:0;display:flex;flex-direction:row}.object-search>ul>li .tooltip-wrapper{flex-grow:1}.object-search>ul>li .btn{height:34px;border:1px solid #000}.object-search>ul>li:last-child{margin-bottom:0}.object-search .object-search-results{background:#fff;border:1px solid gray;max-height:200px;overflow-x:hidden;overflow-y:auto;padding:5px;position:absolute;width:100%;z-index:1000}.object-search .object-search-results>ul{list-style-type:none;margin-bottom:0;padding-left:0}.object-search .object-search-results>ul>li{cursor:pointer}.object-search .object-search-results>ul>li .search-message{color:gray;text-align:center}.object-search .object-search-results>ul>li>.card-tile{cursor:inherit}.object-search .object-search-results>ul .selected .card-tile .card-fade-countbox{background:linear-gradient(65deg,#2a5b67,#2a5b67 calc(100% - 120px),transparent calc(100% - 50px),transparent)}.object-search .object-search-results>ul .selected .card-tile .card-fade-no-countbox{background:linear-gradient(65deg,#2a5b67,#2a5b67 calc(100% - 96px),transparent calc(100% - 26px),transparent)}.object-search .glyphicon-remove{cursor:pointer;color:#d3d3d3;pointer-events:auto}.object-search .glyphicon-remove:hover{color:#c9485b}.class-icon-label-wrapper{display:flex}.class-icon-label-wrapper .class-label{line-height:1.6em;height:1.75em;margin:.15em 0 0 -20px;padding:0 7px 0 22px;border-radius:10px;border-width:1px;border-style:solid}.class-icon-label-wrapper .class-label.all,.class-icon-label-wrapper .class-label.neutral{border-color:#a9a9a9;background:hsla(0,0%,66%,.3)}.class-icon-label-wrapper .class-label.druid{border-color:#ff7d0a;background:rgba(255,125,10,.3)}.class-icon-label-wrapper .class-label.hunter{border-color:#abd472;background:hsla(85,53%,64%,.3)}.class-icon-label-wrapper .class-label.mage{border-color:#69ccf0;background:rgba(105,204,240,.3)}.class-icon-label-wrapper .class-label.paladin{border-color:#f58cba;background:rgba(245,140,186,.3)}.class-icon-label-wrapper .class-label.priest{border-color:#d2d2d2;background:hsla(0,0%,100%,.3)}.class-icon-label-wrapper .class-label.rogue{border-color:#ffd91a;background:rgba(255,240,26,.3)}.class-icon-label-wrapper .class-label.shaman{border-color:#007ade;background:rgba(0,122,222,.3)}.class-icon-label-wrapper .class-label.warlock{border-color:#9482c9;background:rgba(148,130,201,.3)}.class-icon-label-wrapper .class-label.warrior{border-color:#c79c6e;background:hsla(31,44%,61%,.3)}.class-icon-label-wrapper .class-label.deselected{border-color:#a9a9a9;background:hsla(0,0%,66%,.3)}.class-icon-label-wrapper .class-icon{height:2em;width:2em;z-index:10;color:#fff}.class-icon-label-wrapper.deselected img{filter:grayscale(100%)}.class-icon-label-wrapper:focus{outline:none}.class-icon-label-wrapper:focus img{filter:drop-shadow(0 0 2pt white)}[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{height:0}.card-list{padding-left:0}.card-tile{color:#fff;position:relative;text-align:left;cursor:default;margin-top:1px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.card-tile .card-gem{height:100%;float:left;position:relative;background:#315376;border-style:solid;border-color:#000;border-width:1px 0 1px 1px}.card-tile .card-gem .card-cost{position:absolute;font-weight:700;text-align:center;width:100%}.card-tile .card-gem.rarity-common,.card-tile .card-gem.rarity-free{background:#858585}.card-tile .card-gem.rarity-rare{background:#315376}.card-tile .card-gem.rarity-epic{background:#644c82}.card-tile .card-gem.rarity-legendary{background:#855c25}.card-tile.premium .card-gem{background-color:gold}.card-tile .card-frame{position:relative;border:1px solid #000;height:100%;overflow:hidden}.card-tile .card-frame .card-fade-countbox{position:absolute;width:100%;height:100%;background:linear-gradient(65deg,#313109,#313131 calc(100% - 120px),rgba(49,49,49,0) calc(100% - 50px),rgba(49,49,49,0))}.card-tile .card-frame .card-fade-no-countbox{position:absolute;width:100%;height:100%;background:linear-gradient(65deg,#313109,#313131 calc(100% - 96px),rgba(49,49,49,0) calc(100% - 26px),rgba(49,49,49,0))}.card-tile .card-frame .card-name{position:absolute;font-weight:700;left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tile .card-frame .card-asset{position:absolute;height:100%;background-color:#313131}.card-tile .card-countbox{float:right;position:relative;background-color:#313131;border-left:1px solid #000;height:100%}.card-tile .card-countbox .card-legendicon{position:absolute;top:-1px}.card-tile .card-countbox .card-count{position:absolute;width:100%;color:#f4d442;font-weight:700;text-align:center}.card-tile .card-image{position:fixed;z-index:1000}.card-tile.predicted{opacity:.4;filter:grayscale(1)}.card-tile.predicted:hover{filter:grayscale(0)}.card-tile.craftable{opacity:.6}a:focus .card-tile.craftable,a:hover .card-tile.craftable{opacity:.8}a:focus .card-tile,a:hover .card-tile{cursor:pointer}a:focus .card-tile>*,a:hover .card-tile>*{filter:brightness(115%)}a:focus .card-tile .card-image,a:hover .card-tile .card-image{filter:none}.badge-blue{background-color:#1d3657}.badge-red{background-color:#c9485b}.chart.stacked-bar-chart .controls-wrapper{text-align:center;padding-top:5px}.class-filter-wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:5px}.class-filter-wrapper>span{margin:5px 0 0 5px;color:#000;user-select:none}.class-filter-wrapper>span.selected .class-icon{border:2px solid #3188b8;border-radius:50%}.class-filter-wrapper>span.unselected{background-color:#d3d3d3;color:gray}.class-filter-wrapper .class-icon{cursor:pointer}.class-filter-wrapper .class-icon:hover{filter:brightness(115%)}.class-filter-wrapper .disabled{filter:grayscale(100%)}@keyframes animation1{0%{r:20}25%{r:40}50%{r:20}to{r:20}}.loading-indicator .dot{animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease;animation-name:animation1}.loading-indicator .dot.dot-one{animation-delay:0s}.loading-indicator .dot.dot-two{animation-delay:1s}.loading-indicator .dot.dot-three{animation-delay:2s}.deck-detail-container{display:flex}@media (max-width:768px){.deck-detail-container{flex-direction:column}}.deck-detail-container>main{min-height:calc(100vh - 50px);padding-top:10px;width:calc(100% - 300px);display:flex;flex-direction:column}@media (max-width:768px){.deck-detail-container>main{max-width:100%;width:100%}}.deck-detail-container>main>.row{border-bottom:1px solid #e9e9e9}.deck-detail-container>main .chart-wrapper>.info-icon{color:#1d3657;font-size:1em;left:3%;padding:0;position:absolute;right:unset;top:5%}@media (min-width:1336px){.deck-detail-container>main .chart-wrapper>.info-icon{left:calc(50% - 350px)}}.deck-detail-container>main #page-content{flex-grow:1}.deck-detail-container>main #overview .overview-content{display:flex}.deck-detail-container>main #overview>div>div{padding-top:20px}.deck-detail-container>main #overview table{max-width:350px;margin:0 auto;font-weight:700}.deck-detail-container>main #overview .card-list-wrapper{max-width:270px;min-width:200px;margin:0 auto}.deck-detail-container>main #overview .chart-wrapper{max-width:450px}.deck-detail-container>main #overview .mana-curve{padding:50px 0 110px calc(50% - 125px + 17px);border:none}.deck-detail-container>main #overview .mana-curve li{padding:0;border:none;height:75px;width:25px;margin-left:2px}.deck-detail-container>main #overview .mana-curve li>span:before{content:attr(data-count);left:-1px;position:absolute;top:-1.5em;width:100%}.deck-detail-container>main #overview .mana-curve li>span{border-bottom:1px solid #3188b8;font-size:.8em;font-weight:700;text-align:center;transition:height .5s ease-out}.deck-detail-container>main #overview .mana-curve li>span:after{background-image:url("/static/images/mana_crystal.png");background-repeat:no-repeat;background-size:contain;background-position:50%;content:attr(data-cost);filter:brightness(1.1);left:-1px;padding:4px;position:absolute;top:calc(100% + 3px);width:100%;color:hsla(0,0%,100%,.8);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.deck-detail-container>aside .hero-image{margin:25px calc(50% - 125px);width:250px}@media (max-width:768px){.deck-detail-container>aside{max-width:100%;width:100%;padding-bottom:0}}.deck-detail-container>aside .card-list{width:270px;margin:20px auto}.deck-detail-container>aside .copy-deck-wrapper+h2{margin-top:20px}.deck-detail-container>aside .dropdown>button{padding:0 5px}.deck-detail-container>aside .dropdown li{padding:unset}.deck-detail-container>aside .dropdown li.dropdown-header{padding:3px 20px}.deck-detail-container .chart-wrapper{max-width:700px;margin:0 auto}.deck-detail-container .chart-column{padding-left:0;padding-right:0}.deck-detail-container>h3{border-bottom:1px solid #505050}.deck-detail-container .table-wrapper{overflow-x:auto}.deck-detail-container .table-wrapper>table{min-width:1050px}.deck-detail-container #my-statistics table{min-width:1900px}.deck-detail-container .replay-count{display:block;color:gray;font-style:italic;margin:-10px 0 0 5px}.deck-detail-container #message-no-data{padding-top:20px}.deck-detail-container .deck-matchups{margin:20px auto 0;max-width:1000px}.card-table-row>td{line-height:19px;font-weight:700}.card-table-row>td.winrate-cell{white-space:pre}.card-table-row>td.winrate-cell .glyphicon{padding-left:10px;color:#ff4500}.card-detail-container{display:flex}@media (max-width:768px){.card-detail-container{flex-direction:column}}.card-detail-container>main{min-height:calc(100vh - 50px);padding-top:10px;width:calc(100% - 300px);display:flex;flex-direction:column}.card-detail-container>main #page-content{flex-grow:1}.card-detail-container>main>.row{border-bottom:1px solid #e9e9e9}.card-detail-container>main>.row:nth-child(2n){background:#f9f9f9}.card-detail-container>main .card-tables table{max-width:500px;margin:0 auto}.card-detail-container>main h3{text-align:center;margin-top:20px}@media (max-width:768px){.card-detail-container>main{max-width:100%;width:100%}}.card-detail-container>main #class-chart{margin:0 auto;max-width:450px}.card-detail-container>main #turn-stats .premium-wrapper{padding-bottom:2em}.card-detail-container>main #quest-completion{padding-top:2em}.card-detail-container>main .chart-wrapper>.info-icon{color:#1d3657;font-size:1em;left:3%;padding:0;position:absolute;right:unset;top:5%}@media (min-width:1336px){.card-detail-container>main .chart-wrapper>.info-icon{left:calc(50% - 350px)}}.card-detail-container>main .sticky+#content-header{margin-top:10px}.card-detail-container>main #content-header>h1{font-size:2em;font-weight:700;text-align:center}.card-detail-container>main .deck-list{margin:0 0 30px}.card-detail-container>aside .card-image{width:256px}.card-detail-container>aside>p{font-style:italic;margin:0 10px 10px;text-align:center}@media (max-width:768px){.card-detail-container>aside{max-width:100%;width:100%;padding-bottom:0}}.card-detail-container .chart-wrapper{max-width:700px;margin:0 auto}.cards{display:flex}.cards .search-wrapper{display:flex;margin:10px auto;max-width:500px;padding:0 10px}.cards .search-wrapper input{background:transparent;border:0;border-bottom:2px solid #1d3657;border-radius:0;box-shadow:none;padding-left:35px}.cards .search-wrapper .form-group{width:100%;margin-bottom:5px}.cards .search-wrapper .glyphicon-search{right:unset;color:#1d3657}.cards .search-wrapper .glyphicon-remove{cursor:pointer;color:#d3d3d3;pointer-events:auto}.cards .search-wrapper .glyphicon-remove:hover{color:#c9485b}.cards #filter-button{margin:0 5px 15px 0}.cards #cards-infobox ul.filter-list-cost{display:flex;justify-content:center;margin:10px 0}.cards #cards-infobox ul>li.mana-crystal{filter:saturate(0) opacity(.6);height:28px;width:28px;border:0;padding:0}.cards #cards-infobox ul>li.mana-crystal.selected{background:transparent;filter:saturate(1) opacity(1) brightness(1.2)}.cards #cards-infobox ul>li.mana-crystal.selected:before{content:""}.cards #cards-infobox ul>li.mana-crystal>div{color:#fff;font-weight:700;margin-top:-24px;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;white-space:pre}.cards #cards-infobox ul>li.mana-crystal:focus,.cards #cards-infobox ul>li.mana-crystal:hover{filter:brightness(1.3);text-decoration:none;background:transparent}.cards #cards-infobox ul>li.disabled.mana-crystal{filter:saturate(0) opacity(.5)}.cards #cards-infobox ul>li.disabled.selected.mana-crystal{filter:saturate(1) opacity(.5)}.cards .card-list-wrapper{min-height:100vh;padding:10px;width:calc(100% - 300px)}@media (max-width:768px){.cards .card-list-wrapper{width:100%}}.cards .card-list-wrapper #more-button-wrapper{text-align:center}.cards .card-list-wrapper #card-list,.cards .card-list-wrapper .table{padding-top:20px}.cards .card-list-wrapper #card-list{display:flex;flex-wrap:wrap;justify-content:center}.cards .card-list-wrapper #card-list .card-image{outline:none}.cards .card-list-wrapper #card-list .card-image>img{outline:none;height:350px;transition:transform .1s ease-in-out}@media (max-width:992px){.cards .card-list-wrapper #card-list .card-image>img{height:300px}}@media (max-width:450px){.cards .card-list-wrapper #card-list .card-image>img{height:230px}}.cards .card-list-wrapper #card-list .card-image:focus img,.cards .card-list-wrapper #card-list .card-image:hover img{transform:scale(1.05)}.cards .card-list-wrapper #card-list .collection-counts{min-width:50px;border:2px solid #ff0;text-align:center;padding:3px 8px;position:absolute;top:10%;right:7%;background:#23272a;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.23);font-weight:700}.cards .card-list-wrapper #card-list .collection-counts>p{margin:0}.cards .card-list-wrapper #card-list .collection-counts .count-golden{color:#ffb00d}.cards .card-list-wrapper #card-list .collection-card{position:relative}.cards .card-list-wrapper #card-list .collection-card.missing .collection-counts{border-color:red}.cards .card-list-wrapper #card-list .collection-card.missing .card-image{opacity:.5}.cards .card-list-wrapper #card-list .collection-card.complete .collection-counts{border-color:green}.cards .chart-list{width:250px}.cards .table-container{margin-top:0}.cards-container>.ad-unit{margin:0}#collection-container #visibility-setting .form-group{margin:5px}#collection-container .message-container{min-height:90vh;min-width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#collection-container .message-container .promo-button{margin-top:15px}.info-icon{color:#154b69;text-transform:none}.sort-header .info-icon,table .info-icon{margin-left:.3em}.tooltip-wrapper{cursor:help;display:inline;position:relative;text-align:left}.hsreplay-tooltip{background-color:rgba(0,0,0,.95);border-radius:4px;border:1px solid hsla(0,0%,100%,.25);color:#fff;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;margin-top:10px;min-width:250px;max-width:300px;padding:8px;position:fixed;white-space:normal;pointer-events:none;z-index:1000}.hsreplay-tooltip.no-background{background:transparent;border:unset}.hsreplay-tooltip.simple-tooltip{cursor:inherit;min-width:unset}.hsreplay-tooltip h4{font-size:1em;font-weight:700;margin:0 0 .3em}.hsreplay-tooltip p{line-height:1.3em;margin:0;padding:0}.hsreplay-tooltip ol,.hsreplay-tooltip ul{list-style-position:inside;margin:0;padding:0}.hsreplay-tooltip ol li,.hsreplay-tooltip ul li{padding:0;margin:.4em 0 0}.hsreplay-tooltip dl{margin:0}.hsreplay-tooltip dl dt{font-style:italic;font-weight:400;margin-top:.5em}.hsreplay-tooltip dl dt:first-child{margin-top:.7em}.card-icon{background-repeat:no-repeat;border-radius:50%;border:1px solid #000;position:relative;user-select:none}.card-icon>span{font-size:1.3em;font-weight:700;position:absolute;right:-1px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;top:-9px}.card-icon .card-image{position:absolute;z-index:1000}.card-icon.loading{border-color:#ddd;background-color:#ddd}#card-tooltip .card-image-container{position:relative}#card-tooltip .card-image-subtitle{position:absolute;width:100%;left:0;text-align:center;bottom:5%;font-weight:700;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.card-icon-link:active,.card-icon-link:focus{outline:none}.mana-curve{list-style:none;padding-left:0}.mana-curve>li{background:linear-gradient(transparent 60%,rgba(0,0,0,.1));float:left;height:30px;margin-left:1px;position:relative;width:5px}.mana-curve>li>span{background:#3188b8;bottom:0;display:block;left:0;position:absolute;right:0}.deck-list .pagination{margin:20px 0 0}.deck-list .paging-top .pagination{margin:0}.deck-list .header-row{font-weight:700;border-bottom:1px solid #505050;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;white-space:nowrap}.deck-list .header-row>*{user-select:none;outline:none;display:flex;flex-direction:row}.deck-list .header-row>*>span:first-child{text-overflow:clip;overflow:hidden;flex-shrink:1}.deck-list .header-row .header-center{text-align:center;justify-content:center}.deck-list .header-row .header-sortable{cursor:pointer}.deck-list .header-row .header-sortable:focus:not(:active){color:#3ba3db}.deck-list .header-row .info-icon{margin-left:.3em}.deck-list .header-row .no-sort{opacity:0}.deck-list>ul{list-style-type:none;padding-left:0}.deck-list>ul>li{border-bottom:1px solid #505050;line-height:34px;background-position:0 -42px;background-repeat:no-repeat}.deck-list>ul>li>a{background:linear-gradient(90deg,#fbf7f6 1%,hsla(12,38%,97%,.7) 100px,#fbf7f6 256px);display:block;color:#000;outline:none}.deck-list>ul>li>a:focus,.deck-list>ul>li>a:hover{background:linear-gradient(90deg,#fbf7f6 1%,hsla(12,38%,97%,.5) 100px,#f1f2f4 256px);text-decoration:none}.deck-list>ul>li:nth-child(odd)>a{background:linear-gradient(90deg,#fbf7f6 1%,hsla(0,0%,100%,.7) 100px,#f9f9f9 256px)}.deck-list>ul>li:nth-child(odd)>a:focus,.deck-list>ul>li:nth-child(odd)>a:hover{background:linear-gradient(90deg,#fbf7f6 1%,hsla(0,0%,100%,.5) 100px,#f1f2f4 256px)}.deck-list>ul>li.deck-list-banner{height:60px;background-color:#333;background-size:cover;background-position:50%;overflow:hidden}.deck-list>ul>li.deck-list-banner>a,.deck-list>ul>li.deck-list-banner>div{height:100%;display:flex;align-items:center;background:none!important;color:#fff;cursor:pointer}.deck-list>ul>li.deck-list-banner>a img,.deck-list>ul>li.deck-list-banner>div img{height:70%;margin-left:20px}.deck-list>ul>li.deck-list-banner>a>span,.deck-list>ul>li.deck-list-banner>div>span{display:inline-block;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:1.5em;font-weight:700;padding-bottom:.05em;padding-left:1.5em}@media (max-width:768px){.deck-list>ul>li.deck-list-banner>a>span,.deck-list>ul>li.deck-list-banner>div>span{font-size:1.2em}}.deck-list>ul>li.deck-list-banner>a:focus,.deck-list>ul>li.deck-list-banner>div:focus{outline:none;color:#3ba3db}.deck-list>ul>li.deck-list-banner>button{background-color:transparent;border:none;height:100%;width:1em;font-size:2.5em;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;position:relative}.deck-list>ul>li.deck-list-banner>button span{position:absolute;line-height:.5em;top:.2em;right:.2em}.deck-list>ul>li.deck-list-banner>button:active{outline:none}.deck-list>ul>li.deck-list-banner>button:focus{outline:none;color:#3188b8}.deck-tile{height:85px;display:flex;padding-top:10px;overflow:hidden}.deck-tile>div{font-weight:700}.deck-tile>div>span{display:block}.deck-tile>div .deck-name{background-size:contain;background-repeat:no-repeat;line-height:34px;padding-left:40px;margin:5px 0 0 5px;white-space:pre;text-align:left;font-size:1em;font-weight:700}.deck-tile>div .dust-cost,.deck-tile>div .last-played,.deck-tile>div .live-now{line-height:20px;white-space:nowrap;display:inline-block;margin-right:.8em;text-shadow:#fff 0 0 2px}.deck-tile>div .dust-cost,.deck-tile>div .last-played{opacity:.6}.deck-tile>div .live-now{opacity:.8;font-weight:700}.deck-tile>div .dust-cost.deck-buildable{color:#0c7500;opacity:.9}.deck-tile>div a.live-now{transition:opacity .3s;position:relative;z-index:1}.deck-tile>div a.live-now:active,.deck-tile>div a.live-now:focus,.deck-tile>div a.live-now:hover{opacity:1;color:#6441a4;text-decoration:none}.deck-tile>div .dust-cost{background-size:contain;background-repeat:no-repeat;padding-left:16px}.deck-tile>div>small{display:block;font-size:.9em;margin-left:40px;white-space:nowrap}.deck-tile>div>small>*{vertical-align:top}.deck-tile>div .duration,.deck-tile>div .game-count,.deck-tile>div .win-rate{text-align:center;margin-top:15px}.deck-tile .card-list{display:flex;list-style-type:none;margin-right:20px}.deck-tile .card-list>li{float:left;min-width:15px;position:relative}.deck-tile .card-list>li.unchanged{display:none}.deck-tile .card-list>li.added .card-icon{border:2px solid lime}.deck-tile .card-list>li.reduced .card-icon{border:2px solid red}.deck-tile .card-list>li.removed .card-icon:before{color:red;content:"\2715";font-size:32px;left:2px;position:absolute;text-align:center;top:-10px}.deck-tile .card-list>li.removed .card-icon{border:2px solid red}.deck-tile .card-list>li .card-icon{float:left;line-height:50px;margin:15px 3px 0 7px}.deck-tile .card-list>li .card-icon.craftable{opacity:.3}.deck-tile .card-list .unchanged:hover{filter:grayscale(0);z-index:999}.deck-tile .card-list .card-list-separator{width:1px;min-width:1px;height:65px;background-color:#000;margin:0 0 0 calc(-6% + 52px)}.deck-tile .mana-curve{width:48px;padding-top:15px;margin:0 auto}.deck-tile .duration{font-size:.9em;white-space:nowrap}.deck-tile .duration .glyphicon{top:2px}.deck-tile:hover .card-list>li .card-icon.craftable{opacity:.7}.hdt-button{cursor:pointer;font-weight:700;text-align:center}.hdt-button .tooltip-wrapper{cursor:inherit}.hdt-button .tooltip-wrapper li,.hdt-button .tooltip-wrapper li:first-child{border:none}.hdt-button span{background-image:url("/static/images/hdt_icon.png");background-position:100%;background-repeat:no-repeat;background-size:contain;color:#fff;padding:5px 35px 5px 0}.hdt-button.highlight span:before{content:"\2714   ";color:#32cd32}.hdt-button.disabled span{color:#505050}.copy-deck-button{font-weight:700}.copy-deck-button .success{color:green}.copy-deck-button.disabled{color:#505050}.copy-deck-button-simple{padding:5px;border:1px solid #fff;margin:5px;cursor:pointer}.copy-deck-button-simple:hover{background:#314b6d}.card-list+.copy-deck-wrapper{padding:1em 0 .5em}.hero-image+.copy-deck-wrapper{padding:0 0 1em}.table-wrapper{overflow-x:auto}.table-wrapper>table{min-width:1000px}.table-sortable td{font-weight:700}.table-sortable .no-sort{visibility:hidden}.table-sortable .help-row td{font-weight:400;text-align:center;color:#737373}.table-sortable .help-row .btn{margin-left:.5em}.sort-header{outline:none;cursor:pointer;user-select:none}.sort-header:focus:not(:active){color:#3ba3db}.table>tbody>tr>td.card-cell{padding-top:0;padding-bottom:0}.table>tbody>tr>td.card-cell .card-tile{min-width:150px;max-width:217px}.sort-indicator{position:relative;display:inline-block;width:.9em;margin:0 .2em 0 .1em;text-align:center}.sort-indicator .active{color:#c9485b}.sort-indicator>span{position:relative;transform:scaleX(.6);width:.4em;top:3px}.sort-indicator>span:last-child{top:1px;left:1px}.sort-indicator.primary>span:not(.active){display:none}.sort-indicator.primary>span.active{font-size:1.4em;line-height:0;top:5px;left:-1px}.opponent-filter-wrapper{margin:0 auto;max-width:400px;text-align:center}.opponent-filter-wrapper .class-icon{height:2.3em;width:2.3em}.opponent-filter-wrapper .premium-wrapper{padding:0 5px 5px}.message-wrapper{padding-top:100px;text-align:center}.message-wrapper p{font-size:1.2em}.chart-message-wrapper{padding-top:7vw;position:absolute;text-align:center;top:0;width:100%}.pagination>li.active>a,.pagination>li.active>a:focus,.pagination>li.active>a:hover{color:#fff;background-color:#3ba3db;border-color:#3ba3db}.pagination>li>a,.pagination>li>span{margin-left:6px;margin-right:6px;text-align:center;background-color:#f9f9f9}.pagination>li>a.fixed-width,.pagination>li>span.fixed-width{width:45px;padding-left:0;padding-right:0}.pagination>li>a .space-right,.pagination>li>span .space-right{margin-right:5px}.pagination>li>a .space-left,.pagination>li>span .space-left{margin-left:5px}.pagination>li:first-child>a,.pagination>li:first-child>span{border-radius:0;margin-left:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:0;margin-right:0}.pagination>li>a{color:#000;border-color:#000}.pagination>li>a:focus,.pagination>li>a:hover{color:#fff;border-color:#3188b8;background-color:#3188b8}.pagination>li>span.transparent-background{color:#000;cursor:default}.pagination>li>span.transparent-background,.pagination>li>span.transparent-background:hover{color:#000;background-color:transparent;border:none}.player-class{background-repeat:no-repeat;background-size:contain;padding:5px 0 5px 35px}.player-class.druid{background-image:url(/static/images/64x/class-icons/druid.png)}.player-class.hunter{background-image:url(/static/images/64x/class-icons/hunter.png)}.player-class.mage{background-image:url(/static/images/64x/class-icons/mage.png)}.player-class.paladin{background-image:url(/static/images/64x/class-icons/paladin.png)}.player-class.priest{background-image:url(/static/images/64x/class-icons/priest.png)}.player-class.rogue{background-image:url(/static/images/64x/class-icons/rogue.png)}.player-class.shaman{background-image:url(/static/images/64x/class-icons/shaman.png)}.player-class.warlock{background-image:url(/static/images/64x/class-icons/warlock.png)}.player-class.warrior{background-image:url(/static/images/64x/class-icons/warrior.png)}.player-class--space-around{margin:0 .4em}.class-matchup{padding:15px}.class-matchup .class-matchup-header{background:#1d3657;color:#fff;font-weight:700;padding-right:5px}.class-matchup .class-matchup-header .player-class{margin-left:-5px}.class-matchup .class-matchup-archetype{border-bottom:1px solid #d3d3d3;color:#000;display:block;padding:5px 5px 0}.class-matchup .class-matchup-archetype:active,.class-matchup .class-matchup-archetype:hover{text-decoration:unset;background:#f1f2f4}.class-matchup .class-matchup-archetype:visited{color:#000}.box{border:1px solid #000;cursor:pointer;display:flex;flex-direction:column;height:250px;margin-bottom:20px;text-align:center}.box,.box:active,.box:hover,.box:link{color:#000;text-decoration:none}.box:hover{background:#f1f2f4}.box .box-title{text-transform:uppercase;font-size:1.3em;text-align:center;border-bottom:1px solid #000;background:#1d3657;color:#fff;padding:5px 0}.box .box-content{display:flex;justify-content:center;flex-direction:column;flex-grow:1}.box .box-content>h2,.box .box-content>h3{margin-top:0}.box .box-chart{height:50px}.box .box-data{font-size:1.5em}.box .box-data .winrate{font-weight:700;padding-right:10px}.box .stats-table{font-size:1.5em;display:flex;justify-content:center;padding-top:15px}.box .stats-table th{padding-right:10px}.box.matchup-box .player-class{padding-left:50px;font-size:1.8em}.box.deck-box .tech-cards{margin:0 25px;display:flex;justify-content:space-around}.box.rank-box .rank-icon{width:100px;height:100px;margin:0 auto}.box.class-box .box-title{text-transform:none;text-align:left;padding:1px 1px 2px;z-index:1;font-size:1.2em;font-weight:700}.box.class-box .box-title .player-class{margin-left:-12px;padding:7px 0 7px 45px}.class-box-container{padding:10px;display:flex;flex-wrap:wrap;justify-content:center}@media (max-width:500px){.class-box-container{padding:10px 15px}}.class-box-container .table-container{margin:1px}.class-box-container .class-box{height:auto;cursor:unset;flex-basis:calc(33% - 20px);margin:10px;min-width:450px;flex-grow:1}@media (max-width:500px){.class-box-container .class-box{min-width:100%}}.class-box-container .class-box:hover{background:unset}.class-box-container .box-content{justify-content:unset}.class-box-container .table-row-header{line-height:36px;overflow:hidden;padding:0 4px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.class-box-container .table-row-header a{color:#000}.class-box-container .row{padding-top:20px;display:flex;flex-direction:row}.class-box-container .col{flex:1 100%}.rank-range-filter-ranks>.infobox-filter-group li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 0 0 1em}.rank-range-filter-ranks>.infobox-filter-group li>span{padding:.5em 0}.rank-range-filter-ranks>.infobox-filter-group li button{border-right:1px solid #000}.rank-range-filter-ranks>.infobox-filter-group li button:first-child{border-left:1px solid #000}.loading-spinner{display:block;position:relative;width:64px;height:64px;margin:0 auto}.loading-spinner.small{transform:scale(.5)}@keyframes scale{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}.loading-spinner div{position:absolute;width:5px;height:5px;background:#1d3657;border-radius:50%;animation:scale 1.2s linear infinite}.loading-spinner div:first-child{animation-delay:0s;top:29px;left:53px}.loading-spinner div:nth-child(2){animation-delay:-.1s;top:18px;left:50px}.loading-spinner div:nth-child(3){animation-delay:-.2s;top:9px;left:41px}.loading-spinner div:nth-child(4){animation-delay:-.3s;top:6px;left:29px}.loading-spinner div:nth-child(5){animation-delay:-.4s;top:9px;left:18px}.loading-spinner div:nth-child(6){animation-delay:-.5s;top:18px;left:9px}.loading-spinner div:nth-child(7){animation-delay:-.6s;top:29px;left:6px}.loading-spinner div:nth-child(8){animation-delay:-.7s;top:41px;left:9px}.loading-spinner div:nth-child(9){animation-delay:-.8s;top:50px;left:18px}.loading-spinner div:nth-child(10){animation-delay:-.9s;top:53px;left:29px}.loading-spinner div:nth-child(11){animation-delay:-1s;top:50px;left:41px}.loading-spinner div:nth-child(12){animation-delay:-1.1s;top:41px;left:50px}.tab-list{display:flex;flex-direction:column}.content-tabs{padding:0 5px;border-bottom:1px solid #1d3657}.content-tabs>li>a{background:#1d3657;border-radius:0;color:#fff;font-weight:700;margin-right:5px;margin-top:2px}.content-tabs>li>a .text-premium{color:#ffb00d}.content-tabs>li>a:focus,.content-tabs>li>a:hover{background:#1d3657;border-color:transparent;color:#3188b8}.content-tabs>li>a:focus .text-premium,.content-tabs>li>a:hover .text-premium{color:#d89300}.content-tabs>li.active>a,.content-tabs>li.active>a:focus,.content-tabs>li.active>a:hover{background:#fbf7f6;border:1px solid #1d3657;border-bottom-color:transparent;color:#000}.content-tabs>li.active>a .text-premium,.content-tabs>li.active>a:focus .text-premium,.content-tabs>li.active>a:hover .text-premium{color:#d89300}.content-tabs>li.disabled>a{color:#777}.content-tabs>li.disabled>a .text-premium{color:inherit}.content-tabs>li.disabled>a:focus,.content-tabs>li.disabled>a:hover{background-color:#1d3657}.content-tabs>li.highlight:not(.active)>a{background:#3188b8;border:1px solid #1d3657}.content-tabs>li.highlight:not(.active)>a:hover{color:#000}.table-container{margin:10px;font-weight:700}.table-container a.table-cell,.table-container a.table-row-header{color:#000;text-decoration:none}.table-container .table-cell,.table-container .table-row-header{border-bottom:1px solid #d3d3d3}.table-container .table-cell{border-left:1px solid #d3d3d3;text-align:center}.table-container .table-cell-annotation{margin-left:5px;display:inline}.table-container .table-column-header{border-bottom:1px solid gray}.table-container .table-grid{outline:none;overflow-y:hidden!important}.table-container .table-header{overflow-x:hidden!important}.table-container .info-row{border-bottom:1px solid #d3d3d3;background-color:#fff;color:#000;font-weight:400;height:50px;line-height:50px}.table-container .table-row-highlighter{pointer-events:none;background:rgba(49,136,184,.1);z-index:1}.animated-list{overflow:hidden;position:relative}.animated-list-item{position:absolute;display:flex;justify-content:center;width:100%;transition:top .7s ease-in-out;padding:1px 0}.archetype-signature h3{background:#1d3657;color:#fff;font-size:16px;margin-bottom:0;padding:7px 0;text-align:center;text-transform:uppercase}.rank-picker{display:flex;flex-wrap:wrap;user-select:none}.rank-picker .rank-selector{border:0;border-bottom:1px solid #0c223e;cursor:pointer;display:block;filter:grayscale(.9);position:relative;width:18%;background:transparent;padding:0}.rank-picker .rank-selector.rank-selector-legend{width:90%}.rank-picker .rank-selector>img{display:block;height:100%;margin:0 auto;max-height:45px;max-width:45px;width:100%}.rank-picker .rank-selector>span{font-size:15px;font-weight:700;left:0;line-height:45px;position:absolute;text-align:center;top:0;width:100%;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.rank-picker .rank-selector:focus,.rank-picker .rank-selector:hover{background:#314b6d;filter:grayscale(0);outline:none}.rank-picker .rank-selector.selected{background:#2a5b67;filter:grayscale(0)}.rank-picker .rank-selector.selected:focus,.rank-picker .rank-selector.selected:hover{background:#47747f;outline:none}.rank-picker .row-selector{align-items:center;border:0;border-bottom:1px solid #0c223e;cursor:pointer;display:flex;font-size:12px;text-align:center;width:10%;background:transparent;padding:0}.rank-picker .row-selector .glyphicon{text-align:center;width:100%}.rank-picker .row-selector:focus,.rank-picker .row-selector:hover{background:#314b6d;outline:none}.rank-picker .row-selector.selected{background:#2a5b67}.rank-picker .row-selector.selected:focus,.rank-picker .row-selector.selected:hover{background:#47747f;outline:none}.rank-picker .row-selector.only{color:gray}.rank-picker .row-selector.only:focus,.rank-picker .row-selector.only:hover{background:#2a5b67;outline:none}.stream-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;list-style-type:none;padding-left:0;margin-top:10px}.stream-list>li{flex:1;min-width:300px;max-width:400px;margin:10px}.stream-thumbnail{display:inline-block;width:100%}.stream-thumbnail>figure{overflow:hidden;width:100%;position:relative}.stream-thumbnail>figure>img{display:block;height:auto;width:100%}.stream-thumbnail>figure>figcaption{color:#000;justify-content:space-between;white-space:nowrap;width:100%;margin-top:.25em}.stream-thumbnail>figure>figcaption,.stream-thumbnail>figure>figcaption *{overflow:hidden;text-overflow:ellipsis}.stream-thumbnail>figure>figcaption strong{display:block;width:100%}.stream-thumbnail>figure>figcaption span{float:right}.stream-thumbnail>figure>aside{position:absolute;bottom:3.5em;right:0}.stream-thumbnail:hover{text-decoration:none}.stream-thumbnail:hover>figure>figcaption strong{text-decoration:underline}.stream-thumbnail:hover>figure>img{filter:brightness(65%)}.stream-thumbnail:hover .stream-thumbnail-default-image{color:#787878}.stream-thumbnail-default-image{position:relative;width:100%;color:#bfbfbf;background-color:#e1e1e1;font-size:3em;border:1px solid #bfbfbf}.stream-thumbnail-default-image>*{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.error-reporter{margin:4rem 0;font-size:2rem}.error-reporter h1{font-size:3.5rem;font-weight:400}.error-reporter pre{font-size:2rem}.rank-icon-standalone{display:flex;flex-grow:0;position:relative;align-items:center;justify-content:center;width:100px;height:100px;overflow:hidden;margin:-10px}.rank-icon-standalone img{position:absolute;width:100%;height:100%;left:0}.rank-icon-standalone figcaption{position:absolute;text-align:center;width:100%;left:0;font-size:1.8em;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000}.dust-filter{padding:10px;display:flex;position:relative}.dust-filter .dust-preset{height:34px;opacity:.3;margin-right:10px;cursor:pointer}.dust-filter .dust-preset:hover{opacity:.8}.dust-filter .dust-preset.active,.dust-filter .dust-preset.active:hover{opacity:1}.dust-filter input{min-width:0}.account-dropdown{max-width:25em}.account-dropdown>li>a{overflow:hidden;text-overflow:ellipsis}ol.list-ltr,ul.list-ltr{display:grid;grid-auto-flow:row}ol.list-ltr.list-ltr-2,ul.list-ltr.list-ltr-2{grid-template-columns:auto auto;grid-column-gap:40px}@media (max-width:991px){ol.list-ltr.list-ltr-2,ul.list-ltr.list-ltr-2{grid-template-columns:auto}}.list-group-no-margin{margin:0}.progress-indicator{display:flex;flex-direction:row;align-items:center}.progress-indicator .progress-indicator-step{display:block;height:14px;width:14px;border-radius:50%}.progress-indicator .progress-indicator-join{flex-grow:1;height:6px;margin:0 -1px}.progress-indicator>*{background-color:#aaa;z-index:0}.progress-indicator>.active{background-color:#c9485b;z-index:1}.progress-indicator>.active.current{background-color:#aaa;z-index:1;border:3px solid #c9485b}.progress-indicator>.active.current:last-child{background-color:#c9485b}.slot-machine{display:block;overflow:hidden;height:1.45em}.slot-machine>ul{position:relative;padding-left:0;margin-bottom:0;transition:top .6s ease-in-out;height:100%}.slot-machine>ul>li{list-style-type:none;white-space:nowrap;height:100%}.carousel{width:100%;overflow:hidden}.carousel .carousel-window{position:relative;white-space:nowrap;height:100%;width:100%;transition:left .5s ease-in-out .3s}.carousel .carousel-panel{display:inline-block;white-space:normal;position:relative;height:100%;width:100%}.panel-card{padding:5px;display:flex;flex-direction:column}.panel-card .panel-header{width:calc(100% + 2px);margin:0 -1px;font-size:1.3em;padding:8px;font-variant:small-caps;font-weight:700;border-radius:1px;z-index:1;font-family:Montserrat,sans-serif;white-space:nowrap;text-overflow:ellipsis}.panel-card .panel-header .btn{border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.3);color:#fff;overflow:hidden;text-overflow:ellipsis}.panel-card .panel-header .btn.active{background:hsla(0,0%,100%,.4);text-decoration:underline;font-weight:700}.panel-card .panel-header .btn:hover{background:hsla(0,0%,100%,.5)}.panel-card .panel-header .btn:hover.active{background:hsla(0,0%,100%,.4)}.panel-card .panel-header span+.btn{margin-left:4px}.panel-card .panel-content{flex:1 1 auto;border-radius:0 0 3px 3px;overflow:hidden}.panel-card .panel-content.no-header{border-radius:3px}.panel-card .panel-content,.panel-card .panel-header{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.panel-card.panel-theme-light{color:#000}.panel-card.panel-theme-light .panel-content{background:#fbf7f6}.panel-card.panel-theme-dark{color:#fff}.panel-card.panel-theme-dark .panel-content{background:#23272a}.panel-card.panel-theme-dark .loading-spinner div{background:#fff}.panel-card.panel-accent-blue .panel-header{background:#1d3657;color:#fff}.panel-card.panel-accent-blue .panel-content{border:1px solid #1d3657}.panel-card.panel-accent-red .panel-header{background:#c9485b;color:#fff}.panel-card.panel-accent-red .panel-content{border:1px solid #c9485b}.panel-card.panel-accent-premium .panel-header{background:#ffb00d;color:#000}.panel-card.panel-accent-premium .panel-header .btn{color:#000}.panel-card.panel-accent-premium .panel-content{border:1px solid #ffb00d}.card-fade-container{position:relative;width:100%;height:100%;overflow:hidden}.card-fade-container .card-art{flex:1 1 0;height:100%;width:100%;background-position-x:center;background-position-y:center;position:absolute}.card-fade-container .card-art.flipped{transform:scaleX(-1)}.card-fade-container .card-art:first-of-type{left:-25%}.card-fade-container .card-art:nth-of-type(2){right:-25%;-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(15%,transparent),color-stop(35%,#000),color-stop(100%,#000))}.card-fade-container .card-art:nth-of-type(2).flipped{-webkit-mask-image:-webkit-gradient(linear,right top,left top,color-stop(0,transparent),color-stop(15%,transparent),color-stop(35%,#000),color-stop(100%,#000))}.card-fade-container .fade{height:70px}.video-container{width:100%;max-height:400px}.video-container>video,.video-container img{border:1px solid #1d3657;max-width:100%;max-height:400px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);opacity:1;transition:opacity .5s linear;display:block;margin:0 auto}.video-container :nth-child(2){width:0;height:0;border:none;opacity:.5}.optional-select{display:inline;position:relative;color:#222}.optional-select select{border:1px solid gray;padding:.6em 1.75em .6em 1em;background-color:#fff;font-weight:700;appearance:none;-moz-appearance:none;-webkit-appearance:none}.optional-select select>option{padding:0;font-weight:700;border-bottom:1px solid #0c223e}.optional-select select>option:last-child{border-bottom:none}.optional-select select:active{color:#000}.optional-select select:not(:disabled){pointer:cursor}.optional-select>.caret{position:absolute;right:.8em;top:50%;transform:translateY(-50%)}.optional-select.active{color:#fff}.optional-select.active select{border-color:#1d3657;background-color:#1d3657}.optional-select.active select>option{color:#fff;background-color:#1d3657}.optional-select.active select:active,.optional-select.active select:focus:active{color:#fff}.twitch-vod-container{display:flex;flex-direction:row}@media (max-width:768px){.twitch-vod-container{flex-direction:column;border-left:0}}.twitch-vod-container .twitch-vod-table>ul{padding-left:0}.twitch-vod-container .twitch-vod-table>ul>li{padding:9px 15px;cursor:pointer;list-style-type:none;border:1px solid rgba(0,0,0,.1);border-radius:1px;margin:5px;background-color:#fff}.twitch-vod-container .twitch-vod-table>ul>li:focus,.twitch-vod-container .twitch-vod-table>ul>li:hover{background-color:#eee}.twitch-vod-container .twitch-vod-table>ul>li.active{background-color:#ddd}.twitch-vod-container .twitch-vod-table>ul>li p{width:100%;margin:4px 0;padding:0}.twitch-vod-container .twitch-vod-table>ul>li.won{border-left:3px solid green}.twitch-vod-container .twitch-vod-table>ul>li.won .twitch-vod-table-outcome .glyphicon{color:green}.twitch-vod-container .twitch-vod-table>ul>li.lost{border-left:3px solid red}.twitch-vod-container .twitch-vod-table>ul>li.lost .twitch-vod-table-outcome .glyphicon{color:red}.twitch-vod-container .twitch-vod-table>ul>li .rank-icon,.twitch-vod-container .twitch-vod-table>ul>li .twitch-vod-table-inline-icon{height:1.2em;width:1.2em}.twitch-vod-container .twitch-vod-table>ul>li .twitch-vod-table-outcome .glyphicon{font-weight:400}.twitch-vod-container .twitch-vod-table>ul>li .opposing-archetype{font-weight:700;color:#000}.twitch-vod-container .twitch-vod-table>ul>li .opposing-archetype:active,.twitch-vod-container .twitch-vod-table>ul>li .opposing-archetype:hover{color:#000}.twitch-vod-container .twitch-vod-table>ul>li .vs-icon{width:16px;height:16px;margin:0 10px}.twitch-vod-container .twitch-vod-table .twitch-vod-table-filterables{margin:5px 10px 0;display:flex;flex-wrap:wrap;justify-content:center}.twitch-vod-container .twitch-vod-table .twitch-vod-table-filterables>.optional-select{margin:5px .3em 0}.twitch-vod-container .twitch-vod-table .twitch-vod-table-filterables>.optional-select:first-child{margin-left:0}.twitch-vod-container .twitch-vod-table .twitch-vod-table-filterables>.optional-select:last-child{margin-right:0}.twitch-vod-container .twitch-vod-table .twitch-vod-table-sortables{margin:0 10px;display:flex;flex-direction:row;justify-content:space-between}.twitch-vod-container .twitch-vod-table .twitch-vod-table-sortables .twitch-vod-table-sortable{display:inline-block;cursor:pointer;flex-grow:1;padding:.5em;margin:.5em 0 0}.twitch-vod-container .twitch-vod-table .twitch-vod-table-sortables .twitch-vod-table-sortable:first-child{padding-left:1px}.twitch-vod-container .twitch-vod-table .twitch-vod-table-sortables .twitch-vod-table-sortable:last-child{padding-right:0}.twitch-vod-container .twitch-vod-table .twitch-vod-table-reset-section{margin-top:4em}.twitch-vod-container .twitch-vod-table .twitch-vod-table-reset-section .btn{font-weight:700}.twitch-vod-container .twitch-vod-table nav{display:flex;justify-content:center}.twitch-vod-container .twitch-vod-table nav .pagination{margin:0 0 10px}.twitch-vod-container .twitch-vod-main{flex-grow:1;padding:10px}.twitch-vod-container .twitch-iframe-container{margin:0 auto;max-width:900px;max-height:550px;display:flex;justify-content:center;align-items:center}.twitch-vod-container .vod-ad-container{margin-top:10px;display:flex;justify-content:center}.twitch-vod-container iframe{background:#000}.twitch-vod-container .pick-a-vod{font-size:1.25em}.twitch-vod-container .table-container{max-width:1200px;margin:0 auto}.twitch-vod-container .table-container .table-cell,.twitch-vod-container .table-container .table-row-header{cursor:pointer}.twitch-vod-container .table-container .table-row-header{line-height:36px}.twitch-vod-container .table-container .table-cell{color:#000}.twitch-vod-container .stream-info{display:flex;flex-direction:column;text-align:right;float:right}.twitch-vod-container time{color:#505050;float:right}.twitch-vod-container .twitch-channel-name a.text-twitch,.twitch-vod-container .twitch-channel-name a.text-twitch:active,.twitch-vod-container .twitch-channel-name a.text-twitch:hover{color:#6441a4}.twitch-vod-container .twitch-vod-channel-name{font-weight:700;margin-left:5px}.twitch-vod-container .twitch-vod-channel-name>img{margin-top:-.15em}.twitch-vod-container .twitch-vod-table-matchup{display:flex;flex-direction:row;align-items:center}.twitch-vod-container .twitch-vod-table-matchup .class-icon{width:28px;height:28px;border-radius:50%;border:1px solid #555;margin-right:6px}.twitch-vod-container .twitch-vod-table-matchup .rank-icon-standalone{height:38px;width:38px;margin:-4px}.twitch-vod-container .twitch-vod-table-matchup .rank-icon-standalone>figcaption{font-size:1em}#site-mobile-promo{position:fixed;bottom:5px;z-index:100;width:98%;display:flex;left:1%}#site-mobile-promo .panel-card{margin:0 auto;width:450px;max-width:100%}#site-mobile-promo .panel-header{height:48px;line-height:48px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.2);border-bottom:none}#site-mobile-promo .panel-content{display:flex;flex-direction:column;padding:15px;text-align:center}#site-mobile-promo .panel-content h2{margin:10px 0 25px;font-weight:400;font-size:1.5em}#site-mobile-promo .mobile-promo-close{position:absolute;top:7px;right:7px;color:#fff;padding:0;background:none}#site-mobile-promo .mobile-promo-close:active,#site-mobile-promo .mobile-promo-close:hover{background:none;color:#fff;text-decoration:none}#site-mobile-promo .mobile-promo-close .glyphicon{width:32px;line-height:32px}#site-mobile-promo .promo-button{margin:0 auto}.download-button{width:350px;max-width:100%;padding:10px 10px 0;margin:10px 10px 0;text-transform:none}.download-button .fa{margin-right:8px}.download-button h3{margin:0;font-size:2em;font-weight:700}.download-button p{margin:0}.decks{display:flex}.decks .deck-list-wrapper{min-height:1180px;padding:10px 20px 30px;width:calc(100% - 300px)}@media (max-width:991px){.decks .deck-list-wrapper{margin-left:0;width:100%}}.decks .deck-list-wrapper .content-message{padding:50px 0;text-align:center}.decks .deck-list-wrapper .global-data-wrapper{bottom:6px;color:gray;height:20px;left:5px;position:absolute}.decks .deck-list-wrapper .info-row{border-bottom:1px solid #737373;background-color:#f9f9f9;height:50px;line-height:50px}.decks .deck-list-wrapper .ad-container:first-child{margin-top:0}.decks .deck-list{margin-top:10px;margin-bottom:25px}.decks #min-games-message{color:#737373;padding:0}.decks #min-games-switch{text-decoration:underline}.infobox{background-color:#1d3657;border-top:1px solid #0c223e;color:#fff;max-width:300px;padding-bottom:50px;display:inline-block;flex-grow:1}.infobox a.infobox-value,.infobox a:active.infobox-value,.infobox a:hover.infobox-value{cursor:pointer}.infobox a:active:not(.btn),.infobox a:hover:not(.btn),.infobox a:not(.btn){color:#3ba3db}.infobox ul{list-style-type:none;padding:0;margin:0}.infobox ul ul{margin-top:.5em}.infobox h1{padding:1em 0;font-size:1.2em;text-align:center;text-transform:uppercase;font-weight:400;margin-bottom:0}.infobox h1.art{padding:0}.infobox h2{background-color:#0c223e;color:#3ba3db;font-size:1em;margin:0;padding:.5em;text-transform:uppercase}.infobox h2:last-child{padding-bottom:.5em}.infobox h2 a,.infobox h2 a:active,.infobox h2 a:hover{color:inherit}.infobox h2.collapsible{cursor:pointer}.infobox h2.collapsible .glyphicon{padding-right:5px}.infobox h2 .info-icon{color:inherit;font-size:1.1em}.infobox h2:focus,.infobox h2:hover{outline:none}.infobox h2:focus.collapsible,.infobox h2:hover.collapsible{background-color:#314b6d}.infobox .premium-wrapper h2{padding-left:30px;color:#ffb00d}.infobox .text-premium{color:#ffb00d}.infobox li{border-bottom:1px solid #0c223e;padding:.5em 1em}.infobox li:first-child{border-top:1px solid #0c223e}.infobox li.selectable{cursor:pointer;user-select:none;list-style-type:none}.infobox li.selectable.selected{font-weight:700;color:#fff;background:#2a5b67}.infobox li.selectable.disabled{color:gray}.infobox li.selectable.selected:not(.no-deselect):before{content:"\D7   ";color:#e9e9e9}.infobox li.expandable{cursor:pointer;user-select:none}.infobox li.expandable:before{content:"\203A   ";font-weight:700}.infobox li.expanded:before{content:"\2039   "}.infobox li.disabled{color:gray;cursor:not-allowed}.infobox li ul>li:first-of-type{border-top:1px solid #0c223e}.infobox li ul>li:last-of-type{padding-bottom:0;border-bottom:0}.infobox li:active,.infobox li:focus,.infobox li:hover{outline:none}.infobox li:active.selectable,.infobox li:focus.selectable,.infobox li:hover.selectable{background:#314b6d}.infobox li:active.selectable .infobox-value,.infobox li:active.selectable li.selected .infobox-value,.infobox li:focus.selectable .infobox-value,.infobox li:focus.selectable li.selected .infobox-value,.infobox li:hover.selectable .infobox-value,.infobox li:hover.selectable li.selected .infobox-value{color:#fff}.infobox li:active.selectable .infobox-value.disabled,.infobox li:active.selectable li.selected .infobox-value.disabled,.infobox li:focus.selectable .infobox-value.disabled,.infobox li:focus.selectable li.selected .infobox-value.disabled,.infobox li:hover.selectable .infobox-value.disabled,.infobox li:hover.selectable li.selected .infobox-value.disabled{color:gray}.infobox li:active.selected,.infobox li:focus.selected,.infobox li:hover.selected{background:#47747f}.infobox li:active.selected:not(.no-deselect):before,.infobox li:focus.selected:not(.no-deselect):before,.infobox li:hover.selected:not(.no-deselect):before{color:#c9485b}.infobox .infobox-show-deck{float:right}.infobox .infobox-value{color:#3ba3db;font-weight:700;float:right}.infobox .infobox-value p{margin:0}.infobox input,.infobox select{color:#000;font-weight:400}.infobox .class-filter-wrapper{padding:10px 40px;margin:0}.infobox .class-filter-wrapper .class-icon{height:2.3em;width:2.3em}.infobox .archetype-filter-wrapper{max-height:20em;overflow-y:auto}.infobox .search-wrapper{padding:10px}@media (max-width:992px){.infobox.full-sm{max-width:100%}}@media (max-width:768px){.infobox.full-xs{max-width:100%}}.infobox .reset-header.btn{border:0;display:block;line-height:1.1em;margin:0}.infobox img.statistics-banner{text-align:center;margin:8px 0 10px 10px;border:1px solid #fff;width:277px;box-sizing:content-box;margin-top:10px}.infobox p{margin:4px 8px}.infobox a.promo-button{color:#fff}.infobox a.promo-button:hover{color:#c9485b}.infobox .object-search-results{width:calc(100% - 20px)}.infobox .object-search-results li{padding:0}.infobox .object-search-results li .card-tile{cursor:pointer}.infobox .archetype-image-container{align-items:center;display:flex;height:300px;justify-content:center;margin:0 auto;max-width:500px;padding:10px;position:relative}.infobox .archetype-image-container h1{font-size:2em;font-weight:700;position:absolute;text-shadow:0 .2em .3em #000;z-index:1}.infobox .archetype-image-container .card-fade-container{filter:brightness(80%);border:1px solid #0c223e}.infobox .archetype-image-container .card-fade-container .card-art{background-position-y:35%}.infobox .loading-spinner div{background:#fff}.infobox .infobox-banner{display:block;width:278px;margin:10px auto;border:1px solid #fff;background-color:gray;background-position:50%;font-size:1.2em;font-weight:700;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.infobox .infobox-banner>a,.infobox .infobox-banner>div{cursor:pointer;display:block;width:100%;padding:8px 10px 10px}.infobox .infobox-banner>a,.infobox .infobox-banner>a:active,.infobox .infobox-banner>a:hover,.infobox .infobox-banner>div,.infobox .infobox-banner>div:active,.infobox .infobox-banner>div:hover{color:#fff;text-decoration:none;outline:none}.infobox .infobox-banner>a:focus,.infobox .infobox-banner>div:focus{color:#3ba3db}#deck-spotlight{margin:10px auto;padding:10px 0 40px}#deck-spotlight-container{display:flex;flex-direction:row;justify-content:center}#deck-spotlight-container>main{margin:10px;padding:10px 0 40px;max-width:1260px}#deck-spotlight-container>aside{display:flex;flex-direction:column;width:300px;padding-top:40px;padding-bottom:190px}#deck-spotlight-container>aside:first-child{align-items:flex-end}#deck-spotlight-container>aside:last-child{align-items:flex-start}#deck-spotlight-container h1{margin-top:0}#deck-spotlight-container h1:first-child{margin-top:20px}#deck-spotlight-container>.ad-unit{margin-bottom:20px}#deck-spotlight-container .content-message{padding:50px 0;text-align:center}#deck-spotlight-container .deck-list{padding:20px 0}#deck-spotlight-container #deck-db-link{text-align:center}#deck-spotlight-container .message-wrapper{padding:30vh 0}.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before,.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before{display:none}.shepherd-element,.shepherd-element *,.shepherd-element:after,.shepherd-element :after,.shepherd-element:before,.shepherd-element :before{box-sizing:border-box}.shepherd-element{width:400px;max-width:100%;max-height:100%;position:absolute;display:none;z-index:10000}.shepherd-element.shepherd-open{display:block}.shepherd-element.wide{width:550px}.shepherd-element .shepherd-content{position:relative;font-family:inherit;background:#fff;color:#444;padding:1em;font-size:1.1em;line-height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2))}.shepherd-element .shepherd-content:before{content:"";display:block;position:absolute;width:0;height:0;border:16px solid transparent;pointer-events:none}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content{margin-bottom:16px}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before{top:100%;left:50%;margin-left:-16px;border-top-color:#fff}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content{margin-top:16px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before{bottom:100%;left:50%;margin-left:-16px;border-bottom-color:#fff}.shepherd-element.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content{margin-right:16px}.shepherd-element.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before{left:100%;top:50%;margin-top:-16px;border-left-color:#fff}.shepherd-element.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content{margin-left:16px}.shepherd-element.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before{right:100%;top:50%;margin-top:-16px;border-right-color:#fff}.shepherd-element.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content{left:-32px}.shepherd-element.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content{left:32px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content{margin-top:16px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before{bottom:100%;left:16px;border-bottom-color:#fff}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content{margin-top:16px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before{bottom:100%;right:16px;border-bottom-color:#fff}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content{margin-bottom:16px}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before{top:100%;left:16px;border-top-color:#fff}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content{margin-bottom:16px}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before{top:100%;right:16px;border-top-color:#fff}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content{margin-top:16px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before{bottom:100%;left:16px;border-bottom-color:#fff}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content{margin-top:16px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before{bottom:100%;right:16px;border-bottom-color:#fff}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content{margin-bottom:16px}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before{top:100%;left:16px;border-top-color:#fff}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content{margin-bottom:16px}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before{top:100%;right:16px;border-top-color:#fff}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content{margin-right:16px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before{top:16px;left:100%;border-left-color:#fff}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content{margin-left:16px}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before{top:16px;right:100%;border-right-color:#fff}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content{margin-right:16px}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before{bottom:16px;left:100%;border-left-color:#fff}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content{margin-left:16px}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before{bottom:16px;right:100%;border-right-color:#fff}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before,.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before,.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before{border-bottom-color:#0c223e}.shepherd-element.shepherd-has-title .shepherd-content header{font-size:1.1em;padding:.5em;text-transform:uppercase;background-color:#0c223e;color:#3ba3db}.shepherd-element.shepherd-has-title .shepherd-content header a.shepherd-cancel-link{padding:0;margin-bottom:0}.shepherd-element.shepherd-has-cancel-link .shepherd-content header h3{float:left}.shepherd-element .shepherd-content{padding:0}.shepherd-element .shepherd-content *{font-size:inherit}.shepherd-element .shepherd-content header{*zoom:1}.shepherd-element .shepherd-content header:after{content:"";display:table;clear:both}.shepherd-element .shepherd-content header h3{margin:0;line-height:1;font-weight:400}.shepherd-element .shepherd-content header a.shepherd-cancel-link{float:right;text-decoration:none;font-size:1.25em;line-height:.8em;font-weight:400;position:relative;padding:.8em;margin-bottom:-.8em}.shepherd-element .shepherd-content .shepherd-text{padding:1em}.shepherd-element .shepherd-content .shepherd-text p{margin:0 0 .5em;line-height:1.3em}.shepherd-element .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.shepherd-element .shepherd-content footer{padding:0 1em 1em}.shepherd-element .shepherd-content footer .shepherd-buttons{text-align:right;list-style:none;padding:0;margin:0}.shepherd-element .shepherd-content footer .shepherd-buttons li{display:inline;padding:0;margin:0}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button{margin:0 .5em 0 0;text-transform:uppercase}.shepherd-element .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button{margin-right:0}.text-premium{color:#ffb00d}.text-premium .info-icon{color:inherit}#premium-container{max-width:1540px;margin:0 auto}#premium-container>header{height:616px;position:relative;background-repeat:no-repeat;background-size:cover;text-align:center;color:#000;background-position-x:center;margin-bottom:-30px}#premium-container>header .btn{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);white-space:normal}#premium-container>header #header-background-fade{background:linear-gradient(180deg,hsla(12,38%,97%,.4) 0,#fbf7f6 97%);position:absolute;height:100%;width:100%;z-index:0}#premium-container>header #header-background-fade.fade-radial{background:radial-gradient(hsla(12,38%,97%,.7) 0,transparent 60%)}#premium-container>header #main-header{padding:200px 0;text-transform:uppercase}#premium-container>header #main-header h1{font-family:Montserrat,sans-serif;font-size:3em}#premium-container>header #main-header .text-premium{text-shadow:.02em .1em .2em #000}#premium-container>header #main-header .promo-button{font-size:1.75em;margin-top:20px}#premium-container>header #main-header .price-tag{vertical-align:bottom;margin-bottom:2px}#premium-container .testimonial{margin:0 auto;padding:15px;display:flex;align-items:center;justify-content:center}@media (max-width:576px){#premium-container .testimonial{flex-direction:column}}#premium-container .testimonial>img{border:1px solid #1d3657;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);height:200px;margin:0 20px}#premium-container .testimonial .testimonial-content{max-width:480px}#premium-container .testimonial h2,#premium-container .testimonial h4{color:#c9485b;text-align:center}#premium-container .testimonial h2{font-weight:700}#premium-container .testimonial p{text-align:left;font-size:1.2em}#premium-container #feature-story>h1{font-family:Montserrat,sans-serif;text-transform:uppercase;text-align:center;padding:50px 0 30px;font-size:3em;opacity:.6}#premium-container #feature-story>h2{opacity:.2;font-size:2.5em;font-family:Montserrat,sans-serif;text-transform:uppercase;text-align:left;margin:50px 0 0 17px}#premium-container #feature-story .btn{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);white-space:normal}#premium-container #more-features{margin-top:10px}#premium-container #more-features .panel-content{height:300px}#premium-container #more-features .panel-content .image-container{height:60%;max-width:70%}#premium-container #more-features .panel-content .image-container>img{max-height:140px;max-width:100%}#premium-container #more-features .panel-content .content-container{justify-content:center;height:40%;margin:0}#premium-container #more-features .panel-content .content-container h3,#premium-container #more-features .panel-content .content-container p{padding-top:0;padding-bottom:0;margin-bottom:0}#premium-container #more-features .panel-content .content-container h3{font-size:1.75em}#premium-container #more-features .panel-content .text-container{margin:unset;flex:unset;text-align:center}#premium-container #testimonial-carousel{margin-top:10px;margin-bottom:10px}#premium-container #testimonial-carousel .panel-content{background:linear-gradient(270deg,transparent 0,rgba(29,54,87,.2))!important}#premium-container #testimonial-carousel .testimonial{min-height:450px;padding:25px}#premium-container #testimonial-carousel .testimonial .testimonial-content{max-width:600px;margin:0 auto}#premium-container #testimonial-carousel .testimonial>img{height:400px;max-width:100%}#premium-container #testimonial-carousel .testimonial h2{font-weight:700;font-size:2.5em}#premium-container #testimonial-carousel .testimonial h4,#premium-container #testimonial-carousel .testimonial p{font-size:1.5em}#premium-container #checkout{margin:100px 0}#premium-container #checkout h3{font-size:2em;font-weight:700}.premium-feature-panel .panel-header{font-size:2.4em;text-align:center}.premium-feature-panel .panel-content{display:flex;flex-direction:column;padding:10px;height:450px;background:linear-gradient(90deg,transparent 0,rgba(29,54,87,.1))!important}.premium-feature-panel .panel-content>*{margin:0 auto}.premium-feature-panel .panel-content h3{font-weight:700;text-align:center;padding:10px 10px 15px;font-size:2.25em;margin-top:0}.premium-feature-panel .panel-content .list-container{display:flex;align-items:center;flex-direction:column}.premium-feature-panel .panel-content .list-container>ul{padding:0}.premium-feature-panel .panel-content .list-container>ul li{margin-bottom:5px}.premium-feature-panel .panel-content .promo-button{display:block}.premium-feature-panel .panel-content .video-container>*{max-height:200px}.premium-feature-panel .image-container{display:flex;align-items:center;height:45%}.premium-feature-panel .image-container .video-container,.premium-feature-panel .image-container .video-container>*{height:100%;max-height:150px}.premium-feature-panel .image-container>img{max-width:80%;max-height:100%;display:block;margin:0 auto}.premium-feature-panel .text-container{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;font-size:1.3em}.premium-feature-panel .text-container>p{padding-bottom:10px;max-width:75%}.premium-feature-panel .content-container{height:65%;display:flex;flex-direction:column}@media (min-width:576px){.premium-feature-panel.wide .panel-content{display:flex;flex-direction:row-reverse;height:250px;align-items:center}.premium-feature-panel.wide .image-container{height:unset}.premium-feature-panel.wide .content-container{flex:1 0 0;height:unset;display:unset}}.panel-subscribe{position:relative;margin-top:10px}.panel-subscribe .panel-content{display:flex;justify-content:center;align-items:center}.panel-subscribe .subscribe-background{width:100%;opacity:.6;min-width:800px}.panel-subscribe .subscribe-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em}#referrals{font-size:1.2em;position:relative;padding:1.5em 14px}#referrals .referrals-promo{display:block;text-align:center;padding:0}#referrals section{overflow:hidden;position:relative}#referrals section h1{font-size:2.5rem;font-weight:700}#referrals a.referrals-promo-cta{font-size:2rem;font-weight:700;margin:0;position:relative;z-index:99;color:#000;text-decoration:none}#referrals a.referrals-promo-cta:active,#referrals a.referrals-promo-cta:hover,.show #referrals a.referrals-promo-cta,.show #referrals a.referrals-promo-cta:active{color:#3188b8}#referrals .referrals-spread{display:flex;width:100%;margin:0 auto;flex-direction:row;justify-content:center}#referrals .referrals-spread span:nth-child(2){max-width:300px;flex-grow:1;border-bottom:1px;border-image:linear-gradient(90deg,transparent 0,#000 50%,transparent)}#referrals .input-group{max-width:500px;margin:1.2em auto .3em}#referrals .input-group input{color:#000;background-color:#fff}.inline-premium-icon{float:left;height:30px;width:30px;margin-left:-5px;margin-top:-5px;margin-right:2px}.premium-wrapper{position:relative;outline:none}.premium-wrapper .premium-icon{height:30px;left:0;position:absolute;width:30px;z-index:101}.premium-wrapper .info-icon{font-size:1.2em;padding:5px 8px;position:absolute;right:0;top:0;z-index:101;color:#ffb00d}.premium-wrapper .premium-info{display:none}.premium-wrapper.visible .premium-info{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;position:absolute;text-align:center;transition:opacity .2s linear;width:100%;z-index:100}.premium-wrapper.visible .premium-info strong{display:block;font-size:1.3em}.premium-wrapper.visible .premium-info{cursor:pointer}.premium-wrapper.hovering .premium-info{opacity:1}.promo-button.text-premium{color:#000;background-color:#ffb00d;border-color:#ffb00d}.promo-button.text-premium:hover:not(:disabled){border-color:#ffb00d;color:#ffb00d;background-color:#fbf7f6}.promo-button.text-premium:disabled{cursor:not-allowed;opacity:.5}.promo-button.text-premium.wait,.promo-button.text-premium:disabled.wait{cursor:wait}.premium-promo{margin:1em 0;padding:calc(50vh - 250px) 0;position:relative;text-align:center}.tab-content .premium-promo{padding:100px 0}.premium-promo .card{color:#fff;background-color:#1d3657;padding:2em;margin:0 auto}.premium-promo .card h2,.premium-promo .card h3{font-weight:700}.premium-promo .card p.big{margin-bottom:1em;font-size:1.2em}.premium-promo .premium-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.premium-promo .premium-background img{display:block;height:100%;width:auto;margin:0 auto;background-color:#fff;border:2px solid #1d3657}.paywall-modal{background-color:#0c1929;color:#fff;height:612px;margin:0 auto;max-width:709px;position:relative;text-align:center;width:100%}@media (max-width:425px){.paywall-modal{height:auto}}.paywall-modal button.btn{background-color:transparent;border:1px solid hsla(0,0%,100%,.07);box-sizing:border-box;color:#fff;display:inline-block;height:40px;padding-top:7px;text-decoration:none;width:181px}.paywall-modal button.btn.yellow{background-image:linear-gradient(180deg,#ffb00d,#ffb00d);color:#000}.paywall-modal>header{color:hsla(0,0%,100%,.72);padding:48px 48px 30px;text-align:center}.paywall-modal>header h1{color:#fff;font-style:normal;font-weight:700;font-size:28px}.paywall-modal>.content{background-image:url("/static/images/premium/paywall-background.png");background-position:-4px -4px;height:289px;padding:31px 25px 36px;text-align:center}@media (max-width:425px){.paywall-modal>.content{height:auto}}.paywall-modal>.content button.btn{border-color:hsla(0,0%,100%,.28)}.paywall-modal>.content div.feature-box{display:flex}@media (max-width:425px){.paywall-modal>.content div.feature-box{flex-direction:column}}.paywall-modal>.content div.feature-box div.feature{max-width:236px;padding:12px;width:100%}@media (max-width:425px){.paywall-modal>.content div.feature-box div.feature{margin:0 auto}}.paywall-modal>.content div.feature-box h1{font-weight:900;font-size:50px;line-height:50px;margin-bottom:0}.paywall-modal>.content div.feature-box h2{font-weight:700;font-size:19px;line-height:26px}@media (max-width:425px){.paywall-modal>.content div.feature-box p{display:none}}.paywall-modal p{font-size:14px;line-height:19px}.paywall-modal p em{color:#fff;font-style:normal;font-weight:700}.paywall-modal>footer{color:hsla(0,0%,100%,.72);margin:24px 70px 50px;max-width:569px;width:100%}@media (max-width:425px){.paywall-modal>footer{margin:0 auto;padding:36px 0}}.paywall-modal>footer .btn-wrapper{display:flex;justify-content:space-between}@media (max-width:425px){.paywall-modal>footer .btn-wrapper{flex-direction:column}}@media (max-width:425px){.paywall-modal>footer .btn-wrapper .btn{margin:6px auto}}.paywall-modal>footer p{margin-top:6px}.premium-modal{background-color:#fbf7f6;margin:0 auto;padding:0;max-width:600px;position:relative;width:100%}.premium-modal>header{padding:20px 0;text-transform:uppercase;text-align:center;background-color:rgba(255,176,13,.05)}.premium-modal>header h1{font-family:Montserrat,sans-serif;font-size:2em}.premium-modal>header h3{font-weight:400}.premium-modal>header .text-premium{text-shadow:.02em .1em .2em #000}.premium-modal .modal-close{position:absolute;top:0;right:0;font-size:3rem;line-height:1.5rem;width:1.5rem;box-sizing:content-box;padding:.2em}.premium-modal .premium-modal-content{min-height:275px;background:linear-gradient(90deg,rgba(255,176,13,.05) 0,#fbf7f6 20%,#fbf7f6 80%,rgba(255,176,13,.05));border-top:1px solid rgba(169,144,91,.3);border-bottom:1px solid rgba(169,144,91,.3);position:relative;display:flex;align-items:center;justify-content:center}.premium-modal .premium-modal-content h1{font-size:1.75em;font-weight:700;text-align:center}.premium-modal .premium-modal-content p{font-size:1.2em}.premium-modal .premium-modal-frame{position:absolute;max-width:40%}.premium-modal .premium-modal-frame.top-left{top:10px;left:10px}.premium-modal .premium-modal-frame.top-right{top:10px;right:10px}.premium-modal .premium-modal-frame.bottom-left{bottom:10px;left:10px}.premium-modal .premium-modal-frame.bottom-right{bottom:10px;right:10px}.premium-modal .premium-modal-frame>img{width:100%;height:100%;opacity:.9}.premium-modal .premium-lock{max-width:40px;opacity:.3}.premium-modal .premium-feature-description{max-width:65%;padding:45px 20px;z-index:1}.premium-modal .premium-feature-description .learn-more{text-decoration:underline}.premium-modal footer{max-width:100%;min-height:80px;background-position-x:center;background-size:cover;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.premium-modal footer>*{z-index:1}.premium-modal footer>.btn,.premium-modal footer>.btn-group{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);white-space:normal}.premium-modal footer .color-overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:#fbf7f6;opacity:.8;z-index:0}.premium-modal footer .button-backdrop{background:radial-gradient(hsla(12,38%,97%,.7) 0,hsla(12,38%,97%,.7) 30%,transparent 70%);position:absolute;height:100%;width:80%}.premium-modal footer.large{min-height:200px;flex-direction:column;background-color:#fbf7f6;justify-content:center}.premium-modal footer.large .color-overlay{background:linear-gradient(180deg,rgba(255,176,13,.05) 40%,rgba(99,99,99,.5))}.premium-modal footer p{text-align:center}.premium-modal .checkout-form{padding:8%}.checkout-form{width:100%}.checkout-form>main{max-width:500px;margin:0 auto}.checkout-form>main.checkout-form-main-collaped{margin-bottom:1em}.checkout-form .form-group{margin:2em 0}.checkout-form .btn-group.btn-group-flex{display:flex;flex-direction:row;justify-content:center}.checkout-form .btn-group.btn-group-flex .btn{display:flex;align-items:center;justify-content:center;flex-basis:0;flex-grow:0;flex-shrink:1;padding:1em 2em}.checkout-form .btn-group.btn-group-flex .btn>h4{line-height:1.5em}.checkout-form .btn-group.btn-group-flex .btn>h4>small{font-weight:700;font-size:.9em;color:#000}@media (max-width:767px){.checkout-form .btn-group.btn-group-flex{flex-direction:column;align-items:center}.checkout-form .btn{width:100%;display:block}}#my-highlights{display:flex}#my-highlights>main{width:calc(100% - 300px);min-height:calc(100vh - 50px);display:flex;flex-direction:column}#my-highlights>main #row-all-stats{padding-top:10px;text-align:center}#my-highlights>main .chart-wrapper{margin:0 auto;max-width:1200px}.card-highlight-tile{background-position:center -80px;background-repeat:no-repeat;display:block;height:200px;margin:10px 0;max-width:380px;padding:0}.card-highlight-tile .card-info-container{background:hsla(0,0%,100%,.4);border:2px solid #000;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;height:100%;text-align:center;width:100%}.card-highlight-tile .card-info-container>h1{background:rgba(0,0,0,.5);border-bottom:1px solid #000;color:#fff;font-size:1.3em;margin:0;padding:10px 0}.card-highlight-tile .card-info-container .card-info-value{font-size:2.5em;font-weight:700;padding-top:45px}.card-highlight-tile .card-info-container .card-info-name{font-size:1.5em;font-weight:700;padding-top:10px}.card-highlight-tile .card-info-container:hover{background:hsla(0,0%,100%,.2)}.card-highlight-tile:hover,.card-highlight-tile:link{text-decoration:none}#content-header #winrate-chart-wrapper{max-width:700px;margin:0 auto}.cardrender-input{margin-top:100px}#cardrender-editor{margin:0 auto;max-width:950px}#cardrender-editor #cardrender-create-form{width:35%;margin-right:0 2em}#cardrender-editor #cardrender-create-form fieldset{background:#eee;padding:0 1em;margin-bottom:.5em}#cardrender-editor #cardrender-create-form fieldset h4{margin:0;text-align:center}#cardrender-editor #cardrender-create-form fieldset input[type=number],#cardrender-editor #cardrender-create-form fieldset input[type=text],#cardrender-editor #cardrender-create-form fieldset select,#cardrender-editor #cardrender-create-form fieldset textarea{display:block;margin:.2em 0 .5em;padding:.3em;width:100%}#cardrender-editor #cardrender-create-form .h-group,#cardrender-editor #cardrender-create-form fieldset .group-type{text-align:center}#cardrender-editor #cardrender-create-form .h-group label{display:inline-block;line-height:1.5em;padding:0 .4em;width:28%}#cardrender-editor #cardrender-form-preview{padding:1em;width:60%}#cardrender-editor #cardrender-form-preview #cardrender-form-buttons{float:right}#cardrender-editor #cardrender-form-preview #cardrender-form-buttons .btn{margin-left:.5em}#cardrender-editor #cardrender-form-preview #cardrender-form-preview-image{height:768px;text-align:center}.lightbox-background{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.lightbox-background .lightbox{background-color:#fff;padding:10px;cursor:default;display:flex;flex-direction:column;max-width:100vw;max-height:100vh}.lightbox-background .lightbox div.close-link{text-align:right;font-size:1.5em}.lightbox-background .lightbox div.close-link a{color:#c9485b}.lightbox-background .lightbox>*{flex-shrink:0}.lightbox-background .lightbox .lightbox-body{flex-shrink:1;text-align:center}.lightbox-background .lightbox .lightbox-body img{width:auto;max-width:100%}@media (min-width:1200px){.lightbox-background .lightbox .lightbox-body img{max-width:80vw}}@media (min-height:300px){.lightbox-background .lightbox .lightbox-body img{max-height:calc(100vh - 200px)}}@media (max-height:300px){.lightbox-background .lightbox .lightbox-body img{max-height:calc(100vh - 90px)}}.lightbox-background .lightbox .lightbox-body.clickable{cursor:pointer}.lightbox-pagination{margin:15px 0 0}.lightbox-pagination .pagination{margin:0}.zoomable{cursor:zoom-in}#my-packs-table{margin:0 auto}#my-packs-table td .card-frame{margin:5px 10px;width:232px}.archetype-detail-container{display:flex}@media (max-width:768px){.archetype-detail-container{flex-direction:column}}.archetype-detail-container>main{min-height:calc(100vh - 50px);padding-top:10px;width:calc(100% - 300px)}@media (max-width:768px){.archetype-detail-container>main{max-width:100%;width:100%}}.archetype-detail-container>main .chart-wrapper>.info-icon{color:#1d3657;font-size:1em;left:3%;padding:0;position:absolute;right:unset;top:5%}@media (min-width:1336px){.archetype-detail-container>main .chart-wrapper>.info-icon{left:calc(50% - 350px)}}.archetype-detail-container>main #overview .overview-content{display:flex}.archetype-detail-container>main #overview .archetype-signature{display:flex;flex-wrap:wrap;justify-content:center}.archetype-detail-container>main #overview .card-list-wrapper{max-width:270px;min-width:220px;padding:0 10px;flex:1}.archetype-detail-container>main .archetype-matchups{margin:20px auto 0;max-width:1000px}.archetype-detail-container>main .archetype-chart{margin:2em auto 0;max-width:450px}.archetype-detail-container>main .over-time-chart{padding:10px;height:300px}.archetype-detail-container>main .container-fluid{margin-top:10px}.archetype-detail-container>main .container-fluid:first-child{margin-top:0}@media (max-width:768px){.archetype-detail-container>aside{max-width:100%;width:100%;padding-bottom:0}}.archetype-detail-container>aside>h1{border-bottom:1px solid #1d3657}.archetype-detail-container>aside .player-class-icon{width:24px;height:24px;margin:-3px 5px -3px 0}.archetype-detail-container .chart-wrapper{max-width:700px;margin:0 auto}.archetype-detail-container .chart-column{padding-left:0;padding-right:0}.archetype-detail-container>h3{border-bottom:1px solid #505050}.archetype-detail-container #message-no-data{padding-top:20px}.meta-overview-container{display:flex}@media (max-width:768px){.meta-overview-container{flex-direction:column}}.meta-overview-container>main{min-height:calc(100vh - 50px);padding-top:10px;width:calc(100% - 300px)}@media (max-width:991px){.meta-overview-container>main{max-width:100%;width:100%}}.meta-overview-container>main .btn-filters{margin-left:6px;margin-bottom:5px}.meta-overview-container>main .sticky+.tab-list{margin-top:10px}@media (max-width:991px){.meta-overview-container>aside{max-width:100%;width:100%;padding-bottom:0}}.meta-overview-container>h3{border-bottom:1px solid #505050}.meta-overview-container .low-data-warning{color:#1d3657;padding:20px;margin-top:0;margin-bottom:8px}.meta-overview-container .low-data-warning.severe{color:#c9485b}.meta-overview-container #archetypes .low-data-warning{width:100%;padding:10px}.archetype-matrix-container{height:calc(100vh - 130px);margin:0 15px}@media (max-width:768px){.archetype-matrix-container{height:100vh}}.archetype-matrix-container .class-icon{height:32px;width:32px}.archetype-matrix-container .sort-header{outline:none;cursor:pointer;user-select:none}.archetype-matrix-container .sort-header:focus:not(:active){color:#3ba3db}.archetype-matrix-container .object-search-results .player-class{white-space:nowrap}.archetype-matrix-container .bar{display:flex;align-items:center;height:100%;width:100%}.archetype-matrix-container .bar .bar-body{position:relative;height:100%;width:100%}.archetype-matrix-container .bar .bar-body>div{background-color:#1d3657}.archetype-matrix-container .bar.bar-horizontal{flex-direction:row}.archetype-matrix-container .bar.bar-horizontal>.bar-body>div{position:absolute;right:0;height:100%}.archetype-matrix-container .bar.bar-horizontal>.bar-label{order:2;text-align:left;padding-left:5px}.archetype-matrix-container .bar.bar-vertical{flex-direction:column}.archetype-matrix-container .bar.bar-vertical>.bar-body>div{width:100%;position:absolute;bottom:0}.archetype-matrix-container .bar.bar-vertical>.bar-label{text-align:center;padding-top:5px}.archetype-matrix-container .matchup-header{overflow:hidden!important}.archetype-matrix-container .matchup-header:focus,.archetype-matrix-container .matchup-matrix:focus{outline:none}.archetype-matrix-container .matchup-column-header{display:flex;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding:5px;font-weight:700;cursor:pointer}.archetype-matrix-container .matchup-column-header .class-icon{cursor:pointer;height:2.25em;margin:.3em 0}.archetype-matrix-container .matchup-column-header .header-archetype-name{width:70px;margin:0 1px;overflow:hidden;text-overflow:ellipsis}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype.ignored{color:gray}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype.ignored .header-archetype-name{text-decoration:line-through}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype.ignored .class-icon{filter:saturate(0)}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype:hover .header-archetype-name{text-decoration:line-through}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype:hover .class-icon{filter:saturate(0)}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype:hover.ignored .header-archetype-name{text-decoration:unset}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype:hover.ignored .class-icon{filter:saturate(.5)}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype:hover .btn-toggle-class{visibility:visible;display:block;border:1px solid #c9485b;padding:0 5px;color:#000}.archetype-matrix-container .matchup-column-header.matchup-column-header-archetype:hover .btn-toggle-class:hover{background-color:#c9485b;color:#fff}.archetype-matrix-container a.matchup-column-header .tooltip-wrapper,.archetype-matrix-container a.matchup-row-header .tooltip-wrapper{display:flex;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding:5px}.archetype-matrix-container a.matchup-column-header{color:#000;cursor:pointer}.archetype-matrix-container a.matchup-column-header:active,.archetype-matrix-container a.matchup-column-header:hover{color:#000}.archetype-matrix-container a.matchup-column-header:active .header-archetype-name,.archetype-matrix-container a.matchup-column-header:hover .header-archetype-name{text-decoration:unset;cursor:pointer}.archetype-matrix-container a.matchup-column-header .class-icon{cursor:default}.archetype-matrix-container a.matchup-column-header.matchup-column-header-archetype:hover .header-archetype-name{text-decoration:none}.archetype-matrix-container a.matchup-column-header.matchup-column-header-archetype:hover .class-icon{filter:unset}.archetype-matrix-container .matchup-row-header{display:flex;text-align:left;flex-direction:row;justify-content:space-between;align-items:center;padding:5px;font-weight:700}.archetype-matrix-container .matchup-row-header .archetype{display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archetype-matrix-container .matchup-row-header .archetype .class-icon-wrapper{width:32px;position:relative;margin:0 .5em}.archetype-matrix-container .matchup-row-header .archetype .class-icon-wrapper .class-icon{height:2.25em}.archetype-matrix-container .matchup-row-header .archetype>a,.archetype-matrix-container .matchup-row-header .archetype a:active,.archetype-matrix-container .matchup-row-header .archetype a:hover{color:#000}.archetype-matrix-container .matchup-row-header .archetype .archetype-name,.archetype-matrix-container .matchup-row-header .archetype.matchup-archetype{cursor:pointer}.archetype-matrix-container .matchup-row-header .archetype.matchup-archetype .class-icon-wrapper:hover .active-favorite,.archetype-matrix-container .matchup-row-header .archetype.matchup-archetype .class-icon-wrapper:hover .class-icon{visibility:hidden}.archetype-matrix-container .matchup-row-header .archetype.matchup-archetype .class-icon-wrapper:hover .favorite-toggle{visibility:visible}.archetype-matrix-container .matchup-row-header .archetype.matchup-archetype .class-icon-wrapper:hover .favorite-toggle.favorite{color:gray}.archetype-matrix-container .matchup-row-header .glyphicon-star{color:#daa520;position:absolute;text-align:center}.archetype-matrix-container .matchup-row-header .glyphicon-star.favorite-toggle{font-size:2em;left:.1em;top:.1em;visibility:hidden;width:32px}.archetype-matrix-container .matchup-row-header .glyphicon-star.active-favorite{font-size:18px;right:0;width:12px;text-shadow:0 0 3px #000}.archetype-matrix-container .gradient{position:absolute;transition:opacity .1s;pointer-events:none}.archetype-matrix-container .gradient.gradient-bottom,.archetype-matrix-container .gradient.gradient-top{height:2em;width:100%;position:absolute;left:0}.archetype-matrix-container .gradient.gradient-top{top:0;background:linear-gradient(0deg,transparent,#ddd)}.archetype-matrix-container .gradient.gradient-bottom{bottom:0;background:linear-gradient(180deg,transparent,#ddd)}.archetype-matrix-container .gradient.gradient-left,.archetype-matrix-container .gradient.gradient-right{width:2em;height:100%;position:absolute;top:0}.archetype-matrix-container .gradient.gradient-left{left:0;background:linear-gradient(270deg,transparent,#ddd)}.archetype-matrix-container .gradient.gradient-left.gradient-fade{background:linear-gradient(-45deg,transparent,#fbf7f6),linear-gradient(270deg,transparent,#ddd)}.archetype-matrix-container .gradient.gradient-right{right:0;background:linear-gradient(90deg,transparent,#ddd)}.archetype-matrix-container .gradient.gradient-right.gradient-fade{background:linear-gradient(45deg,transparent,#fbf7f6),linear-gradient(90deg,transparent,#ddd)}.archetype-matrix-container .gradient.gradient-hidden{opacity:0}.archetype-matrix-container .matchup-cell,.archetype-matrix-container .row-footer{display:flex;text-align:center;flex-direction:column;align-items:center;justify-content:space-around;border:1px solid #fbf7f6}.archetype-matrix-container .matchup-cell .tooltip-wrapper{line-height:38px;text-align:center;width:100%}.archetype-matrix-container .matchup-cell .tooltip-wrapper>p{line-height:15px;margin:0}.archetype-matrix-container .matchup-cell .tooltip-wrapper>p:last-of-type{font-size:.8em;color:#505050}.archetype-matrix-container .matchup-cell.ignored{filter:saturate(0)}.archetype-matrix-container .matchup-cell.highlight-row{border-top:2px solid gray;border-bottom:2px solid gray}.archetype-matrix-container .matchup-cell.highlight-column{border-left:2px solid gray;border-right:2px solid gray}.archetype-matrix-container .matchup-cell .vod-indicator{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#6441a4}.archetype-matrix-container .matchup-cell.vods-available,.archetype-matrix-container .matchup-cell.vods-available .tooltip-wrapper{cursor:pointer}.archetype-matrix-container .matchup-cell.vods-available:active,.archetype-matrix-container .matchup-cell.vods-available:hover{text-decoration:none}.archetype-matrix-container .matchup-header-cell{display:flex;text-align:center;flex-direction:row;justify-content:space-around;align-items:center;font-weight:700;position:absolute}.archetype-matrix-container .matchup-header-cell.matchup-header-top-left,.archetype-matrix-container .matchup-header-cell.matchup-header-top-right{align-items:flex-end;padding-bottom:.5em}.archetype-matrix-container .matchup-header-cell.matchup-header-archetype{align-items:center;justify-content:flex-end;flex-direction:column}.archetype-matrix-container .matchup-header-cell.matchup-header-archetype .object-search{width:100%;padding:10px 10px 0}.archetype-matrix-container .matchup-header-cell.matchup-header-archetype .object-search .form-group{margin-bottom:0}.archetype-matrix-container .matchup-header-cell.matchup-header-archetype .object-search .object-search-results li{text-align:left}.archetype-matrix-container .matchup-header-cell.matchup-header-archetype .object-search .object-search-results li.selected{background:#add8e6}.archetype-matrix-container .matchup-header-cell .sort-header{white-space:nowrap}.archetype-matrix-container .matchup-header-top-left{top:0;left:0}.archetype-matrix-container .matchup-header-top-right{top:0;right:0}.archetype-matrix-container .matchup-header-bottom-left{bottom:0;left:0}.archetype-matrix-container .matchup-header-popularity{flex-direction:column;vertical-align:middle;justify-content:center}.archetype-matrix-container .matchup-header-popularity .custom-weight-checkbox{margin-top:5px}.archetype-matrix-container .matchup-header-popularity .custom-weight-checkbox>input{margin-right:.25em}.archetype-matrix-container .matchup-header-popularity .custom-weights-reset{margin-top:4px;padding:4px 8px}.archetype-matrix-container .matchup-column-footer{padding-top:5px;padding-right:1px;font-weight:700;height:100%;border-left:2px solid transparent;border-right:2px solid transparent}.archetype-matrix-container .matchup-column-footer .bar,.archetype-matrix-container .matchup-column-footer .bar-body{height:100%}.archetype-matrix-container .matchup-column-footer .input-popularity{width:100%}.archetype-matrix-container .matchup-column-footer.matchup-column-footer-games{font-weight:400;line-height:30px;text-align:center}.archetype-matrix-container .popularity-column-footer{border:1px solid #fbf7f6}.archetype-matrix-container .matchup-column-footer.highlight,.archetype-matrix-container .matchup-column-header.highlight{border-left:2px solid gray;border-right:2px solid gray}.archetype-matrix-container .matchup-row-header.highlight,.archetype-matrix-container .row-footer.highlight{border-top:2px solid gray;border-bottom:2px solid gray}.grid-container{position:absolute}.grid-container.grid-container-top{top:0}.grid-container.grid-container-left{left:0}.grid-container.grid-container-right{right:0}.grid-container.grid-container-bottom{bottom:0}#tooltip-matchup-cell th{padding-right:10px}#tooltip-matchup-cell td,#tooltip-matchup-cell th{padding-top:5px}#tooltip-matchup-cell table{margin-top:8px}#tooltip-matchup-cell .tooltip-header{font-weight:700}#tooltip-matchup-cell .twitch-vods-available{font-weight:700;margin-top:10px}#tooltip-matchup-cell .twitch-vods-available img{margin-right:5px}#tooltip-archetype-signature,#tooltip-deck-list{max-height:96vh;overflow:hidden}#tooltip-archetype-signature h3,#tooltip-deck-list h3{font-size:1em}#tooltip-archetype-signature p,#tooltip-deck-list p{background:#000;bottom:0;left:0;padding:8px;position:absolute;text-align:center;width:100%}#tooltip-archetype-signature .loading-spinner div,#tooltip-deck-list .loading-spinner div{background:#fff}#tooltip-archetype-signature .archetype-signature,#tooltip-deck-list .archetype-signature,#tooltip-deck-list .card-list{padding-bottom:calc(1.3em + 8px)}#tooltip-deck-list .card-list{padding-top:10px}.archetype-tier-list{padding:0 10px 10px}.archetype-tier-list .tier{margin-top:10px;border-left:1px solid #000;border-right:1px solid #000}.archetype-tier-list .tier .tier-header{font-weight:700;background:#1d3657;color:#fff;padding:8px;text-transform:uppercase;font-size:1.1em}.archetype-tier-list .tier .tier-header .info-icon{color:#fff;padding-left:10px}.archetype-tier-list .tier+.center-ad-container{margin-top:10px}.archetype-tier-list .archetype-list-item{border-bottom:1px solid #505050;background-position:0 -42px;background-repeat:no-repeat;list-style-type:none}.archetype-tier-list .archetype-list-item>a{background:linear-gradient(90deg,#fbf7f6 1%,hsla(12,38%,97%,.7) 100px,#fbf7f6 256px);display:block;padding:10px;color:#000;outline:none}.archetype-tier-list .archetype-list-item>a:focus,.archetype-tier-list .archetype-list-item>a:hover{background:linear-gradient(90deg,#fbf7f6 1%,hsla(12,38%,97%,.5) 100px,#f1f2f4 256px);text-decoration:none}.archetype-tier-list .archetype-list-item:nth-child(odd)>a{background:linear-gradient(90deg,#fbf7f6 1%,hsla(0,0%,100%,.7) 100px,#f9f9f9 256px)}.archetype-tier-list .archetype-list-item:nth-child(odd)>a:focus,.archetype-tier-list .archetype-list-item:nth-child(odd)>a:hover{background:linear-gradient(90deg,#fbf7f6 1%,hsla(0,0%,100%,.5) 100px,#f1f2f4 256px)}.archetype-tier-list .archetype-list-item .archetype-header{display:flex;flex-direction:row;padding:0}.archetype-tier-list .archetype-list-item .archetype-icon{height:64px;width:64px}.archetype-tier-list .archetype-list-item .archetype-info{display:flex;flex-direction:column;padding-left:10px}.archetype-tier-list .archetype-list-item .archetype-info .archetype-name{font-weight:700;font-size:1.2em}.archetype-tier-list .archetype-list-item .archetype-info .archetype-data{font-weight:700;font-size:1.8em;text-shadow:-1px -1px 18px hsla(0,0%,100%,.6),1px -1px 18px hsla(0,0%,100%,.6),-1px 1px 18px hsla(0,0%,100%,.6),1px 1px 18px hsla(0,0%,100%,.6)}.archetype-tier-list .archetype-list-item .archetype-cards-header{color:gray;text-transform:uppercase;font-size:.8em}.archetype-tier-list .archetype-list-item .archetype-cards{display:flex;flex-direction:column;padding:5px 0 0 5px;overflow:hidden}.archetype-tier-list .archetype-list-item .archetype-cards .archetype-card-list{padding-left:0;display:flex;list-style-type:none}.archetype-tier-list .archetype-list-item .archetype-cards .archetype-card-list .card-icon{float:left;margin:3px}.archetype-tier-list .archetype-list-item .archetype-btn-container{height:64px;display:flex;justify-content:center;align-items:center;padding:0}.archetype-tier-list .archetype-list-item .archetype-btn-container .btn-deck{margin:0 auto;text-transform:uppercase}@media (max-width:991px){.archetype-tier-list .archetype-list-item .archetype-btn-container{height:34px}.archetype-tier-list .archetype-list-item .archetype-btn-container .btn-deck{width:100%}}.discover-container{display:flex}@media (max-width:768px){.discover-container{flex-direction:column}}.discover-container>main{min-height:calc(100vh - 50px);padding-top:10px;width:calc(100% - 300px)}@media (max-width:768px){.discover-container>main{max-width:100%;width:100%}}.discover-container>main .btn-deck-details{display:block;margin:5px}.discover-container>main .signature-label{border:1px solid #fff;display:inline-block;height:10px;margin-right:5px;width:16px}.discover-container>main .class-tab-content{display:flex;padding:10px}.discover-container>main .class-tab-content .cluster-chart-container{width:100%}.discover-container>main .archetype-selection-dropdown{margin-left:5px}.discover-container>main .archetype-selection-dropdown>.btn{background:#fbf7f6;border:1px solid #1d3657;color:#1d3657;padding:0;height:16px}.discover-container>main .archetype-selection-dropdown .glyphicon{font-size:10px;width:20px;display:block}.discover-container>main .archetype-selection-dropdown li>a{background-color:transparent;color:#000}.discover-container>main .archetype-selection-dropdown li>a:hover{background:#3188b8}.discover-container>main #infobox-deck{border:1px solid #000;overflow-y:auto;width:350px}.discover-container>main #infobox-deck.no-deck{opacity:.5}.discover-container>main #infobox-deck.no-deck .no-deck-message{display:flex;height:100%;justify-content:center}.discover-container>main #infobox-deck.no-deck .no-deck-message>p{align-self:center}.discover-container>main #infobox-deck .card-list{margin:0 5px}.discover-container>main .cluster-chart-wrapper{position:absolute;width:100%;height:100%}.discover-container>main .cluster-chart-wrapper .sample-hint{position:absolute;padding:3px;opacity:.6}.discover-container>main .cluster-chart-wrapper .group-circle{cursor:pointer}.discover-container>main .cluster-chart-wrapper #highlight{stroke:#000;fill:rgba(49,138,185,.2);pointer-events:none}.discover-container>main .cluster-chart-wrapper .deck-circle{fill-opacity:.8}.discover-container>main .btn-help{position:absolute;top:0;right:5px;z-index:1}@media (max-width:768px){.discover-container>aside{max-width:100%;width:100%;padding-bottom:0}}.discover-container>aside>h1{border-bottom:1px solid #1d3657}.discover-container>aside>h1>.info-icon{margin-left:10px;color:#fff}.discover-container>aside h3{font-size:1em;margin:10px 10px 5px}.discover-container>aside .dropdown>button{padding:0 5px}.discover-container>aside .dropdown li{padding:unset}.discover-container>aside .dropdown li.dropdown-header{padding:3px 20px}.discover-container table>tbody>tr>td{vertical-align:middle}.collection-setup-modal{background-color:#fff;font-size:1.85rem}.modal-banner{width:100%;height:80px;padding-top:.05em;background-position:0;background-size:cover;background-color:#333;font-size:3rem;text-align:left;white-space:nowrap;color:#fff;font-weight:700;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #fff;position:relative}.modal-banner .modal-close{position:absolute;top:0;right:0;font-size:4rem;line-height:1.5rem;width:2rem;box-sizing:content-box;padding:.2em}.modal-close{display:block;cursor:pointer}.modal-body{margin:10px 15px}.modal-body h1,.modal-body h2,.modal-body h3,.modal-body h4,.modal-body h5,.modal-body h6{font-size:1.45em;font-weight:700;margin-top:1em;margin-bottom:.5em}.modal-body>div:first-child>h1:first-child,.modal-body>div:first-child>h2:first-child,.modal-body>div:first-child>h3:first-child,.modal-body>div:first-child>h4:first-child,.modal-body>div:first-child>h5:first-child,.modal-body>div:first-child>h6:first-child,.modal-body>h1:first-child,.modal-body>h2:first-child,.modal-body>h3:first-child,.modal-body>h4:first-child,.modal-body>h5:first-child,.modal-body>h6:first-child,.modal-body>section:first-child>h1:first-child,.modal-body>section:first-child>h2:first-child,.modal-body>section:first-child>h3:first-child,.modal-body>section:first-child>h4:first-child,.modal-body>section:first-child>h5:first-child,.modal-body>section:first-child>h6:first-child{margin-top:0}.modal-body .btn{max-width:100%;font-size:1em;padding:.4em 2em .45em}.modal-body .help-block,.modal-body .text-help{font-size:.9em}.modal-await{font-size:1.1em;text-align:center;margin-top:1.3em}.modal-await .glyphicon-spin{font-size:.8em;margin-right:.5em}.modal-await span:not(.glyphicon){animation:pulse 1s infinite alternate ease-in}@keyframes pulse{0%{opacity:1}to{opacity:.3}}#collection-setup-about ul{list-style-type:square}#collection-setup-check-it-out{margin-top:1.75em}#collection-setup-check-it-out span{font-weight:700;font-size:1.5em;margin-right:.6em}#collection-setup-download-client img{border:1px solid #000}#collection-setup-progress{text-align:center;margin:1.25em 0}#collection-setup-progress .progress-indicator{width:200px;margin:0 auto}.glyphicon-spin{animation:spin 1.5s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.devtools-feature,.dropdown-menu>li>.devtools-feature{font-family:Menlo,Monaco,Consolas,Courier New,monospace;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:3px 20px!important}.devtools-feature .feature-name{margin-top:5px}.devtools-feature .label{font-family:sans-serif;margin-left:1em;padding-top:.6em}.ad-unit,.premium-fallback{position:relative;display:block;visibility:visible;opacity:1;top:0;left:0}@media (max-width:767px){.ad-unit--desktop,.premium-fallback--desktop{display:none}}.ad-unit--mobile,.premium-fallback--mobile{margin:15px auto}@media (min-width:768px){.ad-unit--mobile,.premium-fallback--mobile{display:none}}.ad-unit__admin{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#000;font-size:1.1em;background-color:#f08080;border:1px solid darkred}.ad-unit__admin--working{cursor:progress}.ad-unit__admin--enabled{background-color:#8fbc8f;border-color:green}.ad-unit__admin p{margin:0}.ad-unit__admin input[type=checkbox]{position:absolute;top:5px;left:5px;margin:0;cursor:inherit}.ad-container{width:100%;margin:15px 0}@media (max-width:767px){.ad-container{display:none}}.ad-container .premium-fallback,.ad-container>.ad-unit{margin:0 5px;display:inline-block}.ad-container .premium-fallback:first-child,.ad-container>.ad-unit:first-child{margin-left:0}.ad-container .premium-fallback:last-child,.ad-container>.ad-unit:last-child{margin-right:0}.ad-container--horizontal{display:flex;flex-direction:row;justify-content:center;flex:0}.ad-container--horizontal .premium-fallback,.ad-container--horizontal>.ad-unit{flex-shrink:0;margin:0 5px}.center-ad-container{width:100%;display:flex;align-items:center;justify-content:center}.gutter-ad-container{position:absolute}@media (max-width:1879px){.gutter-ad-container{display:none}}aside>.ad-unit,aside>.premium-fallback{margin:10px auto}.premium-fallback{display:block}.app_gdpr--2k2uB{--cmpBgColor:#fff;--cmpTextColor:#333;--cmpBrandColor:#c9485b;--cmpHoverColor:#ab3344}#leaderboards-container{display:flex}@media (max-width:768px){#leaderboards-container{flex-direction:column}}#leaderboards-container>main{min-height:calc(100vh - 50px);padding:30px;width:calc(100% - 300px)}@media (max-width:768px){#leaderboards-container>main{max-width:100%;width:100%}}#leaderboards-container>main h1{font-size:2em;font-weight:700}#leaderboards-container>main h3{font-size:1.3em;font-weight:700;margin:5px 0}#leaderboards-container>main header{max-width:1000px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}#leaderboards-container>main header .pagination{margin:0}#leaderboards-container>main .pagination-container{max-width:1000px;width:100%}#leaderboards-container>main .pagination-container>nav{display:block;text-align:center}#leaderboards-container>main .table{max-width:1000px;font-weight:700;border:1px solid #ddd}#leaderboards-container>main .table thead th{border:none}#leaderboards-container>main .table thead tr{background:#1d3657;color:#fff}#leaderboards-container>main .table tbody tr{height:70px;cursor:pointer}#leaderboards-container>main .table tbody td{line-height:70px;background:transparent}#leaderboards-container>main .table tbody td p{display:inline-block;margin:0 5px}@media (max-width:767px){#leaderboards-container>main .table tbody td p{display:block;margin:0;line-height:20px}}#leaderboards-container>main .table tbody .leaderboard-rank-1 td{color:#fff;background:rgba(42,91,102,.8)}#leaderboards-container>main .table tbody .leaderboard-rank-2 td{background:rgba(42,91,102,.6)}#leaderboards-container>main .table tbody .leaderboard-rank-3 td{background:rgba(42,91,102,.4)}#leaderboards-container>main .table tbody tr:hover{background:rgba(79,103,134,.2)}#leaderboards-container>main .table .class-icon{height:50px}@media (max-width:768px){#leaderboards-container>aside{max-width:100%;width:100%;padding-bottom:0}}#leaderboards-container>aside>h1{border-bottom:1px solid #1d3657}#leaderboards-container>aside>h1>.info-icon{margin-left:10px;color:#fff}#leaderboards-container>aside h3{font-size:1em;margin:10px 10px 5px}#profile-container{display:flex;max-width:1920px;margin:0 auto;flex-direction:column}#profile-container header{background:url("https://media.hearthsim.net/hsreplaynet/profile_banner.jpg") no-repeat;background-color:rgba(0,0,0,.6);background-blend-mode:darken;background-position-y:40%;background-position-x:center;width:100%;position:relative;display:flex;color:#fff;border-bottom:2px solid #ffb00d}@media (max-width:600px){#profile-container header{flex-wrap:wrap;justify-content:center}}#profile-container main{background:#dfe4ec}#profile-container main .stats-header{border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:10px;display:flex;align-items:center;flex-wrap:wrap}#profile-container main .stats-header h1{display:inline-block;margin-right:30px}#profile-container main .stats-header .optional-select{font-size:1.3em}#profile-container main .stats-header .optional-select,#profile-container main .stats-header option,#profile-container main .stats-header select{background:#fbf7f6;color:#000}#profile-container main h1{font-size:3.5em;margin:0;padding:0}#profile-container main h1,#profile-container main h2{color:#1d3657;font-variant:small-caps;font-weight:700;font-family:Montserrat,sans-serif}#profile-container main h2{font-size:1.8em;margin-bottom:20px}#profile-container main h3{color:#657b99;text-transform:uppercase;font-weight:700;font-size:1.3em}@media (min-width:1500px){#profile-container .content-tabs{padding-left:250px}}#profile-container .profile-section{background:#f0f4f9;padding:40px 4%}#profile-container .profile-section>h2{margin-top:0}#profile-container .profile-section-white{background-color:#fff}#profile-container .profile-hero{margin:30px 30px -30px;flex:0 0 auto;z-index:1;font-family:Montserrat,sans-serif}#profile-container .career-highlights{margin-top:40px}#profile-container .career-highlights h3{font-size:1.75em;font-weight:700;font-variant:small-caps;margin-left:15px;margin-bottom:0;font-family:Montserrat,sans-serif}#profile-container .career-highlights>div{display:flex;flex-wrap:wrap;justify-content:center}#profile-container .profile-highlight{display:flex;margin:15px}#profile-container .profile-highlight .profile-highlight-content{width:80px;height:70px;background:linear-gradient(to top right,#1d3657,#235496);border-radius:4px 0 0 4px}#profile-container .profile-highlight .profile-highlight-content>div{display:flex;justify-content:center;align-items:center;height:100%}#profile-container .profile-highlight .profile-highlight-content>div>p{font-size:1.6em;margin:0;font-weight:700}#profile-container .profile-highlight .profile-highlight-content>div .rank-icon-standalone{height:70px;width:70px}#profile-container .profile-highlight .profile-highlight-content>div .rank-icon-standalone figcaption{font-size:1.4em}#profile-container .profile-highlight .profile-highlight-text{background:rgba(0,0,0,.7);padding:0 25px 0 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:150px;border-radius:0 4px 4px 0}#profile-container .profile-highlight .profile-highlight-text h4{font-size:1.2em;font-weight:700;margin:0}#profile-container .profile-highlight .profile-highlight-text p{margin:0}#profile-container .archetype-matrix-wrapper{border:1px solid rgba(0,0,0,.3);background:#fbf7f6;display:flex;justify-content:center;align-items:center;margin:0 auto;transition:width .3s ease-out,height .3s ease-out;width:100%;max-height:90vh}#profile-container .archetype-matrix-container{height:100%;width:100%;margin:0;background:#fbf7f6}#profile-container .matchup-column-header-archetype{border-left:1px solid rgba(0,0,0,.3)}#profile-container .matchup-row-header{border-top:1px solid rgba(0,0,0,.3)}#profile-container .matchup-header-top-left{align-items:center;font-size:1.5em;padding-bottom:0;font-variant:small-caps}#profile-container .matchup-cell{border-top:1px solid rgba(0,0,0,.3);border-left:1px solid rgba(0,0,0,.3);font-weight:700}#profile-container .matchup-cell p:last-of-type{font-weight:400}#profile-container .class-icon-wrapper{pointer-events:none;cursor:default}#profile-container .expand-table-button{text-transform:uppercase;background:#becad5;padding:5px 10px;font-weight:400;text-decoration:none;white-space:nowrap;color:#1d3657;border-radius:3px;border:1px solid #1d3657}#profile-container .expand-table-button:active,#profile-container .expand-table-button:hover{text-decoration:none;color:#fbf7f6;background:#1d3657}#profile-container .expand-table-button.expanded{color:#fbf7f6;background:#1d3657}#profile-container .expand-table-button.expanded:active,#profile-container .expand-table-button.expanded:hover{color:#1d3657;background:#becad5}#profile-container .expand-table-button .glyphicon{margin-right:10px}@media (max-width:991px){#profile-container .expand-table-button{width:100%}}#profile-container .align-left{justify-content:flex-start!important;text-align:left!important}#profile-container .profile-archetype-list-header{background:#1d3657;color:#fff;padding:5px;display:flex;align-items:center;flex-direction:row;height:34px;font-weight:700;text-align:center}#profile-container .profile-archetype-list{padding:0;font-weight:700;border:1px solid rgba(29,54,87,.5)}#profile-container .profile-archetype-list ul{padding:0}#profile-container .profile-archetype-list li{min-height:70px;list-style:none}#profile-container .profile-archetype-list .player-class{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#profile-container .profile-archetype-list .profile-archetype-panel{background:#e1e8ef;background-position:0 -42px;background-repeat:no-repeat;position:relative;border-bottom:1px solid #b8c2cf}#profile-container .profile-archetype-list .profile-archetype-panel:last-of-type{border-bottom:none}#profile-container .profile-archetype-list .profile-archetype-panel .background-fade{position:absolute;width:100%;height:100%}#profile-container .profile-archetype-list .profile-archetype-panel .background-fade.horizontal{background:linear-gradient(90deg,hsla(12,38%,97%,.7) 0,hsla(12,38%,97%,.7) 100px,#e1e8ef 256px)}#profile-container .profile-archetype-list .profile-archetype-panel.expanded{background-color:#d3dce5}@media (min-width:992px){#profile-container .profile-archetype-list .profile-archetype-panel.expanded{background-position:-50px 0}#profile-container .profile-archetype-list .profile-archetype-panel.expanded .background-fade.horizontal{background:linear-gradient(90deg,hsla(12,38%,97%,.7) 0,hsla(12,38%,97%,.7) 50px,#d3dce5 206px)}#profile-container .profile-archetype-list .profile-archetype-panel.expanded .background-fade.vertical{background:linear-gradient(180deg,transparent 0,transparent 150px,#d3dce5 256px)}}#profile-container .profile-archetype-list .profile-archetype-panel .player-class a,#profile-container .profile-archetype-list .profile-archetype-panel .player-class a:active,#profile-container .profile-archetype-list .profile-archetype-panel .player-class a:hover{color:#000}#profile-container .profile-archetype-list .profile-archetype-panel u>.data-container{padding-right:5px}#profile-container .profile-archetype-list .profile-archetype-panel .expand-table-button{margin-right:10px}#profile-container .profile-archetype-list .profile-archetype-panel .labels{height:25px;margin-bottom:-17px;margin-top:-10px;white-space:nowrap;text-transform:uppercase;font-size:.8em;color:#505050;padding:0}#profile-container .profile-archetype-list .profile-archetype-panel .expand-table-button-wrapper{height:50px;margin-top:-20px}#profile-container .profile-archetype-list .data-container>div{display:flex;align-items:center;justify-content:center;flex-direction:row;height:70px;text-align:center}#profile-container .profile-archetype-list .profile-deck-panel{min-height:55px}@media (max-width:991px){#profile-container .profile-archetype-list .profile-deck-panel{border-top:1px solid #1d3657}#profile-container .profile-archetype-list .profile-deck-panel:last-of-type{border-bottom:1px solid #1d3657}}#profile-container .profile-archetype-list .profile-deck-panel:first-of-type>.data-container>div{border-top:1px solid rgba(29,54,87,.1)}#profile-container .profile-archetype-list .profile-deck-panel>.data-container>div{background:#becad5;height:55px;border-top:1px solid rgba(29,54,87,.1)}#profile-container .profile-archetype-list .profile-deck-panel>.data-container>div.deck-spacer{background:transparent;border:none;border-right:1px solid #aebac8}#profile-container .profile-archetype-list .profile-deck-panel:first-of-type{margin-top:5px}#profile-container .profile-archetype-list .profile-deck-panel:first-of-type .top-arrow-up{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #becad5;position:absolute;top:-10px}#profile-container .profile-archetype-list .profile-deck-panel:first-of-type .top-arrow-up.border{border-bottom:10px solid rgba(29,54,87,.2);position:absolute;top:-11px}#profile-container .profile-archetype-list .profile-deck-panel .bottom-arrow-up{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fbf7f6;position:absolute;bottom:0}#profile-container .profile-archetype-list .profile-deck-panel .expand-table-button{color:#1d3657}#profile-container .profile-archetype-list .profile-deck-panel .expand-table-button.expanded,#profile-container .profile-archetype-list .profile-deck-panel .expand-table-button:active,#profile-container .profile-archetype-list .profile-deck-panel .expand-table-button:hover{background:#fbf7f6;border-color:#fbf7f6}#profile-container .profile-archetype-list .profile-deck-panel .expand-table-button.expanded:active,#profile-container .profile-archetype-list .profile-deck-panel .expand-table-button.expanded:hover{background:#becad5;border:1px solid #1d3657}#profile-container .profile-archetype-list .profile-deck-panel .card-list-cell{justify-content:space-between}#profile-container .profile-archetype-list .profile-deck-panel .btn-view-deck{border:1px solid #1d3657;color:#1d3657;background:transparent;border-radius:3px}#profile-container .profile-archetype-list .profile-deck-panel .btn-view-deck:active,#profile-container .profile-archetype-list .profile-deck-panel .btn-view-deck:hover{background:hsla(0,0%,100%,.5)}@media (max-width:991px){#profile-container .profile-archetype-list .profile-deck-panel .btn-view-deck{width:100%}}#profile-container .profile-archetype-list .global-winrate{font-weight:400;font-size:.8em;color:#505050}#profile-container .profile-archetype-list .profile-replay-list-header{color:#4c5965;text-transform:uppercase;padding:0;height:41px}#profile-container .profile-archetype-list .profile-replay-list-header>div{background:#fbf7f6;border-bottom:1px solid #becad5;padding-top:15px;padding-bottom:5px;text-align:center}#profile-container .profile-archetype-list .profile-replay-list-header>div.replay-spacer{background:transparent;border:none;height:100%;border-right:1px solid #aebac8}#profile-container .profile-archetype-list .profile-replay-list-header>div:nth-of-type(2){border-left:5px solid #becad5}#profile-container .profile-archetype-list .profile-replay-list-header>div:last-of-type{border-right:5px solid #becad5}#profile-container .profile-archetype-list .profile-replay-panel{min-height:40px}#profile-container .profile-archetype-list .profile-replay-panel .rank-icon-standalone{height:40px;width:40px;margin-right:3px}#profile-container .profile-archetype-list .profile-replay-panel .rank-icon-standalone figcaption{font-size:1em}#profile-container .profile-archetype-list .profile-replay-panel .replay-link{color:#1d3657;width:24px;height:24px;border:2px solid #1d3657;border-radius:4px}#profile-container .profile-archetype-list .profile-replay-panel .replay-link .glyphicon{top:3px;left:1px;display:block}#profile-container .profile-archetype-list .profile-replay-panel .replay-link:active,#profile-container .profile-archetype-list .profile-replay-panel .replay-link:hover{background:rgba(29,54,87,.2);text-decoration:none}#profile-container .profile-archetype-list .profile-replay-panel .twitch-link{width:24px;height:24px;border:2px solid #6441a4;border-radius:4px;margin-left:8px}#profile-container .profile-archetype-list .profile-replay-panel .twitch-link img{margin-top:-1px}#profile-container .profile-archetype-list .profile-replay-panel .twitch-link:active,#profile-container .profile-archetype-list .profile-replay-panel .twitch-link:hover{background:rgba(100,63,166,.2);text-decoration:none}#profile-container .profile-archetype-list .profile-replay-panel .data-container>div{border-bottom:1px solid rgba(0,0,0,.1);background:#fbf7f6;height:40px}#profile-container .profile-archetype-list .profile-replay-panel .data-container>div.replay-spacer{background:transparent;border:none;border-right:1px solid #aebac8}#profile-container .profile-archetype-list .profile-replay-panel .data-container>div:nth-of-type(2){border-left:5px solid #becad5}#profile-container .profile-archetype-list .profile-replay-panel .data-container>div:nth-of-type(2):before{content:"";position:absolute;border-left:5px solid #becad5;height:calc(100% + 1px);left:-5px;top:0}#profile-container .profile-archetype-list .profile-replay-panel .data-container>div:last-of-type{border-right:5px solid #becad5}#profile-container .profile-archetype-list .profile-replay-panel .data-container>div:last-of-type:after{content:"";position:absolute;border-left:5px solid #becad5;height:calc(100% + 1px);right:-5px;top:0}#profile-container .profile-archetype-list .profile-replay-panel:last-of-type .data-container>div{border-bottom:5px solid #becad5}#profile-container .profile-archetype-list .profile-replay-panel:last-of-type .data-container .replay-spacer{border-bottom:none}#profile-container .profile-archetype-list p{margin:0}#profile-container .profile-archetype-list .card-list{display:flex;list-style-type:none;margin-right:20px;width:100%}@media (max-width:991px){#profile-container .profile-archetype-list .card-list{justify-content:center}}#profile-container .profile-archetype-list .card-list>div{min-width:20px}#profile-container .profile-archetype-list .card-list .card-icon{line-height:50px;margin:0 3px 0 7px}.profile-hero{height:200px;position:relative;width:200px}.profile-hero figcaption{height:30px;line-height:30px;background:linear-gradient(to top right,#1d3657,#235496);border:1px solid #23272a;border-top:none;border-radius:0 0 4px 4px;margin:-8px 19px 0 14px;font-size:1.2em;font-weight:700;text-align:center}.profile-hero>div{height:200px;position:relative;width:100%}.profile-hero>div>img{position:absolute}.profile-hero .profile-hero-frame{width:100%;height:100%}.profile-hero .profile-hero-art{height:82%;top:9%;left:7%;clip-path:url("/static/images/clip-paths.svg#hero-clip");-webkit-clip-path:polygon(0 100%,0 40%,20% 10%,30% 3%,50% 0,70% 3%,80% 10%,100% 40%,100% 100%)}.profile-stats{width:100%;height:350px;display:flex;justify-content:space-between}.profile-stats>.profile-stats-chart{width:50%;height:100%;overflow:hidden;flex-grow:1}.profile-stats>.profile-stats-chart+.profile-stats-chart{margin-left:30px}.profile-stats-chart{display:flex;flex-direction:column}.profile-stats-chart>figcaption{text-transform:uppercase;font-size:1.2em;margin-bottom:.6em;font-family:Montserrat,sans-serif}.profile-stats-chart .profile-stats-chart-body{display:flex;flex-grow:1;overflow:hidden;border:1px solid #ced5df;border-radius:6px;background-color:#fff}.profile-stats-chart .profile-stats-chart-body>figure{display:flex;flex-direction:row;flex-grow:1;margin:0}.profile-stats-chart .profile-stats-chart-summary{flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:inherit}.profile-stats-chart .profile-stats-chart-summary>figure{font-weight:700;font-size:1.3em;text-align:center;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-stats-chart .profile-stats-chart-summary>figure>output{display:flex;justify-content:center;align-items:center;background:linear-gradient(to top right,#1d3657,#235496);position:relative;font-size:1.15em;color:#fff;padding:0;margin:0;width:75px;height:75px;border-radius:50%}.profile-stats-chart .profile-stats-chart-summary>figure>figcaption{margin-top:10px}.profile-stats-chart .profile-stats-chart-summary.profile-stats-chart-summary-positive>figure>output:before{content:"\A";border-style:solid;border-width:0 6px 11px;border-color:transparent transparent #0bbf33;position:absolute;top:12px}.profile-stats-chart .profile-stats-chart-summary.profile-stats-chart-summary-negative>figure>output:before{content:"\A";border-style:solid;border-width:11px 6px 0;border-color:#e03434 transparent transparent;position:absolute;bottom:11px}.sticky{position:relative;width:100%}.sticky__element{position:static}@media screen{.sticky__element--stick{position:fixed;z-index:100}}.sticky-native{display:block;position:sticky}.price-tag{background-color:#dd2f2f;color:#fff;display:inline-block;position:relative;height:21px;line-height:21px;border-radius:0 3px 3px 0;margin-left:14px;padding:0 5px;font-size:12px;font-style:normal;font-weight:700;vertical-align:top}.price-tag:before{left:-8px;width:0;height:0;border-top:11px solid transparent;border-bottom:10px solid transparent;border-right:8px solid #dd2f2f}.price-tag:after,.price-tag:before{content:"";position:absolute;display:block}.price-tag:after{background-color:#fff;border-radius:50%;width:5px;height:5px;left:-4px;top:8px}.price-tag--cutout-blue:after{background-color:#1d3657}
/*# sourceMappingURL=main.8f6dba3118e3b80ff25c1a1198013581.css.map*/