@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700);html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}aside{background-color:#f8f8f8;width:100%}@media (min-width:1024px){aside{border-right:1px solid #ebebeb;height:100%;left:0;max-width:300px;position:fixed;top:0;z-index:10}}body{-webkit-box-sizing:border-box;box-sizing:border-box;color:#151615;font-family:Roboto,sans-serif;font-size:20px;line-height:1.4;min-height:100%}@media (min-width:1024px){body{padding-left:300px}}.button,button{background-color:#ef6c07;border:none;border-radius:2rem;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3);color:#fff;padding:.5rem 1rem;text-decoration:none;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.button:active,.button:focus,.button:hover,button:active,button:focus,button:hover{background-color:#f98830}footer .copyright,footer nav{display:block}@media (min-width:1024px){footer .copyright,footer nav{display:none}}footer .social-media{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}textarea{resize:vertical;width:100%}input{border:1px solid #909090;max-width:100%}input[type=submit]{background-color:#ef6c07;border:none;border-radius:2rem;color:#fff;padding:.5rem 1rem;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{background-color:#f98830}header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow-y:auto;padding:2rem 1rem}@media (min-width:1024px){header{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:block;height:100%}}header form{margin-left:auto}header label{cursor:pointer;display:inline-block;position:relative}@media (min-width:1024px){header label{display:none}}header label:before{background-size:25px 25px;content:"";display:inline-block;height:25px;left:-32px;position:absolute;top:1px;width:25px}header .navigation-container{min-width:100%;padding-top:2rem}@media (min-width:1024px){header .navigation-container{padding-top:4rem}}header .navigation-container a{text-decoration:none}header [type=checkbox]:checked+.navigation-container{display:block}header .copyright,header .social-media{display:none}@media (min-width:1024px){header .copyright,header .social-media{display:block}}h1,h2,h3,h4,h5,h6{font-weight:700;margin-top:0}h1{font-size:3rem;line-height:1}@media (min-width:768px){h1{font-size:4.5rem}}h2{font-size:2rem}@media (min-width:768px){h2{font-size:3rem}}h3{font-size:1.825rem}.hr,hr{background:#151615;border:0;color:#151615;font-size:0;height:1px}.hr--grey{background:#909090;color:#909090}.hr--grey-light{background:#ebebeb;color:#ebebeb}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}a,img,svg{max-width:100%}a{color:#151615;display:inline-block;font-weight:400}a:active,a:focus,a:hover{text-decoration:none}@media (min-width:1024px){.link--float{background-color:rgba(21,22,21,.8);color:#fff;font-size:1rem;padding:.5rem;position:fixed;right:0;top:0;-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease;z-index:100}}.link--float:active,.link--float:focus,.link--float:hover{background-color:#151615}ol,ul{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto 4rem;padding-left:2rem;width:100%}@media (min-width:768px){ol,ul{padding-left:4rem}}ol>li:first-child,ul>li:first-child{padding-top:0}ol>li:last-child,ul>li:last-child{border-bottom:0;padding-bottom:0}.navigation-container{display:none;font-size:1rem}@media (min-width:1024px){.navigation-container{display:block}}.navigation-container nav>ul{list-style:none;padding-left:0}.navigation-container nav>ul>li{border-bottom:1px solid #ebebeb;cursor:default}.navigation-container nav>ul>li>a{display:block;font-weight:700;padding-bottom:.5rem;padding-top:.5rem;position:relative}.navigation-container nav>ul>li.menu-item-has-children{cursor:pointer;margin-top:1rem}.navigation-container nav>ul>li.menu-item-has-children>a:active,.navigation-container nav>ul>li.menu-item-has-children>a:focus,.navigation-container nav>ul>li.menu-item-has-children>a:hover{text-decoration:none}.navigation-container .sub-menu{list-style:none;margin-bottom:1rem;padding-left:0}.navigation-container .sub-menu>li{padding-left:.5rem;padding-right:.5rem}.navigation-container .sub-menu>li>a{display:block;padding:.25rem .5rem}.navigation-container .sub-menu>li.current-menu-item>a,.navigation-container .sub-menu>li>a:active,.navigation-container .sub-menu>li>a:focus,.navigation-container .sub-menu>li>a:hover{background-color:#909090;color:#fff;text-decoration:none}p{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-weight:400;line-height:1.4;margin-bottom:2rem;margin-top:0;width:100%}p:last-child{margin-bottom:0}.section,section{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;*zoom:1}.section:after,.section:before,section:after,section:before{content:" ";display:table}.section:after,section:after{clear:both}@media (min-width:768px){.section,section{padding:0}}.section__content{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:850px;width:100%}.section--wide .section__content{max-width:1560px}.section--fill .section__content{max-width:none}.section--content-left .section__content{margin-left:0}.section--content-right .section__content{margin-right:0}.section--blueprint .section__content{background-image:url(/app/themes/GameUIPatterns/dist/images/blueprint-bg-tile.png);background-repeat:repeat;border-radius:3px;padding:6rem 1rem;text-align:center}@media (min-width:1440px){.section--blueprint .section__content{padding-left:6rem;padding-right:6rem}}.section--blueprint h3{color:#fff}.section--blueprint svg{height:auto;width:100%}.section--examples{background-color:#151615;color:#fff}.box{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative}.box--description{background-color:#f8f8f8;padding:2rem}@media (min-width:768px){.box--description{border-radius:3px}}.box--description a{color:#ef6c07;text-decoration:underline}.box--description a:hover{color:#ef6c07;text-decoration:none}.comment-list>.comment{border-top:1px solid #909090;padding-top:2rem}.comment-list>.comment:first-child{border-top:none}.comment-list .children{list-style:none;margin-top:2rem;padding-left:2rem}.comment-list .children .comment{padding-top:2rem}.comment__meta{margin-bottom:1rem}.comment__avatar{margin:0 auto 2rem}@media (min-width:1440px){.comment__avatar{left:-6rem;position:absolute;top:2rem}}.cta{background-color:#619cea;border:none;border-radius:6px;-webkit-box-shadow:0 3px 1px 0 rgba(0,0,0,.05);box-shadow:0 3px 1px 0 rgba(0,0,0,.05);color:#fff;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.4px;padding:.5rem 1rem;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.cta:active,.cta:focus,.cta:hover{background-color:#8eb8f0}.cta:after{content:"\BB";margin-left:.5rem}.cta--green{background-color:#43b05c}.cta--green:active,.cta--green:focus,.cta--green:hover{background-color:#63c379}.cta--orange{background-color:#ef6c07}.cta--orange:active,.cta--orange:focus,.cta--orange:hover{background-color:#f98830}.examples{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:768px){.examples{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.examples>.examples__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem;text-align:center;width:100%}.examples>.examples__item:last-child{margin-bottom:0}.examples>.examples__item div{width:100%}.examples>.examples__item h4{margin-bottom:0;margin-right:0}@media (min-width:768px){.examples>.examples__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem;width:50%}.examples>.examples__item h4{margin-right:0}}@media (min-width:1440px){.examples>.examples__item{width:33.333%}}@media (min-width:1920px){.examples>.examples__item{width:25%}}.examples__thumbnail{margin-bottom:1rem;min-width:100%}.list{list-style:none;margin:0;padding:0}.list__item{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.list--double{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:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:768px){.list--double{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.list--double>.list__item{margin-bottom:2rem}@media (min-width:768px){.list--double>.list__item{width:45%}}.list--bullets{padding-left:3rem}.list--bullets>.list__item{list-style:disc}.list--divided>.list__item{border-bottom:1px solid #ebebeb;padding-bottom:.5rem;padding-top:.5rem}.list--divided>.list__item:last-child{border-bottom:0}@media (min-width:1024px){.logo{padding-top:4rem}}.logo a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#151615;display:block;text-decoration:none}@media (min-width:425px){.logo a{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:1024px){.logo a{display:block}}.logo__icon{display:none;margin-left:auto;margin-right:1rem;max-width:100px;width:100%}@media (min-width:425px){.logo__icon{display:block}}@media (min-width:1024px){.logo__icon{margin-bottom:1rem;margin-right:auto}}.logo__text{font-weight:700}@media (min-width:1024px){.logo__text{font-size:1.825rem;text-align:center}}.rate{margin-right:1rem;min-width:50px;text-align:center}.rate__control{cursor:pointer}.rate__control svg{fill:#737373;max-width:2rem}.rate__control svg:active,.rate__control svg:focus,.rate__control svg:hover{fill:#ef6c07}.rate__control--down svg{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.rate__control--voted svg{fill:#ef6c07}.rate__control--voted svg:active,.rate__control--voted svg:focus,.rate__control--voted svg:hover{fill:#f98830}.social-media svg{height:2rem;max-width:2rem}.icon{-webkit-transition:fill .3s ease;-o-transition:fill .3s ease;transition:fill .3s ease}.icon--facebook{fill:#3b5998}.icon--facebook:active,.icon--facebook:focus,.icon--facebook:hover{fill:#718dc8}.icon--twitter{fill:#1da1f2}.icon--twitter:active,.icon--twitter:focus,.icon--twitter:hover{fill:#7dc9f8}.icon--google-plus{fill:#dc4e41}.icon--google-plus:active,.icon--google-plus:focus,.icon--google-plus:hover{fill:#ec9e97}.animate{-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate--fade-in{-webkit-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in}.animate--fade-in-hold{-webkit-animation-name:fade-in-hold;-o-animation-name:fade-in-hold;animation-name:fade-in-hold}.animate--fade-in-out{-webkit-animation-name:fade-in-out;-o-animation-name:fade-in-out;animation-name:fade-in-out}.animate--fade-in-short{-webkit-animation-name:fade-in-short;-o-animation-name:fade-in-short;animation-name:fade-in-short}.animate--fade-in-0-20{-webkit-animation-name:fade-in-0-20;-o-animation-name:fade-in-0-20;animation-name:fade-in-0-20}.animate--fade-in-20-40{-webkit-animation-name:fade-in-20-40;-o-animation-name:fade-in-20-40;animation-name:fade-in-20-40}.animate--fade-in-40-60{-webkit-animation-name:fade-in-40-60;-o-animation-name:fade-in-40-60;animation-name:fade-in-40-60}.animate--fade-in-60-80{-webkit-animation-name:fade-in-60-80;-o-animation-name:fade-in-60-80;animation-name:fade-in-60-80}.animate--fade-in-80-100{-webkit-animation-name:fade-in-80-100;-o-animation-name:fade-in-80-100;animation-name:fade-in-80-100}.animate--fade-out{-webkit-animation-name:fade-out;-o-animation-name:fade-out;animation-name:fade-out}.animate--grow-horizontal{-webkit-animation-name:grow-horizontal;-o-animation-name:grow-horizontal;animation-name:grow-horizontal}.animate--grow-horizontal-hold{-webkit-animation-name:grow-horizontal-hold;-o-animation-name:grow-horizontal-hold;animation-name:grow-horizontal-hold}.animate--grow-horizontal-loop{-webkit-animation-name:grow-horizontal-loop;-o-animation-name:grow-horizontal-loop;animation-name:grow-horizontal-loop}.animate--rotate-30{-webkit-animation-name:rotate-30;-o-animation-name:rotate-30;animation-name:rotate-30}.animate--rotate-30-rev{-webkit-animation-name:rotate-30-rev;-o-animation-name:rotate-30-rev;animation-name:rotate-30-rev}.animate--rotate-90{-webkit-animation-name:rotate-90;-o-animation-name:rotate-90;animation-name:rotate-90}.animate--rotate-360-repeat{-webkit-animation-name:rotate-360-repeat;-o-animation-name:rotate-360-repeat;animation-name:rotate-360-repeat}.animate--scale-down{-webkit-animation-name:scale-down;-o-animation-name:scale-down;animation-name:scale-down}.animate--scale-up{-webkit-animation-name:scale-up;-o-animation-name:scale-up;animation-name:scale-up}.animate--shrink-horizontal{-webkit-animation-name:shrink-horizontal;-o-animation-name:shrink-horizontal;animation-name:shrink-horizontal}.animate--shrink-horizontal-hold{-webkit-animation-name:shrink-horizontal-hold;-o-animation-name:shrink-horizontal-hold;animation-name:shrink-horizontal-hold}.animate--shrink-horizontal-loop{-webkit-animation-name:shrink-horizontal-loop;-o-animation-name:shrink-horizontal-loop;animation-name:shrink-horizontal-loop}.animate--slide-horizontal{-webkit-animation-name:slide-horizontal;-o-animation-name:slide-horizontal;animation-name:slide-horizontal}.animate--slide-left{-webkit-animation-name:slide-left;-o-animation-name:slide-left;animation-name:slide-left}.animate--slide-right{-webkit-animation-name:slide-right;-o-animation-name:slide-right;animation-name:slide-right}.animate-delay--two{-webkit-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.animate-delay--four{-webkit-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}.animate-delay--six{-webkit-animation-delay:6s;-o-animation-delay:6s;animation-delay:6s}.animate-delay--eight{-webkit-animation-delay:8s;-o-animation-delay:8s;animation-delay:8s}.animate-delay--ten{-webkit-animation-delay:10s;-o-animation-delay:10s;animation-delay:10s}.animate-duration--four{-webkit-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s}.animate-duration--eight{-webkit-animation-duration:8s;-o-animation-duration:8s;animation-duration:8s}.animate-duration--twelve{-webkit-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@-o-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-hold{0%{opacity:0}50%{opacity:1}to{opacity:1}}@-o-keyframes fade-in-hold{0%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes fade-in-hold{0%{opacity:0}50%{opacity:1}to{opacity:1}}@-webkit-keyframes fade-in-out{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@-o-keyframes fade-in-out{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes fade-in-out{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in-short{0%{opacity:0}25%{opacity:0}75%{opacity:1}to{opacity:1}}@-o-keyframes fade-in-short{0%{opacity:0}25%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes fade-in-short{0%{opacity:0}25%{opacity:0}75%{opacity:1}to{opacity:1}}@-webkit-keyframes fade-in-0-20{0%{opacity:0}to{opacity:.2}}@-o-keyframes fade-in-0-20{0%{opacity:0}to{opacity:.2}}@keyframes fade-in-0-20{0%{opacity:0}to{opacity:.2}}@-webkit-keyframes fade-in-20-40{0%{opacity:.2}to{opacity:.4}}@-o-keyframes fade-in-20-40{0%{opacity:.2}to{opacity:.4}}@keyframes fade-in-20-40{0%{opacity:.2}to{opacity:.4}}@-webkit-keyframes fade-in-40-60{0%{opacity:.4}to{opacity:.6}}@-o-keyframes fade-in-40-60{0%{opacity:.4}to{opacity:.6}}@keyframes fade-in-40-60{0%{opacity:.4}to{opacity:.6}}@-webkit-keyframes fade-in-60-80{0%{opacity:.6}to{opacity:.8}}@-o-keyframes fade-in-60-80{0%{opacity:.6}to{opacity:.8}}@keyframes fade-in-60-80{0%{opacity:.6}to{opacity:.8}}@-webkit-keyframes fade-in-80-100{0%{opacity:.8}to{opacity:1}}@-o-keyframes fade-in-80-100{0%{opacity:.8}to{opacity:1}}@keyframes fade-in-80-100{0%{opacity:.8}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@-o-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes grow-horizontal{0%{width:0}to{width:100%}}@-o-keyframes grow-horizontal{0%{width:0}to{width:100%}}@keyframes grow-horizontal{0%{width:0}to{width:100%}}@-webkit-keyframes grow-horizontal-hold{0%{width:0}50%{width:100%}to{width:100%}}@-o-keyframes grow-horizontal-hold{0%{width:0}50%{width:100%}to{width:100%}}@keyframes grow-horizontal-hold{0%{width:0}50%{width:100%}to{width:100%}}@-webkit-keyframes grow-horizontal-loop{0%{width:0}33%{width:100%}66%{width:100%}to{width:0}}@-o-keyframes grow-horizontal-loop{0%{width:0}33%{width:100%}66%{width:100%}to{width:0}}@keyframes grow-horizontal-loop{0%{width:0}33%{width:100%}66%{width:100%}to{width:0}}@-webkit-keyframes rotate-30{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-o-keyframes rotate-30{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-o-transform:rotate(-30deg);transform:rotate(-30deg)}to{-o-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate-30{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes rotate-30-rev{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-o-keyframes rotate-30-rev{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-o-transform:rotate(30deg);transform:rotate(30deg)}to{-o-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate-30-rev{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-o-keyframes rotate-90{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-o-transform:rotate(-90deg);transform:rotate(-90deg)}to{-o-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate-90{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes rotate-360-repeat{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotate-360-repeat{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-360-repeat{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-o-keyframes scale-down{0%{-o-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(.8);transform:scale(.8)}to{-o-transform:scale(1);transform:scale(1)}}@keyframes scale-down{0%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@-o-keyframes scale-up{0%{-o-transform:scale(.8);transform:scale(.8)}50%{-o-transform:scale(1);transform:scale(1)}to{-o-transform:scale(.8);transform:scale(.8)}}@keyframes scale-up{0%{-webkit-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes shrink-horizontal{0%{width:100%}to{width:0}}@-o-keyframes shrink-horizontal{0%{width:100%}to{width:0}}@keyframes shrink-horizontal{0%{width:100%}to{width:0}}@-webkit-keyframes shrink-horizontal-hold{0%{width:100%}50%{width:0}to{width:0}}@-o-keyframes shrink-horizontal-hold{0%{width:100%}50%{width:0}to{width:0}}@keyframes shrink-horizontal-hold{0%{width:100%}50%{width:0}to{width:0}}@-webkit-keyframes shrink-horizontal-loop{0%{width:100%}33%{width:0}66%{width:0}to{width:100%}}@-o-keyframes shrink-horizontal-loop{0%{width:100%}33%{width:0}66%{width:0}to{width:100%}}@keyframes shrink-horizontal-loop{0%{width:100%}33%{width:0}66%{width:0}to{width:100%}}@-webkit-keyframes slide-horizontal{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(50px);transform:translateX(50px)}70%{-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes slide-horizontal{0%{-o-transform:translateX(0);transform:translateX(0)}30%{-o-transform:translateX(50px);transform:translateX(50px)}70%{-o-transform:translateX(-50px);transform:translateX(-50px)}to{-o-transform:translateX(0);transform:translateX(0)}}@keyframes slide-horizontal{0%{-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(50px);-o-transform:translateX(50px);transform:translateX(50px)}70%{-webkit-transform:translateX(-50px);-o-transform:translateX(-50px);transform:translateX(-50px)}to{-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50px);transform:translateX(-50px)}}@-o-keyframes slide-left{0%{-o-transform:translateX(0);transform:translateX(0)}to{-o-transform:translateX(-50px);transform:translateX(-50px)}}@keyframes slide-left{0%{-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50px);-o-transform:translateX(-50px);transform:translateX(-50px)}}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(50px);transform:translateX(50px)}}@-o-keyframes slide-right{0%{-o-transform:translateX(0);transform:translateX(0)}to{-o-transform:translateX(50px);transform:translateX(50px)}}@keyframes slide-right{0%{-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(50px);-o-transform:translateX(50px);transform:translateX(50px)}}.bg--cover{background-position:50%;background-repeat:no-repeat;background-size:cover}.bg--color-grey-lightest{background-color:#f8f8f8}.bg--color-grey{background-color:#909090}.bg--color-blue{background-color:#0957ae}.bg--color-green{background-color:#43b05c}.bg--color-orange{background-color:#ef6c07}.bg--image-pattern{background-image:url(/app/themes/GameUIPatterns/dist/images/repeating-pattern.png);background-size:40%}.bg--image-pattern-fade{background-image:url(/app/themes/GameUIPatterns/dist/images/repeating-pattern-fade.png);background-size:40%}.border-radius--circle{border-radius:50%}.column-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:768px){.column-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.column-size--2 .column,.column-size--3 .column,.column-size--4 .column{max-width:100%;width:100%}@media (min-width:768px){.column-size--2 .column{max-width:50%}}@media (min-width:768px){.column-size--3 .column{max-width:33.33%}}@media (min-width:768px){.column-size--4 .column{max-width:50%}}@media (min-width:1440px){.column-size--4 .column{max-width:25%}}.display--block{display:block}.display--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.display--inline{display:inline}.display--inline-block{display:inline-block}.display--hidden{border:0!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}body:hover .display--hidden a,body:hover .display--hidden button,body:hover .display--hidden input{display:none!important}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex--align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex--align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex--align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex--direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex--direction-column-rev{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex--direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex--direction-row-rev{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.flex--grow-equal{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.flex--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex--justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex--wrap-no{-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (min-width:768px){.flex--direction-column\@tablet{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:768px){.flex--direction-row\@tablet{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width:768px){.flex--align-center\@tablet{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.opacity--none{opacity:0}.opacity--full{opacity:1}.text--italic{font-style:italic}.text--bold{font-weight:700}.text--black{color:#151615}.text--grey-light{color:#ebebeb}.text--grey{color:#909090}.text--grey-dark{color:#737373}.text--white{color:#fff}.text--blue{color:#0957ae}.text--orange{color:#ef6c07}.text--red{color:#dd352e}.text--small{font-size:1rem}.text--large{font-size:1.825rem}.text-align--left{text-align:left}.text-align--center{text-align:center}.text-align--right{text-align:right}.text--chevron:after{content:"\BB"}@media (min-width:768px){.text-align--left\@tablet{text-align:left}}@media (min-width:1024px){.text-align--left\@desktop{text-align:left}}@media (min-width:768px){.text-align--center\@tablet{text-align:center}}@media (min-width:1024px){.text-align--center\@desktop{text-align:center}}@media (min-width:768px){.text-align--right\@tablet{text-align:right}}@media (min-width:1024px){.text-align--right\@desktop{text-align:right}}.margin--tiny{margin:.5rem}.margin--small{margin:1rem}.margin--default{margin:2rem}.margin--large{margin:4rem}.margin--huge{margin:6rem}.margin--bottom-tiny{margin-bottom:.5rem}.margin--bottom-small{margin-bottom:1rem}.margin--bottom-default{margin-bottom:2rem}.margin--bottom-large{margin-bottom:4rem}.margin--bottom-huge{margin-bottom:6rem}@media (min-width:1024px){.margin--bottom-huge\@desktop{margin-bottom:6rem}}.margin--bottom-none{margin-bottom:0!important}.margin--horizontal-tiny{margin-left:.5rem;margin-right:.5rem}.margin--horizontal-small{margin-left:1rem;margin-right:1rem}.margin--horizontal-default{margin-left:2rem;margin-right:2rem}.margin--horizontal-large{margin-left:4rem;margin-right:4rem}.margin--horizontal-huge{margin-left:6rem;margin-right:6rem}.margin--horizontal-auto{margin-left:auto;margin-right:auto}.margin--horizontal-none{margin-left:0;margin-right:0}.margin--left-tiny{margin-left:.5rem}.margin--left-small{margin-left:1rem}.margin--left-default{margin-left:2rem}.margin--left-large{margin-left:4rem}.margin--left-huge{margin-left:6rem}.margin--left-none{margin-left:0}.margin--right-tiny{margin-right:.5rem}.margin--right-small{margin-right:1rem}.margin--right-default{margin-right:2rem}.margin--right-large{margin-right:4rem}.margin--right-huge{margin-right:6rem}.margin--right-none{margin-right:0}.margin--top-tiny{margin-top:.5rem}.margin--top-small{margin-top:1rem}.margin--top-default{margin-top:2rem}.margin--top-large{margin-top:4rem}.margin--top-huge{margin-top:6rem}.margin--top-none{margin-top:0}.padding--tiny{padding:.5rem}.padding--small{padding:1rem}.padding--default{padding:2rem}.padding--large{padding:4rem}.padding--huge{padding:6rem}.padding--none{padding:0}.padding--bottom-tiny{padding-bottom:.5rem}.padding--bottom-small{padding-bottom:1rem}.padding--bottom-default{padding-bottom:2rem}.padding--bottom-large{padding-bottom:4rem}.padding--bottom-huge{padding-bottom:6rem}@media (min-width:1024px){.padding--bottom-huge\@desktop{padding-bottom:6rem}}.padding--bottom-none{padding-bottom:0!important}.padding--horizontal-tiny{padding-left:.5rem;padding-right:.5rem}.padding--horizontal-small{padding-left:1rem;padding-right:1rem}.padding--horizontal-default{padding-left:2rem;padding-right:2rem}.padding--horizontal-large{padding-left:4rem;padding-right:4rem}.padding--horizontal-huge{padding-left:6rem;padding-right:6rem}.padding--horizontal-none{padding-left:0!important;padding-right:0!important}@media (min-width:1024px){.padding--horizontal-none\@desktop{padding-left:0!important;padding-right:0!important}}.padding--left-tiny{padding-left:.5rem}.padding--left-small{padding-left:1rem}.padding--left-default{padding-left:2rem}.padding--left-large{padding-left:4rem}.padding--left-huge{padding-left:6rem}.padding--left-none{padding-left:0!important}.padding--right-tiny{padding-right:.5rem}.padding--right-small{padding-right:1rem}.padding--right-default{padding-right:2rem}.padding--right-large{padding-right:4rem}.padding--right-huge{padding-right:6rem}.padding--right-none{padding-right:0!important}.padding--top-tiny{padding-top:.5rem}.padding--top-small{padding-top:1rem}.padding--top-default{padding-top:2rem}.padding--top-large{padding-top:4rem}.padding--top-huge{padding-top:6rem}.padding--top-none{padding-top:0!important}.padding--vertical-tiny{padding-bottom:.5rem;padding-top:.5rem}.padding--vertical-small{padding-bottom:1rem;padding-top:1rem}.padding--vertical-default{padding-bottom:2rem;padding-top:2rem}.padding--vertical-large{padding-bottom:4rem;padding-top:4rem}.padding--vertical-huge{padding-bottom:6rem;padding-top:6rem}.padding--vertical-none{padding-bottom:0!important;padding-top:0!important}.transform-origin--left-top{-webkit-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.transform-origin--left-center{-webkit-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.transform-origin--left-bottom{-webkit-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom}.transform-origin--center-top{-webkit-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top}.transform-origin--center-center{-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.transform-origin--center-bottom{-webkit-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}.transform-origin--right-top{-webkit-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.transform-origin--right-center{-webkit-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}.transform-origin--right-bottom{-webkit-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom}.transition--scale-down{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:-o-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease,-o-transform .4s ease}.transition--scale-down:hover,.transition--scale-up{-webkit-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}.transition--scale-up{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:-o-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease,-o-transform .4s ease}.transition--scale-up:hover{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.width--one-third{width:33%}.width--half{width:50%}.width--two-thirds{width:66%}.width--full{width:100%}.width--30{width:30%}.width--40{width:40%}.width--45{width:45%}.width--60{width:60%}.width--70{width:70%}.width-min--0{min-width:0}.width--optimal{max-width:600px;max-width:60ch}