*{position:relative;z-index:0;margin:0;padding:0;font-size:16px;font-family:'Roboto', sans-serif;color:#2a2a2a;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}a{text-decoration:none;}body{visibility:hidden;}input{outline:none;background:none;border:none;border-radius:0px;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial;}input::-webkit-input-placeholder{color:DarkGray;}input:-webkit-autofill{box-shadow:0 0 0 50px Snow inset !important;}input::-moz-placeholder{color:DarkGray;}input:-moz-placeholder{color:DarkGray;}input:-ms-input-placeholder{color:DarkGray;}.container{-webkit-transition:z-index 0ms;-moz-transition:z-index 0ms;-ms-transition:z-index 0ms;transition:z-index 0ms;-webkit-transition-delay:500ms;-moz-transition-delay:500ms;-ms-transition-delay:500ms;transition-delay:500ms;}.container.active{z-index:10000 !important;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;-ms-transition-delay:0ms;transition-delay:0ms;}.container .paused{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;transition:none !important;}.container .hidden{display:none;}.container .button{cursor:pointer;overflow:hidden;}.container .container:empty{display:none;}.container .container + .container{display:none;}.container .container:empty + .container{display:block;}.container .container.hidden + .container{display:block;}.container .emojione{width:18px;height:18px;min-width:18px;min-height:18px;vertical-align:top;margin:0px;}.screen{position:fixed;z-index:9999;left:0;top:0;height:100vh;width:100vw;opacity:0;touch-action:none;pointer-events:none;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-ms-transition:opacity 500ms;transition:opacity 500ms;}.screen.active{opacity:0.9;pointer-events:auto;}.nav-head{position:fixed;left:0;top:0;background:#2a2a2a;box-shadow:0px 0px 2px #2a2a2a;}.nav-head .button{position:absolute;margin:6px;height:36px;width:36px;color:White;line-height:36px;text-align:center;border-radius:50%;}.desktop .nav-head{height:72px;width:320px;padding:12px;}.desktop .nav-head i{margin:6px 24px;}.mobile .nav-head{height:48px;width:100vw;}.nav-body{position:fixed;width:100vw;max-width:320px;overflow-y:auto;background:#2a2a2a;box-shadow:0px 0px 2px #2a2a2a;border-top:1px solid #d2d2d2;-webkit-transition:transform 500ms;-moz-transition:transform 500ms;-ms-transition:transform 500ms;transition:transform 500ms;}.nav-body *{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);-webkit-transition:transform 250ms linear;-moz-transition:transform 250ms linear;-ms-transition:transform 250ms linear;transition:transform 250ms linear;}.desktop .nav-body{top:72px;left:0px;height:calc(100vh - 72px);}.mobile .nav-body{top:48px;left:-320px;height:calc(100vh - 48px);}.mobile .active .nav-body{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}.nav-body .button{height:48px;background:#2a2a2a;}.nav-body .button *{position:absolute;color:White;font-size:20px;line-height:48px;}.nav-body .button i{width:48px;text-align:center;}.nav-body .button a{width:100%;height:100%;z-index:999;}.touch .nav-body .button a{top:10px;height:calc(100% - 20px);}.desktop .nav-body .button:hover:after{position:absolute;top:0px;left:0px;height:100%;width:100%;background:rgba(210, 210, 210, 0.2);content:'';}.nav-body .button.selected:before{position:absolute;top:0px;left:0px;height:100%;width:5px;background:#d2d2d2;content:'';}.nav-body .group{overflow-y:hidden;}.nav-body .group .chevron{-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);}.nav-body .group.expanded .chevron{-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);transform:rotateZ(90deg);}.nav-body .group .group-body{z-index:-1;background:#d2d2d2;}.nav-body .group .group-body .button{height:40px;background:#d2d2d2;}.nav-body .group .group-body .button span{color:Black;font-size:16px;line-height:40px;}.desktop .nav-body .group .group-body .button:hover:after{background:rgba(42, 42, 42, 0.2);}.nav-body .group .group-body .button.selected:before{background:#2a2a2a;}.nav-body .spacer{position:fixed;z-index:1;content:'';height:100vh;width:100vw;max-width:320px;background:#2a2a2a;}.hamburger *{position:absolute;top:50%;left:25%;height:2px;width:50%;background:white;border-radius:1px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition:margin 200ms 200ms, transform 200ms;-moz-transition:margin 200ms 200ms, transform 200ms;-ms-transition:margin 200ms 200ms, transform 200ms;transition:margin 200ms 200ms, transform 200ms;}.hamburger *:nth-child(1){margin-top:-6px;}.hamburger *:nth-child(3){margin-top:6px;}.active .hamburger *{-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);transform:rotateZ(-45deg);-webkit-transition:margin 200ms, opacity 200ms 200ms, transform 200ms 200ms;-moz-transition:margin 200ms, opacity 200ms 200ms, transform 200ms 200ms;-ms-transition:margin 200ms, opacity 200ms 200ms, transform 200ms 200ms;transition:margin 200ms, opacity 200ms 200ms, transform 200ms 200ms;}.active .hamburger *:nth-child(1){margin-top:0px;transform:rotateZ(45deg);}.active .hamburger *:nth-child(3){margin-top:0px;transform:rotateZ(45deg);}.desktop .hamburger{display:none;}.sprout > *{position:fixed;pointer-events:none;}.sprout .sprout-item{z-index:0;bottom:0;right:0;margin:18px;padding:10px;height:64px;opacity:0;box-sizing:content-box;-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;transition:all 500ms;}.active .sprout .sprout-item{opacity:1;}.sprout .sprout-item *{float:right;text-align:center;font-size:24px;}.sprout .sprout-item span{margin-right:24px;line-height:64px;}.sprout .sprout-item .button{height:64px;width:64px;color:White;line-height:64px;background:DarkBlue;border-radius:50%;box-shadow:0 0 4px #2a2a2a;pointer-events:auto;}.sprout .sprout-item .button.button-sm{margin:16px;height:32px;width:32px;line-height:32px;font-size:16px !important;background:Blue !important;bottom:64px;}.sprout .sprout-item:nth-child(1){z-index:1;opacity:1;}.sprout .sprout-item:nth-child(1) .button{font-size:36px;background:DarkGreen;-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;transition:all 500ms;-webkit-transform:rotateZ(0deg) scale(1);-moz-transform:rotateZ(0deg) scale(1);-ms-transform:rotateZ(0deg) scale(1);transform:rotateZ(0deg) scale(1);}.scroll .sprout .sprout-item:nth-child(1) .button{-webkit-transform:rotateZ(0deg) scale(0);-moz-transform:rotateZ(0deg) scale(0);-ms-transform:rotateZ(0deg) scale(0);transform:rotateZ(0deg) scale(0);}.active .sprout .sprout-item:nth-child(1) .button{-webkit-transform:rotateZ(315deg) scale(1);-moz-transform:rotateZ(315deg) scale(1);-ms-transform:rotateZ(315deg) scale(1);transform:rotateZ(315deg) scale(1);background:DimGray;}.modal{display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:Snow;box-shadow:0 0 4px 2px DarkGray;-webkit-transition:transform 500ms;-moz-transition:transform 500ms;-ms-transition:transform 500ms;transition:transform 500ms;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}.active .modal{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}.desktop .modal{left:auto;right:0;max-width:480px;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}.desktop .active .modal{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}.modal-head{position:absolute;z-index:1;height:48px;width:100%;background:LightGray;box-shadow:0 0 4px DimGray;}.modal-head > *{position:absolute;}.modal-head > span,.modal-head div{height:48px;line-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.modal-head > i{height:36px;width:36px;margin:6px;border-radius:50%;font-size:18px;line-height:36px;text-align:center;}.modal-body{position:absolute;top:48px;height:calc(100% - 48px);width:100%;box-shadow:0 0 4px DimGray;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;}.modal-body .container{height:100%;}.modal-body .container:empty{height:auto;}.modal-section > *{padding:12px;}.modal-section .section-head{-webkit-position:sticky;-moz-position:sticky;-ms-position:sticky;position:sticky;top:0px;z-index:1;height:48px;line-height:24px;color:DimGray;background:Snow;box-shadow:0 0 2px DimGray;cursor:pointer;}.modal-section.collapsable .section-head::after{position:absolute;top:0px;right:16px;line-height:48px;font-size:10px;content:'HIDE';}.modal-section.collapsable.collapse .section-head{margin-bottom:24px;}.modal-section.collapsable.collapse .section-head::after{content:'SHOW';}.modal-section.collapsable.collapse .section-body{display:none;}.modal-section:nth-of-type(1) .section-head{margin-top:20px;}.modal-item{display:inline-block;padding:10px;width:100%;vertical-align:top;}.modal-item .button{height:36px;text-align:center;border-radius:2px;background:DimGray;box-shadow:0 0 4px DimGray;}.modal-item .button *{display:inline-block;margin:0px 4px;color:White;font-size:12px;line-height:36px;vertical-align:top;}.modal-item .header{font-size:12px;line-height:16px;font-weight:bold;}.modal-item .prompt{font-size:16px;line-height:24px;width:calc(100% - 108px);color:DarkGray;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.modal-item .footer{font-size:12px;line-height:16px;overflow:hidden;color:Red;height:0px;}.modal-item.warning .footer{height:16px;}.form .form-text,.profile .form-text{width:100%;line-height:24px;border:none;background:none;outline:none;border-bottom:1px solid LightGray;transition:border 200ms;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.form .form-text:focus,.profile .form-text:focus{color:Black;border-bottom:1px solid Black;}.form .form-text:empty:after,.profile .form-text:empty:after{color:DarkGray;content:'none selected';}.form .form-icon,.profile .form-icon{font-size:0;}.form .form-icon *,.profile .form-icon *{display:inline-block;line-height:36px;vertical-align:top;}.form .form-icon i,.profile .form-icon i{margin:0px 18px 0px 8px;width:24px;}.form .form-icon span::after,.profile .form-icon span::after{content:' ENABLED';}.form .form-icon.disabled *,.profile .form-icon.disabled *{color:DarkGray;}.form .form-icon.disabled span::after,.profile .form-icon.disabled span::after{content:' DISABLED';}.form .form-select,.profile .form-select{cursor:pointer;}.form .form-switch,.profile .form-switch{position:absolute;top:0;bottom:0;right:10px;margin:auto;height:24px;width:96px;outline:none;border-radius:2px;background:LightGray;cursor:pointer;}.form .form-switch:before,.profile .form-switch:before{position:absolute;top:0;left:0;height:24px;width:48px;font-size:12px;text-align:center;line-height:24px;color:White;background:DimGray;box-shadow:0 0 4px DimGray;border-radius:2px;content:'No';transform:translateX(0);}.form .form-switch.checked:before,.profile .form-switch.checked:before{content:'Yes';transform:translateX(100%);}.form .form-toggle,.profile .form-toggle{height:36px;width:100%;border-radius:2px;background:LightGray;cursor:pointer;}.form .form-toggle div,.profile .form-toggle div{position:absolute;text-align:center;box-sizing:content-box;border-radius:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.form .form-toggle div > span,.profile .form-toggle div > span{display:inline-block;height:36px;font-size:12px;line-height:36px;color:White;}.form .form-toggle div.selected,.profile .form-toggle div.selected{background:DimGray;box-shadow:0 0 4px DimGray;}.form .form-list,.profile .form-list{counter-reset:item;}.form .form-list .list-item,.profile .form-list .list-item{padding-left:60px;margin:10px 0px;cursor:pointer;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}.form .form-list .list-item::after,.profile .form-list .list-item::after{position:absolute;margin:12px 18px;top:0;left:0;height:24px;width:24px;border:1px solid DarkGray;border-radius:50%;cursor:pointer;content:'';box-sizing:border-box;}.form .form-list .list-item *,.profile .form-list .list-item *{height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.form .form-list .list-item .footer,.profile .form-list .list-item .footer{color:DarkGray;font-size:14px;}.form .form-list .list-item .number,.profile .form-list .list-item .number{position:absolute;margin:12px 18px;top:0;left:0;width:24px;line-height:24px;text-align:center;font-size:12px;color:White;background:DarkGray;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:transform 200ms;-moz-transition:transform 200ms;-ms-transition:transform 200ms;transition:transform 200ms;}.form .form-list .list-item .number::before,.profile .form-list .list-item .number::before{counter-increment:item;content:counter(item);}.form .form-list .list-item.selected .number,.profile .form-list .list-item.selected .number{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.form .form-body .form-list,.profile .form-body .form-list{display:none;}.form .list-body .form-list .number::before,.profile .list-body .form-list .number::before{content:'';}.menu{display:none;position:fixed;background:white;box-shadow:0px 0px 2px #2a2a2a;}.menu .button{height:48px;}.menu .button *{position:absolute;line-height:48px;}.menu .button i{width:48px;font-size:18px;text-align:center;}.menu .button span{left:48px;width:calc(100% - 60px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.desktop .menu .button:hover{background:rgba(42, 42, 42, 0.2);}.desktop .menu{width:300px;opacity:0;-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;transition-delay:50ms;}.desktop .active .menu{opacity:1;}.mobile .menu{left:0px;bottom:0px;width:100vw;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:transform 500ms;-moz-transition:transform 500ms;-ms-transition:transform 500ms;transition:transform 500ms;}.mobile .menu .echo{background:LightGray;}.mobile .active .menu{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}.frame > *{position:fixed;width:inherit;}.frame .frame-head{z-index:2;top:inherit;height:48px;background:LightGray;box-shadow:0px 0px 2px DimGray;overflow:hidden;}.frame .frame-head .button{float:right;height:48px;text-align:center;}.frame .frame-head .button *{display:inline-block;font-size:16px;line-height:48px;vertical-align:top;}.frame .frame-head .button i{font-size:18px;margin-right:12px;}.frame .frame-head ~ *{margin-top:48px;}.frame .frame-body{z-index:1;background:GhostWhite;overflow-y:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;}.frame .frame-back{width:100%;opacity:0.6;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.desktop .frame{top:0px;left:320px;width:calc(100% - 320px);}.desktop .frame .frame-head .button{width:192px;}.desktop .frame .frame-head .button:hover{background:DimGray;}.desktop .frame .frame-head ~ .frame-body{height:calc(100% - 48px);}.desktop .frame .frame-body{height:100%;}.mobile .frame{top:48px;left:0px;width:100%;}.mobile .frame .frame-head .button{width:calc(100% / 3);}.mobile .frame .frame-head ~ .frame-body{height:calc(100% - 96px);}.mobile .frame .frame-body{height:calc(100% - 48px);}.touch .frame .frame-body{position:relative;height:auto;overflow-y:auto;}.touch .frame .frame-back{display:block;}table{table-layout:fixed;margin:0px;width:100%;border-collapse:collapse;background:White;box-shadow:0px 0px 2px #2a2a2a;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}.desktop table{margin:15px;width:calc(100% - 30px);}table td{position:static;border:1px solid #2a2a2a;}table thead td{background:#2a2a2a;}table thead .container{height:48px;background:#2a2a2a;}table thead .container *{color:White;}table thead .container > .status{margin:0px 12px;height:48px;}table thead .container > .status *{position:absolute;line-height:48px;}table tfoot .container{padding:10px;background:White;}table tfoot .container > .button{text-align:center;}table tfoot .container > .button *{display:inline-block;margin:0px 4px;line-height:40px;vertical-align:top;}.game-card{overflow:hidden;}.game-card *{-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;transition:all 500ms;}.game-card a{position:absolute;top:0;left:0;width:100%;height:100%;}.game-card .card-body{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(210, 210, 210, 0.6);-webkit-transform:translateY(calc(100% - 48px));-moz-transform:translateY(calc(100% - 48px));-ms-transform:translateY(calc(100% - 48px));transform:translateY(calc(100% - 48px));}.game-card .card-body .header{padding:10px;line-height:28px;font-size:20px;}.game-card .card-body .button{margin:calc(25% - 48px) 25%;height:48px;text-align:center;background:DimGray;border-radius:2px;}.game-card .card-body .button *{display:inline-block;color:White;font-size:20px;line-height:48px;vertical-align:top;}.game-card:hover .card-body{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}.game-card .card-back{display:block;width:100%;opacity:0.6;}.user-card{overflow:hidden;padding:4px 12px;}.user-card .card-head{height:48px;}.user-card .card-head > *{position:absolute;}.user-card .card-head > span{height:48px;line-height:48px;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.user-card .card-head > span > span{font-size:16px;padding:2px 6px;}.user-card .card-head > i{height:36px;width:36px;margin:6px 0px;border-radius:50%;font-size:18px;line-height:36px;text-align:center;}.user-card .card-foot{padding:0px 2px;font-size:12px;font-style:italic;text-align:right;}.user-card .card-back{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;opacity:0.1;background-size:auto calc(100% - 40px);background-repeat:no-repeat;background-position:right 20px top 20px;}.user-card .pill{display:inline-block;margin-right:6px;padding:0px 10px;height:20px;line-height:20px;font-size:12px;color:white;border-radius:10px;background:DimGray;}.user-card div{z-index:1;height:28px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.warlock{background-color:#29423f;background-image:url('/games/destiny/img/warlock.png');}.hunter{background-color:#dad4cf;background-image:url('/games/destiny/img/hunter.png');}.titan{background-color:#bf7217;background-image:url('/games/destiny/img/titan.png');}.squadme{margin:64px auto;}.squadme .header{font-family:'Orbitron', sans-serif;font-size:48px;text-align:center;}.squadme .footer{font-size:24px;text-align:center;}.search{height:48px;}.search *{position:absolute;margin:8px 0px;line-height:31px;-webkit-transition:color 200ms;-moz-transition:color 200ms;-ms-transition:color 200ms;transition:color 200ms;}.search i{font-size:18px;color:DarkGray;}.search input{padding-left:24px;width:100%;overflow:hidden;}thead .search{margin:0px 8px;}thead .search input{color:White;}thead .search input:focus + i,thead .search input:valid + i{color:White;}.modal-head .search input{border-bottom:1px solid DarkGray;}.modal-head .search input:focus,.modal-head .search input:valid{border-bottom:1px solid Black;}.modal-head .search input:focus + i,.modal-head .search input:valid + i{color:Black;}.chat{height:100%;}.chat > *{position:absolute;width:100%;}.chat .chat-head{top:0px;height:50px;background:LightGray;}.chat .chat-head + .chat-body{top:50px;height:calc(100% - 100px);}.chat .chat-body{top:0px;height:calc(100% - 50px);overflow-y:auto;}.chat .chat-foot{bottom:0px;height:50px;border:none;border-top:1px solid LightGray;}.chat .chat-foot *{position:absolute;height:100%;width:100%;line-height:50px;}.chat .chat-foot input{padding:0px 10px;width:calc(100% - 50px);}.chat .chat-foot .button{right:0px;width:50px;text-align:center;cursor:pointer;}.message{margin:12px 10px 2px 10px;text-align:right;}.message:last-child{margin-bottom:12px;}.message .message-head{padding:0px 16px;font-size:12px;line-height:16px;color:DimGray;}.message .message-head:empty:after{content:'Anonymous';}.message .message-body{display:inline-block;padding:8px 16px;min-height:36px;max-width:calc(100% - 78px);line-height:20px;text-align:left;word-wrap:break-word;border-radius:16px;color:White;background:RoyalBlue;}.message .message-foot{display:none;padding:0px 16px;font-size:12px;line-height:16px;color:DimGray;}.message .message-icon{display:none;position:absolute;top:16px;left:0px;height:36px;width:36px;font-size:20px;line-height:36px;text-align:center;color:White;background:RoyalBlue;border-radius:18px;}.message.active .message-foot{display:block;}.message.failed .message-foot{display:block;color:Red;}.message.failed .message-foot:empty:after{content:'Send failed. Click to retry.';}.message.md{text-align:center;}.message.md .message-head{display:none;}.message.md .message-foot{display:none;}.message.md .message-body{max-width:calc(100% - 32px);background:none;color:DimGray;font-size:12px;}.message.md .message-body span{color:inherit;font-size:inherit;}.message.ls{text-align:left;padding-left:46px;}.message.ls .message-icon{display:block;}.message.ls .message-body{max-width:calc(100% - 32px);color:Black;background:LightGray;}.message.match-next .message-body{border-bottom-right-radius:4px;}.message.match-next.ls .message-body{border-bottom-left-radius:4px;border-bottom-right-radius:16px;}.message.match-prev{margin-top:0px;}.message.match-prev .message-head{display:none;}.message.match-prev .message-body{border-top-right-radius:4px;}.message.match-prev.ls .message-body{border-top-left-radius:4px;border-top-right-radius:16px;}.message.match-prev.ls .message-icon{display:none;}.inbox{height:100%;}.inbox > *{position:absolute;width:100%;}.inbox .inbox-head{top:0px;height:48px;background:LightGray;}.inbox .inbox-head + .chat-body{top:48px;height:calc(100% - 48px);}.inbox .inbox-body{top:0px;height:100%;overflow-y:auto;}.thread{margin:16px;height:48px;}.thread *{position:absolute;line-height:24px;color:DimGray;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.thread .thread-head{top:0px;left:64px;height:24px;width:calc(100% - 64px);padding-right:80px;font-size:20px;color:Black;}.thread .thread-head span{top:0;right:0;font-size:16px;}.thread .thread-body{top:24px;left:64px;height:24px;width:calc(100% - 64px);}.thread .thread-icon{top:0px;left:0px;height:48px;width:48px;font-size:24px;line-height:48px;text-align:center;color:White !important;font-weight:normal !important;background:RoyalBlue;border-radius:50%;}.thread.unread *{color:Black;font-weight:bold;}.thread.sender .thread-body:before{content:'You: ';}.alert{position:absolute;z-index:9999;margin:36px;padding:32px 12px 12px 12px;top:calc(50% - 36px);left:calc(50% - 36px);width:calc(100% - 72px);background:White;border-radius:12px;box-shadow:0 0 4px DimGray;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);}.alert *{text-align:center;background:White;}.alert .alert-icon{position:absolute;top:0%;left:50%;height:64px;width:64px;border-radius:50%;box-shadow:0 0 4px DimGray;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);}.alert .alert-icon i{font-size:64px;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:transform 500ms;-moz-transition:transform 500ms;-ms-transition:transform 500ms;transition:transform 500ms;}.alert .alert-icon i.active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.alert .alert-icon:before{position:absolute;top:0;left:0;width:calc(100% - 16px);height:calc(100% - 16px);border:8px solid LightGray;border-top:8px solid DarkGray;border-radius:50%;content:'';-webkit-animation:rotate 1.2s infinite linear;-moz-animation:rotate 1.2s infinite linear;-ms-animation:rotate 1.2s infinite linear;animation:rotate 1.2s infinite linear;}.alert .alert-head{margin:12px;font-size:24px;font-weight:bold;}.alert .alert-body{margin:12px;}.alert .button{display:inline-block;margin:12px;color:White;font-size:12px;line-height:36px;background:DimGray;border-radius:2px;}.console .log{padding:12px;width:100%;overflow:auto;}.console .log *{font-family:courier;}.pulse{position:absolute;margin:20px 8px;height:8px;width:8px;background:lime;border-radius:100%;}.pulse:before{position:absolute;top:-1px;left:-1px;height:100%;width:100%;border:1px solid lime;border-radius:100%;}.pulse:before{-webkit-animation:pulse 3s linear infinite;-moz-animation:pulse 3s linear infinite;-ms-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite;content:'';}@keyframes pulse{0%,50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0;}75%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:1;}100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);transform:scale(3);opacity:0;}}.echo{position:absolute;z-index:999;height:24px;width:24px;background:White;border-radius:100%;pointer-events:none;-webkit-animation:echo 150ms normal forwards linear;-moz-animation:echo 150ms normal forwards linear;-ms-animation:echo 150ms normal forwards linear;animation:echo 150ms normal forwards linear;}@keyframes echo{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}100%{-webkit-transform:scale(5);-moz-transform:scale(5);-ms-transform:scale(5);transform:scale(5);opacity:0;}}.loader{margin:0px auto;width:50px;height:40px;text-align:center;font-size:10px;}.loader div{background-color:#2a2a2a;height:100%;width:6px;display:inline-block;}.loader div{-webkit-animation:stretch 1.2s infinite;-moz-animation:stretch 1.2s infinite;-ms-animation:stretch 1.2s infinite;animation:stretch 1.2s infinite;}.loader div:nth-child(1){-webkit-animation-delay:-1.1s;-moz-animation-delay:-1.1s;-ms-animation-delay:-1.1s;animation-delay:-1.1s;}.loader div:nth-child(2){-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;animation-delay:-1s;}.loader div:nth-child(3){-webkit-animation-delay:-0.9s;-moz-animation-delay:-0.9s;-ms-animation-delay:-0.9s;animation-delay:-0.9s;}.loader div:nth-child(4){-webkit-animation-delay:-0.8s;-moz-animation-delay:-0.8s;-ms-animation-delay:-0.8s;animation-delay:-0.8s;}.loader div:nth-child(5){-webkit-animation-delay:-0.7s;-moz-animation-delay:-0.7s;-ms-animation-delay:-0.7s;animation-delay:-0.7s;}@keyframes stretch{0%,40%,100%{-webkit-transform:scaleY(0.4);-moz-transform:scaleY(0.4);-ms-transform:scaleY(0.4);transform:scaleY(0.4);}20%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);}}.badged i{-webkit-animation:vibrate 1s infinite;-moz-animation:vibrate 1s infinite;-ms-animation:vibrate 1s infinite;animation:vibrate 1s infinite;}@keyframes vibrate{10%,60%{-webkit-transform:rotateZ(0) scale(1);-moz-transform:rotateZ(0) scale(1);-ms-transform:rotateZ(0) scale(1);transform:rotateZ(0) scale(1);}20%,40%{-webkit-transform:rotateZ(-20deg) scale(1.2);-moz-transform:rotateZ(-20deg) scale(1.2);-ms-transform:rotateZ(-20deg) scale(1.2);transform:rotateZ(-20deg) scale(1.2);}30%,50%{-webkit-transform:rotateZ(20deg) scale(1.2);-moz-transform:rotateZ(20deg) scale(1.2);-ms-transform:rotateZ(20deg) scale(1.2);transform:rotateZ(20deg) scale(1.2);}}@keyframes rotate{0%{-webkit-transform:scale(0.9) rotateZ(0);-moz-transform:scale(0.9) rotateZ(0);-ms-transform:scale(0.9) rotateZ(0);transform:scale(0.9) rotateZ(0);}100%{-webkit-transform:scale(0.9) rotateZ(360deg);-moz-transform:scale(0.9) rotateZ(360deg);-ms-transform:scale(0.9) rotateZ(360deg);transform:scale(0.9) rotateZ(360deg);}}