.title-appear{opacity:.01}.title-appear-done{opacity:1;transition:.2s ease opacity}.title-post{display:flex;justify-content:flex-start;overflow:hidden;margin:.5rem .5rem;background:#fff;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.08)}@media only screen and (max-width: 809px){.title-post{flex-direction:column;align-items:center;margin:2rem .5rem}}.title-post_first{margin-top:1.5rem;border-top-left-radius:16px;border-top-right-radius:16px}.title-post_last{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.title-post_vertical{flex-direction:column;align-items:center}.title-post_horizontal:nth-child(2n){flex-direction:row}.title-post_horizontal:nth-child(2n+1){flex-direction:row-reverse}.title-post-preview{display:flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;width:400px;overflow:hidden}@media only screen and (max-width: 809px){.title-post-preview{width:100%}}.title-post-preview-img{height:100%}@media only screen and (max-width: 809px){.title-post-preview-img{width:100%;height:auto}}.title-post-info{flex-grow:0;flex-shrink:1;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;padding:15px;box-sizing:border-box}.title-post-info-header{margin:0;margin-bottom:10px;color:#000;text-decoration:none}@media only screen and (max-width: 809px){.title-post-info-header{font-size:1.6rem}}.title-post-info-text{color:#000;text-decoration:none;border:0;text-overflow:ellipsis;overflow:hidden;height:100%;padding:0;margin:0}@media only screen and (max-width: 809px){.title-post-info-text{font-size:1.4rem}}.title-post .carousel{margin-bottom:15px}.title-post:hover{transition:.2s ease box-shadow;box-shadow:0 1px 3px 0 rgba(0,0,0,.28)}.title-post-preview_horizontal{display:flex;width:100%;justify-content:center;margin-bottom:15px;background-color:#f9fbf7}.title-post-source{box-sizing:border-box;width:100%;padding:0 15px}.page-main{background:#f3f4f5;border-radius:16px;margin-top:2rem;margin-bottom:2rem}.page-pages{margin:1rem 0;display:flex;justify-content:center}@media only screen and (max-width: 809px){.page-pages{justify-content:space-around;margin:2rem 0}}.page-pages__ref{margin:0 2px}.page-pages__ref a,.page-pages__ref span{box-sizing:border-box;display:block;padding:.5rem .75rem;color:#000;border:1px solid transparent;border-radius:3px}@media only screen and (max-width: 809px){.page-pages__ref a,.page-pages__ref span{font-size:1.5rem}}.page-pages__ref span{cursor:default}.page-pages__ref a:hover{transition:border ease .3s;border:1px solid #000}.page-pages__ref_active{background:#161b1d;border-radius:3px}.page-pages__ref_active a{color:#fff}.chessboard-container{margin-top:auto;margin-bottom:auto;background:#cdd1e0;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);padding:5px}.chessboard-container canvas{display:block}@keyframes crystal{from{margin-top:5px;margin-bottom:0px}to{margin-top:0px;margin-bottom:5px}}.game-list{margin-top:auto;margin-bottom:auto;display:flex;align-items:center;justify-content:space-around;width:100%;height:100%}.game-panel{margin-top:auto;margin-bottom:auto;width:480px;height:100%;display:flex;flex-direction:column;align-items:center}.game-panel-thumbnail{margin-top:5px;display:flex;align-items:center;justify-content:center;position:relative;opacity:.95;animation-name:crystal;animation-duration:2s;animation-direction:alternate;animation-iteration-count:infinite;transition:.2s ease}.game-panel-thumbnail:hover{transform:scale(1.02);cursor:pointer}.game-panel-crystal{width:320px}.game-panel-image{mask-size:97%;mask-position:center;mask-repeat:no-repeat;width:100%;min-height:100%;object-fit:cover;height:100%}.game-panel-image__container{left:50%;transform:translate(-50%, -50%);position:absolute;top:50%;width:320px;height:100%;overflow:hidden}.game-panel-title{color:#cdd1e0;text-shadow:2px 2px #000;font-size:2rem}.preloader{display:flex;flex-grow:1;align-items:center;justify-content:center;min-height:100%;height:100%;width:100%}.page-background{height:100%;position:absolute;width:100%}.page-background-image{display:flex;position:fixed;left:0;top:4.5rem;z-index:0;overflow:hidden;justify-content:center;width:100%}.page-background-image img{width:100%;min-height:100vh;object-fit:cover}.page-background-lower{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;display:flex;flex-direction:column}.page-background-lower__invisible{width:100%;height:0;flex:0 0 auto}.page-background-lower__fill{box-sizing:border-box;width:100%;height:100vh;max-height:100%;padding-top:100vh;top:0;position:sticky}.page-background-lower__fill__color{width:100%;height:100%;background:#f9fbf7}.page-footer{position:relative;background:#161b1d;width:100%;display:flex;align-items:center;justify-content:center;z-index:1000;margin-top:auto;color:#cdd1e0}.page-footer__container{display:flex;flex-direction:column;align-items:center;max-width:60rem;min-height:4rem}.page-footer-rights{margin-top:1rem}.page-header{position:sticky;top:0;z-index:1000;background:#161b1d;height:4.5rem;display:flex;align-items:center;justify-content:center;width:100%}.page-header__container{height:100%;width:100%;max-width:60rem;display:flex;align-items:center;justify-content:flex-start;position:relative}@media only screen and (max-width: 809px){.page-header__container{justify-content:center}}.page-header-logo{height:100%}.page-header-logo-img{height:100%}.page-header-login{height:100%;background:none;border:none;cursor:pointer;outline:inherit;font:inherit;color:inherit;position:absolute;right:0}.page-header-login:hover .page-header-login-img{transform:scale(1.1);transition:transform ease .3s}.page-header-login-img{width:36px;height:36px;border-radius:50%}.carousel{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;background-color:#f9fbf7;padding:5px 0}.carousel-back{left:0;background:linear-gradient(to left, transparent, rgba(0, 0, 0, 0.05))}.carousel-next{right:0;background:linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05))}.carousel-next,.carousel-back{z-index:4;position:absolute;top:0;min-height:100%;width:15%;opacity:0;transition:.2s ease opacity}.carousel-next:hover,.carousel-back:hover{cursor:pointer;opacity:1}.carousel-next:focus,.carousel-back:focus{outline:none}.carousel-next-icon{right:0}.carousel-back-icon{left:0;transform:rotate(180deg)}.carousel-next-icon,.carousel-back-icon{z-index:2;position:absolute;min-height:100%;display:flex;align-items:center;opacity:.8}.carousel-next-icon img,.carousel-back-icon img{width:3rem;height:3rem}.carousel-item{display:none;max-width:90%}.carousel-item_current{display:block}.carousel-dots{margin:10px 0;display:flex;justify-content:center;width:100%;height:1rem}.carousel-dots-dot{width:1rem;height:1rem;background-color:#fff;margin:0 5px;border-radius:50%;border:2px solid #161b1d;cursor:pointer}.carousel-dots-dot_current{background-color:#161b1d;cursor:auto}html{font-size:16px}html,body{height:100%;margin:0;background:#f9fbf7;line-height:1.5;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}a{text-decoration:none}#application{position:relative;min-height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.page{position:relative;z-index:100;display:flex;flex-direction:column;align-items:center;width:100%;margin-left:auto;margin-right:auto;max-width:60rem;height:100%;flex-grow:1}.content{display:flex;flex-direction:column;align-items:center;min-height:100%;flex-grow:1;width:100%}