#nprogress{pointer-events:none}#nprogress .bar{background:#57c057;position:fixed;z-index:1031;top:0;left:0;width:100%;height:10px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #57c057,0 0 5px #57c057;box-shadow:0 0 10px #57c057,0 0 5px #57c057;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);-ms-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;border-top-color:#57c057;border-left-color:#57c057;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes BUTTON_PULSE{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes BUTTON_PULSE{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes BUTTON_PULSE_MOBILE{0%{opacity:.75}50%{opacity:.85}to{opacity:.75}}@keyframes BUTTON_PULSE_MOBILE{0%{opacity:.75}50%{opacity:.85}to{opacity:.75}}*{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;line-height:1em;font-family:ltc-globe-gothic;color:#fff}body{margin:0;padding:0;font-family:source-sans-pro,sans-serif;font-weight:300;line-height:1.5em;color:#bbb;background:#000}a,a:active,a:focus,a:visited{text-decoration:none}.page,.panel--open{overflow:hidden}.panel--open{width:100%;height:100%;position:relative}.sync-collection{position:fixed;display:block;font-family:source-sans-pro,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:none;z-index:1000;bottom:10px;left:10px;background:#45b845;color:#fff;font-size:1.25em;padding:10px 20px;-webkit-transition:all .2s cubic-bezier(.53,1.2,.655,.895);-o-transition:all .2s cubic-bezier(.53,1.2,.655,.895);transition:all .2s cubic-bezier(.53,1.2,.655,.895)}.sync-collection:hover{cursor:pointer}.sync-collection:active,.sync-collection:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.sync-collection.syncing{pointer-events:none;opacity:.75;-webkit-animation:BUTTON_PULSE 1s infinite;animation:BUTTON_PULSE 1s infinite}@media (max-width:767px){.sync-collection{bottom:0;left:0;width:100%}.sync-collection.syncing{opacity:1;-webkit-animation:BUTTON_PULSE_MOBILE 1s infinite;animation:BUTTON_PULSE_MOBILE 1s infinite}}.icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:80px}.icon img{width:100%;height:auto;display:block}@-webkit-keyframes PULSE{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes PULSE{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.image-loading{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.1);border-right:0;border-bottom:0;z-index:-1}.image-loading .icon{width:40px;opacity:.3;-webkit-animation:PULSE 1s infinite;animation:PULSE 1s infinite}@media (max-width:767px){.image-loading .icon{width:25px}}.cover.loaded .cover-image{opacity:1}.cover.original{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}.cover.original .cover-image{position:static;display:block;width:100%}.cover .cover-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:top;opacity:0;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;z-index:0}.cover .placeholder{display:none}.cover .no-image{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#57c057}.teaser--game{position:relative;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.teaser--game:after{content:"";display:block;padding-bottom:100%}.teaser--game .teaser-content{position:absolute;top:0;right:0;bottom:0;left:0}.teaser--game:hover .view{opacity:1}.teaser--game .background,.teaser--game .link,.teaser--game .view{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all .4s cubic-bezier(.53,1.2,.655,.895);-o-transition:all .4s cubic-bezier(.53,1.2,.655,.895);transition:all .4s cubic-bezier(.53,1.2,.655,.895)}.teaser--game .link{-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:2}.teaser--game .view{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;background:rgba(55,147,55,.8);opacity:0;z-index:1}.teaser--game .view .icon{width:80px}@media (max-width:767px){.teaser--game{width:33.3333%}.teaser--game:hover .view{opacity:0}.teaser--game:active .view{opacity:1}.teaser--game .no-image .icon{width:40px}}.grid--games{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-list{font-size:15px;line-height:1.4em;color:#57c057}.tag-list.filled{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-2.5px}.tag-list.filled .tag{margin:2.5px;padding:5px 7px;line-height:1em;font-size:13px;color:#fff;background:#379337;border-radius:3px}.game--details{-ms-touch-action:auto;touch-action:auto;position:relative;right:-400px;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1) .3s;-o-transition:all .5s cubic-bezier(.19,1,.22,1) .3s;transition:all .5s cubic-bezier(.19,1,.22,1) .3s;opacity:0;z-index:1002}.game--details>.cover{position:relative;width:100%;min-height:200px;margin-bottom:30px;border:1px solid #555}.game--details>.cover,.game--details>.cover .bgg-link{-webkit-transition:all .2s cubic-bezier(.53,1.2,.655,.895);-o-transition:all .2s cubic-bezier(.53,1.2,.655,.895);transition:all .2s cubic-bezier(.53,1.2,.655,.895)}.game--details>.cover .bgg-link{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:1.25em;z-index:1;opacity:0;background:rgba(55,147,55,.8)}.game--details>.cover .bgg-link:hover{opacity:1}.game--details h2{margin-bottom:0;line-height:1.4em;font-size:1.75em}.game--details .mechanics,.game--details .meta{overflow:hidden}.game--details .meta{margin-bottom:10px;color:#fff}.game--details .meta .meta--row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:0 -10px}.game--details .meta .meta--row:not(:last-child){margin-bottom:10px}.game--details .meta .meta--row .meta--item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:0 10px}.game--details .meta .meta--row .meta--item.long{-ms-flex-align:start;align-items:flex-start}.game--details .meta .meta--row .meta--item.meta--item--players .meta--item--icon .icon{width:25px}.game--details .meta .meta--row .meta--item.meta--item--playtime .meta--item--icon{margin-right:1px}.game--details .meta .meta--row .meta--item.meta--item--mechanics .meta--item--icon .icon{width:25px}.game--details .meta .meta--row .meta--item .meta--item--icon{margin-right:5px}.game--details .meta .meta--row .meta--item .meta--item--icon .icon{width:30px}.game--details .meta .meta--row .meta--item .meta--item--label{font-size:1.1em}.game--details .mechanics{margin-bottom:15px}.game--details .designers{color:#fff;font-size:1.1em;margin-bottom:15px}@media (max-width:767px){.game--details{padding:20px}.game--details>.cover .bgg-link:hover{opacity:0}}.panel--game{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.panel--game.panel--visible{pointer-events:auto;-ms-touch-action:none;touch-action:none}.panel--game.panel--visible .game .game--details{opacity:1;right:0;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1) .3s;-o-transition:all .5s cubic-bezier(.19,1,.22,1) .3s;transition:all .5s cubic-bezier(.19,1,.22,1) .3s}.panel--game.panel--visible .overlay{opacity:1;-webkit-transition:all 1s cubic-bezier(.53,1.2,.655,.895);-o-transition:all 1s cubic-bezier(.53,1.2,.655,.895);transition:all 1s cubic-bezier(.53,1.2,.655,.895)}.panel--game .game{position:absolute;top:30px;right:30px;bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:400px;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);-o-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);z-index:1}.panel--game .game>div{overflow-y:scroll;-webkit-overflow-scrolling:touch}.panel--game .game>div .game--details{overflow-y:visible}.panel--game .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,.4)));background:-webkit-linear-gradient(right,#000,rgba(0,0,0,.4));background:-o-linear-gradient(right,#000,rgba(0,0,0,.4));background:linear-gradient(270deg,#000,rgba(0,0,0,.4));opacity:0;-webkit-transition:all 1s cubic-bezier(.53,1.2,.655,.895) .25s;-o-transition:all 1s cubic-bezier(.53,1.2,.655,.895) .25s;transition:all 1s cubic-bezier(.53,1.2,.655,.895) .25s;z-index:0}.panel--game .overlay:hover{cursor:pointer}@media (max-width:767px){.panel--game .game{width:100%;top:0;right:0;bottom:0;left:0}.panel--game .overlay{background:rgba(0,0,0,.8)}}
/*# sourceMappingURL=main.f32b63cc.css.map*/