body,html{height:100%}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}.error,.preloader{left:0;margin:auto;position:absolute;right:0;top:0}html{line-height:1;font-family:helvetica neue,sans-serif;font-size:10px}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}.error,.modal-body .actions,.preloader>span,.user .peer{text-align:center}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,::after,::before{box-sizing:border-box}a{text-decoration:none}b,strong{font-weight:700}input,select{font-family:inherit;padding:1rem;border:1px solid #ccc;width:100%;border-radius:.3rem;font-size:1.4rem}.invisible{height:0;width:0;opacity:0}@font-face{font-family:glyphicons filetypes;src:url(/assets/fonts/glyphicons/glyphicons-filetypes-regular.woff) format("woff"),url(/assets/fonts/glyphicons/glyphicons-filetypes-regular.ttf) format("truetype"),url(/assets/fonts/glyphicons/glyphicons-filetypes-regular.svg#glyphicons_filetypesregular) format("svg")}[class*=glyphicon-]{display:inline-block;vertical-align:middle;font-family:glyphicons filetypes;font-style:normal;font-weight:400;font-size:1em}.glyphicon-spin{animation:glyphicon-spin 2s infinite linear}@-moz-keyframes glyphicon-spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes glyphicon-spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes glyphicon-spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes glyphicon-spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes glyphicon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}[class*=glyphicon-]:before{content:"\E120"}.glyphicon-txt:before{content:"\E001"}.glyphicon-doc:before{content:"\E002"}.glyphicon-rtf:before{content:"\E003"}.glyphicon-log:before{content:"\E004"}.glyphicon-tex:before{content:"\E005"}.glyphicon-msg:before{content:"\E006"}.glyphicon-text:before{content:"\E007"}.glyphicon-wpd:before{content:"\E008"}.glyphicon-wps:before{content:"\E009"}.glyphicon-docx:before{content:"\E010"}.glyphicon-page:before{content:"\E011"}.glyphicon-csv:before{content:"\E012"}.glyphicon-dat:before{content:"\E013"}.glyphicon-tar:before{content:"\E014"}.glyphicon-xml:before{content:"\E015"}.glyphicon-vcf:before{content:"\E016"}.glyphicon-pps:before{content:"\E017"}.glyphicon-key:before{content:"\E018"}.glyphicon-ppt:before{content:"\E019"}.glyphicon-pptx:before{content:"\E020"}.glyphicon-sdf:before{content:"\E021"}.glyphicon-gbr:before{content:"\E022"}.glyphicon-ged:before{content:"\E023"}.glyphicon-mp3:before{content:"\E024"}.glyphicon-m4a:before{content:"\E025"}.glyphicon-waw:before{content:"\E026"}.glyphicon-wma:before{content:"\E027"}.glyphicon-mpa:before{content:"\E028"}.glyphicon-iff:before{content:"\E029"}.glyphicon-aif:before{content:"\E030"}.glyphicon-ra:before{content:"\E031"}.glyphicon-mid:before{content:"\E032"}.glyphicon-m3v:before{content:"\E033"}.glyphicon-e_3gp:before{content:"\E034"}.glyphicon-shf:before{content:"\E035"}.glyphicon-avi:before{content:"\E036"}.glyphicon-asx:before{content:"\E037"}.glyphicon-mp4:before{content:"\E038"}.glyphicon-e_3g2:before{content:"\E039"}.glyphicon-mpg:before{content:"\E040"}.glyphicon-asf:before{content:"\E041"}.glyphicon-vob:before{content:"\E042"}.glyphicon-wmv:before{content:"\E043"}.glyphicon-mov:before{content:"\E044"}.glyphicon-srt:before{content:"\E045"}.glyphicon-m4v:before{content:"\E046"}.glyphicon-flv:before{content:"\E047"}.glyphicon-rm:before{content:"\E048"}.glyphicon-png:before{content:"\E049"}.glyphicon-psd:before{content:"\E050"}.glyphicon-psp:before{content:"\E051"}.glyphicon-jpeg:before,.glyphicon-jpg:before{content:"\E052"}.glyphicon-tif:before{content:"\E053"}.glyphicon-tiff:before{content:"\E054"}.glyphicon-gif:before{content:"\E055"}.glyphicon-bmp:before{content:"\E056"}.glyphicon-tga:before{content:"\E057"}.glyphicon-thm:before{content:"\E058"}.glyphicon-yuv:before{content:"\E059"}.glyphicon-dds:before{content:"\E060"}.glyphicon-ai:before{content:"\E061"}.glyphicon-eps:before{content:"\E062"}.glyphicon-ps:before{content:"\E063"}.glyphicon-svg:before{content:"\E064"}.glyphicon-pdf:before{content:"\E065"}.glyphicon-pct:before{content:"\E066"}.glyphicon-indd:before{content:"\E067"}.glyphicon-xlr:before{content:"\E068"}.glyphicon-xls:before{content:"\E069"}.glyphicon-xlsx:before{content:"\E070"}.glyphicon-db:before{content:"\E071"}.glyphicon-dbf:before{content:"\E072"}.glyphicon-mdb:before{content:"\E073"}.glyphicon-pdb:before{content:"\E074"}.glyphicon-sql:before{content:"\E075"}.glyphicon-aacd:before{content:"\E076"}.glyphicon-app:before{content:"\E077"}.glyphicon-exe:before{content:"\E078"}.glyphicon-com:before{content:"\E079"}.glyphicon-bat:before{content:"\E080"}.glyphicon-apk:before{content:"\E081"}.glyphicon-jar:before{content:"\E082"}.glyphicon-hsf:before{content:"\E083"}.glyphicon-pif:before{content:"\E084"}.glyphicon-vb:before{content:"\E085"}.glyphicon-cgi:before{content:"\E086"}.glyphicon-css:before{content:"\E087"}.glyphicon-js:before{content:"\E088"}.glyphicon-php:before{content:"\E089"}.glyphicon-xhtml:before{content:"\E090"}.glyphicon-htm:before{content:"\E091"}.glyphicon-html:before{content:"\E092"}.glyphicon-asp:before{content:"\E093"}.glyphicon-cer:before{content:"\E094"}.glyphicon-jsp:before{content:"\E095"}.glyphicon-cfm:before{content:"\E096"}.glyphicon-aspx:before{content:"\E097"}.glyphicon-rss:before{content:"\E098"}.glyphicon-csr:before{content:"\E099"}.glyphicon-less:before{content:"\003C"}.glyphicon-otf:before{content:"\E101"}.glyphicon-ttf:before{content:"\E102"}.glyphicon-font:before{content:"\E103"}.glyphicon-fnt:before{content:"\E104"}.glyphicon-eot:before{content:"\E105"}.glyphicon-woff:before{content:"\E106"}.glyphicon-zip:before{content:"\E107"}.glyphicon-zipx:before{content:"\E108"}.glyphicon-rar:before{content:"\E109"}.glyphicon-targ:before{content:"\E110"}.glyphicon-sitx:before{content:"\E111"}.glyphicon-deb:before{content:"\E112"}.glyphicon-e_7z:before{content:"\E113"}.glyphicon-pkg:before{content:"\E114"}.glyphicon-rpm:before{content:"\E115"}.glyphicon-cbr:before{content:"\E116"}.glyphicon-gz:before{content:"\E117"}.glyphicon-dmg:before{content:"\E118"}.glyphicon-cue:before{content:"\E119"}.glyphicon-bin:before{content:"\E120"}.glyphicon-iso:before{content:"\E121"}.glyphicon-hdf:before{content:"\E122"}.glyphicon-vcd:before{content:"\E123"}.glyphicon-bak:before{content:"\E124"}.glyphicon-tmp:before{content:"\E125"}.glyphicon-ics:before{content:"\E126"}.glyphicon-msi:before{content:"\E127"}.glyphicon-cfg:before{content:"\E128"}.glyphicon-ini:before{content:"\E129"}.glyphicon-prf:before{content:"\E130"}.preloader{bottom:0;width:324px;height:56px;background:url(../assets/images/sharedrop.svg) center no-repeat;background-size:324px 56px;transition:opacity .2s}.preloader>span{position:absolute;width:100%;bottom:-18px;font-size:1.4rem}.ember-application .preloader{opacity:0}.error{bottom:0;width:50rem;height:15rem;font-size:1.8rem;line-height:1.5em}.circles{position:absolute;bottom:0;left:50%;width:1140px;margin-left:-570px;height:700px;z-index:-1;transform-origin:570px 570px;animation:grow 1.5s ease-out}.circles .circle{stroke-width:.4;fill:transparent}@keyframes grow{50%{transform:scale(1.5,1.5);opacity:.2}51%{transform:scale(.5,.5);opacity:0}}.modal-overlay{position:fixed;z-index:300;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);overflow:auto}.modal-body{position:absolute;z-index:301;top:10%;left:0;right:0;margin:auto auto 40px;background-color:#fff;width:580px;padding:20px;border-radius:5px}.modal-body h3{font-size:1.8rem;font-weight:700;margin-bottom:1.11em}.modal-body h4{font-size:1.5rem;font-weight:700;margin-bottom:.5em}.modal-body p{font-size:1.4rem;line-height:1.4em;margin-bottom:1.42em}.modal-body p.note{font-size:1.1rem}.modal-body a{color:#08c;opacity:.6}.modal-body a:hover{opacity:1}.modal-body .qr-code div{padding:15px}.modal-body .qr-code img{margin-left:auto;margin-right:auto}.modal-body .actions button{margin:0 0 20px;display:inline-block;border:none;outline:0;width:auto;font-family:inherit;font-size:1.6rem;cursor:pointer;border-radius:5px;background:rgba(0,136,204,.8);color:#fff;padding:14px 80px;text-shadow:rgba(0,0,0,.3) 0 -1px 0;transition:background .3s}.modal-body .actions button:hover{background:#08c}.modal-body .logo{height:38px;margin-bottom:20px;background:url(../assets/images/sharedrop.svg) left no-repeat}.modal-body .logo span{display:none}.modal-body .plus-icon{font-weight:700;font-size:2rem}.user{user-select:none}.user .peer{position:absolute;left:50%;bottom:300px;width:76px;height:76px;margin-left:-38px}.user .peer .avatar{position:relative;width:76px;height:76px;transition:all .2s ease-in-out}.user .peer .avatar svg{top:0;bottom:0;z-index:-1;fill:rgba(0,136,204,.5)}.user .peer .gravatar{position:absolute;top:5px;left:5px;z-index:1;border:1px solid silver;box-shadow:rgba(0,0,0,.2) 0 0 3px;width:66px;height:66px;border-radius:50%;animation:shadow .8s ease-in;transition:all .2s ease-in-out}.user .peer .user-info{position:absolute;top:76px;left:50%;width:140px;margin-left:-70px}.user .peer .user-info .user-email,.user .peer .user-info .user-label{font-weight:700;color:#606060;padding-bottom:.4rem}.user .peer .user-info .user-email{font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user .peer .user-info .user-label{font-size:1.4rem}.user .peer .user-info .user-ip{position:relative;display:inline-block;font-size:1rem;line-height:1.2em;color:grey}.user .peer .user-info .user-ip>strong{display:block}.user .peer .user-info .user-connection-status{position:absolute;left:-1rem;top:50%;margin-top:-.3rem;width:.6rem;height:.6rem;border-radius:50%}.user .peer .user-info .user-connection-status.disconnected{display:none}.user .peer .user-info .user-connection-status.connecting{background:rgba(0,136,204,.5);animation:blink .75s infinite}.user .peer .user-info .user-connection-status.connected{background:rgba(164,197,64,.8)}.user .peer .user-info select{appearance:none;border:none;font-size:1rem;color:grey;padding-right:10px;outline:0;background:url(../images/select-arrow.svg) 66px 50% no-repeat;text-indent:.01px;text-overflow:''}.user .peer:nth-of-type(2){margin-left:-186px;bottom:225px}.user .peer:nth-of-type(3){margin-left:120px;bottom:225px}.user .peer:nth-of-type(4){margin-left:-186px;bottom:365px}.user .peer:nth-of-type(5){margin-left:120px;bottom:365px}.user .peer:nth-of-type(6){margin-left:-326px;bottom:180px}.user .peer:nth-of-type(7){margin-left:260px;bottom:180px}.user .peer:nth-of-type(8){margin-left:-366px;bottom:320px}.user .peer:nth-of-type(9){margin-left:300px;bottom:320px}.user .peer:nth-of-type(10){margin-left:-436px;bottom:90px}.user .peer:nth-of-type(11){margin-left:370px;bottom:90px}.user .peer:nth-of-type(12){bottom:400px}.user .peer:nth-of-type(13){margin-left:-236px;bottom:90px}.user .peer:nth-of-type(14){margin-left:170px;bottom:90px}.user.you .peer{bottom:90px}.user.others .peer .avatar{cursor:pointer}.user.others .peer .avatar.hover,.user.others .peer .avatar:hover{transform:scale(1.1,1.1)}.user.others .peer .avatar.hover .gravatar,.user.others .peer .avatar:hover .gravatar{border-color:rgba(0,136,204,.8)}.user.others .peer .avatar::after{opacity:0;position:absolute;pointer-events:none;top:5px;left:5px;z-index:100;content:"L";color:#fff;font-size:3rem;font-weight:700;background:rgba(164,197,64,.8);border:1px solid #fff;transform:scaleX(-1) rotate(-45deg);display:inline-block;width:66px;height:66px;line-height:66px;text-align:center;vertical-align:middle;border-radius:50%;transition:opacity .3s}.popover,.popover::after{position:absolute;left:50%}.user.others .peer .avatar.transfer-completed::after{opacity:1}@keyframes blink{0%{opacity:1}50%{opacity:0}}@keyframes shadow{0%{opacity:0}50%{opacity:1;box-shadow:rgba(0,0,0,.3) 0 0 15px}}.popover{bottom:100%;transform:translateX(-50%);z-index:10;background-color:#fff;border:1px solid silver;padding:10px;border-radius:5px;width:360px;box-shadow:rgba(0,0,0,.3) 0 1px 3px;text-align:left;margin-bottom:5px}.popover::after{bottom:0;margin:0 0 -5px -5px;content:'';width:10px;height:10px;background:inherit;transform:rotate(45deg);border:1px solid transparent;border-right-color:silver;border-bottom-color:silver}.popover-body{position:relative;padding-left:60px}.popover-body p{word-break:break-all;overflow:hidden;font-size:12px;line-height:1.4em;margin-bottom:1em;min-height:28px}.popover-icon{position:absolute;left:0;top:0;font-size:50px}.popover-buttons{text-align:right}@media(max-width:768px){.popover{left:0;right:0;top:0;bottom:0;border:none;width:auto;box-shadow:none;border-radius:0;margin:0;transform:none;background-color:rgba(240,240,240,.9)}.popover::after{display:none}.popover-buttons button{font-size:18px}}.l-header .navbar{position:fixed;z-index:10;top:0;left:0;width:100%;height:60px;background:0 0;color:#000;user-select:none}.l-header .navbar .logo{position:relative;height:38px;width:162px;margin:15px 0 0 15px;background:url(../assets/images/sharedrop.svg) left top no-repeat}.l-header .navbar .logo .logo-title{display:none}.l-header .navbar .logo .logo-subtitle{position:absolute;bottom:0;left:44px;font-size:1rem;font-weight:700}.l-header .navbar .logo img{vertical-align:top}.l-header .navbar .nav{position:absolute;top:15px;right:15px}.l-header .navbar .nav>li{float:left;margin-left:15px;font-size:1.4rem;line-height:30px}.l-header .navbar .nav>li a{display:inline-block;transition:opacity .175s linear;color:#000}.l-header .navbar .nav>li a img{vertical-align:middle}.l-header .navbar .nav>li a:hover{opacity:.6}.l-header .navbar .icon-create-room{font-size:28px;line-height:24px}.l-header .navbar .icon-help{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;vertical-align:middle;border-radius:50%;border:1px solid #000;font-size:1.2rem;opacity:.18;margin-top:-2px}.l-content{position:relative;height:100vh;min-height:600px}.l-footer{position:fixed;z-index:200;bottom:0;width:100%;height:54px;background-color:rgba(255,255,255,.6);text-align:center;color:#b0b0b0}.l-footer a{opacity:.3;transition:opacity .2s linear}.l-footer a:hover{opacity:.6}.l-footer a>span{display:none}.l-footer .about{display:inline-block;font-size:1.1rem;line-height:1.4;margin-top:.2em}.l-footer .cowbell-labs{position:absolute;left:15px;bottom:15px;font-size:1rem}.l-footer .cowbell-labs>a{display:inline-block;vertical-align:middle;margin:-1px 0 0 2px;width:102px;height:16px;background:url(../assets/images/cowbell-labs.svg) center no-repeat}.l-footer .github{position:absolute;left:175px;bottom:13px;width:20px;height:20px;background:url(../assets/images/github.svg) center no-repeat}.l-footer .facebook{position:absolute;left:280px;bottom:11px;height:21px;border:none;overflow:hidden}.l-footer .twitter{position:absolute;left:210px;bottom:12px;width:60px;height:20px}.l-footer .webrtc{position:absolute;right:106px;bottom:17px;width:72px;height:12px;background:url(../assets/images/webrtc-3c65d6e270c1c3ad2c5100611ff3ca34.png) center no-repeat;background-size:71px 12px}.l-footer .firebase{position:absolute;right:15px;bottom:15px;width:76px;height:20px;background:url(../assets/images/firebase-5857d344f7e8e801bc1cf44f0646753e.png) center no-repeat;background-size:76px 20px}@media(max-height:520px){.modal-body{height:auto;bottom:auto;margin:15px auto}}@media(max-width:768px){.preloader{width:240px;height:41px;background-size:240px 41px}.modal-body{width:90%;height:auto;bottom:auto;margin:15px auto}.modal-body .note{display:block}.circles,.l-footer .cowbell-labs>span,.l-footer .facebook,.l-footer .twitter,.l-footer .webrtc,.l-header .navbar .email{display:none}.l-content{padding:80px 0 115px;height:auto}.user .peer{position:relative;left:auto!important;bottom:auto!important;height:106px;width:100%;padding:15px;border-bottom:1px solid #eee;margin:0!important;text-align:left}.user .peer .avatar{z-index:2}.user .peer .user-info{z-index:1;position:absolute;top:30px;left:0;padding-left:170px;width:100%}.user .peer .user-info .user-email{font-size:1.4rem}.user .peer .user-info .user-label{font-size:1.8rem}.user .peer .user-info .user-ip{font-size:1.2rem;color:grey}.user .peer .user-info .user-connection-status{top:0;left:-9.2rem;margin-top:0;transform:scale(1.75,1.75)}.user.you .peer{border-bottom:none}.l-header .navbar{z-index:200;background:rgba(255,255,255,.7)}.l-header .navbar .nav>li{margin-left:10px}.l-footer{height:100px;padding:15px}.l-footer .github{left:50%;margin-left:-10px}.error{width:auto;font-size:1.4rem;padding:0 15px}}