body,html{background-color:#d7c9b8;background-image:url(/img/sb_bg.svg);background-position:center center;background-repeat:no-repeat;background:-webkit-gradient(radial,center center,0,center center,460,from(#fff),to(#d7c9b8));background:-webkit-radial-gradient(circle,#fff,#d7c9b8);background:-moz-radial-gradient(circle,#fff,#d7c9b8);background:-ms-radial-gradient(circle,#fff,#d7c9b8);height:100%}body{margin:0;padding:0;font-family:Roboto,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif}header{position:relative;z-index:10;font-weight:100}header nav{position:relative}header h1{position:absolute;left:10px;top:10px;width:125px;height:57px;margin:0;padding:0}header h1 a{display:block;background-image:url("/sketchboard.io/img/logo-no-gradient.png");-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;width:100%;height:100%}header .inner{position:relative}header .links{position:absolute;right:10px;top:10px}header ul.links li{display:inline;list-style-type:none}header ul.links li a{padding:5px 20px}.links a{color:#777;text-decoration:none;font-size:16px}#step1,#step2,#step3,#step4,#step5,#step6,#step7,#step8,#step9{opacity:0}.slide{opacity:0}.step{opacity:0}#main-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;top:0;bottom:0;width:100%;overflow:hidden}#animation{position:relative;-webkit-flex-grow:1;flex-grow:1}header,section{display:block}#animation section{position:absolute;width:100%;height:100%}#animation h1{margin:0;font-size:160%}#animation h2{font-size:110%;font-weight:400}#animation .start-end{display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;text-align:center}#animation h1{font-size:26px;font-weight:400;color:#333}#animation p{font-size:16px;font-weight:400;color:#333}.slide-up{transform:scale(.6,.6)}#animation .slide-info{position:absolute;width:275px;top:calc(50% - 68px);right:calc(50% - -201px)}.hipchat-integration{position:absolute;left:calc(50% - 126px);top:calc(50% - 130px)}.hipchat-integration img{vertical-align:middle}.hipchat-integration td:nth-child(2){padding:0 30px}.hipchat{position:absolute;width:620px;height:365px;top:calc(50% - 150px);left:calc(50% - 150px);color:#bbc9ce}.hipchat-content{width:423px;height:258px;background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;margin-left:197px;margin-top:67px;color:#333;font-size:13px}.hipchat-content p{font-size:13px!important;padding:0 0 11px 0;margin:0}#step4{position:absolute}.sketch-command{position:absolute;left:250px;bottom:12px;font-size:13px;overflow:hidden;width:133px;white-space:nowrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}#click{position:absolute;top:106px;left:237px;border-radius:50%;width:20px;height:20px;background-color:rgba(255,127,125,.7)}.letter{opacity:0;transition:opacity 1s cubic-bezier(.645, .045, .355, 1) 0s,transform;-webkit-transition:opacity 1s cubic-bezier(.645, .045, .355, 1) 0s,transform}.clip-circle{clip-path:circle(18px at center);-webkit-clip-path:circle(18px at center)}#user1{position:absolute;top:69px;left:65px}#user2{position:absolute;top:96px;left:442px}.hipchat-msg-table{border-collapse:collapse;width:100%}.hipchat-msg-table td:first-child{width:70px;text-align:right;padding-left:18px;color:#707070}.hipchat-msg-table td:nth-child(2){width:100%;padding-left:15px}.hipchat-msg-table td:nth-child(3){text-align:right;color:#999;padding-right:12px}.hipchat-msg{position:relative;min-height:86px}.hipchat-msg-first td{height:75px;vertical-align:bottom!important;padding-bottom:11px!important}.hipchat-msg-blue td{background-color:#e1eaf4;vertical-align:top;padding-top:10px}.hipchat-msg-yellow{background-color:#fef7e4;height:38px}a.hipchat-link{color:#3572b0;pointer-events:none}#cursor{position:absolute;left:50%;bottom:-10px;z-index:100}#sketchboard{width:100%;left:calc(50% - 280px);top:15px;position:absolute}.share-in-hipchat{position:absolute;right:38px;top:20px;font-size:12px;pointer-events:none}#share-dialog{position:absolute;width:290px;height:120px;left:calc(50% - 165px);top:calc(50% - 80px);background-color:#fff;border-radius:6px;font-family:arial;padding:20px}#share-dialog p{border:1px solid #ccc;border-radius:6px;padding:5px}.send-hipchat{position:absolute;left:20px;bottom:10px}#hipchat-icon{position:relative;top:4px;margin-right:4px}.anim-bg{position:absolute;display:inline-block;background:url("/sketchboard.io/img/anim/whiteboard-frame.svg");background-size:cover;width:620px;height:365px}.anim-board{margin:10px;display:inline-block;background:#f7f2f0 url(/img/sb_bg.svg) repeat center center;width:600px;height:353px}#details{display:-webkit-flex;display:flex;height:200px;background-color:#fff;justify-content:center;align-items:center;-webkit-justify-content:center;-webkit-align-items:center;color:#333}#details strong{font-size:120%}#details p{color:#999}#details ul{display:-webkit-flex;display:flex;font-size:14px;line-height:1.55}#details li{width:195px;padding:0 42px 0 0;list-style-type:none}#details li strong{display:block;margin-bottom:7px}.hidden{opacity:0}#call-to-action{margin-top:50px;border:1px solid #bbb;padding:15px 15px;border-radius:8px}#call-to-action h2{display:inline-block;margin-right:20px}#call-to-action h2 a{text-decoration:none;color:#aaa}a.cta{background-color:#db3838!important;color:#fff;font-size:140%;border-radius:6px}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:none transparent;background-color:#e6e6e6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.3)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.3));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.3));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.3));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.3))}.pure-button-press{background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.3)),to(rgba(0,0,0,.4)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4));background-image:-moz-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.4));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4));background-image:linear-gradient(transparent,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;-khtml-opacity:0.40;-moz-opacity:0.40;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.slack-integration{margin-top:30px}.slack img{border-radius:4px}.slack-content{width:403px;margin-left:182px;margin-top:53px;padding-left:20px}.slack-content img{width:38px;height:38px}.slack-content .message div:last-child{margin-top:5px}.slack-content td{vertical-align:top}.slack-content td:last-child{padding-left:8px}.slack-content .timestamp{color:#9e9ea6;font-size:8pt;padding-left:5px}.slack-command{left:240px;bottom:22px}.slack-content .first-msg{position:absolute;bottom:0}.slack-content .second-msg{position:absolute;bottom:0}#slack-cursor{position:absolute;left:85%;bottom:-45px;z-index:100}#slack-click{position:absolute;bottom:4px;left:191px;border-radius:50%;width:20px;height:20px;background-color:rgba(255,127,125,.7)}.install-bottom{text-align:center;background-color:#fff}.install-bottom a{color:#333}@media (min-width:568px){#mobile-content{display:none}}@media (max-width:568px){header{position:static}header h1{position:static;display:inline-block;margin-top:30px;display:none}header .inner{position:static}header .links{position:static}#main-content{display:none}#main{text-align:center}#mobile-content h1{margin:0;font-size:160%}#mobile-content h2{font-size:110%;font-weight:400}#mobile-content #call-to-action{margin:10px auto 50px auto;padding:15px 0;width:250px;border:none}#mobile-content #call-to-action h2{display:block;margin-bottom:20px}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}}