@font-face{font-family:appleLogo;src:local("Lucida Grande");unicode-range:U+F8FF}
div.clear_both{display:none}
footer{position:relative}
body{overflow-x:hidden;background-color:#fff;color:#565759;-webkit-text-size-adjust:none}
body a{color:#3aa3e3;text-decoration:none}
body a:hover{text-decoration:underline}
body.distro_open{overflow:hidden}
section{position:relative;padding:5rem 1rem}
section .section_main{width:100%;max-width:960px;z-index:1;margin:0 auto;overflow:hidden}
@media screen and (max-width:480px){section{padding:2rem 0rem}
}
nav.top.mobile{position:initial}
nav.top.mobile~.thanks_header{padding-top:0rem;min-height:375px}
nav.top.mobile~.thanks_header.linux{min-height:265px}
.mobile_app_download_banner_link a:active,.mobile_app_download_banner_link a:focus,.mobile_app_download_banner_link a:hover{text-decoration:none}
.thanks_header{padding:4rem 1rem 2.5rem;min-height:450px;text-align:center;color:#2C2D30}
.thanks_header.linux{min-height:340px}
.thanks_header .section_main{overflow:visible}
.thanks_header h1,.thanks_header h2{position:relative;display:block;margin:54px auto 0;font-weight:400;font-size:56px;line-height:64px;letter-spacing:0}
.thanks_header h2{font-weight:900;margin:0 auto}
.thanks_header h1{max-width:640px}
.thanks_header h1:after,.thanks_header h1:before{content:'';position:absolute;top:12px;width:89px;height:84px}
.thanks_header h1:before{left:-90px;background-position:center center;background-repeat:no-repeat;background-size:89px 84px;background-image:url(/d172/img/instructions/confetti-left.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.thanks_header h1:before{background-image:url(/d172/img/instructions/confetti-left@2x.png)}
}
@media screen and (max-width:560px){.thanks_header h1:before{width:62px;left:-66px;top:2px;height:59px;background-position:center center;background-repeat:no-repeat;background-size:62px 59px;background-image:url(/d172/img/instructions/confetti-left.png)}
}
@media screen and (max-width:560px) and only screen and (-webkit-min-device-pixel-ratio:2),screen and (max-width:560px) and only screen and (min-resolution:192dpi),screen and (max-width:560px) and only screen and (min-resolution:2dppx){.thanks_header h1:before{background-image:url(/d172/img/instructions/confetti-left@2x.png)}
}
.thanks_header h1:after{right:-92px;background-position:center center;background-repeat:no-repeat;background-size:89px 84px;background-image:url(/d172/img/instructions/confetti-right.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.thanks_header h1:after{background-image:url(/d172/img/instructions/confetti-right@2x.png)}
}
@media screen and (max-width:560px){.thanks_header h1:after{width:62px;right:-68px;top:2px;height:59px;background-position:center center;background-repeat:no-repeat;background-size:62px 59px;background-image:url(/d172/img/instructions/confetti-right.png)}
}
@media screen and (max-width:560px) and only screen and (-webkit-min-device-pixel-ratio:2),screen and (max-width:560px) and only screen and (min-resolution:192dpi),screen and (max-width:560px) and only screen and (min-resolution:2dppx){.thanks_header h1:after{background-image:url(/d172/img/instructions/confetti-right@2x.png)}
}
@media screen and (max-width:840px){.thanks_header h1,.thanks_header h2{font-size:7vw;line-height:7.5vw}
.thanks_header h1{max-width:55%}
.thanks_header:not(.linux){padding-bottom:7rem}
}
@media screen and (max-width:560px){.thanks_header h1,.thanks_header h2{font-size:35px;line-height:40px}
.thanks_header h1{max-width:60%}
}
.thanks_header p.problems_pick_again{color:#A0A0A2;font-size:15.1px;margin-top:10px}
@media screen and (max-width:480px){.thanks_header.linux{padding:4rem 1rem 1rem}
.thanks_header p.problems_pick_again{margin-top:22px}
}
.thanks_header p.problems_pick_again a{white-space:nowrap}
.instructions_main{background-color:#4D6DC3;padding:1.1rem 1rem}
.instructions_main .section_main{overflow:visible}
.instructions_main .col{background-color:#fff;box-shadow:0 1px 16px 0 rgba(0,0,0,.08),0 0 1px 0 rgba(0,0,0,.4);padding:34px 20px 14px;border-radius:6px}
.instructions_main .col span{display:block;color:#2C2D30;font-weight:700}
.instructions_main .col p{font-size:17.1px;font-weight:400;margin-bottom:0;margin-top:5px}
@media only screen and (max-width:767px){.instructions_main .col{margin-bottom:1rem}
}
.instructions_main.osx .cols,.instructions_main.windows .cols{margin-top:-130px;padding-top:10px}
.instructions_main.osx .col,.instructions_main.windows .col{width:32.26%}
.instructions_main.osx .col:before,.instructions_main.windows .col:before{display:block;margin:0 auto 16px;content:'';width:223px;height:151px}
.instructions_main h2.distro_picker{color:#fff;text-align:center;font-size:30px;line-height:38px;margin:16px 0 32px;font-weight:900}
@media screen and (max-width:480px){.instructions_main h2.distro_picker{font-size:23px;line-height:30px}
}
.instructions_main h2.distro_picker span{position:relative;cursor:pointer;display:inline-block;font-weight:400;border-bottom:2px solid #fff}
.instructions_main h2.distro_picker span:first-letter{text-transform:uppercase}
.instructions_main h2.distro_picker span ts-icon:before{font-size:24px;margin-left:2px;margin-right:-4px}
.instructions_main h2.distro_picker .picker_menu{display:none;font-weight:400;width:200px;text-align:left;position:absolute;top:44px;left:0;color:#555459;background-color:#fff;z-index:1;border-radius:6px;font-size:19.1px;padding:14px;box-shadow:0 1px 16px 0 rgba(0,0,0,.12),0 0 1px 0 rgba(0,0,0,.3)}
.instructions_main h2.distro_picker .picker_menu ul{list-style:none;padding:0;margin:0}
.instructions_main h2.distro_picker .picker_menu ul li a{color:#555459;display:block;width:100%;padding:4px 10px;position:relative;border-radius:6px}
.instructions_main h2.distro_picker .picker_menu ul li a:hover{text-decoration:none;background-color:rgba(0,0,0,.05)}
.instructions_main h2.distro_picker .picker_menu ul li.selected a{color:#3aa3e3}
.instructions_main h2.distro_picker .picker_menu ul li.selected a:hover{background-color:transparent}
.instructions_main h2.distro_picker .picker_menu ul li.selected a:after{font-family:Slack;font-style:normal;font-weight:400;display:block;position:absolute;color:#3aa3e3;content:'\E285';top:5px;right:4px;font-size:24px}
.instructions_main h2.distro_picker .picker_holder.open .picker_menu{display:block}
@media screen and (max-width:560px){.instructions_main h2.distro_picker .picker_holder.open{background-color:rgba(0,0,0,.75);position:fixed;top:0;bottom:0;left:0;right:0;z-index:100}
.instructions_main h2.distro_picker .picker_holder.open .picker_menu{top:48%;left:50%;width:90%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:26.1px}
.instructions_main h2.distro_picker .picker_holder.open .picker_menu a{padding:11px 16px}
}
.instructions_main.linux{padding-bottom:1.1rem}
.instructions_main.linux .cols{max-width:780px;margin:0 auto}
.instructions_main.linux .col{box-shadow:0 1px 16px 0 rgba(0,0,0,.12);padding:20px 50px 20px 105px;margin-left:0;width:100%;position:relative;min-height:123px}
.instructions_main.linux .col:before{font-family:Slack;font-size:48px;font-style:normal;font-weight:400;display:block;position:absolute;top:50%;left:29px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (max-width:600px){.instructions_main.linux .col:before{top:46px}
}
@media screen and (max-width:480px){.instructions_main.linux .col{padding:25px 35px 25px 98px}
.instructions_main.linux .col:before{left:24px}
}
.instructions_main.osx .col:nth-child(1):before{background-position:center center;background-repeat:no-repeat;background-size:223px 151px;background-image:url(/bfaba/img/instructions/mac-illustration-step1.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.instructions_main.osx .col:nth-child(1):before{background-image:url(/bfaba/img/instructions/mac-illustration-step1@2x.png)}
}
.instructions_main.osx .col:nth-child(2):before{background-position:center center;background-repeat:no-repeat;background-size:223px 151px;background-image:url(/92d5b/img/instructions/mac-illustration-step2.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.instructions_main.osx .col:nth-child(2):before{background-image:url(/92d5b/img/instructions/mac-illustration-step2@2x.png)}
}
.instructions_main.osx .col:nth-child(3):before{background-position:center center;background-repeat:no-repeat;background-size:223px 151px;background-image:url(/d172/img/instructions/mac-illustration-step3.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.instructions_main.osx .col:nth-child(3):before{background-image:url(/d172/img/instructions/mac-illustration-step3@2x.png)}
}
@media screen and (min-width:769px){.instructions_main.windows .col:nth-child(1){margin-left:18.93%}
}
.instructions_main.windows .col:nth-child(1):before{background-position:center center;background-repeat:no-repeat;background-size:223px 151px;background-image:url(/bfaba/img/instructions/windows-illustration-step1.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.instructions_main.windows .col:nth-child(1):before{background-image:url(/bfaba/img/instructions/windows-illustration-step1@2x.png)}
}
.instructions_main.windows .col:nth-child(2):before{background-position:center center;background-repeat:no-repeat;background-size:223px 151px;background-image:url(/bfaba/img/instructions/windows-illustration-step2.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.instructions_main.windows .col:nth-child(2):before{background-image:url(/bfaba/img/instructions/windows-illustration-step2@2x.png)}
}
.instructions_main.linux .col:nth-child(1):before,.instructions_main.linux.ubuntu .col:nth-child(1):before{content:'\E032';color:#e32072}
.instructions_main.linux .col:nth-child(2):before,.instructions_main.linux.ubuntu .col:nth-child(2):before{content:'\E021';color:#F8B82C;font-size:56px}
.instructions_main.linux .col:nth-child(3):before,.instructions_main.linux.ubuntu .col:nth-child(3):before{content:'\E206';color:#42c299}
@media screen and (min-width:810px){.instructions_main.linux .col:nth-child(3) span,.instructions_main.linux.ubuntu .col:nth-child(3) span{margin-top:13px}
}
.instructions_main.linux.fedora .col:nth-child(1):before{content:'\E027';color:#e32072}
.instructions_main.linux.fedora .col:nth-child(2):before{content:'\E021';color:#7FD1E0;font-size:56px}
.instructions_main.linux.fedora .col:nth-child(3):before{content:'\E209';color:#F8B82C;font-size:42px}
.instructions_main.linux.fedora .col:nth-child(4):before{content:'\E206';color:#42c299}
.instructions_main.linux.debian .col:nth-child(1):before{content:'\E024';color:#e32072}
.instructions_main.linux.debian .col:nth-child(2):before{content:'';width:67px;height:38px;left:22px;background-position:center center;background-repeat:no-repeat;background-size:67px 38px;background-image:url(/d172/img/instructions/debian-icon-step2.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.instructions_main.linux.debian .col:nth-child(2):before{background-image:url(/d172/img/instructions/debian-icon-step2@2x.png)}
}
.instructions_main.linux.debian .col:nth-child(3):before{content:'\E206';color:#42c299}
.tips_and_tricks{background-color:#4D6DC3;color:#fff;padding:1.1rem 1rem 2rem}
.tips_and_tricks .section_main{border-top:1px solid rgba(255,255,255,.4)}
.tips_and_tricks h2{font-size:30px;margin:46px 0;font-weight:900}
@media screen and (max-width:480px){.tips_and_tricks h2{font-size:23px;line-height:30px;margin:36px 0}
}
.tips_and_tricks .col{border-radius:6px;padding:23px 40px 24px 120px;background-color:rgba(0,0,0,.25);position:relative}
@media only screen and (max-width:767px){.tips_and_tricks .col{margin-bottom:1rem;padding:23px 20px 24px 106px}
}
.tips_and_tricks .col b{font-weight:900}
.tips_and_tricks .col ts-icon{position:absolute;top:49px;left:36px;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5}
.tips_and_tricks .col ts-icon:before{font-size:54px}
.tips_and_tricks .col ts-icon.ts_icon_channel_list{top:50px}
@media screen and (max-width:767px){.tips_and_tricks .col ts-icon{top:56%!important;left:30px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
}
.looking_more{text-align:center}
.looking_more a{white-space:nowrap}
.looking_more .tips{min-width:332px}
.looking_more .tips p{font-size:17.1px;margin:0}
.looking_more .tips h2{font-family:Slack-Lato,appleLogo,sans-serif;font-weight:900;font-size:22.1px;color:#2C2D30;display:block;margin-bottom:5px;margin-top:0}
.looking_more .tips .ts_icon_emoji_objects:before{color:#e32072;font-size:26px;vertical-align:bottom;margin-bottom:1px;margin-right:3px}
@media screen and (max-width:480px){.looking_more{padding:4rem 2rem}
}