@import url(https://fonts.googleapis.com/css?family=Titillium+Web);.card-collection-container .card-collection__card-item:first-of-type{-webkit-animation-delay:.61s;animation-delay:.61s}.card-collection-container .card-collection__card-item:nth-of-type(2){-webkit-animation-delay:.62s;animation-delay:.62s}.card-collection-container .card-collection__card-item:nth-of-type(3){-webkit-animation-delay:.63s;animation-delay:.63s}.card-collection-container .card-collection__card-item:nth-of-type(4){-webkit-animation-delay:.64s;animation-delay:.64s}.card-collection-container .card-collection__card-item:nth-of-type(5){-webkit-animation-delay:.65s;animation-delay:.65s}.card-collection-container .card-collection__card-item:nth-of-type(6){-webkit-animation-delay:.66s;animation-delay:.66s}.card-collection-container .card-collection__card-item:nth-of-type(7){-webkit-animation-delay:.67s;animation-delay:.67s}.card-collection-container .card-collection__card-item:nth-of-type(8){-webkit-animation-delay:.68s;animation-delay:.68s}.card-collection-container .card-collection__card-item:nth-of-type(9){-webkit-animation-delay:.69s;animation-delay:.69s}.card-collection-container .card-collection__card-item:nth-of-type(10){-webkit-animation-delay:.7s;animation-delay:.7s}.card-collection-container .card-collection__card-item:nth-of-type(11){-webkit-animation-delay:.71s;animation-delay:.71s}.card-collection-container .card-collection__card-item:nth-of-type(12){-webkit-animation-delay:.72s;animation-delay:.72s}.card-collection-container .card-collection__card-item:nth-of-type(13){-webkit-animation-delay:.73s;animation-delay:.73s}.card-collection-container .card-collection__card-item:nth-of-type(14){-webkit-animation-delay:.74s;animation-delay:.74s}.card-collection-container .card-collection__card-item:nth-of-type(15){-webkit-animation-delay:.75s;animation-delay:.75s}.card-collection-container .card-collection__card-item:nth-of-type(16){-webkit-animation-delay:.76s;animation-delay:.76s}.card-collection-container .card-collection__card-item:nth-of-type(17){-webkit-animation-delay:.77s;animation-delay:.77s}.card-collection-container .card-collection__card-item:nth-of-type(18){-webkit-animation-delay:.78s;animation-delay:.78s}.card-collection-container .card-collection__card-item:nth-of-type(19){-webkit-animation-delay:.79s;animation-delay:.79s}.card-collection-container .card-collection__card-item:nth-of-type(20){-webkit-animation-delay:.8s;animation-delay:.8s}.card-collection-container .card-collection__card-item:nth-of-type(21){-webkit-animation-delay:.81s;animation-delay:.81s}.card-collection-container .card-collection__card-item:nth-of-type(22){-webkit-animation-delay:.82s;animation-delay:.82s}.card-collection-container .card-collection__card-item:nth-of-type(23){-webkit-animation-delay:.83s;animation-delay:.83s}.card-collection-container .card-collection__card-item:nth-of-type(24){-webkit-animation-delay:.84s;animation-delay:.84s}.card-collection-container .card-collection__card-item:nth-of-type(25){-webkit-animation-delay:.85s;animation-delay:.85s}.card-collection-container .card-collection__card-item:nth-of-type(26){-webkit-animation-delay:.86s;animation-delay:.86s}.card-collection-container .card-collection__card-item:nth-of-type(27){-webkit-animation-delay:.87s;animation-delay:.87s}.card-collection-container .card-collection__card-item:nth-of-type(28){-webkit-animation-delay:.88s;animation-delay:.88s}.card-collection-container .card-collection__card-item:nth-of-type(29){-webkit-animation-delay:.89s;animation-delay:.89s}.card-collection-container .card-collection__card-item:nth-of-type(30){-webkit-animation-delay:.9s;animation-delay:.9s}.card-collection-container .card-collection__card-item:nth-of-type(31){-webkit-animation-delay:.91s;animation-delay:.91s}.card-collection-container .card-collection__card-item:nth-of-type(32){-webkit-animation-delay:.92s;animation-delay:.92s}.card-collection-container .card-collection__card-item:nth-of-type(33){-webkit-animation-delay:.93s;animation-delay:.93s}.card-collection-container .card-collection__card-item:nth-of-type(34){-webkit-animation-delay:.94s;animation-delay:.94s}.card-collection-container .card-collection__card-item:nth-of-type(35){-webkit-animation-delay:.95s;animation-delay:.95s}.card-collection-container .card-collection__card-item:nth-of-type(36){-webkit-animation-delay:.96s;animation-delay:.96s}.card-collection-container .card-collection__card-item:nth-of-type(37){-webkit-animation-delay:.97s;animation-delay:.97s}.card-collection-container .card-collection__card-item:nth-of-type(38){-webkit-animation-delay:.98s;animation-delay:.98s}.card-collection-container .card-collection__card-item:nth-of-type(39){-webkit-animation-delay:.99s;animation-delay:.99s}.card-collection-container .card-collection__card-item:nth-of-type(40){-webkit-animation-delay:1s;animation-delay:1s}.card-collection-container .card-collection__card-item:nth-of-type(41){-webkit-animation-delay:1.01s;animation-delay:1.01s}.card-collection-container .card-collection__card-item:nth-of-type(42){-webkit-animation-delay:1.02s;animation-delay:1.02s}.card-collection-container .card-collection__card-item:nth-of-type(43){-webkit-animation-delay:1.03s;animation-delay:1.03s}.card-collection-container .card-collection__card-item:nth-of-type(44){-webkit-animation-delay:1.04s;animation-delay:1.04s}.card-collection-container .card-collection__card-item:nth-of-type(45){-webkit-animation-delay:1.05s;animation-delay:1.05s}.card-collection-container .card-collection__card-item:nth-of-type(46){-webkit-animation-delay:1.06s;animation-delay:1.06s}.card-collection-container .card-collection__card-item:nth-of-type(47){-webkit-animation-delay:1.07s;animation-delay:1.07s}.card-collection-container .card-collection__card-item:nth-of-type(48){-webkit-animation-delay:1.08s;animation-delay:1.08s}.card-collection-container .card-collection__card-item:nth-of-type(49){-webkit-animation-delay:1.09s;animation-delay:1.09s}.card-collection-container .card-collection__card-item:nth-of-type(50){-webkit-animation-delay:1.1s;animation-delay:1.1s}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:20px;background-image:-webkit-gradient(linear,left bottom,right top,from(#4b4453),color-stop(#404454),color-stop(#354452),color-stop(#2a434d),color-stop(#244246),color-stop(#264647),color-stop(#294a48),color-stop(#2d4e49),color-stop(#345a54),color-stop(#3c6660),color-stop(#43736c),to(#4b8078));background-image:-webkit-linear-gradient(left bottom,#4b4453,#404454,#354452,#2a434d,#244246,#264647,#294a48,#2d4e49,#345a54,#3c6660,#43736c,#4b8078);background-image:-o-linear-gradient(left bottom,#4b4453,#404454,#354452,#2a434d,#244246,#264647,#294a48,#2d4e49,#345a54,#3c6660,#43736c,#4b8078);background-image:linear-gradient(to right top,#4b4453,#404454,#354452,#2a434d,#244246,#264647,#294a48,#2d4e49,#345a54,#3c6660,#43736c,#4b8078);font-family:Titillium Web,sans-serif;min-height:100vh;overflow-x:hidden}body,ul{padding:0}ul li{list-style:none}h1,h2,h3,h4,h5,h6{padding:0;margin:0 0 15px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.13)}select{padding:10px;margin:10px;border:none;border-radius:6px;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13)}label{color:#fff}header{background-color:hsla(0,0%,100%,.95);padding:20px;border-radius:6px;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13)}header.header{text-align:center}.header__toolbar{padding:20px;background-color:hsla(0,0%,100%,.15);-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13);border-radius:6px;margin-bottom:20px}.header__toolbar__tool{cursor:pointer;color:#fff;font-size:20px}.card-collection-container{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));-webkit-perspective:1000px;perspective:1000px;float:left;width:100%}@media (max-width:37.5em){.card-collection-container{grid-template-columns:repeat(auto-fill,minmax(120px,2fr))}}.card-collection-container .loading--icon{width:50vw;height:50vh;text-align:center}.card-collection-container .card-collection__card-item{position:relative;z-index:10;background-color:hsla(0,0%,100%,.15);-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;border-radius:6px;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13);-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out}.card-collection-container .card-collection__card-item.highlighted--card{-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.35);box-shadow:0 7px 13px 0 rgba(0,0,0,.35);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.card-collection-container .card-collection__card-item.highlighted--card .card-item__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card-collection-container .card-collection__card-item.highlighted--card .card-item__back{-webkit-transform:rotateY(0);transform:rotateY(0)}.card-collection-container .card-collection__card-item:hover{cursor:pointer;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);z-index:100;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.35);box-shadow:0 7px 13px 0 rgba(0,0,0,.35)}.card-collection-container .card-collection__card-item .card-item__inner{display:flex;display:-ms-flexbox;display:-webkit-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;min-height:500px}@media (max-width:37.5em){.card-collection-container .card-collection__card-item .card-item__inner{min-height:440px}}.card-collection-container .card-collection__card-item .card-item__back,.card-collection-container .card-collection__card-item .card-item__front{position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;border-radius:6px}.card-collection-container .card-collection__card-item .card-item__back.fully--completed,.card-collection-container .card-collection__card-item .card-item__front.fully--completed{background:-webkit-radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),-webkit-radial-gradient(ellipse farthest-corner at left top,#fff 0,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);background:-o-radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),-o-radial-gradient(ellipse farthest-corner at left top,#fff 0,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)}.card-collection-container .card-collection__card-item .card-item__image{-o-object-fit:cover;object-fit:cover;width:100%;height:220px;border-top-left-radius:6px;border-top-right-radius:6px}.card-collection-container .card-collection__card-item .card-item__title{font-size:20px;margin:20px 15px;color:gold;text-transform:uppercase;letter-spacing:4px;line-height:150%}@media (max-width:37.5em){.card-collection-container .card-collection__card-item .card-item__title{font-size:12.5px}}.card-collection-container .card-collection__card-item .card-item__container{margin:20px 15px}.card-collection-container .card-collection__card-item .card-item__container .card-item__rating{position:absolute;z-index:2;font-size:20px;padding:3px;top:-10px;right:-15px;width:40px;height:40px;border-radius:100%;text-align:center;background-color:gold;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13);text-shadow:0 0 10px rgba(0,0,0,.13)}.card-collection-container .card-collection__card-item .card-item__container .card-item__description,.card-collection-container .card-collection__card-item .card-item__container .card-item__genre,.card-collection-container .card-collection__card-item .card-item__container .card-item__platform,.card-collection-container .card-collection__card-item .card-item__container .card-item__times-completed,.card-collection-container .card-collection__card-item .card-item__container .card-item__year{font-size:12.5px;letter-spacing:2px;margin-bottom:5px;display:inline-block}@media (max-width:37.5em){.card-collection-container .card-collection__card-item .card-item__container .card-item__description,.card-collection-container .card-collection__card-item .card-item__container .card-item__genre,.card-collection-container .card-collection__card-item .card-item__container .card-item__platform,.card-collection-container .card-collection__card-item .card-item__container .card-item__times-completed,.card-collection-container .card-collection__card-item .card-item__container .card-item__year{font-size:10px}}.card-collection-container .card-collection__card-item .card-item__container .card-item__icon{opacity:.8;color:#fff;padding:1px;margin:-3px 6px -3px 0}.card-collection-container .card-collection__card-item .card-item__container .card-item__lower-section{width:100%;position:absolute;bottom:20px}.card-collection-container .card-collection__card-item .card-item__container .card-item__lower-section .card-item__fully-completed,.card-collection-container .card-collection__card-item .card-item__container .card-item__lower-section .card-item__times-completed,.card-collection-container .card-collection__card-item .card-item__container .card-item__lower-section .card-item__year{opacity:.5;display:inline-block;margin-right:12.5px}.card-collection-container .card-collection__card-item .card-item__container .card-item__lower-section .card-item__fully-completed{float:right;margin-right:20px}.card-collection-container .card-collection__card-item .card-item__container .card-item__lower-section .card-item__fully-completed .completed--icon{opacity:1;color:#8a6e2f}.card-collection-container .card-collection__card-item .card-item__back{padding:20px;background:url("https://www.toptal.com/designers/subtlepatterns/patterns/footer_lodyas.png");border:5px solid #353035;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card-collection-container .card-collection__card-item .card-item__back .card-item__description{color:#fff}.header__control-area{padding:20px;text-align:center;background-color:hsla(0,0%,100%,.15);float:left;width:100%;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13);border-radius:6px}.header__control-area .header__control-area__sort__options{margin-bottom:.5rem}.header__control-area .header__control-area__functiona__controls .header__control-area__functiona__controls__container{width:75%;margin:auto}.header__control-area svg{color:#456460;padding:0 .35rem;margin:0 .15rem;background-color:#fff;border-radius:100%;width:2rem;height:2rem;cursor:pointer}.header__control-area #global-search{width:49.5%;float:left;padding:10px;margin-right:.5%;border:none;font-family:Titillium Web,sans-serif;font-weight:700;color:#244246;font-size:20px;opacity:.9;border-radius:6px}.header__control-area #global-search:focus{outline:none;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13)}.header__control-area #global-search::-webkit-input-placeholder{color:#7d6275}.header__control-area #global-search::-moz-placeholder{color:#7d6275}.header__control-area #global-search::-ms-input-placeholder{color:#7d6275}.header__control-area #global-search::placeholder{color:#7d6275}@media (max-width:37.5em){.header__control-area #global-search{width:100%;margin:0 0 1rem;text-align:center}}.header__control-area .filter-options{float:left;width:49.5%;margin-left:.5%}@media (max-width:37.5em){.header__control-area .filter-options{width:100%;text-align:center}}.header__control-area .filter-options>div{background-color:#edeff0;color:#7d6275;font-weight:700;font-size:20px;border-radius:6px}.header__control-area .filter-options>div:focus{outline:none;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13)}.header__control-area .filter-options>div::-webkit-input-placeholder{color:#7d6275}.header__control-area .filter-options>div::-moz-placeholder{color:#7d6275}.header__control-area .filter-options>div::-ms-input-placeholder{color:#7d6275}.header__control-area .filter-options>div::placeholder{color:#7d6275}.header__active{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.header__active--minimized{display:none}@media (max-width:37.5em){.header__active{grid-template-columns:1fr}}.header__active-display-panel-area{padding:20px;background-color:hsla(0,0%,100%,.15);-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.13);box-shadow:0 7px 13px 0 rgba(0,0,0,.13);border-radius:6px}.header__active-display-panel-area__container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:20px}@media (max-width:37.5em){.header__active-display-panel-area__container{grid-template-columns:1fr}}.header__active-display-panel-area__box__info{background-color:hsla(0,0%,100%,.15);padding:20px;border-radius:6px;-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out}.header__active-display-panel-area .trophy--icon{color:gold;position:relative;top:3px;right:3px}.header__active-display-panel-area .caret{position:relative;top:3px}.header__active-display-panel-area .big--trophy{font-size:30px}.header__active-display-panel-area .big--text{font-size:50px}.header__active-display-panel-area .card-collection-container{float:none;grid-template-columns:1fr 1fr 1fr}@media (max-width:37.5em){.header__active-display-panel-area .card-collection-container{grid-template-columns:1fr 1fr}}.header__active-display-panel-area .card-collection-container .card-item__image{height:170px}.header__active-display-panel-area .card-collection-container .card-item__inner{min-height:350px}.header__active-display-panel-area .card-collection-container .card-collection__card-item{-webkit-box-shadow:none;box-shadow:none;cursor:default}.header__active-display-panel-area .card-collection-container .card-collection__card-item:hover{-webkit-transform:none;-ms-transform:none;transform:none}
/*# sourceMappingURL=main.efeda352.css.map*/