div.app.container{position:relative;width:100%;margin-top:12px;height:500px}div.app .list{position:absolute;width:335px;padding-top:20px}div.app .details{position:absolute;left:335px;right:0;height:100%;background-color:#005573;border-radius:8px 0 0 8px;overflow:hidden}div.app .item{padding-left:84px;padding-top:13px;padding-bottom:13px;width:251px;user-select:none}div.app .item.hov:hover:not(.on){background-color:#006583;cursor:pointer}div.app .item.on{background-color:#005573;cursor:default}div.app .item .icon{display:inline-block;vertical-align:top;padding-top:4px;width:32px;height:32px}div.app .item .icon.sprycanvas{height:22px}div.app .item .icon.timeprogress{height:30px}div.app .item .name{display:inline-block;font-size:16px;padding-left:8px}div.app .item .desc{display:block;padding-top:2px;font-size:14px;font-weight:300;opacity:.5}div.app .details .title{display:none;top:10px;left:14px;z-index:12}div.app .details .button.close{background-image:url(/img/ic_close_white_64.png);opacity:.7;z-index:12}div.app .details .title *{position:relative;display:inline-block;vertical-align:top}div.app .details .title h2{margin-left:10px;padding-top:5px!important}div.app .details .open{z-index:2}div.app .details .open.gplay{position:absolute;width:180px;height:69px;bottom:2px;left:28px;padding:0;text-align:center}div.app .details .open.gplay *{position:relative;display:inline-block;height:100%}div.app .details .open.web{position:absolute;bottom:20px;left:40px;border-radius:8px;font-size:16px;font-family:'Share Tech Mono',monospace}div.app .details .desc{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;padding:0 20px 0 40px;top:27px;bottom:70px;width:50%;font-weight:300;overflow:auto;z-index:2}div.app .details .desc .accent{font-weight:400}div.app .details .desc .primary{font-size:22px;line-height:34px;color:#83ffbd;opacity:1}div.app .details .desc .secondary{font-size:18px;line-height:28px;opacity:.9;padding-top:14px}div.app .details .images{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;top:0;height:100%;padding-left:55%;padding-top:20px;padding-bottom:20px;white-space:nowrap}div.app .details .images img{position:relative;display:inline-block;max-height:100%;width:auto;height:auto;margin-right:20px;border-radius:8px}div.app .details .images img:first-child{margin-left:20px}img.expand{position:absolute;left:55%;top:0;bottom:0;padding-left:10px;width:6px;height:40px;margin-top:auto;margin-bottom:auto;pointer-events:none;opacity:.5}div.app .details .overlay{position:absolute;top:0;height:100%;width:20px;background-repeat:repeat-y;pointer-events:none}div.app .details .overlay.left{left:0;background-image:url(/img/scrolledge_left.png);background-position:left top}div.app .details .overlay.right{right:0;background-image:url(/img/scrolledge_right.png);background-position:right top}@media only screen and (max-device-width:800px),only screen and (max-device-height:800px){div.app .details{position:fixed;display:block;width:100%;height:100%;top:0;left:0;z-index:10;border-radius:0}div.app .details .title{display:block;position:absolute}div.app .details .desc{top:54px!important;padding:0 20px 0 21px!important;width:80%!important}div.app .details .open.gplay{left:9px!important}div.app .details .open.web{left:21px!important}div.app .details .images{padding-top:54px!important;padding-left:80%!important}img.expand{left:80%!important}}