header{z-index:2;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:5rem;color:#c99f67;background:#242424;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.header-title,header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-title{margin-left:2rem;font-size:2rem;color:inherit;text-align:left;text-decoration:none}.header-icon{margin:0 1.5rem;color:inherit}.header-delimiter{margin:auto}footer{position:relative;z-index:6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:65px}.footer-content{width:100%;height:100%;background:#242424;-webkit-box-shadow:0 -2px 6px 0 rgba(0,0,0,.2);box-shadow:0 -2px 6px 0 rgba(0,0,0,.2)}.app__name,.app__version{position:absolute;bottom:0;padding:1rem}.app__name{left:0}.app__version{right:0}.app__notification{position:absolute;top:.3rem;right:.2rem}#qrcode{position:absolute;bottom:1em;width:5.5em;cursor:pointer;-webkit-filter:drop-shadow(0 -4px 4px rgba(0,0,0,.75));filter:drop-shadow(0 -4px 4px rgba(0,0,0,.75))}.abcRioButton{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;margin:auto;overflow:hidden;color:#262626;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;background-color:#fff;background-image:none;border-radius:1px;outline:none;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25);box-shadow:0 2px 4px 0 rgba(0,0,0,.25);-webkit-transition:background-color .218s,border-color .218s,-webkit-box-shadow .218s;transition:background-color .218s,border-color .218s,-webkit-box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s,-webkit-box-shadow .218s;-webkit-appearance:none}.abcRioButton:hover{-webkit-box-shadow:0 0 3px 3px rgba(66,133,244,.3);box-shadow:0 0 3px 3px rgba(66,133,244,.3)}.abcRioButtonBlue{color:#fff;border:none}.abcRioButtonBlue,.abcRioButtonBlue:hover{background-color:#4285f4}.abcRioButtonBlue:active{background-color:#3367d6}.abcRioButtonLightBlue{color:#757575;background-color:#fff}.abcRioButtonLightBlue:active{color:#6d6d6d;background-color:#eee}.abcRioButtonIcon{float:left}.abcRioButtonBlue .abcRioButtonIcon{background-color:#fff;border-radius:1px}.abcRioButtonSvg{display:block}.abcRioButtonContents{margin-right:6px;margin-left:6px;font-family:Roboto,arial,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.21px;vertical-align:top}.abcRioButtonContentWrapper{width:100%;height:100%}.abcRioButtonBlue .abcRioButtonContentWrapper{border:1px solid transparent}.abcRioButtonErrorWrapper,.abcRioButtonWorkingWrapper{display:none;width:100%;height:100%}.abcRioButtonErrorIcon,.abcRioButtonWorkingIcon{margin-right:auto;margin-left:auto}.abcRioButtonErrorState,.abcRioButtonWorkingState{color:#262626;border:1px solid #d5d5d5;border:1px solid rgba(0,0,0,.17);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 0 rgba(0,0,0,.05)}.abcRioButtonErrorState,.abcRioButtonErrorState:hover{background-color:#fff}.abcRioButtonWorkingState,.abcRioButtonWorkingState:hover{background-color:#f5f5f5}.abcRioButtonErrorState:hover,.abcRioButtonWorkingState:hover{border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1)}.abcRioButtonErrorState:active,.abcRioButtonWorkingState:active{color:#262626;border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);-webkit-box-shadow:inset 0 1px 0 #ddd;box-shadow:inset 0 1px 0 #ddd}.abcRioButtonErrorState:active,.abcRioButtonWorkingState:active{background-color:#e5e5e5}.abcRioButtonErrorState .abcRioButtonErrorWrapper,.abcRioButtonWorkingState .abcRioButtonWorkingWrapper{display:block}.abcRioButtonErrorState .abcRioButtonContentWrapper,.abcRioButtonErrorState .abcRioButtonWorkingWrapper,.abcRioButtonWorkingState .abcRioButtonContentWrapper{display:none}.sign-in{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(87,87,89,.8)}.sign-in__inner{margin-bottom:40vh}.qr-scanner-wrapper{position:absolute;right:0;bottom:0;left:0;z-index:5;overflow:hidden;background:#575759;-webkit-animation:slide-up 1s forwards;animation:slide-up 1s forwards}.qr-scanner-wrapper .qr-scanner{position:relative;z-index:1;width:100%;height:100%}.qr-scanner-wrapper .qr-scanner:after{position:absolute;top:0;left:0;width:100%;height:20px;content:"";background-color:rgba(239,240,235,.5);-webkit-box-shadow:0 0 50px #eff0eb;box-shadow:0 0 50px #eff0eb;-webkit-animation:scanning 5s cubic-bezier(.7,.3,.3,.7) infinite;animation:scanning 5s cubic-bezier(.7,.3,.3,.7) infinite;-webkit-animation-delay:1s;animation-delay:1s}.qr-scanner-wrapper .qr-scanner .qr-scanner__camera{position:absolute;top:20px;right:0;left:0;font-size:2rem;font-weight:700;text-transform:uppercase}.qr-scanner-wrapper .qr-scanner .qr-scanner__flash{position:absolute;top:0;right:0;width:40px;height:40px;padding:20px;font-size:2rem}.qrscan{position:absolute;top:50%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#qrscan{-o-object-fit:cover;object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%}@-webkit-keyframes scanning{0%,to{top:0}50%{top:calc(100% - 20px)}}@keyframes scanning{0%,to{top:0}50%{top:calc(100% - 20px)}}@-webkit-keyframes slide-up{0%{top:100%}to{top:0}}@keyframes slide-up{0%{top:100%}to{top:0}}.popup-overlay{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:rgba(36,36,36,.5)}.popup-wrapper{position:relative;width:100%;max-width:500px;max-height:100%;overflow-y:scroll;margin:20px;color:#eff0eb;background-color:#242424;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.popup__close{position:absolute;top:0;right:0;padding:20px;cursor:pointer}.popup{padding:20px}.popup__title{margin-top:20px;font-size:32px}.popup__subtitle{margin-top:10px;font-size:20px}.popup__options{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px}.popup__options__button{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:14px;font-size:18px;cursor:pointer}.popup__options__button:not(:first-child){margin-left:20px}.popup__options__button.success{color:#fff;background-color:#486600}.popup__options__button.warning{color:#000;background-color:#cc860d}.popup__options__button.danger{color:#fff;background-color:#660d00}.popup__options__button.disabled{color:#fff;background-color:grey}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Avenir,Helvetica,Arial,sans-serif;color:#eff0eb;text-align:center;background-color:#242424;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:Syne;src:local("Syne"),url(../fonts/Syne-Regular.d3ec395b.ttf) format("truetype")}@-webkit-keyframes scaleUpDown{0%,to{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}50%,90%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}75%{-webkit-transform:scaleY(.95);transform:scaleY(.95)}80%{-webkit-transform:scaleX(.95);transform:scaleX(.95)}}@keyframes scaleUpDown{0%,to{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}50%,90%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}75%{-webkit-transform:scaleY(.95);transform:scaleY(.95)}80%{-webkit-transform:scaleX(.95);transform:scaleX(.95)}}@-webkit-keyframes shake{0%,to{-webkit-transform:skewX(0) scale(1);transform:skewX(0) scale(1)}50%{-webkit-transform:skewX(5deg) scale(.9);transform:skewX(5deg) scale(.9)}}@keyframes shake{0%,to{-webkit-transform:skewX(0) scale(1);transform:skewX(0) scale(1)}50%{-webkit-transform:skewX(5deg) scale(.9);transform:skewX(5deg) scale(.9)}}@-webkit-keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{top:-100%;opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{top:-100%;opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes glow{0%,to{background-color:#ef5a00}50%{background-color:#ff7800}}@keyframes glow{0%,to{background-color:#ef5a00}50%{background-color:#ff7800}}.fire{position:absolute;bottom:-32px;width:30px;height:30px;margin-right:auto;margin-left:auto;background-color:transparent}.fire-center{-webkit-animation:scaleUpDown 3s ease-out;animation:scaleUpDown 3s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fire-center,.fire-center .main-fire{position:absolute;width:100%;height:100%}.fire-center .main-fire{background-image:radial-gradient(farthest-corner at 10px 0,#d43300 0,#ef5a00 95%);-webkit-filter:drop-shadow(0 0 10px #d43322);filter:drop-shadow(0 0 10px #d43322);border-radius:0 40% 60% 40%;-webkit-transform:scaleX(.8) rotate(45deg);transform:scaleX(.8) rotate(45deg)}.fire-center .particle-fire{position:absolute;top:60%;left:45%;width:10px;height:10px;background-color:#ef5a00;-webkit-filter:drop-shadow(0 0 10px #d43322);filter:drop-shadow(0 0 10px #d43322);border-radius:50%;-webkit-animation:particleUp 2s ease-out 0;animation:particleUp 2s ease-out 0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fire-right{position:absolute;width:100%;height:100%;-webkit-animation:shake 2s ease-out 0;animation:shake 2s ease-out 0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fire-right .main-fire{top:15%;right:-25%;width:80%;height:80%;border-radius:0 40% 60% 40%}.fire-right .main-fire,.fire-right .particle-fire{position:absolute;background-color:#ef5a00;-webkit-filter:drop-shadow(0 0 10px #d43322);filter:drop-shadow(0 0 10px #d43322);-webkit-transform:scaleX(.8) rotate(45deg);transform:scaleX(.8) rotate(45deg)}.fire-right .particle-fire{top:45%;left:50%;width:15px;height:15px;border-radius:50%;-webkit-animation:particleUp 2s ease-out 0;animation:particleUp 2s ease-out 0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fire-left{position:absolute;width:100%;height:100%;-webkit-animation:shake 3s ease-out 0;animation:shake 3s ease-out 0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fire-left .main-fire{top:15%;left:-20%;width:80%;height:80%;border-radius:0 40% 60% 40%;-webkit-transform:scaleX(.8) rotate(45deg);transform:scaleX(.8) rotate(45deg)}.fire-left .main-fire,.fire-left .particle-fire{position:absolute;background-color:#ef5a00;-webkit-filter:drop-shadow(0 0 10px #d43322);filter:drop-shadow(0 0 10px #d43322)}.fire-left .particle-fire{top:10%;left:20%;width:10%;height:10%;border-radius:50%;-webkit-animation:particleUp 0 3s ease-out infinite;animation:particleUp 0 3s ease-out infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fire-bottom .main-fire{position:absolute;top:30%;left:20%;width:75%;height:75%;background-color:#ff7800;-webkit-filter:blur(10px);filter:blur(10px);border-radius:0 40% 100% 40%;-webkit-transform:scaleX(.8) rotate(45deg);transform:scaleX(.8) rotate(45deg);-webkit-animation:glow 2s ease-out 0;animation:glow 2s ease-out 0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.control-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;margin:10px 10px 0 10px;cursor:pointer;background-color:#fff;border-radius:2px;-webkit-box-shadow:rgba(0,0,0,.3) 0 1px 4px -1px;box-shadow:0 1px 4px -1px rgba(0,0,0,.3)}.control-button__inner{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.control-button__icon{width:70%}.control-button__streak{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.control-button__streak.no-streak{-webkit-filter:opacity(.1);filter:opacity(.1)}.control-button__streak__count{position:absolute;font-family:Syne,sans-serif;font-size:300%;line-height:1;color:#242424;text-shadow:-1px -1px 1px rgba(36,36,36,.5215686275)}.vue-map-container.collapsed-map{height:25%;-webkit-transition:all .3s .2s;transition:all .3s .2s}.vue-map-container.collapsed-map #position-button,.vue-map-container.collapsed-map #streak-button,.vue-map-container.collapsed-map .gmnoprint{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;opacity:0}.vue-map-container.expanded-map{height:100%;-webkit-transition:all .3s 0ms;transition:all .3s 0ms}.vue-map-container.expanded-map #position-button,.vue-map-container.expanded-map #streak-button,.vue-map-container.expanded-map .gmnoprint{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;opacity:1;-webkit-transition:opacity .2s .5s;transition:opacity .2s .5s}.view-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-note{max-width:100%;margin-top:1em;word-wrap:break-word;white-space:pre-line}.hint-card{width:300px;height:3em;margin-top:1em;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.hint-card.show-hint{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hint-card__answer,.hint-card__question{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hint-card__question{color:#eff0eb;background-color:#966840}.hint-card__answer{color:#966840;background-color:#242424;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hint-card__answer-text{max-height:100%;overflow:scroll}.last-visited{margin-top:1em;font-size:.9em;color:grey}.update-title{font-size:32px}form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deleteBtn,.saveBtn,input[type=text],textarea{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:3em;padding:.8em .5em;margin-bottom:1em;font-family:inherit;resize:none;border:1px solid #bbb;-webkit-transition:height .2s;transition:height .2s}input[type=text],textarea{color:#eff0eb;background-color:#242424}textarea:focus{height:8em}.saveBtn{color:#fff;background-color:#966840}.saveBtn.disabled{pointer-events:none;opacity:.5}.replaceQRCode{text-decoration:underline}.deleteBtn{color:#fff;background-color:#660d00}.updateBtn{padding:.5rem;background-color:#966840;border:1px solid #bbb;border-radius:100%}.spinner-icon{width:50px}.qrspot-wrapper{position:absolute;-webkit-box-shadow:0 -2px 6px 0 rgba(0,0,0,.2);box-shadow:0 -2px 6px 0 rgba(0,0,0,.2)}.qrspot-wrapper .qrspot-title{-webkit-transition:all .5s;transition:all .5s}.qrspot-wrapper.HIDE{right:60px;bottom:-65px;left:60px;height:0;-webkit-transition:bottom .5s 0ms,left 0ms .5s,right 0ms .5s,height .5s 0ms;transition:bottom .5s 0ms,left 0ms .5s,right 0ms .5s,height .5s 0ms}.qrspot-wrapper.SHOW_INFO{right:60px;bottom:24px;left:60px;height:90px;-webkit-transition:all .3s .2s,height .5s 0ms;transition:all .3s .2s,height .5s 0ms}.qrspot-wrapper.SHOW_INFO .qrspot-title{font-size:24px}.qrspot-wrapper.SHOW_DETAILS{right:0;bottom:0;left:0;height:75%;-webkit-transition:all .2s 0ms,height .5s;transition:all .2s 0ms,height .5s}.qrspot-wrapper.SHOW_DETAILS .qrspot-title{font-size:32px}.qrspot-container{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:1em;overflow:scroll;color:#eff0eb;cursor:pointer;background-color:#575759;border-radius:2px;-webkit-box-shadow:rgba(0,0,0,.3) 0 1px 4px -1px;box-shadow:0 1px 4px -1px rgba(0,0,0,.3)}.qrspot-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:500px;margin:0 auto;font-size:1rem}.qrspot-info__distance,.qrspot-info__rating{padding:0 10px}.fixed-button{position:absolute;top:1em;right:1em}.fixed-button.danger{color:#660d00}.home{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.map-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.overlay{top:-50vh;width:100vw;height:100vh;background-color:rgba(0,0,0,.75)}.count,.overlay{position:absolute}.count{top:-4px;right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;border:2.5px solid #fff;border-radius:50%}.count__title{font-size:.6em;font-weight:700}.hex{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:70px;height:40px;margin:20px 10px;font-size:.8rem;font-weight:700;color:#fff;background-color:currentColor}.hex:after,.hex:before{position:absolute;content:"";border-right:35px solid transparent;border-left:35px solid transparent}.hex:before{top:-20px;border-bottom:20px solid currentColor;-webkit-transform:translateY(.1px);transform:translateY(.1px)}.hex:after{bottom:-20px;border-top:20px solid currentColor;-webkit-transform:translateY(-.1px);transform:translateY(-.1px)}.hex__inner{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;-webkit-transform:scale(.85);transform:scale(.85)}.hex__icon{z-index:1;margin-bottom:1rem;color:#eff0eb}.banner{position:absolute;top:75%;left:50%;display:block;width:110px;margin-left:-55px;line-height:2;text-align:center;background:#9b2;border:1px solid #8a1;border-radius:4px;-webkit-box-shadow:0 0 30px rgba(0,0,0,.15) inset,0 6px 10px rgba(0,0,0,.15);box-shadow:inset 0 0 30px rgba(0,0,0,.15),0 6px 10px rgba(0,0,0,.15)}.banner:after,.banner:before{position:absolute;top:16px;left:-15px;z-index:-1;display:block;width:10px;height:0;content:"";border:8px solid #9b2;border-right:6px solid #791;border-bottom-color:#94b81e;border-left-color:transparent;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.banner:after{right:-15px;left:auto;border-right:8px solid transparent;border-left:6px solid #791;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.banner__text{padding-left:5px;overflow:hidden;text-overflow:ellipsis}.user-achievements{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(100px,max-content));grid-gap:.5rem}.user-achievements,.user-achievements__card{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-achievements__card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100px}.user-achievements__card.selected{position:absolute;right:0;left:0;z-index:1;margin-right:auto;margin-left:auto;-webkit-transform:scale(3);transform:scale(3)}.leaderboard__nav{position:relative}.leaderboard__nav a{position:absolute;top:0;padding:.2rem 1rem;background:#966840;border-radius:.2rem}.leaderboard__nav a.nav--left{left:0}.leaderboard__nav a.nav--right{right:0}.leaderboard__nav a.disabled{color:#a2a2a2;background:#636363}.leaderboard__period{display:inline-block;text-decoration:underline}.leaderboard__table{min-width:100%;max-width:800px;margin:auto;border-collapse:collapse}.leaderboard__table tr{text-align:left}.leaderboard__table tr:nth-child(2n){background-color:hsla(0,0%,100%,.2)}.leaderboard__table td,.leaderboard__table th{padding:.5rem}.user__photo{width:32px;height:32px;background-color:#dfdfdf;background-position:50%;background-size:cover;border-radius:50%}.settings__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:auto;margin-bottom:20px}select{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.help-me,.log-out,.select-language,.user-remove{position:relative;display:block;padding:1rem 2rem;margin:1rem;color:#fff;text-decoration:none;text-transform:uppercase;cursor:pointer}.help-me,.log-out,.select-language{background:#636363}.user-remove{background:#660d00}.user-wrapper{z-index:1;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin:auto;overflow-x:hidden;overflow-y:scroll;background-color:#575759}.user-wrapper,.user-xp-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.user-xp-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-xp__level{position:relative;z-index:1;height:4rem;font-size:4rem;-webkit-text-stroke:1px #000}.user-xp__bar{position:relative;display:inline-block;width:300px;max-width:66%;height:2.5rem;margin-right:-1rem;margin-left:-2.25rem;font-size:3rem;border:1px solid #000;border-radius:3px}.user-xp__bar--fill{height:100%;-webkit-transition:max-width 2s ease-in-out;transition:max-width 2s ease-in-out;-webkit-animation:bar-fill 2s ease-in-out forwards;animation:bar-fill 2s ease-in-out forwards}@-webkit-keyframes bar-fill{0%{width:0}to{width:100%}}@keyframes bar-fill{0%{width:0}to{width:100%}}.user-xp__text{position:absolute;top:.2em;right:.2em;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Roboto,arial,sans-serif;font-size:.4em;font-style:italic;font-weight:700;color:#000;-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.user-header{margin:1rem 0}.user-header__title{grid-area:top;align-self:end}.user-header__email{grid-area:bottom}.user-header__photo{grid-area:left;width:96px;height:96px;margin:auto;background-position:50%;background-size:cover;border-radius:50%}.tabs{position:sticky;top:0;z-index:1;height:3.5em;background-color:#575759}.tab-options{height:inherit}.tab-options,.tabs__tab-option{display:-webkit-box;display:-ms-flexbox;display:flex}.tabs__tab-option{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#a2a2a2}.tabs__tab-option.active{color:#eff0eb}.active-tab-marker{height:3px;background-color:#eff0eb}.active-tab-marker,.tab-container{-webkit-transition-duration:.2s;transition-duration:.2s}.tab-container{-webkit-transform:translateX(0);transform:translateX(0)}.tab-content{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:0;overflow:hidden}.tab-content.active{height:auto;overflow:scroll}.tab-component{width:100%;padding:1em 1em 3em 1em}@media screen and (min-width:500px){.user-header{display:grid;grid-template:"left top" "left bottom";text-align:left}.user-header__photo{margin:0 1rem 0 auto}}.not-found{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.not-found__code{font-size:10rem}.not-found__status{margin-bottom:1rem}*{padding:0;margin:0}.snackbar-container{-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-property:top,right,bottom,left,opacity;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;background-color:#070b0e;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:0;z-index:9999}.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#4caf50;margin:0 0 0 24px;padding:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;cursor:pointer}@media(min-width:640px){.snackbar-container{min-width:288px;max-width:568px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-radius:2px;margin:24px}}@media(max-width:640px){.snackbar-container{left:0;right:0;width:100%}}.snackbar-pos.bottom-center{top:auto!important;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.snackbar-pos.bottom-left{top:auto!important;bottom:0;left:0}.snackbar-pos.bottom-right{top:auto!important;bottom:0;right:0}.snackbar-pos.top-left{bottom:auto!important;top:0;left:0}.snackbar-pos.top-center{bottom:auto!important;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.snackbar-pos.top-right{bottom:auto!important;top:0;right:0}@media(max-width:640px){.snackbar-pos.bottom-center,.snackbar-pos.top-center{left:0;-webkit-transform:none;transform:none}}.async--img{position:relative}.async--img:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border-radius:inherit}.async--img:before,.async--text:empty:before{content:" ";background:#dfdfdf;-webkit-animation:placeholder 1.5s ease-out infinite;animation:placeholder 1.5s ease-out infinite}.async--text:empty:before{display:inline-block;width:150px;margin:inherit;line-height:1;white-space:pre;-webkit-animation-delay:inherit;animation-delay:inherit}.async:first-child{-webkit-animation-delay:1s;animation-delay:1s}.async:nth-child(2){-webkit-animation-delay:1.1s;animation-delay:1.1s}.async:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}.async:nth-child(4){-webkit-animation-delay:1.3s;animation-delay:1.3s}.async:nth-child(5){-webkit-animation-delay:1.4s;animation-delay:1.4s}@-webkit-keyframes placeholder{0%{background:#dfdfdf}10%{background:#f5f5f5}40%{background:#dfdfdf}}@keyframes placeholder{0%{background:#dfdfdf}10%{background:#f5f5f5}40%{background:#dfdfdf}}body,html{width:100vw;height:100vh;padding:0;margin:0;overflow:hidden;background-color:#242424}li{list-style-type:none}a.disabled{pointer-events:none;cursor:default}.snackbar-container{z-index:1;margin:0;text-align:center}.snackbar-container .action{color:#c99f67;outline:none}.snackbar-pos.top-center,.snackbar-pos.top-left,.snackbar-pos.top-right{top:5rem}.achievement-popup{top:0;right:0;bottom:0;left:0;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:none;font-size:1rem!important}.achievement-popup>p{position:relative;padding:2rem 5rem!important;line-height:1.5!important;background:#f5dca4;border:2px solid #a67b1e;border-radius:12px}.achievement-popup>.action{z-index:1;padding:.5rem 3rem;margin:0;margin-top:-1.5rem;background:#2ecc40;border:2px solid #a67b1e;border-radius:1.5rem}.achievement-top{position:absolute;top:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1rem}.achievement-top p{padding:.5rem 3rem;margin-top:-1.5rem;color:#f5dca4;background:#b14c03;border:2px solid #a67b1e;border-radius:1.5rem}.ripple{position:relative}.ripple:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-position:50%;-webkit-transition:background .8s;transition:background .8s}.ripple:hover:after{background:hsla(0,0%,100%,.2) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.1) 0) 50%/15000%}.ripple:active:after{background-size:100%;-webkit-transition:background 0s;transition:background 0s}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.fade-slow-enter-active,.fade-slow-leave-active{-webkit-transition:opacity;transition:opacity;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:2s;transition-duration:2s}.fade-slow-enter,.fade-slow-leave-to{opacity:0}