.tooltip.top { margin-top: -3px; padding: 8px 0px; }
.tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -8px; border-width: 8px 8px 0px; border-top-color: rgb(85, 85, 73); }
.ts_icon_heart::before { content: "\E056"; }
.ts_icon_slack_pillow::before { content: "\E801"; }
.ts_icon_twitter::before { content: "\E804"; }
.ts_icon_youtube::before { content: "\E809"; }
html.no_touch .alert_page a:active, html.no_touch .alert_page a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.float_none { float: none !important; }
.align_center, .centered { text-align: center !important; }
.large_bottom_margin { margin-bottom: 2rem !important; }
.margin_auto { margin-left: auto !important; margin-right: auto !important; }
.right_padding { padding-right: 1rem !important; }
.subtle_silver { color: rgb(158, 158, 166) !important; }
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0px; }
a[name] { display: block; position: relative; top: -92px; visibility: hidden; }
a:not([href]) { cursor: pointer; }
.letter { background-image: url("https://a.slack-edge.com/66f9/img/email-ribbon_@2x.png"); background-repeat: repeat-x; background-size: 130px; background-position: -10px 0px; }
table { border-collapse: collapse; border-spacing: 0px; margin: 0px 0px 1rem; }
table tr:first-child th:not(:only-of-type) { font-weight: 700; border-bottom: 2px solid rgb(42, 178, 123); text-align: left; }
table td, table th { padding: 0.5rem 1rem 0.5rem 0px; }
table tr { border-bottom: 1px solid rgb(232, 232, 232); }
table tr:last-child { border-bottom: none; }
html.no_touch .action_cog:hover { color: rgb(58, 163, 227); text-decoration: none; }
html.no_touch .action_cog:hover i { color: rgb(58, 163, 227); }
html.no_touch .pager li > a:focus, html.no_touch .pager li > a:hover { text-decoration: none; color: rgb(58, 163, 227); }
html.no_touch .pager .disabled > a:focus, html.no_touch .pager .disabled > a:hover { color: rgb(158, 158, 166); cursor: default; }
html.no_touch .pager .next > a:focus, html.no_touch .pager .next > a:hover { background-position: 99px -74px; }
html.no_touch .pager .previous > a:focus, html.no_touch .pager .previous > a:hover { background-position: 0px -74px; }
html.no_touch .pagination ul > li > a:hover { background-color: rgb(58, 163, 227); color: rgb(255, 255, 255); }
html.no_touch .pagination ul > .disabled > a:hover { color: rgb(158, 158, 166); background: rgb(255, 255, 255); }
html.no_touch .service h4:hover { cursor: pointer; text-decoration: underline; }
html.no_touch .service_row:not(.no_hover):hover .service_chevron, html.no_touch .service_row:not(.no_hover):hover a.summary { color: rgb(58, 163, 227); }
html.no_touch .service:not(.no_hover):hover h4, html.no_touch .service:not(.no_hover):hover h4 a { color: rgb(58, 163, 227); }
body { font-family: Slack-Lato, appleLogo, sans-serif; font-variant-ligatures: common-ligatures; -webkit-font-smoothing: antialiased; color: rgb(85, 84, 89); line-height: 1.5rem; }
h1, h2, h3, h4, h5 { font-weight: 700; font-family: Slack-Lato, appleLogo, sans-serif; margin: 0px 0px 1rem; }
h1 { 
font-family: Larsseit;
font-size: 50px;
line-height: 56px;
letter-spacing: -0.75px;
color: #1D1C1D; }
h2 { font-size: 1.75rem; line-height: 2rem; }
h3 { font-size: 1.5rem; line-height: 1.75rem; }
h4 { font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 0.5rem; }
h5 { font-size: 0.9rem; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px; }
h1 i:first-of-type { margin-right: 0.75rem; font-size: 30px; float: left; }
.no_touch a:hover, a.active { text-decoration: underline; }
a:active { color: rgb(0, 122, 184); }
p { margin: 0px 0px 1rem; }
code, pre { font-size: 14px; border: 1px solid rgb(232, 232, 232); padding: 0.1rem 0.4rem; border-radius: 0.2rem; font-variant-ligatures: none; tab-size: 4; font-family: Consolas, monaco, "Ubuntu Mono", courier, monospace !important; }
pre { margin: 0px 0px 1rem; background-image: url("https://a.slack-edge.com/4666/img/snippet_bg.png"); background-repeat: repeat; overflow-x: scroll; white-space: pre; }
code { background: rgb(249, 249, 249); color: rgb(204, 34, 85); font-size: 0.75rem; padding: 2px 3px 1px; white-space: normal; }
pre code { background: 0px 0px; border: none; padding: 0px; color: rgb(85, 84, 89); font-size: inherit; white-space: pre; }
hr { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid rgb(232, 232, 232); margin: 2rem auto; clear: both; }
ol, ul { padding-left: 0px; margin-left: 2rem; }
ul { margin: 0px 0px 1rem 2rem; }
dl { margin: 0px 0px 1.25rem; padding-left: 1.25rem; position: relative; }
dl::before { position: absolute; top: 0px; left: 0px; height: 100%; width: 3px; display: block; content: ""; border-radius: 2px; background-color: rgb(232, 232, 232); }
dl dd, dl dt { line-height: 1; font-size: 0.9375rem; }
dl dt { font-weight: 600; }
dl dd { color: rgb(67, 66, 69); margin: 0px; padding: 0px; }
dl dd + dd { margin-top: 0.5rem; }
s { position: relative; }
s::after { border-bottom: 2px solid rgb(85, 84, 89); content: ""; left: 0px; position: absolute; right: 0px; top: 47%; }
body, html { width: 100%; overflow-x: hidden; }
body { margin: 0px; background: rgb(249, 249, 249); font-size: 1.125rem; }
#page, .log_output, header { width: 100%; transform: translate3d(0px, 0px, 0px); transition: transform 0.15s cubic-bezier(0.2, 0.3, 0.25, 0.9); }
.is_safari_desktop #page, .is_safari_desktop .log_output, .is_safari_desktop header { transition: none; }
#page { top: 0px; left: 0px; bottom: 0px; right: 0px; }
#page_contents { margin: 10% auto; display:flex;}
body.no_header #page_contents { padding-top: 2rem; }
body.full_height #page { overflow: auto; }
body.full_bleed #page_contents { width: auto; padding: 0px; }
html.no_touch nav#site_nav #user_menu_contents:hover { background: rgb(67, 84, 102); }
html.no_touch nav#site_nav #user_menu_contents:hover .member_type_badge .member_type_badge_background_ra #badge_bg, html.no_touch nav#site_nav #user_menu_contents:hover .member_type_badge .member_type_badge_background_ura #badge_bg { fill: rgb(67, 84, 102); }
html.no_touch nav#site_nav ul a:hover { text-decoration: underline; }
.nav_open #page, .nav_open .log_output, .nav_open header, .nav_open nav.top { transform: translate3d(280px, 0px, 0px); }
.nav_open #overlay { display: block; background-color: rgba(0, 0, 0, 0.1); }
#overlay { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; z-index: 1000; display: none; background-color: rgba(0, 0, 0, 0); transition: background-color 0.15s ease-out 0s; }
header { background: rgb(255, 255, 255); height: 5rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; }
html.no_touch header #header_team_name a:hover, html.no_touch header #menu_toggle:hover { color: rgb(58, 163, 227); text-decoration: none; }
html.no_touch header #header_team_name a:hover .menu_icon, html.no_touch header #menu_toggle:hover .menu_icon { background-position: 0px 2px; }
html.no_touch header #header_team_nav li a:hover { background: rgb(249, 249, 249); text-decoration: none; }
html.no_touch header .header_btns .btn_basic:hover, html.no_touch header .header_btns a:hover { text-decoration: none; color: rgb(58, 163, 227); }
html.no_touch header .header_btns .btn_basic:hover .label, html.no_touch header .header_btns a:hover .label { color: rgb(58, 163, 227); }
.card { background-color: rgb(255, 255, 255); border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 0px; padding: 2rem 2rem 1rem; margin: 0px auto 2rem; position: relative; border: 1px solid rgb(232, 232, 232); }
.card h3 a { color: rgb(85, 84, 89); }
html.no_touch .plastic_row:hover { background: rgb(251, 251, 250); border-color: rgb(232, 232, 232); text-decoration: none; }
html.no_touch .plastic_row:hover h3 { text-decoration: none; }
html.no_touch .plastic_row:hover .chevron { color: rgb(85, 84, 89); }
.no_touch .accordion_section h4 a:hover { color: rgb(58, 163, 227); }
section { clear: both; padding: 0px; margin: 0px; width: 100%; }
.col { display: block; float: left; margin: 0px 0px 2%; padding-right: 2%; }
.col + .col { margin-left: 1.6%; }
.span_1_of_4 { width: 23.8%; }
.span_4_of_6 { width: 66.13%; }
.no_touch .btn.hover, .no_touch .btn:focus, .no_touch .btn:hover { outline: 0px; text-decoration: none; }
input[type="file"] { font-size: 12px; line-height: 12px; width: auto; font-weight: 400; font-family: sans-serif; }
.no_touch .plastic_select:hover, .no_touch input:hover, .no_touch select:hover, .no_touch textarea:hover { border-color: rgb(39, 128, 248); }
.no_touch .feature_keyboard_navigation .plastic_select:hover, .no_touch .feature_keyboard_navigation input:hover, .no_touch .feature_keyboard_navigation select:hover, .no_touch .feature_keyboard_navigation textarea:hover { border-color: rgb(113, 114, 116); }
body input[readonly] { cursor: default; background: rgb(255, 255, 255); }
textarea { font-size: 1rem; line-height: 1.25rem; width: 100%; height: 108px; padding: 0.75rem 0.5rem 0.75rem 0.75rem; vertical-align: top; tab-size: 4; }
::-webkit-input-placeholder { color: rgb(170, 170, 170); }
input:disabled, input:disabled:active, select:disabled, textarea:disabled { background: rgb(249, 249, 249); box-shadow: none; color: rgb(158, 158, 166); border-color: rgb(197, 197, 197) !important; }
select { background: rgb(255, 255, 255); padding-right: 3rem; }
label { font-weight: 700; margin: 0px 0px 0.25rem; display: block; font-size: 1rem; line-height: 1.5rem; }
label select { margin-top: 0.25rem; }
.no_touch label.select:hover select { border-color: rgb(39, 128, 248); }
.no_touch label.select:not(.disabled):hover::after { color: rgb(39, 128, 248); }
.no_touch .feature_keyboard_navigation label.select:hover select { border-color: rgb(113, 114, 116); }
.no_touch .feature_keyboard_navigation label.select:not(.disabled):hover::after { color: rgb(113, 114, 116); }
[data-validation][disabled] + label { display: none; }
body { font-size: 16px; }
nav .logo {left top / 106px 60px no-repeat; height: 30px; width: 106px; float: left; margin: 20px 0px 0px 3rem; }
nav h1 { float: left; margin: 20px 0px 0px 20px; padding: 0px 20px; border-left: 1px solid rgb(186, 187, 191); font-size: 0.96rem; line-height: 1.86rem; color: rgb(85, 84, 89); }
nav.top { position: fixed; top: 0px; width: 100%; height: 70px; z-index: 99; transform: translate3d(0px, 0px, 0px); transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.scrolled nav.top { transform: translate3d(0px, -70px, 0px); }
nav.top h1 { border-color: rgb(255, 255, 255); }
nav.top ul { list-style-type: none; margin: 0px 20px 0px 0px; padding: 0px; float: right; line-height: 70px; }
nav.top ul li { display: inline-block; }
nav.top ul .mobile_btn { display: none; }
nav.top ul a { color: rgb(255, 255, 255); text-decoration: none; display: inline-block; font-size: 15px; font-weight: 700; margin-left: 9px; position: relative; cursor: pointer; line-height: 1em; padding: 8px 7px 9px; border-radius: 5px; opacity: 0.8; }
nav.top ul a.has_icon span { line-height: 2.25rem; }
nav.top ul a:hover { opacity: 1; background: rgba(0, 0, 0, 0.1); }
nav.top ul a .team_icon { text-shadow: none; }
nav.top ul .btn_sticky { display: inline-block; padding: 10px 14px 12px; line-height: 1em; text-decoration: none; color: rgb(255, 255, 255); border-radius: 4px; font-size: 12pt; margin-left: 17px; box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 2px inset; }
nav.top ul .btn_sticky:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.1) 0px 1px 1px; background: 0px 0px; }
nav.top.fixed .logo { background-position: left bottom; }
nav.top.persistent, nav.top.with_color { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; }
nav.top.persistent .logo, nav.top.with_color .logo { }
nav.top.persistent ul a, nav.top.with_color ul a { color: rgb(64, 75, 85); }
nav.top.persistent ul a:hover, nav.top.with_color ul a:hover { text-decoration: none; }
nav.top.persistent .btn_sticky, nav.top.with_color .btn_sticky { box-shadow: rgb(64, 75, 85) 0px 0px 0px 2px inset; }
nav.top.persistent .btn_sticky:hover, nav.top.with_color .btn_sticky:hover { box-shadow: rgb(64, 75, 85) 0px 0px 0px 2px inset; background: 0px 0px; }
nav.top.persistent .btn_sticky_filled, nav.top.with_color .btn_sticky_filled { color: rgb(255, 255, 255); background: rgb(72, 186, 135); box-shadow: none; }
nav.top.persistent .btn_sticky_filled:hover, nav.top.with_color .btn_sticky_filled:hover { box-shadow: none; background: rgb(72, 186, 135); }
nav.top:not(.fixed).inverted { background-color: transparent; box-shadow: none; transition: all 180ms; transform: none; }
nav.top.apps_nav.persistent .nav_title { border-color: rgba(0, 0, 0, 0.2); }
nav.top.apps_nav.clear_nav .logo, nav.top.apps_nav.clear_nav .nav_title, nav.top.apps_nav.clear_nav ul li { box-shadow: rgb(77, 109, 195) 0px 0px 20px 10px; background-color: rgba(77, 109, 195, 0.8); }
.scrolled nav.top:not(.inverted) #signup_dropdown { top: 150px; }
#signup_dropdown .ts_icon_slack_pillow { padding-top: 2px; }
nav.mobile_menu { display: none; opacity: 0; transform: translate3d(0px, 150%, 0px); transition: transform 1ms ease 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(73, 45, 120); z-index: 999; }
nav.mobile_menu ul { list-style-type: none; margin: 125px 0px 0px 45px; padding: 0px; transform: translate(0px, 20px); opacity: 0.5; transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 230ms cubic-bezier(0.165, 0.84, 0.44, 1); }
nav.mobile_menu ul a { display: block; color: rgb(255, 255, 255); text-decoration: none; font-size: 40px; line-height: 80px; }
nav.mobile_menu .sign_up { display: block; font-size: 22px; font-weight: 900; line-height: 70px; position: absolute; width: 100%; height: 70px; bottom: 0px; left: 0px; text-align: center; background: rgb(62, 29, 86); color: rgb(255, 255, 255); text-decoration: none; }
nav.mobile_menu .logo { opacity: 0.25; margin-left: 1rem; }
nav.mobile_menu .close { position: absolute; top: 20px; right: 20px; color: rgb(255, 255, 255); transform: rotate(-20deg); transform-origin: center 40% 0px; transition: transform 0.2s ease-out; }
nav.mobile_menu .close .ts_icon_times::before { font-size: 30px; }
body.show_mobile_nav nav.mobile_menu { transition: opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1); transform: translate3d(0px, 0px, 0px); opacity: 0.99; }
body.show_mobile_nav nav.mobile_menu ul { transform: translate(0px, 0px); opacity: 1; }
body.show_mobile_nav nav.mobile_menu .close { transform: rotate(0deg); }
nav.mobile_menu.menu_scroll { overflow-y: scroll; }
nav.mobile_menu .mobile_menu_wrapper { min-height: 100%; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; }
nav.mobile_menu .mobile_menu_wrapper ul { padding: 35px 40px 35px 45px; margin: 0px; }
nav.mobile_menu .mobile_menu_wrapper ul a { font-size: 28px; }
nav.mobile_menu .mobile_menu_wrapper .mobile_menu_header { display: block; }
nav.mobile_menu .mobile_menu_wrapper .mobile_menu_footer { background: rgb(62, 29, 86); z-index: 10; }
nav.mobile_menu .mobile_menu_wrapper .mobile_menu_footer li { width: 100%; }
nav.mobile_menu .mobile_menu_wrapper .mobile_menu_footer li a { font-size: 22px; line-height: 70px; width: 100%; height: 70px; color: rgb(255, 255, 255); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
nav.mobile_menu .mobile_menu_wrapper .mobile_menu_footer li a .signup_icon { background: rgb(255, 255, 255); color: rgb(62, 29, 86); }
html { height: 100%; }
body {min-height: 100%; }
footer {
 position: fixed;
    bottom: 0;
    width: 100%; 
background:#EBEAEB; }
footer section { clear: both; box-sizing: border-box; margin: 0px auto; padding: 0px 1.5rem !important; margin: 10px 0px 10px 1.5rem; font-family: Slack Circular;
font-size: 12px;
color: #454245;}
footer section h1 { font-size: 30px; line-height: 36px; font-weight: 400; margin: 0px; }
footer section p { line-height: 26px; }
footer section .grid { width: 100%; }
footer section .grid::after, footer section .grid::before { content: " "; font-size: 0px; display: table; }
footer section .grid::after { clear: both; }
footer .ts_icon_slack_pillow { display: inline-block; width: 28px; height: 28px; color: rgb(160, 160, 162); margin-left: -3px; }
footer .ts_icon_slack_pillow:hover { color: rgb(140, 140, 148); }
footer .ts_icon_slack_pillow::before { font-size: 28px; line-height: 48px; }
footer small { display: block; font-size: 12px; line-height: 16px; margin: 5px 0px 0px; }
footer .col { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
footer .col:focus { outline: 0px; }
footer ul { margin: 0px; padding: 0px; list-style-type: none; }
footer ul a, footer ul a:link, footer ul a:visited { font-size: 0.82rem; color: rgb(158, 158, 166); text-decoration: none; }
footer ul a:hover { color: rgb(140, 140, 148); text-decoration: none !important; }
footer ul .cat_1, footer ul .cat_2, footer ul .cat_3, footer ul .cat_4 { text-transform: uppercase; font-size: 11px; font-family: Slack-Lato, appleLogo, sans-serif; font-weight: 700; }
footer ul .cat_1 { color: rgb(237, 180, 49); }
footer ul .cat_2 { color: rgb(227, 32, 114); }
footer ul .ts_icon_heart::before { font-size: 17px; margin-left: -2px; line-height: 13px; }
footer ul .cat_3 { color: rgb(42, 178, 123); }
footer ul .cat_4 { color: rgb(75, 107, 198); }
footer .footnote { margin-top: 1rem; background-color: rgba(0, 0, 0, 0.05); overflow: hidden; min-height: 50px; height: 50px; }
footer .footnote ul { margin: 0px 20px 0px 0px; padding: 0px; list-style-type: none; float: right; }
footer .footnote ul li { display: inline-block; list-style: none; margin-right: 0.7rem; float: left; line-height: 50px; }
footer .footnote ul li.yt { line-height: 48px; margin-right: 0px; }
footer:not(.footer_dark) .footnote .ts_icon_twitter:hover { color: rgb(79, 169, 241); }
footer:not(.footer_dark) .footnote .ts_icon_youtube:hover { color: rgb(209, 31, 16); }
footer.footer_dark .footnote { background-color: rgba(255, 255, 255, 0.12); }
footer.footer_dark .ts_icon_slack_pillow, footer.footer_dark a, footer.footer_dark a:link, footer.footer_dark a:visited { color: rgba(255, 255, 255, 0.5); }
footer.footer_dark .ts_icon_slack_pillow:hover, footer.footer_dark a:hover, footer.footer_dark a:link:hover, footer.footer_dark a:visited:hover { color: rgba(255, 255, 255, 0.7); }
footer.footer_dark .cat_1, footer.footer_dark .cat_2, footer.footer_dark .cat_3, footer.footer_dark .cat_4 { color: rgb(255, 255, 255); }
footer.footer_dark .col::before, footer.footer_dark.footer_dark_custom .ts_icon_slack_pillow, footer.footer_dark.footer_dark_custom a, footer.footer_dark.footer_dark_custom a:link, footer.footer_dark.footer_dark_custom a:visited { color: rgba(255, 255, 255, 0.7); }
footer.footer_dark.footer_dark_custom .ts_icon_slack_pillow:hover, footer.footer_dark.footer_dark_custom a:hover, footer.footer_dark.footer_dark_custom a:link:hover, footer.footer_dark.footer_dark_custom a:visited:hover { color: rgb(255, 255, 255); }
.float_none { float: none; }
.align_center { text-align: center; }
.large_bottom_margin { margin-bottom: 1.5rem; }
.margin_auto { margin-left: auto; margin-right: auto; }
.right_padding { padding-right: 1rem; }