/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,footer,header,nav,section{
    display:block
}
h1{
    font-size:2em;
    margin:0.67em 0
}
figcaption,figure,main{
    display:block
}
figure{
    margin:1em 40px
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace, monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace, monospace;
    font-size:1em
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
audio,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:0.35em 0.75em 0.625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details,menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
template{
    display:none
}
[hidden]{
    display:none
}
html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*,*::before,*::after{
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
.social-share-button .ssb-icon{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:18px 18px;
    display:inline-block;
    height:18px;
    width:18px
}
.social-share-button .ssb-twitter{
    background-image:url(/assets/social-share-button/twitter-7b64ce0117a85c5d52ed45c27707af61d9b0e0d590284baa287cfe87867b9ae1.svg)
}
.social-share-button .ssb-facebook{
    background-image:url(/assets/social-share-button/facebook-03210e1663ee772e93ed5d344cdb36657b68342821aaebe982f2f984915990b3.svg)
}
.social-share-button .ssb-google_bookmark{
    background-image:url(/assets/social-share-button/google_bookmark-bb4c960c0421cb7dce602d10e744692bcc1c54f323410f4965d508f96e2255ce.svg)
}
.social-share-button .ssb-google_plus{
    background-image:url(/assets/social-share-button/google_plus-50c049fbb29cd3346f1bf9349017b644bcd00a53b56bd156728850f57bd85c0a.svg)
}
.social-share-button .ssb-weibo{
    background-image:url(/assets/social-share-button/weibo-a345a6ca554e6f388da9eb35746bb0425cb018c16408ba82852c66d375245d6f.svg)
}
.social-share-button .ssb-qq{
    background-image:url(/assets/social-share-button/qq-4dbae8223fc7823f6d73bc7fbe113eb894f4c174ec3ae93103ca382c78a2bf67.svg)
}
.social-share-button .ssb-delicious{
    background-image:url(/assets/social-share-button/delicious-0c55f72f821aae5352691f13eb64bf3435573e2169d0720477ed367b2f1ed28e.svg)
}
.social-share-button .ssb-linkedin{
    background-image:url(/assets/social-share-button/linkedin-b7fd42895b291003c444a9c2acf867ea813671e0b725a5d7c05dbb13f5c0fdd3.svg)
}
.social-share-button .ssb-tumblr{
    background-image:url(/assets/social-share-button/tumblr-330a37f93cce7c27a750188d0bfdbed3a22f566b807e64d21131dcdc94e08ec3.svg)
}
.social-share-button .ssb-pinterest{
    background-image:url(/assets/social-share-button/pinterest-86203d156197cce4087fee058b920d275c535df5fd59d8caa83da0ef41d1ec7f.svg)
}
.social-share-button .ssb-douban{
    background-image:url(/assets/social-share-button/douban-46298c27e3bc6d59951c0bbc464339a5ba1b44e3b25b571874f1baacd7af2495.svg)
}
.social-share-button .ssb-wechat{
    background-image:url(/assets/social-share-button/wechat-d8852cc3396a7a53eba39595d2e9f638c93a34ab1a0f41bae4ff391b63815f56.svg)
}
.social-share-button .ssb-vkontakte{
    background-image:url(/assets/social-share-button/vkontakte-0c2b68277fade991d74efcbdb6f7b359a35e65156cbada9625a3fe8f73151c14.svg)
}
.social-share-button .ssb-odnoklassniki{
    background-image:url(/assets/social-share-button/odnoklassniki-579bf782bd70fe94748254cac2c8c3dc150cceb0d2a143399e3062246b5ecb39.svg)
}
.social-share-button .ssb-xing{
    background-image:url(/assets/social-share-button/xing-0ebccb4042c8c7220e471c4f569df2bf27da227db425525819b6848c86a1603e.svg)
}
.social-share-button .ssb-email{
    background-image:url(/assets/social-share-button/email-7067143cbe69d9d8cf25e67fda1a315d133c2b79074a09088bd712cc5c81135d.svg)
}
.social-share-button .ssb-reddit{
    background-image:url(/assets/social-share-button/reddit-730429c239b6990b67d0d4aaaeb6e9fe48c62267f889a412e81f5f1066ec625f.svg)
}
.social-share-button .ssb-hacker_news{
    background-image:url(/assets/social-share-button/hacker_news-d89b13fec49355a787389a776f2e03a0a38314abf93777b8865f8c5f146eaf8d.svg)
}
.social-share-button .ssb-telegram{
    background-image:url(/assets/social-share-button/telegram-a6b5607917f3e3efbcf35c3ed43356b05622fcfc533d2fbf5066621b78c1dbe4.svg)
}
.ss-wechat-dialog{
    width:300px;
    position:fixed;
    background:#fff;
    padding:15px;
    border-radius:3px;
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.15);
    box-shadow:0 2px 15px rgba(0,0,0,0.15);
    z-index:11001;
    font-size:14px;
    line-height:1.2em
}
.ss-wechat-dialog .wechat-popup-header{
    font-weight:bold
}
.ss-wechat-dialog .wechat-dialog-qr{
    text-align:center;
    margin:25px 0
}
.ss-wechat-dialog .wechat-popup-close{
    width:16px;
    height:16px;
    position:absolute;
    right:10px;
    top:10px;
    color:#999;
    text-decoration:none;
    font-size:16px
}
.ss-wechat-dialog .wechat-popup-footer{
    text-align:left;
    line-height:22px;
    color:#666
}
.red{
    color:#DE5842
}
.green{
    color:#007bff
}
.yellow{
    color:#FCD059
}
.orange{
    color:#F5A623
}
.action-color{
    color:#56AEF1
}
.red{
    color:#DE5842
}
.green{
    color:#007bff
}
.yellow{
    color:#FCD059
}
.orange{
    color:#F5A623
}
.action-color{
    color:#56AEF1
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.sr-only{
    position:absolute !important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px)
}
.avatar{
    background-size:cover;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
    border-bottom-left-radius:50%;
    border-bottom-right-radius:50%;
    display:inline-block;
    text-align:center;
    overflow:hidden;
    position:relative;
    width:4rem;
    height:4rem;
    vertical-align:middle
}
.avatar img{
    width:100%;
    height:auto
}
.badge-red{
    background-color:#DE5842;
    border-radius:3.75em;
    color:white;
    display:inline-block;
    font-size:0.75em;
    line-height:1;
    padding:0.4rem 1rem
}
.badge-orange{
    background-color:#F5A623;
    border-radius:3.75em;
    color:white;
    display:inline-block;
    font-size:0.75em;
    line-height:1;
    padding:0.4rem 1rem
}
.badge-yellow{
    background-color:#FCD059;
    border-radius:3.75em;
    color:white;
    display:inline-block;
    font-size:0.75em;
    line-height:1;
    padding:0.4rem 1rem
}
.badge-green{
    background-color:#007bff;
    border-radius:3.75em;
    color:white;
    display:inline-block;
    font-size:0.75em;
    line-height:1;
    padding:0.4rem 1rem
}
.badge-blue{
    background-color:#56AEF1;
    border-radius:3.75em;
    color:white;
    display:inline-block;
    font-size:0.75em;
    line-height:1;
    padding:0.4rem 1rem
}
.badge-indigo{
    background-color:#626FE6;
    border-radius:3.75em;
    color:white;
    display:inline-block;
    font-size:0.75em;
    line-height:1;
    padding:0.4rem 1rem
}
.badge-violet{
    background-color:#6D42C7;
    border-radius:3.75em;
    color:white;
    display:inline-block;
    font-size:0.75em;
    line-height:1;
    padding:0.4rem 1rem
}
.blankslate{
    position:relative;
    padding:32px;
    text-align:center;
    background-color:white;
    border:1px solid #e1e4e8;
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 10px rgba(27,31,35,0.05);
    box-shadow:inset 0 0 10px rgba(27,31,35,0.05)
}
.blankslate code{
    padding:2px 5px 3px;
    font-size:14px;
    background:#fff;
    border:1px solid #eaecef;
    border-radius:3px
}
.blankslate h3{
    margin-top:0;
    padding-top:0
}
.blankslate h3+p{
    margin-top:0;
    padding-top:0
}
.blankslate-icon{
    margin-right:4px;
    margin-bottom:8px;
    margin-left:4px;
    color:#a3aab1
}
.blankslate-capped{
    border-radius:0 0 3px 3px
}
.blankslate-spacious{
    padding:80px 40px
}
.blankslate-narrow{
    width:485px;
    margin:0 auto
}
.blankslate-large h3{
    font-size:1.5384615385rem
}
.blankslate-large p{
    font-size:1.2307692308rem
}
.blankslate-clean-background{
    background:none;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.breadcrumb{
    display:inline-block;
    margin-bottom:1.5rem;
    margin-top:1.5rem;
    text-align:left
}
.breadcrumb a{
    background-color:#FAFBFD;
    border:1px solid #ddd;
    border-left:0;
    color:#333;
    display:inline-block;
    font-size:0.8em;
    line-height:2.25rem;
    margin-bottom:2px;
    margin-right:-5px;
    padding:0 0.5625rem 0 1.125rem;
    position:relative;
    text-decoration:none
}
.breadcrumb a:first-child{
    border-bottom-left-radius:3px;
    border-left:1px solid #ddd;
    border-top-left-radius:3px;
    padding-left:1.125rem
}
.breadcrumb a:last-child{
    background-color:#FAFBFD;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
    color:#333;
    padding-right:1.125rem
}
.breadcrumb a:focus,.breadcrumb a:hover{
    background-color:#FAFBFD;
    color:#56AEF1
}
.breadcrumb a::after,.breadcrumb a::before{
    position:absolute;
    top:0;
    right:auto;
    bottom:0;
    left:100%;
    border-bottom:1.125rem solid transparent;
    border-left:0.5625rem solid transparent;
    border-top:1.125rem solid transparent;
    content:"";
    display:block;
    margin:auto;
    z-index:2
}
.breadcrumb a:last-child::after,.breadcrumb a:last-child::before{
    border:0
}
.breadcrumb a::before{
    border-left-color:#ddd;
    margin-left:1px;
    z-index:1
}
.breadcrumb a::after{
    border-left-color:#FAFBFD
}
@media screen and (min-width: 48em){
    .breadcrumb a{
        font-size:1em;
        padding:0 1.125rem 0 1.5rem
    }
}
.highlight {
    text-shadow: yellow 0 0 60px;
}
.button--cta{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#007bff;
    border:0;
    border-radius:30px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:"Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:1em;
    font-weight:600;
    line-height:1;
    padding:0.75rem 1.5rem;
    text-align:center;
    text-decoration:none;
    -webkit-transition:background-color 150ms ease;
    transition:background-color 150ms ease;
    vertical-align:middle;
    white-space:nowrap;
    overflow-x:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.button--cta--grey{
    background-color:#6a737d
}
.button--cta:hover,.button--cta:focus{
    background-color:#2c92ff;
    color:#fff;
    text-decoration:none
}
.button--cta:disabled{
    cursor:not-allowed;
    opacity:0.5
}
.button--cta:disabled:hover{
    background-color:#56AEF1
}
.btn{
    position:relative;
    text-decoration:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0.5rem 1.5rem;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:1em;
    font-weight:bold;
    line-height:1.15;
    white-space:nowrap;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-repeat:repeat-x;
    background-position:-1px -1px;
    background-size:110% 110%;
    border:1px solid rgba(27,31,35,0.2);
    border-radius:0.25em;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.btn i{
    font-style:normal;
    font-weight:500;
    opacity:0.6
}
.btn .octicon{
    vertical-align:text-top
}
.btn .Counter{
    color:#586069;
    text-shadow:none;
    background-color:rgba(27,31,35,0.1)
}
.btn:hover{
    text-decoration:none;
    background-repeat:repeat-x
}
.btn:focus{
    outline:0;
    text-decoration:none
}
.btn:disabled,.btn.disabled{
    cursor:default;
    background-position:0 0
}
.btn:active,.btn.selected{
    text-decoration:none;
    background-image:none
}
.btn{
    color:#24292e;
    background-color:#eff3f6;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fafbfc), color-stop(90%, #eff3f6));
    background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)
}
.btn:focus,.btn.focus{
    color:#24292e;
    -webkit-box-shadow:0 0 0 0.2em rgba(21,101,192,0.3);
    box-shadow:0 0 0 0.2em rgba(21,101,192,0.3)
}
.btn:hover,.btn.hover{
    background-color:#e6ebf1;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f3f6), color-stop(90%, #e6ebf1));
    background-image:linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);
    background-position:0 -0.5em;
    border-color:rgba(27,31,35,0.35);
    color:#24292e
}
.btn:active,.btn.selected{
    background-color:#e9ecef;
    background-image:none;
    border-color:rgba(27,31,35,0.35);
    -webkit-box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    color:#24292e
}
.btn:disabled,.btn.disabled{
    color:rgba(36,41,46,0.4);
    background-color:#eff3f6;
    background-image:none;
    border-color:rgba(27,31,35,0.2);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-primary{
    color:#fff;
    background-color:#ea960b;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#F5A623), color-stop(90%, #ea960b));
    background-image:linear-gradient(-180deg, #F5A623 0%, #ea960b 90%)
}
.btn-primary:focus,.btn-primary.focus{
    -webkit-box-shadow:0 0 0 0.2em rgba(245,166,35,0.3);
    box-shadow:0 0 0 0.2em rgba(245,166,35,0.3);
    color:#fff
}
.btn-primary:hover,.btn-primary.hover{
    color:#fff;
    background-color:#e0900a;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f5a219), color-stop(90%, #e0900a));
    background-image:linear-gradient(-180deg, #f5a219 0%, #e0900a 90%);
    background-position:0 -0.5em;
    border-color:rgba(27,31,35,0.5)
}
.btn-primary:active,.btn-primary.selected{
    color:#fff;
    background-color:#d58a0e;
    background-image:none;
    border-color:rgba(27,31,35,0.5);
    -webkit-box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)
}
.btn-primary:disabled,.btn-primary.disabled{
    color:rgba(255,255,255,0.75);
    background-color:#f5cb85;
    background-image:none;
    border-color:rgba(27,31,35,0.2);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-primary .Counter{
    color:#e5930a;
    background-color:#fff
}
.btn-purple{
    color:#fff;
    background-color:#643ab0;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#7e55c7), color-stop(90%, #643ab0));
    background-image:linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)
}
.btn-purple:focus,.btn-purple.focus{
    -webkit-box-shadow:0 0 0 0.2em rgba(126,85,199,0.3);
    box-shadow:0 0 0 0.2em rgba(126,85,199,0.3);
    color:#fff
}
.btn-purple:hover,.btn-purple.hover{
    color:#fff;
    background-color:#5f37a8;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#784ec5), color-stop(90%, #5f37a8));
    background-image:linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%);
    background-position:0 -0.5em;
    border-color:rgba(27,31,35,0.5)
}
.btn-purple:active,.btn-purple.selected{
    color:#fff;
    background-color:#613ca4;
    background-image:none;
    border-color:rgba(27,31,35,0.5);
    -webkit-box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)
}
.btn-purple:disabled,.btn-purple.disabled{
    color:rgba(255,255,255,0.75);
    background-color:#b29dd8;
    background-image:none;
    border-color:rgba(27,31,35,0.2);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-purple .Counter{
    color:#683cb8;
    background-color:#fff
}
.btn-blue{
    color:#fff;
    background-color:#0361cc;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#0679fc), color-stop(90%, #0361cc));
    background-image:linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)
}
.btn-blue:focus,.btn-blue.focus{
    -webkit-box-shadow:0 0 0 0.2em rgba(6,121,252,0.3);
    box-shadow:0 0 0 0.2em rgba(6,121,252,0.3);
    color:#fff
}
.btn-blue:hover,.btn-blue.hover{
    color:#fff;
    background-color:#035cc2;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#0374f4), color-stop(90%, #035cc2));
    background-image:linear-gradient(-180deg, #0374f4 0%, #035cc2 90%);
    background-position:0 -0.5em;
    border-color:rgba(27,31,35,0.5)
}
.btn-blue:active,.btn-blue.selected{
    color:#fff;
    background-color:#045cc1;
    background-image:none;
    border-color:rgba(27,31,35,0.5);
    -webkit-box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)
}
.btn-blue:disabled,.btn-blue.disabled{
    color:rgba(255,255,255,0.75);
    background-color:#81b0e6;
    background-image:none;
    border-color:rgba(27,31,35,0.2);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-blue .Counter{
    color:#0366d6;
    background-color:#fff
}
.btn-danger{
    color:#DE5842;
    background-color:#fafbfc;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fafbfc), color-stop(90%, #eff3f6));
    background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)
}
.btn-danger:focus{
    color:#DE5842;
    -webkit-box-shadow:0 0 0 0.2em rgba(222,88,66,0.3);
    box-shadow:0 0 0 0.2em rgba(222,88,66,0.3)
}
.btn-danger:hover{
    color:#fff;
    background-color:#DE5842;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#e67e6d), color-stop(90%, #DE5842));
    background-image:linear-gradient(-180deg, #e67e6d 0%, #DE5842 90%);
    border-color:rgba(27,31,35,0.5)
}
.btn-danger:hover .Counter{
    color:#fff
}
.btn-danger:active,.btn-danger.selected{
    color:#fff;
    background-color:#da452c;
    background-image:none;
    border-color:rgba(27,31,35,0.5);
    -webkit-box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)
}
.btn-danger:disabled,.btn-danger.disabled{
    color:rgba(222,88,66,0.4);
    background-color:#eff3f6;
    background-image:none;
    border-color:rgba(27,31,35,0.2);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-green{
    color:#fff;
    background-color:#0c915b;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#007bff), color-stop(90%, #0c915b));
    background-image:linear-gradient(-180deg, #007bff 0%, #0c915b 90%)
}
.btn-green:focus,.btn-green.focus{
    -webkit-box-shadow:0 0 0 0.2em rgba(13,154,97,0.3);
    box-shadow:0 0 0 0.2em rgba(13,154,97,0.3);
    color:#fff
}
.btn-green:hover,.btn-green.hover{
    color:#fff;
    background-color:#0b8755;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#0c915b), color-stop(90%, #0b8755));
    background-image:linear-gradient(-180deg, #0c915b 0%, #0b8755 90%);
    background-position:0 -0.5em;
    border-color:rgba(27,31,35,0.5)
}
.btn-green:active,.btn-green.selected{
    color:#fff;
    background-color:#0a7549;
    background-image:none;
    border-color:rgba(27,31,35,0.5);
    -webkit-box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)
}
.btn-green:disabled,.btn-green.disabled{
    color:rgba(255,255,255,0.75);
    background-color:#86c8ad;
    background-image:none;
    border-color:rgba(27,31,35,0.2);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-green .Counter{
    color:#0a7449;
    background-color:#fff
}
.btn-outline{
    color:#0366d6;
    background-color:#fff;
    background-image:none
}
.btn-outline .Counter{
    background-color:rgba(0,0,0,0.07)
}
.btn-outline:hover,.btn-outline:active,.btn-outline.selected{
    color:#fff;
    background-color:#0366d6;
    background-image:none;
    border-color:#0366d6
}
.btn-outline:hover .Counter,.btn-outline:active .Counter,.btn-outline.selected .Counter{
    color:#0366d6;
    background-color:#fff
}
.btn-outline:focus{
    border-color:#0366d6;
    -webkit-box-shadow:0 0 0 0.2em rgba(3,102,214,0.3);
    box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)
}
.btn-outline:disabled,.btn-outline.disabled{
    color:rgba(27,31,35,0.3);
    background-color:#fff;
    border-color:rgba(0,0,0,0.15);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-with-count{
    float:left;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-sm{
    padding:4px 10px;
    font-size:1rem;
    font-weight:normal;
    line-height:20px
}
.btn-large{
    padding:0.75em 1.25em;
    font-size:inherit;
    border-radius:6px
}
.hidden-text-expander{
    display:block
}
.hidden-text-expander.inline{
    position:relative;
    top:-1px;
    display:inline-block;
    margin-left:5px;
    line-height:0
}
.hidden-text-expander a,.ellipsis-expander{
    display:inline-block;
    height:12px;
    padding:0 5px 5px;
    font-size:12px;
    font-weight:bold;
    line-height:6px;
    color:#444d56;
    text-decoration:none;
    vertical-align:middle;
    background:#dfe2e5;
    border:0;
    border-radius:1px
}
.hidden-text-expander a:hover,.ellipsis-expander:hover{
    text-decoration:none;
    background-color:#c6cbd1
}
.hidden-text-expander a:active,.ellipsis-expander:active{
    color:#fff;
    background-color:#2188ff
}
.social-count{
    float:left;
    padding:3px 10px;
    font-size:0.8461538462rem;
    font-weight:bold;
    line-height:20px;
    color:#24292e;
    vertical-align:middle;
    background-color:#fff;
    border:1px solid rgba(27,31,35,0.2);
    border-left:0;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.social-count:hover,.social-count:active{
    text-decoration:none
}
.social-count:hover{
    color:#0366d6;
    cursor:pointer
}
.btn-block{
    display:block;
    width:100%;
    text-align:center
}
.btn-link{
    display:inline-block;
    padding:0;
    font-size:inherit;
    color:#0366d6;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:transparent;
    border:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.btn-link:hover{
    text-decoration:underline
}
.btn-link:disabled,.btn-link:disabled:hover{
    color:rgba(88,96,105,0.5);
    cursor:default
}
.button-group input{
    display:none
}
.button-group label{
    margin-bottom:0
}
@media screen and (min-width: 64em){
    .button-group label{
        float:left
    }
}
.button-group label .button-group-item{
    background:#FAFBFD;
    border-left:1px solid silver;
    border-radius:0;
    border-right:1px solid silver;
    color:gray;
    cursor:pointer;
    display:inline-block;
    font-size:1em;
    font-weight:normal;
    line-height:1;
    padding:0.75em 1em;
    width:100%
}
@media screen and (min-width: 64em){
    .button-group label .button-group-item{
        border-bottom:1px solid silver;
        border-left:0;
        border-right:1px solid #eeeeee;
        border-top:1px solid silver;
        width:auto
    }
}
.button-group label .button-group-item:focus,.button-group label .button-group-item:hover{
    background-color:#eff2f9
}
.button-group label:first-child .button-group-item{
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-top:1px solid silver
}
@media screen and (min-width: 64em){
    .button-group label:first-child .button-group-item{
        border-bottom-left-radius:3px;
        border-left:1px solid silver;
        border-top-left-radius:3px;
        border-top-right-radius:0
    }
}
.button-group label:last-child .button-group-item{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-bottom:1px solid silver
}
@media screen and (min-width: 64em){
    .button-group label:last-child .button-group-item{
        border-bottom-left-radius:0;
        border-bottom-right-radius:3px;
        border-right:1px solid silver;
        border-top-right-radius:3px
    }
}
.button-group label input:checked+.button-group-item{
    background:#56AEF1;
    border:1px solid #138ce7;
    -webkit-box-shadow:inset 0 1px 2px #2797ed;
    box-shadow:inset 0 1px 2px #2797ed;
    color:white
}
.card{
    background:#FFFFFF;
    border:2px solid #E7EAF1;
    margin-bottom:2rem
}
.card:not(.card--no-pad){
    padding-left:2rem;
    padding-right:2rem
}
.card--no-pad>p,.card--no-pad>table td,.card--no-pad>table th{
    padding-left:2rem;
    padding-right:2rem
}
header.card h2{
    margin-top:0;
    padding:1rem 0
}
main>h1:first-of-type,main>h2:first-of-type,main>h3:first-of-type,main>h4:first-of-type,main>h5:first-of-type,main>h6:first-of-type{
    line-height:3rem;
    font-size:1.1538461538rem;
    margin-bottom:0.8807592308rem;
    padding-top:1.1192407692rem
}
@media screen and (min-width: 35.5em){
    main>h1:first-of-type,main>h2:first-of-type,main>h3:first-of-type,main>h4:first-of-type,main>h5:first-of-type,main>h6:first-of-type{
        font-size:1.1428571429rem;
        margin-bottom:0.8771328571rem;
        padding-top:1.1228671429rem
    }
}
@media screen and (min-width: 48em){
    main>h1:first-of-type,main>h2:first-of-type,main>h3:first-of-type,main>h4:first-of-type,main>h5:first-of-type,main>h6:first-of-type{
        font-size:1.2857142857rem;
        margin-bottom:0.9242757143rem;
        padding-top:1.0757242857rem
    }
}
@media screen and (min-width: 64em){
    main>h1:first-of-type,main>h2:first-of-type,main>h3:first-of-type,main>h4:first-of-type,main>h5:first-of-type,main>h6:first-of-type{
        font-size:1.4285714286rem;
        margin-bottom:0.9714185714rem;
        padding-top:1.0285814286rem
    }
}
@media screen and (min-width: 90em){
    main>h1:first-of-type,main>h2:first-of-type,main>h3:first-of-type,main>h4:first-of-type,main>h5:first-of-type,main>h6:first-of-type{
        font-size:1.4285714286rem;
        margin-bottom:0.9714185714rem;
        padding-top:1.0285814286rem
    }
}
.layout main>h1:first-of-type,.layout main>h2:first-of-type,.layout main>h3:first-of-type,.layout main>h4:first-of-type,.layout main>h5:first-of-type,.layout main>h6:first-of-type,.layout nav>h1:first-of-type,.layout nav>h2:first-of-type,.layout nav>h3:first-of-type,.layout nav>h4:first-of-type,.layout nav>h5:first-of-type,.layout nav>h6:first-of-type,.layout .card>h1:first-of-type,.layout .card>h2:first-of-type,.layout .card>h3:first-of-type,.layout .card>h4:first-of-type,.layout .card>h5:first-of-type,.layout .card>h6:first-of-type{
    margin-top:0
}
.layout main>h1:first-of-type svg,.layout main>h2:first-of-type svg,.layout main>h3:first-of-type svg,.layout main>h4:first-of-type svg,.layout main>h5:first-of-type svg,.layout main>h6:first-of-type svg,.layout nav>h1:first-of-type svg,.layout nav>h2:first-of-type svg,.layout nav>h3:first-of-type svg,.layout nav>h4:first-of-type svg,.layout nav>h5:first-of-type svg,.layout nav>h6:first-of-type svg,.layout .card>h1:first-of-type svg,.layout .card>h2:first-of-type svg,.layout .card>h3:first-of-type svg,.layout .card>h4:first-of-type svg,.layout .card>h5:first-of-type svg,.layout .card>h6:first-of-type svg{
    vertical-align:middle
}
article.card{
    margin-top:1rem
}
.field_with_errors{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
.field_with_errors input[type="color"],.field_with_errors input[type="date"],.field_with_errors input[type="datetime"],.field_with_errors input[type="datetime-local"],.field_with_errors input[type="email"],.field_with_errors input[type="month"],.field_with_errors input[type="number"],.field_with_errors input[type="password"],.field_with_errors input[type="search"],.field_with_errors input[type="tel"],.field_with_errors input[type="text"],.field_with_errors input[type="time"],.field_with_errors input[type="url"],.field_with_errors input[type="week"],.field_with_errors input:not([type]),.field_with_errors textarea:not(.short),.field_with_errors select:not(.short){
    -webkit-box-flex:1;
    -ms-flex:1 auto;
    flex:1 auto;
    -webkit-box-shadow:0 0 0 1px #DE5842,0 0 0 4px rgba(222,88,66,0.25);
    box-shadow:0 0 0 1px #DE5842,0 0 0 4px rgba(222,88,66,0.25)
}
.field_with_errors label{
    color:#DE5842;
    -webkit-box-flex:1;
    -ms-flex:1 auto;
    flex:1 auto
}
#error_explanation .alert{
    background:#DE5842;
    color:white;
    border-radius:3px;
    margin:1rem 0 0 0;
    padding:0.5rem 1rem;
    font-weight:bold
}
#error_explanation h3{
    color:#DE5842
}
#error_explanation ul{
    color:#DE5842;
    list-style:disc;
    margin-top:0
}
.faq dl{
    color:#999
}
.faq dl:hover{
    color:#333
}
.container.faq{
    margin-top:5rem
}
footer{
    padding:0 2rem
}
footer div{
    margin-top:0.5rem
}
footer img{
    vertical-align:middle
}
footer .row .col:last-child{
    text-align:right
}
footer .row .col:last-child a{
    margin-left:2rem
}
footer .row .col:last-child a:not(.button){
    color:#333
}
body.pages footer .container{
    padding:3rem;
    padding-right:6rem
}
li.checkbox__switch{
    padding-bottom:0.5rem
}
label.checkbox__switch{
    border-radius:32px;
    cursor:pointer;
    height:32px;
    position:relative;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:auto;
    display:inline-table
}
label.checkbox__switch span{
    height:100%;
    line-height:30px;
    padding:0;
    margin:0
}
label.checkbox__switch span+span,label.checkbox__switch span+strong{
    margin-left:10px;
    vertical-align:text-bottom
}
label.checkbox__switch input[type="checkbox"]{
    display:none
}
label.checkbox__switch input[type="checkbox"]+.checkbox{
    display:inline-block;
    float:left;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    background:#d9e1f0;
    border-radius:32px;
    border:none;
    cursor:pointer;
    height:32px;
    margin:0;
    padding:0;
    position:relative;
    width:52px;
    z-index:0
}
label.checkbox__switch input[type="checkbox"]+.checkbox:before{
    position:absolute;
    top:2px;
    right:0;
    bottom:0;
    left:2px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    background:#FAFBFD;
    border-radius:32px;
    content:"";
    height:28px;
    width:48px;
    z-index:1
}
label.checkbox__switch input[type="checkbox"]+.checkbox:after{
    position:absolute;
    top:2px;
    right:0;
    bottom:0;
    left:2px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    height:28px;
    width:28px;
    background:#FAFBFD;
    border-radius:28px;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);
    box-shadow:0 2px 5px rgba(0,0,0,0.4);
    content:"";
    z-index:2
}
label.checkbox__switch input[type="checkbox"]:checked+.checkbox{
    background:#007bff
}
label.checkbox__switch input[type="checkbox"]:checked+.checkbox:before{
    -webkit-transform:scale(0);
    transform:scale(0)
}
label.checkbox__switch input[type="checkbox"]:checked+.checkbox:after{
    left:22px
}
label.checkbox__switch input[type="checkbox"]:disabled:checked+.checkbox{
    background:#48dea2
}
.form-group{
    margin:15px 0
}
.form-group .form-control{
    width:440px;
    max-width:100%;
    margin-right:5px;
    background-color:#fafbfc
}
.form-group .form-control:focus{
    background-color:#fff
}
.form-group .form-control.shorter{
    width:130px
}
.form-group .form-control.short{
    width:250px
}
.form-group .form-control.long{
    width:100%
}
.form-group textarea.form-control{
    width:100%
}
.form-group dt{
    margin:0 0 6px
}
.form-group label{
    position:relative
}
.form-group.flattened dt{
    float:left;
    margin:0;
    line-height:32px
}
.form-group.flattened dd{
    line-height:32px
}
.form-group dd h4{
    margin:4px 0 0
}
.form-group dd h4.is-error{
    color:#cb2431
}
.form-group dd h4.is-success{
    color:#28a745
}
.form-group dd h4+.note{
    margin-top:0
}
.form-group.required dt label::after{
    padding-left:5px;
    color:#cb2431;
    content:"*"
}
.form-group .success,.form-group .error,.form-group .indicator{
    display:none;
    font-size:12px;
    font-weight:600
}
.form-group.loading{
    opacity:0.5
}
.form-group.loading .indicator{
    display:inline
}
.form-group.loading .spinner{
    display:inline-block;
    vertical-align:middle
}
.form-group.successful .success{
    display:inline;
    color:#28a745
}
.form-group.warn .warning,.form-group.warn .error,.form-group.errored .warning,.form-group.errored .error{
    position:absolute;
    z-index:10;
    display:block;
    max-width:450px;
    padding:5px 8px;
    margin:4px 0 0;
    font-size:13px;
    font-weight:normal;
    border-style:solid;
    border-width:1px;
    border-radius:3px
}
.form-group.warn .warning::after,.form-group.warn .warning::before,.form-group.warn .error::after,.form-group.warn .error::before,.form-group.errored .warning::after,.form-group.errored .warning::before,.form-group.errored .error::after,.form-group.errored .error::before{
    position:absolute;
    bottom:100%;
    left:10px;
    z-index:15;
    width:0;
    height:0;
    pointer-events:none;
    content:" ";
    border:solid transparent
}
.form-group.warn .warning::after,.form-group.warn .error::after,.form-group.errored .warning::after,.form-group.errored .error::after{
    border-width:5px
}
.form-group.warn .warning::before,.form-group.warn .error::before,.form-group.errored .warning::before,.form-group.errored .error::before{
    margin-left:-1px;
    border-width:6px
}
.form-group.warn .warning{
    color:#735c0f;
    background-color:#fffbdd;
    border-color:#d9d0a5
}
.form-group.warn .warning::after{
    border-bottom-color:#fffbdd
}
.form-group.warn .warning::before{
    border-bottom-color:#d9d0a5
}
.form-group.errored label{
    color:#cb2431
}
.form-group.errored .error{
    color:#86181d;
    background-color:#ffdce0;
    border-color:#cea0a5
}
.form-group.errored .error::after{
    border-bottom-color:#ffdce0
}
.form-group.errored .error::before{
    border-bottom-color:#cea0a5
}
.note{
    min-height:17px;
    margin:4px 0 2px;
    font-size:12px;
    color:#586069
}
.note .spinner{
    margin-right:3px;
    vertical-align:middle
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
    background-size:13px;
    background-repeat:no-repeat;
    background-position:right 1rem center;
    background-color:white;
    padding-right:2rem;
    padding-left:1rem;
    height:2.5rem;
    border:1px dotted #ddd;
    border-radius:3px;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06)
}
form p small{
    display:block;
    color:#999;
    font-weight:normal
}
fieldset{
    background-color:transparent;
    border:0;
    margin:0;
    padding:0
}
legend{
    font-weight:bold;
    margin-bottom:0.375rem;
    padding:0
}
label{
    font-weight:bold;
    margin-bottom:0.375rem
}
label div{
    font-weight:normal
}
input[type=radio]+label{
    display:inline
}
input,select,textarea{
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:1em
}
input[type="color"]:not(.button--cta),input[type="date"]:not(.button--cta),input[type="datetime"]:not(.button--cta),input[type="datetime-local"]:not(.button--cta),input[type="email"]:not(.button--cta),input[type="month"]:not(.button--cta),input[type="number"]:not(.button--cta),input[type="password"]:not(.button--cta),input[type="search"]:not(.button--cta),input[type="tel"]:not(.button--cta),input[type="text"]:not(.button--cta),input[type="time"]:not(.button--cta),input[type="url"]:not(.button--cta),input[type="week"]:not(.button--cta),input:not([type]):not(.button--cta),textarea:not(.button--cta){
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:white;
    border:1px dotted #ddd;
    border-radius:3px;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0.5rem;
    -webkit-transition:border-color 150ms ease;
    transition:border-color 150ms ease;
    border-style:solid
}
input[type="color"]:not(.button--cta):hover,input[type="date"]:not(.button--cta):hover,input[type="datetime"]:not(.button--cta):hover,input[type="datetime-local"]:not(.button--cta):hover,input[type="email"]:not(.button--cta):hover,input[type="month"]:not(.button--cta):hover,input[type="number"]:not(.button--cta):hover,input[type="password"]:not(.button--cta):hover,input[type="search"]:not(.button--cta):hover,input[type="tel"]:not(.button--cta):hover,input[type="text"]:not(.button--cta):hover,input[type="time"]:not(.button--cta):hover,input[type="url"]:not(.button--cta):hover,input[type="week"]:not(.button--cta):hover,input:not([type]):not(.button--cta):hover,textarea:not(.button--cta):hover{
    border-color:#b1b1b1
}
input[type="color"]:not(.button--cta):focus,input[type="date"]:not(.button--cta):focus,input[type="datetime"]:not(.button--cta):focus,input[type="datetime-local"]:not(.button--cta):focus,input[type="email"]:not(.button--cta):focus,input[type="month"]:not(.button--cta):focus,input[type="number"]:not(.button--cta):focus,input[type="password"]:not(.button--cta):focus,input[type="search"]:not(.button--cta):focus,input[type="tel"]:not(.button--cta):focus,input[type="text"]:not(.button--cta):focus,input[type="time"]:not(.button--cta):focus,input[type="url"]:not(.button--cta):focus,input[type="week"]:not(.button--cta):focus,input:not([type]):not(.button--cta):focus,textarea:not(.button--cta):focus{
    border-color:#56AEF1;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(62,163,239,0.7);
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(62,163,239,0.7);
    outline:none
}
input[type="color"]:not(.button--cta):disabled,input[type="date"]:not(.button--cta):disabled,input[type="datetime"]:not(.button--cta):disabled,input[type="datetime-local"]:not(.button--cta):disabled,input[type="email"]:not(.button--cta):disabled,input[type="month"]:not(.button--cta):disabled,input[type="number"]:not(.button--cta):disabled,input[type="password"]:not(.button--cta):disabled,input[type="search"]:not(.button--cta):disabled,input[type="tel"]:not(.button--cta):disabled,input[type="text"]:not(.button--cta):disabled,input[type="time"]:not(.button--cta):disabled,input[type="url"]:not(.button--cta):disabled,input[type="week"]:not(.button--cta):disabled,input:not([type]):not(.button--cta):disabled,textarea:not(.button--cta):disabled{
    background-color:#f2f2f2;
    cursor:not-allowed
}
input[type="color"]:not(.button--cta):disabled:hover,input[type="date"]:not(.button--cta):disabled:hover,input[type="datetime"]:not(.button--cta):disabled:hover,input[type="datetime-local"]:not(.button--cta):disabled:hover,input[type="email"]:not(.button--cta):disabled:hover,input[type="month"]:not(.button--cta):disabled:hover,input[type="number"]:not(.button--cta):disabled:hover,input[type="password"]:not(.button--cta):disabled:hover,input[type="search"]:not(.button--cta):disabled:hover,input[type="tel"]:not(.button--cta):disabled:hover,input[type="text"]:not(.button--cta):disabled:hover,input[type="time"]:not(.button--cta):disabled:hover,input[type="url"]:not(.button--cta):disabled:hover,input[type="week"]:not(.button--cta):disabled:hover,input:not([type]):not(.button--cta):disabled:hover,textarea:not(.button--cta):disabled:hover{
    border:1px dotted #ddd
}
input[type="color"]:not(.button--cta)::-webkit-input-placeholder,input[type="date"]:not(.button--cta)::-webkit-input-placeholder,input[type="datetime"]:not(.button--cta)::-webkit-input-placeholder,input[type="datetime-local"]:not(.button--cta)::-webkit-input-placeholder,input[type="email"]:not(.button--cta)::-webkit-input-placeholder,input[type="month"]:not(.button--cta)::-webkit-input-placeholder,input[type="number"]:not(.button--cta)::-webkit-input-placeholder,input[type="password"]:not(.button--cta)::-webkit-input-placeholder,input[type="search"]:not(.button--cta)::-webkit-input-placeholder,input[type="tel"]:not(.button--cta)::-webkit-input-placeholder,input[type="text"]:not(.button--cta)::-webkit-input-placeholder,input[type="time"]:not(.button--cta)::-webkit-input-placeholder,input[type="url"]:not(.button--cta)::-webkit-input-placeholder,input[type="week"]:not(.button--cta)::-webkit-input-placeholder,input:not([type]):not(.button--cta)::-webkit-input-placeholder,textarea:not(.button--cta)::-webkit-input-placeholder{
    color:#858585
}
input[type="color"]:not(.button--cta):-ms-input-placeholder,input[type="date"]:not(.button--cta):-ms-input-placeholder,input[type="datetime"]:not(.button--cta):-ms-input-placeholder,input[type="datetime-local"]:not(.button--cta):-ms-input-placeholder,input[type="email"]:not(.button--cta):-ms-input-placeholder,input[type="month"]:not(.button--cta):-ms-input-placeholder,input[type="number"]:not(.button--cta):-ms-input-placeholder,input[type="password"]:not(.button--cta):-ms-input-placeholder,input[type="search"]:not(.button--cta):-ms-input-placeholder,input[type="tel"]:not(.button--cta):-ms-input-placeholder,input[type="text"]:not(.button--cta):-ms-input-placeholder,input[type="time"]:not(.button--cta):-ms-input-placeholder,input[type="url"]:not(.button--cta):-ms-input-placeholder,input[type="week"]:not(.button--cta):-ms-input-placeholder,input:not([type]):not(.button--cta):-ms-input-placeholder,textarea:not(.button--cta):-ms-input-placeholder{
    color:#858585
}
input[type="color"]:not(.button--cta)::placeholder,input[type="date"]:not(.button--cta)::placeholder,input[type="datetime"]:not(.button--cta)::placeholder,input[type="datetime-local"]:not(.button--cta)::placeholder,input[type="email"]:not(.button--cta)::placeholder,input[type="month"]:not(.button--cta)::placeholder,input[type="number"]:not(.button--cta)::placeholder,input[type="password"]:not(.button--cta)::placeholder,input[type="search"]:not(.button--cta)::placeholder,input[type="tel"]:not(.button--cta)::placeholder,input[type="text"]:not(.button--cta)::placeholder,input[type="time"]:not(.button--cta)::placeholder,input[type="url"]:not(.button--cta)::placeholder,input[type="week"]:not(.button--cta)::placeholder,input:not([type]):not(.button--cta)::placeholder,textarea:not(.button--cta)::placeholder{
    color:#858585
}
input[type="color"]:not(.button--cta):not([size]),input[type="date"]:not(.button--cta):not([size]),input[type="datetime"]:not(.button--cta):not([size]),input[type="datetime-local"]:not(.button--cta):not([size]),input[type="email"]:not(.button--cta):not([size]),input[type="month"]:not(.button--cta):not([size]),input[type="number"]:not(.button--cta):not([size]),input[type="password"]:not(.button--cta):not([size]),input[type="search"]:not(.button--cta):not([size]),input[type="tel"]:not(.button--cta):not([size]),input[type="text"]:not(.button--cta):not([size]),input[type="time"]:not(.button--cta):not([size]),input[type="url"]:not(.button--cta):not([size]),input[type="week"]:not(.button--cta):not([size]),input:not([type]):not(.button--cta):not([size]),textarea:not(.button--cta):not([size]){
    width:100%
}
textarea{
    resize:vertical
}
[type="checkbox"],[type="radio"]{
    display:inline;
    margin-right:0.375rem
}
select{
    margin-bottom:0.75rem;
    width:100%
}
input.errors{
    border-color:#DE5842;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(218,69,44,0.7);
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(218,69,44,0.7)
}
div.errors{
    color:#DE5842
}
label.radio__group{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:1rem
}
label.radio__group>div{
    -webkit-box-flex:1;
    -ms-flex:1 auto;
    flex:1 auto
}
label.radio__group>.radio{
    -webkit-box-flex:0;
    -ms-flex:0 0 30px;
    flex:0 0 30px
}
label.radio__group:last-of-type{
    padding-bottom:0
}
input.placeholder__editor{
    cursor:text;
    -webkit-transition:-webkit-box-shadow 150ms ease;
    transition:-webkit-box-shadow 150ms ease;
    transition:box-shadow 150ms ease;
    transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease
}
input.placeholder__editor:focus{
    outline:none
}
input.placeholder__editor:focus::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5)
}
input.placeholder__editor:focus:-moz-placeholder{
    color:rgba(255,255,255,0.5);
    opacity:0.5
}
input.placeholder__editor:focus::-moz-placeholder{
    color:white;
    opacity:0.5
}
input.placeholder__editor:focus:-ms-input-placeholder{
    color:white
}
input.placeholder__editor:focus::-ms-input-placeholder{
    color:white
}
input.placeholder__editor::-webkit-input-placeholder{
    color:white
}
input.placeholder__editor:-moz-placeholder{
    color:white;
    opacity:1
}
input.placeholder__editor::-moz-placeholder{
    color:white;
    opacity:1
}
input.placeholder__editor:-ms-input-placeholder{
    color:white
}
input.placeholder__editor::-ms-input-placeholder{
    color:white
}
.step{
    margin-top:2rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.step__content{
    padding-left:1rem
}
.step__content>*:first-child{
    padding-top:0;
    margin-top:0
}
.step__content>h4:first-child{
    line-height:60px
}
.round{
    background:#007bff;
    border-radius:100%;
    height:60px;
    width:60px;
    color:white;
    text-align:center;
    line-height:58px;
    font-size:30px;
    font-weight:700;
    font-family:"Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}
figure{
    width:auto;
    max-width:100%;
    overflow:hidden;
    padding:5px
}
figure img{
    max-width:100%;
    height:auto;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.1)
}
table.integrations{
    table-layout:auto
}
table.integrations td:last-child{
    text-align:right
}
table.integrations td.integrations__icon{
    width:110px;
    text-align:right;
    padding-right:0
}
table.integrations td.integrations__icon img{
    max-height:36px;
    vertical-align:middle
}
.container--full{
    width:100%
}
.container--small{
    max-width:38.4615384615rem;
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width: 35.5em){
    .container--medium{
        max-width:50rem
    }
}
@media screen and (min-width: 48em){
    .container--medium{
        max-width:57.1428571429rem
    }
}
@media screen and (min-width: 64em){
    .container--medium{
        max-width:78.5714285714rem
    }
}
@media screen and (min-width: 90em){
    .container--medium{
        max-width:92.8571428571rem
    }
}
@media screen and (min-width: 48em){
    .container.container--flex{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding:0
    }
    .container.container--flex nav{
        -webkit-box-flex:0;
        -ms-flex:0 0 120px;
        flex:0 0 120px
    }
    .container.container--flex article{
        -webkit-box-flex:1;
        -ms-flex:1 auto;
        flex:1 auto;
        padding-right:1rem
    }
}
.right{
    float:right
}
main #page-heading{
    margin:0;
    padding:0;
    width:100%;
    height:7rem
}
main #page-heading>div{
    float:left;
    line-height:7rem;
    padding:0;
    margin:0
}
main #page-heading>:not(:first-child){
    padding-left:2rem
}
main #page-heading h1{
    line-height:7rem;
    margin:0;
    padding:0 0 0 2rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.login{
    text-decoration:none;
    margin-left:10px;
    display:block;
    color:white;
    padding:1rem;
    margin:1rem 0;
    vertical-align:middle;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#999
}
.login:hover{
    text-decoration:none
}
.login>*{
    -webkit-box-flex:0;
    -ms-flex:0 auto;
    flex:0 auto;
    color:white
}
.login>:first-child{
    margin-right:1rem
}
.login>*{
    color:white
}
.login:hover,.login:active,.login:focus{
    text-decoration:none
}
.login--facebook{
    background-color:#3b5998
}
.login--facebook>*{
    color:white
}
.login--facebook:hover,.login--facebook:active,.login--facebook:focus{
    background-color:rgba(59,89,152,0.02);
    -webkit-box-shadow:inset 0 0 0 2px #3b5998;
    box-shadow:inset 0 0 0 2px #3b5998
}
.login--facebook:hover>*,.login--facebook:active>*,.login--facebook:focus>*{
    color:#3b5998
}
.login--facebook--inverse{
    background-color:white;
    -webkit-box-shadow:inset 0 0 0 2px #3b5998;
    box-shadow:inset 0 0 0 2px #3b5998
}
.login--facebook--inverse>*{
    color:#3b5998
}
.login--facebook--inverse:hover,.login--facebook--inverse:active,.login--facebook--inverse:focus{
    background-color:#3b5998
}
.login--facebook--inverse:hover>*,.login--facebook--inverse:active>*,.login--facebook--inverse:focus>*{
    color:white
}
.login--twitter{
    background-color:#00aced
}
.login--twitter>*{
    color:white
}
.login--twitter:hover,.login--twitter:active,.login--twitter:focus{
    background-color:rgba(0,172,237,0.02);
    -webkit-box-shadow:inset 0 0 0 2px #00aced;
    box-shadow:inset 0 0 0 2px #00aced
}
.login--twitter:hover>*,.login--twitter:active>*,.login--twitter:focus>*{
    color:#00aced
}
.login--twitter--inverse{
    background-color:white;
    -webkit-box-shadow:inset 0 0 0 2px #00aced;
    box-shadow:inset 0 0 0 2px #00aced
}
.login--twitter--inverse>*{
    color:#00aced
}
.login--twitter--inverse:hover,.login--twitter--inverse:active,.login--twitter--inverse:focus{
    background-color:#00aced
}
.login--twitter--inverse:hover>*,.login--twitter--inverse:active>*,.login--twitter--inverse:focus>*{
    color:white
}
.login--google-plus{
    background-color:#dd4b39
}
.login--google-plus>*{
    color:white
}
.login--google-plus:hover,.login--google-plus:active,.login--google-plus:focus{
    background-color:rgba(221,75,57,0.02);
    -webkit-box-shadow:inset 0 0 0 2px #dd4b39;
    box-shadow:inset 0 0 0 2px #dd4b39
}
.login--google-plus:hover>*,.login--google-plus:active>*,.login--google-plus:focus>*{
    color:#dd4b39
}
.login--google-plus--inverse{
    background-color:white;
    -webkit-box-shadow:inset 0 0 0 2px #dd4b39;
    box-shadow:inset 0 0 0 2px #dd4b39
}
.login--google-plus--inverse>*{
    color:#dd4b39
}
.login--google-plus--inverse:hover,.login--google-plus--inverse:active,.login--google-plus--inverse:focus{
    background-color:#dd4b39
}
.login--google-plus--inverse:hover>*,.login--google-plus--inverse:active>*,.login--google-plus--inverse:focus>*{
    color:white
}
.login--linkedin{
    background-color:#0077b5
}
.login--linkedin>*{
    color:white
}
.login--linkedin:hover,.login--linkedin:active,.login--linkedin:focus{
    background-color:rgba(0,119,181,0.02);
    -webkit-box-shadow:inset 0 0 0 2px #0077b5;
    box-shadow:inset 0 0 0 2px #0077b5
}
.login--linkedin:hover>*,.login--linkedin:active>*,.login--linkedin:focus>*{
    color:#0077b5
}
.login--linkedin--inverse{
    background-color:white;
    -webkit-box-shadow:inset 0 0 0 2px #0077b5;
    box-shadow:inset 0 0 0 2px #0077b5
}
.login--linkedin--inverse>*{
    color:#0077b5
}
.login--linkedin--inverse:hover,.login--linkedin--inverse:active,.login--linkedin--inverse:focus{
    background-color:#0077b5
}
.login--linkedin--inverse:hover>*,.login--linkedin--inverse:active>*,.login--linkedin--inverse:focus>*{
    color:white
}
.login--product-hunt{
    background-color:#DA552F
}
.login--product-hunt>*{
    color:white
}
.login--product-hunt:hover,.login--product-hunt:active,.login--product-hunt:focus{
    background-color:rgba(218,85,47,0.02);
    -webkit-box-shadow:inset 0 0 0 2px #da552f;
    box-shadow:inset 0 0 0 2px #da552f
}
.login--product-hunt:hover>*,.login--product-hunt:active>*,.login--product-hunt:focus>*{
    color:#DA552F
}
.login--product-hunt--inverse{
    background-color:white;
    -webkit-box-shadow:inset 0 0 0 2px #DA552F;
    box-shadow:inset 0 0 0 2px #DA552F
}
.login--product-hunt--inverse>*{
    color:#DA552F
}
.login--product-hunt--inverse:hover,.login--product-hunt--inverse:active,.login--product-hunt--inverse:focus{
    background-color:#DA552F
}
.login--product-hunt--inverse:hover>*,.login--product-hunt--inverse:active>*,.login--product-hunt--inverse:focus>*{
    color:white
}
.login--zapier{
    background-color:#FF4A00
}
.login--zapier>*{
    color:white
}
.login--zapier:hover,.login--zapier:active,.login--zapier:focus{
    background-color:rgba(255,74,0,0.02);
    -webkit-box-shadow:inset 0 0 0 2px #ff4a00;
    box-shadow:inset 0 0 0 2px #ff4a00
}
.login--zapier:hover>*,.login--zapier:active>*,.login--zapier:focus>*{
    color:#FF4A00
}
.login--zapier--inverse{
    background-color:white;
    -webkit-box-shadow:inset 0 0 0 2px #FF4A00;
    box-shadow:inset 0 0 0 2px #FF4A00
}
.login--zapier--inverse>*{
    color:#FF4A00
}
.login--zapier--inverse:hover,.login--zapier--inverse:active,.login--zapier--inverse:focus{
    background-color:#FF4A00
}
.login--zapier--inverse:hover>*,.login--zapier--inverse:active>*,.login--zapier--inverse:focus>*{
    color:white
}
p.divider{
    clear:both;
    text-align:center;
    z-index:0;
    position:relative
}
p.divider:before{
    border-top:1px solid #ddd;
    content:"";
    margin:0 auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:95%;
    z-index:-1
}
p.divider span{
    background:#fff;
    color:#999;
    font-size:0.8461538462rem;
    padding:0 1rem;
    font-size:1rem;
    height:2rem;
    line-height:1rem;
    display:inline-block
}
@media screen and (min-width: 35.5em){
    p.divider span{
        font-size:0.7857142857rem
    }
}
@media screen and (min-width: 48em){
    p.divider span{
        font-size:0.9285714286rem
    }
}
@media screen and (min-width: 64em){
    p.divider span{
        font-size:1rem
    }
}
@media screen and (min-width: 90em){
    p.divider span{
        font-size:1rem
    }
}
.or_login{
    margin-bottom:2rem
}
figure{
    margin:0
}
img,picture{
    margin:0;
    max-width:100%
}
header#metabar .container a.brand{
    display:inline-block
}
header#metabar .container a.brand img{
    vertical-align:middle
}
header#metabar .container nav{
    -webkit-box-flex:1;
    -ms-flex:1 0 100%;
    flex:1 0 100%;
    background:#FFFFFF
}
header#metabar .container nav ul li{
    display:block;
    margin:0;
    padding:0
}
header#metabar .container nav ul li a{
    font-family:"Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    display:block;
    text-decoration:none;
    font-weight:normal;
    -webkit-transition:font-size 150ms ease;
    transition:font-size 150ms ease;
    color:#333
}
header#metabar .container nav ul li a .badge{
    font-size:65%;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    padding:0.4rem 0.5rem;
    top:-1rem;
    right:0.5rem
}
header#metabar .container nav ul li a:hover{
    color:#56AEF1
}
@media screen and (min-width: 48em){
    header#metabar .container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    header#metabar .container .brand{
        -webkit-box-flex:0;
        -ms-flex:0 0 120px;
        flex:0 0 120px;
        text-align:center
    }
    header#metabar .container .nav-toggle{
        -webkit-box-flex:1;
        -ms-flex:1 auto;
        flex:1 auto
    }
    header#metabar .container nav{
        -webkit-box-flex:1;
        -ms-flex:1 auto;
        flex:1 auto;
        padding-bottom:0
    }
    header#metabar .container nav ul{
        padding-left:1rem
    }
    header#metabar .container nav ul li{
        display:inline-block;
        float:left;
        width:auto
    }
    header#metabar .container nav ul li.right{
        float:right
    }
    header#metabar .container nav ul li a{
        color:#333;
        line-height:6rem;
        display:inline-block;
        padding-left:1rem;
        padding-right:1rem
    }
    header#metabar .container nav ul li.account{
        float:right
    }
}
@media screen and (min-width: 64em){
    header#metabar .container nav ul li a{
        font-size:1.3846153846rem
    }
}
header#metabar .nav-toggle{
    -webkit-box-flex:0;
    -ms-flex:0 auto;
    flex:0 auto
}
/*! responsive-nav.js 1.0.39 by @viljamis */
.nav-collapse ul{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    list-style:none
}
.nav-collapse li{
    width:100%;
    display:block
}
.js .nav-collapse{
    clip:rect(0 0 0 0);
    max-height:0;
    position:absolute;
    display:block;
    overflow:hidden;
    zoom:1
}
.nav-collapse.opened{
    max-height:9999px
}
.nav-toggle{
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
@media screen and (min-width: 768px){
    .js .nav-collapse{
        position:relative
    }
    .js .nav-collapse.closed{
        max-height:none
    }
    .nav-toggle{
        display:none
    }
}
.nav-toggle{
    position:fixed;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration:none;
    text-indent:-999px;
    position:relative;
    overflow:hidden;
    width:70px;
    height:55px;
    float:right;
    color:#333
}
.nav-toggle-disabled:before{
    font-family:"fontawesome";
    content:"";
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    font-size:28px;
    text-transform:none;
    position:absolute;
    text-indent:0;
    text-align:center;
    line-height:55px;
    speak:none;
    width:100%;
    top:0;
    left:0
}
.nav-toggle.active::before{
    font-family:"fontawesome";
    font-size:24px;
    content:""
}
.flash.flash--alert{
    background-color:#56AEF1;
    color:white;
    display:block;
    margin-bottom:0.75rem;
    padding:0.75rem;
    text-align:center;
    margin-bottom:0
}
.flash.flash--alert a{
    color:white;
    text-decoration:underline
}
.flash.flash--alert a:focus,.flash.flash--alert a:hover{
    color:white
}
.flash.flash--error{
    background-color:#DE5842;
    color:white;
    display:block;
    margin-bottom:0.75rem;
    padding:0.75rem;
    text-align:center;
    margin-bottom:0
}
.flash.flash--error a{
    color:white;
    text-decoration:underline
}
.flash.flash--error a:focus,.flash.flash--error a:hover{
    color:white
}
.flash.flash--notice{
    background-color:#007bff;
    color:#ddfcef;
    display:block;
    margin-bottom:0.75rem;
    padding:0.75rem;
    text-align:center;
    margin-bottom:0
}
.flash.flash--notice a{
    color:#ddfcef;
    text-decoration:underline
}
.flash.flash--notice a:focus,.flash.flash--notice a:hover{
    color:#ddfcef
}
.flash.flash--success{
    background-color:#007bff;
    color:#ddfcef;
    display:block;
    margin-bottom:0.75rem;
    padding:0.75rem;
    text-align:center;
    margin-bottom:0
}
.flash.flash--success a{
    color:#ddfcef;
    text-decoration:underline
}
.flash.flash--success a:focus,.flash.flash--success a:hover{
    color:#ddfcef
}
.pagination{
    text-align:center
}
.pagination ul{
    display:inline;
    margin:0;
    padding:0;
    text-align:center;
    font-size:1.0769230769rem
}
.pagination ul li{
    display:inline-block;
    list-style:none;
    margin-left:0
}
.pagination ul ul li{
    display:none
}
.pagination ul ul li:nth-child(1),.pagination ul ul li:nth-child(2),.pagination ul ul li:nth-child(3){
    display:inline-block
}
@media screen and (min-width: 48em){
    .pagination ul ul li{
        display:inline-block
    }
}
.pagination ul li a{
    background:#f7f7f7;
    border-radius:3px;
    border:1px solid #ddd;
    color:#333;
    outline:none;
    padding:0.375rem 1rem;
    text-decoration:none;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.pagination ul li a:hover,.pagination ul li a:focus{
    background:white;
    color:#56AEF1
}
.pagination ul li a:active{
    background:#f7f7f7
}
.pagination ul li.current a{
    font-weight:bold;
    background:white
}
.pricing .price-tier{
    margin-bottom:1rem;
    margin-left:auto;
    margin-right:auto;
    max-width:400px;
    border:3px solid #e0e0e0;
    background:white;
    padding-bottom:2rem
}
.pricing .price-tier--recommended,.pricing .price-tier:nth-child(2){
    border:3px solid #007bff
}
.pricing .price-tier h2,.pricing .price-tier h3{
    text-align:center
}
.pricing .price-tier h2{
    padding-top:0;
    margin-top:1rem
}
.pricing .price-tier p{
    text-align:center;
    margin:0;
    padding:0
}
.pricing .price-tier ul.price-tier__features{
    text-align:center;
    list-style:none;
    padding:0
}
.pricing .price-tier ul.price-tier__features li{
    margin:0;
    padding:0
}
@media screen and (min-width: 48em){
    .pricing{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .pricing>.price-tier{
        -webkit-box-flex:1;
        -ms-flex:1 50%;
        flex:1 50%;
        margin-right:2rem
    }
    .pricing>.price-tier:last-child{
        margin-right:0
    }
}
.price-tier__amount{
    font-size:2.3076923077rem;
    font-weight:normal;
    margin-top:0.5rem;
    padding-top:0;
    text-align:center
}
@media screen and (min-width: 35.5em){
    .price-tier__amount{
        font-size:2.8571428571rem
    }
}
@media screen and (min-width: 48em){
    .price-tier__amount{
        font-size:4rem
    }
}
@media screen and (min-width: 64em){
    .price-tier__amount{
        font-size:4rem
    }
}
@media screen and (min-width: 90em){
    .price-tier__amount{
        font-size:4rem
    }
}
.price-tier__amount sup{
    font-size:30%;
    font-weight:100;
    top:-1rem
}
.StripeElement{
    background-color:white;
    padding:8px 12px;
    border-radius:4px;
    border:1px solid transparent;
    -webkit-box-shadow:0 1px 3px 0 #e6ebf1;
    box-shadow:0 1px 3px 0 #e6ebf1;
    -webkit-transition:box-shadow 150ms ease;
    -webkit-transition:-webkit-box-shadow 150ms ease;
    transition:-webkit-box-shadow 150ms ease;
    transition:box-shadow 150ms ease;
    transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease
}
.StripeElement--focus{
    -webkit-box-shadow:0 1px 3px 0 #cfd7df;
    box-shadow:0 1px 3px 0 #cfd7df
}
.StripeElement--invalid{
    border-color:#fa755a
}
.StripeElement--webkit-autofill{
    background-color:#fefde5 !important
}
table{
    border-collapse:collapse;
    margin:0;
    table-layout:fixed;
    width:100%
}
table--fixed td,table--fixed th,table th{
    border-bottom:1px dotted #d2d2d2;
    font-weight:600;
    padding:0.75rem 2rem;
    text-align:left
}
table td{
    border-bottom:1px dotted #ddd;
    padding:0.75rem 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
table td.nowrap{
    overflow-x:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-right:0
}
table td.nowrap>*{
    overflow-x:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
table tr,table td,table th{
    vertical-align:middle
}
table.table--auto{
    table-layout:auto
}
table.vertical th{
    text-align:right;
    padding-right:1rem;
    border-bottom:1px dotted #ddd
}
table.key_metrics{
    border-collapse:separate;
    border-spacing:1rem 0
}
table.key_metrics th,table.key_metrics td{
    text-align:center
}
td ul{
    padding-left:0
}
.tooltipped{
    position:relative
}
.tooltipped:after,.tooltipped:before{
    -webkit-transition:all 150ms ease;
    transition:all 150ms ease
}
.tooltipped:after{
    position:absolute;
    z-index:1000000;
    display:none;
    padding:5px 8px;
    font:normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color:#fff;
    text-align:center;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:break-word;
    white-space:pre;
    pointer-events:none;
    content:attr(aria-label);
    background:rgba(0,0,0,0.8);
    border-radius:3px;
    -webkit-font-smoothing:subpixel-antialiased
}
.tooltipped:before{
    position:absolute;
    z-index:1000001;
    display:none;
    width:0;
    height:0;
    color:rgba(0,0,0,0.8);
    pointer-events:none;
    content:"";
    border:5px solid transparent
}
.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after{
    display:inline-block;
    text-decoration:none
}
.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{
    display:table-cell
}
.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{
    top:100%;
    right:50%;
    margin-top:5px
}
.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{
    top:auto;
    right:50%;
    bottom:-5px;
    margin-right:-5px;
    border-bottom-color:rgba(0,0,0,0.8)
}
.tooltipped-se:after{
    right:auto;
    left:50%;
    margin-left:-15px
}
.tooltipped-sw:after{
    margin-right:-15px
}
.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{
    right:50%;
    bottom:100%;
    margin-bottom:5px
}
.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{
    top:-5px;
    right:50%;
    bottom:auto;
    margin-right:-5px;
    border-top-color:rgba(0,0,0,0.8)
}
.tooltipped-ne:after{
    right:auto;
    left:50%;
    margin-left:-15px
}
.tooltipped-nw:after{
    margin-right:-15px
}
.tooltipped-s:after,.tooltipped-n:after{
    -webkit-transform:translateX(50%);
    transform:translateX(50%)
}
.tooltipped-w:after{
    right:100%;
    bottom:50%;
    margin-right:5px;
    -webkit-transform:translateY(50%);
    transform:translateY(50%)
}
.tooltipped-w:before{
    top:50%;
    bottom:50%;
    left:-5px;
    margin-top:-5px;
    border-left-color:rgba(0,0,0,0.8)
}
.tooltipped-e:after{
    bottom:50%;
    left:100%;
    margin-left:5px;
    -webkit-transform:translateY(50%);
    transform:translateY(50%)
}
.tooltipped-e:before{
    top:50%;
    right:-5px;
    bottom:50%;
    margin-top:-5px;
    border-right-color:rgba(0,0,0,0.8)
}
.tooltipped-multiline:after{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    max-width:250px;
    word-break:break-word;
    word-wrap:normal;
    white-space:pre-line;
    border-collapse:separate
}
.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{
    right:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{
    right:100%
}
@media screen and (min-width: 0\0){
    .tooltipped-multiline:after{
        width:250px
    }
}
.tooltipped-sticky:before,.tooltipped-sticky:after{
    display:inline-block
}
.tooltipped-sticky.tooltipped-multiline:after{
    display:table-cell
}
.turbolinks-progress-bar{
    height:5px;
    background-color:#56AEF1
}
html{
    font-size:81.25%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
@media screen and (min-width: 35.5em){
    html{
        font-size:87.5%
    }
}
@media screen and (min-width: 48em){
    html{
        font-size:87.5%
    }
}
@media screen and (min-width: 64em){
    html{
        font-size:87.5%
    }
}
@media screen and (min-width: 90em){
    html{
        font-size:87.5%
    }
}
body{
    font-size:1.0769230769rem;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-style:normal;
    font-weight:300;
    line-height:2rem;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@media screen and (min-width: 35.5em){
    body{
        font-size:1rem
    }
}
@media screen and (min-width: 48em){
    body{
        font-size:1.0714285714rem
    }
}
@media screen and (min-width: 64em){
    body{
        font-size:1.1428571429rem
    }
}
@media screen and (min-width: 90em){
    body{
        font-size:1.1428571429rem
    }
}
a{
    text-decoration:none;
    -webkit-transition:color .1s, background-color .1s;
    transition:color .1s, background-color .1s;
    color:#56AEF1
}
a:hover,a:active,a:focus{
    text-decoration:underline;
    color:#2797ed
}
p{
    line-height:2rem;
    margin-bottom:0.3553746154rem;
    padding-top:0.6446253846rem
}
@media screen and (min-width: 35.5em){
    p{
        margin-bottom:0.32999rem;
        padding-top:0.67001rem
    }
}
@media screen and (min-width: 48em){
    p{
        margin-bottom:0.3535614286rem;
        padding-top:0.6464385714rem
    }
}
@media screen and (min-width: 64em){
    p{
        margin-bottom:0.3771328571rem;
        padding-top:0.6228671429rem
    }
}
@media screen and (min-width: 90em){
    p{
        margin-bottom:0.3771328571rem;
        padding-top:0.6228671429rem
    }
}
.message__content p,.message__content dd,.message__content dt,.message__content li{
    -webkit-font-feature-settings:'kern', 'onum', 'liga';
    font-feature-settings:'kern', 'onum', 'liga'
}
.message__content h1,.message__content h2,.message__content h3,.message__content h4,.message__content h5,.message__content h6{
    -webkit-font-feature-settings:'dlig', 'liga', 'lnum', 'kern';
    font-feature-settings:'dlig', 'liga', 'lnum', 'kern'
}
h1,h2,h3{
    font-family:"Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-style:normal;
    font-weight:400
}
h4,h5,h6{
    font-family:"Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-style:normal
}
h1 input{
    font-family:"Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:bold
}
.hero{
    line-height:3rem;
    font-size:2.3076923077rem;
    margin-bottom:0.2615284615rem;
    padding-top:0.7384715385rem;
    font-size:2.3076923077rem
}
@media screen and (min-width: 35.5em){
    .hero{
        font-size:2.8571428571rem;
        margin-bottom:0.4428471429rem;
        padding-top:0.5571528571rem
    }
}
@media screen and (min-width: 48em){
    .hero{
        font-size:4rem;
        margin-bottom:0.81999rem;
        padding-top:0.18001rem
    }
}
@media screen and (min-width: 64em){
    .hero{
        font-size:4rem;
        margin-bottom:0.81999rem;
        padding-top:0.18001rem
    }
}
@media screen and (min-width: 90em){
    .hero{
        font-size:4rem;
        margin-bottom:0.81999rem;
        padding-top:0.18001rem
    }
}
@media screen and (min-width: 35.5em){
    .hero{
        font-size:2.8571428571rem
    }
}
@media screen and (min-width: 48em){
    .hero{
        font-size:4rem
    }
}
@media screen and (min-width: 64em){
    .hero{
        font-size:4rem
    }
}
@media screen and (min-width: 90em){
    .hero{
        font-size:4rem
    }
}
h1,.alpha{
    line-height:3rem;
    font-size:1.8461538462rem;
    margin-bottom:0.1092207692rem;
    padding-top:0.8907792308rem
}
@media screen and (min-width: 35.5em){
    h1,.alpha{
        font-size:2rem;
        margin-bottom:0.15999rem;
        padding-top:0.84001rem
    }
}
@media screen and (min-width: 48em){
    h1,.alpha{
        font-size:2.1428571429rem;
        margin-bottom:0.2071328571rem;
        padding-top:0.7928671429rem
    }
}
@media screen and (min-width: 64em){
    h1,.alpha{
        font-size:2.2857142857rem;
        margin-bottom:0.2542757143rem;
        padding-top:0.7457242857rem
    }
}
@media screen and (min-width: 90em){
    h1,.alpha{
        font-size:2.2857142857rem;
        margin-bottom:0.2542757143rem;
        padding-top:0.7457242857rem
    }
}
h2,.beta{
    line-height:3rem;
    font-size:1.5384615385rem;
    margin-bottom:0.0076823077rem;
    padding-top:0.9923176923rem
}
@media screen and (min-width: 35.5em){
    h2,.beta{
        font-size:1.7142857143rem;
        margin-bottom:0.0657042857rem;
        padding-top:0.9342957143rem
    }
}
@media screen and (min-width: 48em){
    h2,.beta{
        font-size:1.8571428571rem;
        margin-bottom:0.1128471429rem;
        padding-top:0.8871528571rem
    }
}
@media screen and (min-width: 64em){
    h2,.beta{
        font-size:2rem;
        margin-bottom:0.15999rem;
        padding-top:0.84001rem
    }
}
@media screen and (min-width: 90em){
    h2,.beta{
        font-size:2rem;
        margin-bottom:0.15999rem;
        padding-top:0.84001rem
    }
}
h3,.gamma{
    line-height:3rem;
    font-size:1.3846153846rem;
    margin-bottom:-0.0430869231rem;
    padding-top:1.0430869231rem
}
@media screen and (min-width: 35.5em){
    h3,.gamma{
        font-size:1.4285714286rem;
        margin-bottom:-0.0285814286rem;
        padding-top:1.0285814286rem
    }
}
@media screen and (min-width: 48em){
    h3,.gamma{
        font-size:1.5714285714rem;
        margin-bottom:0.0185614286rem;
        padding-top:0.9814385714rem
    }
}
@media screen and (min-width: 64em){
    h3,.gamma{
        font-size:1.7142857143rem;
        margin-bottom:0.0657042857rem;
        padding-top:0.9342957143rem
    }
}
@media screen and (min-width: 90em){
    h3,.gamma{
        font-size:1.7142857143rem;
        margin-bottom:0.0657042857rem;
        padding-top:0.9342957143rem
    }
}
h4,.delta{
    line-height:3rem;
    font-size:1.2307692308rem;
    margin-bottom:-0.0938561538rem;
    padding-top:1.0938561538rem
}
@media screen and (min-width: 35.5em){
    h4,.delta{
        font-size:1.2857142857rem;
        margin-bottom:-0.0757242857rem;
        padding-top:1.0757242857rem
    }
}
@media screen and (min-width: 48em){
    h4,.delta{
        font-size:1.4285714286rem;
        margin-bottom:-0.0285814286rem;
        padding-top:1.0285814286rem
    }
}
@media screen and (min-width: 64em){
    h4,.delta{
        font-size:1.5714285714rem;
        margin-bottom:0.0185614286rem;
        padding-top:0.9814385714rem
    }
}
@media screen and (min-width: 90em){
    h4,.delta{
        font-size:1.5714285714rem;
        margin-bottom:0.0185614286rem;
        padding-top:0.9814385714rem
    }
}
h5,.epsilon{
    line-height:3rem;
    font-size:1.1538461538rem;
    margin-bottom:-0.1192407692rem;
    padding-top:1.1192407692rem
}
@media screen and (min-width: 35.5em){
    h5,.epsilon{
        font-size:1.1428571429rem;
        margin-bottom:-0.1228671429rem;
        padding-top:1.1228671429rem
    }
}
@media screen and (min-width: 48em){
    h5,.epsilon{
        font-size:1.2857142857rem;
        margin-bottom:-0.0757242857rem;
        padding-top:1.0757242857rem
    }
}
@media screen and (min-width: 64em){
    h5,.epsilon{
        font-size:1.4285714286rem;
        margin-bottom:-0.0285814286rem;
        padding-top:1.0285814286rem
    }
}
@media screen and (min-width: 90em){
    h5,.epsilon{
        font-size:1.4285714286rem;
        margin-bottom:-0.0285814286rem;
        padding-top:1.0285814286rem
    }
}
h6,.zeta{
    line-height:2rem;
    font-size:1.0769230769rem;
    margin-bottom:-0.6446253846rem;
    padding-top:0.6446253846rem
}
@media screen and (min-width: 35.5em){
    h6,.zeta{
        font-size:1rem;
        margin-bottom:-0.67001rem;
        padding-top:0.67001rem
    }
}
@media screen and (min-width: 48em){
    h6,.zeta{
        font-size:1.0714285714rem;
        margin-bottom:-0.6464385714rem;
        padding-top:0.6464385714rem
    }
}
@media screen and (min-width: 64em){
    h6,.zeta{
        font-size:1.1428571429rem;
        margin-bottom:-0.6228671429rem;
        padding-top:0.6228671429rem
    }
}
@media screen and (min-width: 90em){
    h6,.zeta{
        font-size:1.1428571429rem;
        margin-bottom:-0.6228671429rem;
        padding-top:0.6228671429rem
    }
}
.eta{
    font-size:1rem
}
@media screen and (min-width: 35.5em){
    .eta{
        font-size:0.9285714286rem
    }
}
@media screen and (min-width: 48em){
    .eta{
        font-size:1rem
    }
}
@media screen and (min-width: 64em){
    .eta{
        font-size:1.0714285714rem
    }
}
@media screen and (min-width: 90em){
    .eta{
        font-size:1.0714285714rem
    }
}
.theta{
    font-size:0.8461538462rem
}
@media screen and (min-width: 35.5em){
    .theta{
        font-size:0.7857142857rem
    }
}
@media screen and (min-width: 48em){
    .theta{
        font-size:0.9285714286rem
    }
}
@media screen and (min-width: 64em){
    .theta{
        font-size:1rem
    }
}
@media screen and (min-width: 90em){
    .theta{
        font-size:1rem
    }
}
.iota{
    font-size:0.7692307692rem
}
@media screen and (min-width: 35.5em){
    .iota{
        font-size:0.7142857143rem
    }
}
@media screen and (min-width: 48em){
    .iota{
        font-size:0.7857142857rem
    }
}
@media screen and (min-width: 64em){
    .iota{
        font-size:0.8571428571rem
    }
}
@media screen and (min-width: 90em){
    .iota{
        font-size:0.8571428571rem
    }
}
article>ul,article>ol{
    line-height:2rem;
    margin-bottom:1.3553746154rem;
    padding-top:0.6446253846rem
}
@media screen and (min-width: 35.5em){
    article>ul,article>ol{
        margin-bottom:1.32999rem;
        padding-top:0.67001rem
    }
}
@media screen and (min-width: 48em){
    article>ul,article>ol{
        margin-bottom:1.3535614286rem;
        padding-top:0.6464385714rem
    }
}
@media screen and (min-width: 64em){
    article>ul,article>ol{
        margin-bottom:1.3771328571rem;
        padding-top:0.6228671429rem
    }
}
@media screen and (min-width: 90em){
    article>ul,article>ol{
        margin-bottom:1.3771328571rem;
        padding-top:0.6228671429rem
    }
}
article>ul li,article>ol li{
    margin-left:2rem
}
@media screen and (min-width: 35.5em){
    article>ul li,article>ol li{
        margin-left:2rem
    }
}
article>ul li p,article>ol li p{
    margin-top:0;
    padding-top:0
}
article>ul li ol,article>ul li ul,article>ol li ol,article>ol li ul{
    padding-top:1rem;
    margin-bottom:1rem;
    margin-left:0;
    padding-left:0
}
article>ol{
    list-style-type:none
}
article>ol li{
    counter-increment:top-level
}
article>ol li:before{
    content:counter(top-level) ".";
    -webkit-font-feature-settings:'lnum', 'tnum';
    font-feature-settings:'lnum', 'tnum';
    margin-left:-3rem;
    position:absolute;
    text-align:right;
    width:2em
}
article>ol li ul li:before{
    content:''
}
article>ol li ul li ol li{
    counter-increment:alt-level
}
article>ol li ul li ol li:before{
    content:counter(alt-level) "."
}
article>ol li ol li{
    counter-increment:sub-level
}
article>ol li ol li:before{
    content:counter(top-level) "." counter(sub-level)
}
article>ol li ol li ul li:before{
    content:''
}
article>ol li ol li ol li{
    counter-increment:sub-sub-level
}
article>ol li ol li ol li:before{
    content:counter(top-level) "." counter(sub-level) "." counter(sub-sub-level)
}
article>dl{
    line-height:2rem;
    margin-bottom:1.3553746154rem;
    padding-top:0.6446253846rem
}
@media screen and (min-width: 35.5em){
    article>dl{
        margin-bottom:1.32999rem;
        padding-top:0.67001rem
    }
}
@media screen and (min-width: 48em){
    article>dl{
        margin-bottom:1.3535614286rem;
        padding-top:0.6464385714rem
    }
}
@media screen and (min-width: 64em){
    article>dl{
        margin-bottom:1.3771328571rem;
        padding-top:0.6228671429rem
    }
}
@media screen and (min-width: 90em){
    article>dl{
        margin-bottom:1.3771328571rem;
        padding-top:0.6228671429rem
    }
}
article>dl dt,article>dl dd{
    -webkit-font-feature-settings:'kern', 'onum', 'liga';
    font-feature-settings:'kern', 'onum', 'liga';
    margin-left:2rem
}
@media screen and (min-width: 35.5em){
    article>dl dt,article>dl dd{
        margin-left:0
    }
}
article>dl dt{
    font-weight:700
}
article>dl dd+dt{
    padding-top:1rem
}
b,strong,.bold{
    font-weight:700
}
em,i,.italic{
    font-style:italic
}
small,.caption{
    font-size:0.8461538462rem;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-style:normal;
    font-weight:400
}
@media screen and (min-width: 35.5em){
    small,.caption{
        font-size:0.7857142857rem
    }
}
@media screen and (min-width: 48em){
    small,.caption{
        font-size:0.9285714286rem
    }
}
@media screen and (min-width: 64em){
    small,.caption{
        font-size:1rem
    }
}
@media screen and (min-width: 90em){
    small,.caption{
        font-size:1rem
    }
}
small{
    line-height:1rem
}
.caption{
    line-height:2rem;
    margin-bottom:1.2792207692rem;
    padding-top:0.7207792308rem;
    color:#999
}
@media screen and (min-width: 35.5em){
    .caption{
        margin-bottom:1.2592757143rem;
        padding-top:0.7407242857rem
    }
}
@media screen and (min-width: 48em){
    .caption{
        margin-bottom:1.3064185714rem;
        padding-top:0.6935814286rem
    }
}
@media screen and (min-width: 64em){
    .caption{
        margin-bottom:1.32999rem;
        padding-top:0.67001rem
    }
}
@media screen and (min-width: 90em){
    .caption{
        margin-bottom:1.32999rem;
        padding-top:0.67001rem
    }
}
h1+.caption,.alpha+.caption,h2+.caption,.beta+.caption,h3+.caption,.gamma+.caption{
    margin-top:-1rem
}
.delta+.caption,.epsilon+.caption,.zeta+.caption{
    margin-top:0rem
}
.subtitle{
    line-height:2rem;
    font-size:1.0769230769rem;
    margin-bottom:1.3553746154rem;
    padding-top:0.6446253846rem
}
@media screen and (min-width: 35.5em){
    .subtitle{
        font-size:1rem;
        margin-bottom:1.32999rem;
        padding-top:0.67001rem
    }
}
@media screen and (min-width: 48em){
    .subtitle{
        font-size:1.0714285714rem;
        margin-bottom:1.3535614286rem;
        padding-top:0.6464385714rem
    }
}
@media screen and (min-width: 64em){
    .subtitle{
        font-size:1.1428571429rem;
        margin-bottom:1.3771328571rem;
        padding-top:0.6228671429rem
    }
}
@media screen and (min-width: 90em){
    .subtitle{
        font-size:1.1428571429rem;
        margin-bottom:1.3771328571rem;
        padding-top:0.6228671429rem
    }
}
h1+.subtitle,.alpha+.subtitle,h2+.subtitle,.beta+.subtitle,h3+.subtitle,.gamma+.subtitle{
    margin-top:-1rem
}
p.subtitle{
    color:#999
}
blockquote p{
    border-left:0.15rem solid #56AEF1;
    font-style:italic;
    padding-left:1rem;
    margin-bottom:1.7107592308rem;
    padding-bottom:0.6446253846rem
}
@media screen and (min-width: 35.5em){
    blockquote p{
        margin-bottom:1.65999rem;
        padding-bottom:0.67001rem
    }
}
@media screen and (min-width: 48em){
    blockquote p{
        margin-bottom:1.7071328571rem;
        padding-bottom:0.6464385714rem
    }
}
@media screen and (min-width: 64em){
    blockquote p{
        margin-bottom:1.7542757143rem;
        padding-bottom:0.6228671429rem
    }
}
@media screen and (min-width: 90em){
    blockquote p{
        margin-bottom:1.7542757143rem;
        padding-bottom:0.6228671429rem
    }
}
@media screen and (min-width: 35.5em){
    blockquote{
        margin-left:-1rem
    }
}
hr{
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ddd));
    background-image:linear-gradient(to bottom, transparent 50%, #ddd 50%);
    background-position:0 50%;
    background-repeat:repeat-x;
    background-size:100% 0.15rem;
    border:0;
    margin:0;
    padding-bottom:3rem;
    padding-top:3rem
}
hr.blank{
    background:none
}
code,pre{
    font-family:"Lucida Console", "Monaco", "monospace";
    font-size:90%
}
.fixed{
    font-family:"Lucida Console", "Monaco", "monospace"
}
pre{
    display:block;
    margin-bottom:2rem;
    line-height:2rem;
    font-size:0.8461538462rem;
    margin-bottom:0.2792207692rem;
    padding-top:0.7207792308rem;
    white-space:pre;
    white-space:pre-wrap;
    word-break:break-all;
    word-wrap:break-word
}
@media screen and (min-width: 35.5em){
    pre{
        font-size:0.7857142857rem;
        margin-bottom:0.2592757143rem;
        padding-top:0.7407242857rem
    }
}
@media screen and (min-width: 48em){
    pre{
        font-size:0.9285714286rem;
        margin-bottom:0.3064185714rem;
        padding-top:0.6935814286rem
    }
}
@media screen and (min-width: 64em){
    pre{
        font-size:1rem;
        margin-bottom:0.32999rem;
        padding-top:0.67001rem
    }
}
@media screen and (min-width: 90em){
    pre{
        font-size:1rem;
        margin-bottom:0.32999rem;
        padding-top:0.67001rem
    }
}
.upper{
    -webkit-font-kerning:normal;
    font-kerning:normal;
    letter-spacing:0.1rem;
    text-transform:uppercase
}
.small-caps{
    -webkit-font-feature-settings:'smcp', 'kern';
    font-feature-settings:'smcp', 'kern';
    -webkit-font-kerning:normal;
    font-kerning:normal;
    letter-spacing:0.1rem
}
.lining-numerals{
    -webkit-font-feature-settings:'lnum', 'kern';
    font-feature-settings:'lnum', 'kern'
}
.oldstyle-numerals{
    -webkit-font-feature-settings:'onum', 'kern';
    font-feature-settings:'onum', 'kern'
}
.small{
    font-size:0.8461538462rem
}
@media screen and (min-width: 35.5em){
    .small{
        font-size:0.7857142857rem
    }
}
@media screen and (min-width: 48em){
    .small{
        font-size:0.9285714286rem
    }
}
@media screen and (min-width: 64em){
    .small{
        font-size:1rem
    }
}
@media screen and (min-width: 90em){
    .small{
        font-size:1rem
    }
}
.grey,.text-muted{
    color:#999
}
.light,.lighter{
    font-weight:lighter
}
.book,.normal{
    font-weight:normal
}
.centered,.center{
    text-align:center
}
.nowrap{
    white-space:nowrap
}
.pre{
    white-space:pre-line
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
.preserve{
    white-space:pre-line
}
.hide-on-mobile{
    display:none
}
@media screen and (min-width: 35.5em){
    div.hide-on-mobile{
        display:block
    }
    span.hide-on-mobile{
        display:inline
    }
}
.right{
    text-align:right
}
.wrap{
    white-space:pre-line
}
.swal2-container .swal2-modal .swal2-content{
    font-weight:normal
}
.oembed .oembed__fields .oembed__field{
    margin-bottom:1rem
}
.oembed .oembed__fields label{
    position:absolute !important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px)
}
@media screen and (min-width: 35.5em){
    .oembed .oembed__fields{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .oembed .oembed__fields .oembed__field{
        -webkit-box-flex:1;
        -ms-flex:1 auto;
        flex:1 auto;
        margin-right:1rem;
        margin-bottom:0
    }
    .oembed .oembed__fields .oembed__actions{
        -webkit-box-flex:0;
        -ms-flex:0 auto;
        flex:0 auto
    }
    .oembed .oembed__fields .oembed__actions:only-child{
        width:100%
    }
    .oembed .oembed__fields input{
        font-size:1.1538461538rem;
        line-height:2.5rem;
        font-size:1.1538461538rem;
        margin-bottom:1.1307592308rem;
        padding-top:0.8692407692rem;
        padding:0.375rem
    }
}
@media screen and (min-width: 35.5em) and (min-width: 35.5em){
    .oembed .oembed__fields input{
        font-size:1.1428571429rem
    }
}
@media screen and (min-width: 35.5em) and (min-width: 48em){
    .oembed .oembed__fields input{
        font-size:1.2857142857rem
    }
}
@media screen and (min-width: 35.5em) and (min-width: 64em){
    .oembed .oembed__fields input{
        font-size:1.4285714286rem
    }
}
@media screen and (min-width: 35.5em) and (min-width: 90em){
    .oembed .oembed__fields input{
        font-size:1.4285714286rem
    }
}
@media screen and (min-width: 35.5em){
    .oembed .oembed__fields input[type=submit]{
        width:auto;
        padding-left:1.5rem;
        padding-right:1.5rem
    }
}
body.oembeds{
    background:transparent
}
body.oembeds:not(.iframe){
    margin-left:auto;
    margin-right:auto;
    position:relative
}
@media screen and (min-width: 35.5em){
    body.oembeds:not(.iframe){
        max-width:50rem
    }
}
@media screen and (min-width: 48em){
    body.oembeds:not(.iframe){
        max-width:57.1428571429rem
    }
}
@media screen and (min-width: 48em){
    body.oembeds:not(.iframe){
        max-width:78.5714285714rem
    }
}
.oembed .oembed__layout{
    text-align:center;
    padding:2rem 0
}
.oembed .oembed__layout .oembed__image{
    margin:0 auto;
    max-width:100%;
    max-height:100%
}
.oembed .oembed__layout .oembed__image img{
    height:auto;
    width:auto;
    max-height:100%;
    max-width:100%
}
@media screen and (min-width: 35.5em){
    .oembed .oembed__layout{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .oembed .oembed__layout .oembed__image,.oembed .oembed__layout .oembed__offer{
        -webkit-box-flex:1;
        -ms-flex:1 auto;
        flex:1 auto;
        width:100%
    }
}
.oembed .oembed__layout.layout--center{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    text-align:center
}
.oembed .oembed__layout.layout--center .oembed__image img{
    max-height:200px
}
.oembed .oembed__layout.layout--center .medium-editor-element h1,.oembed .oembed__layout.layout--center .medium-editor-element p{
    text-align:center
}
@media screen and (min-width: 35.5em){
    .oembed .oembed__layout.layout--left{
        text-align:left;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .oembed .oembed__layout.layout--left .oembed__image{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        margin-right:1rem;
        max-width:33%;
        width:auto;
        height:auto
    }
    .oembed .oembed__layout.layout--left .oembed__image img{
        max-height:auto;
        max-width:180px
    }
}
@media screen and (min-width: 35.5em){
    .oembed .oembed__layout.layout--right{
        text-align:right;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .oembed .oembed__layout.layout--right .oembed__image{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        margin-left:1rem;
        max-width:33%;
        width:auto;
        height:auto
    }
    .oembed .oembed__layout.layout--right .oembed__image img{
        max-height:auto;
        max-width:180px
    }
}
.oembed .oembed__layout.layout--none .oembed__image{
    display:none
}
.oembed .oembed__layout.layout--none h1,.oembed .oembed__layout.layout--none p{
    text-align:center
}
.oembed.cta .layout--left .oembed__fields{
    text-align:left
}
.social-share-button{
    margin-top:1rem
}
.hidden{
    display:none
}
.oembed .oembed__offer>h1:first-of-type,.oembed .oembed__offer>h2:first-of-type,.oembed .oembed__offer>p:first-of-type{
    margin-top:0
}
.oembed .oembed__offer p{
    line-height:1.75rem;
    font-size:1.3846153846rem;
    margin-bottom:1.3319130769rem;
    padding-top:0.4180869231rem;
    white-space:pre-line;
    font-weight:normal
}
body[role="application"] .actions--fixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:1rem 1rem;
    padding-right:100px;
    background:#f3f5fa;
    border-top:1px solid #d6deee;
    -webkit-box-shadow:0 -2px 5px rgba(0,0,0,0.05);
    box-shadow:0 -2px 5px rgba(0,0,0,0.05);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    z-index:1
}
body[role="application"] nav.form a{
    display:inline-block;
    padding:1rem 1.5rem;
    color:#333;
    margin:0;
    font-weight:light
}
body[role="application"] nav.form a:first-of-type{
    padding-left:0
}
body[role="application"] nav.form a.current{
    font-weight:bold
}
body[role="application"] .editor-example-text{
    font-family:Georgia, serif;
    font-size:1.25rem;
    margin:0 auto;
    color:#ccc;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
body[role="application"] .editor-example-text:first-of-type{
    position:relative;
    bottom:2%;
    margin-bottom:4rem
}
body[role="application"] .editor-example-text:last-of-type{
    margin-top:3rem;
    position:relative;
    top:2%
}
body[role="application"] .container.sample{
    width:80%
}
body[role="application"]{
    margin:0;
    padding:0;
    background-color:#FAFBFD
}
body[role="application"] .container{
    margin-left:auto;
    margin-right:auto;
    position:relative
}
@media screen and (min-width: 64em){
    body[role="application"] .row{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    body[role="application"] .row .col{
        -webkit-box-flex:1;
        -ms-flex:1 auto;
        flex:1 auto;
        margin-right:2rem
    }
    body[role="application"] .row .col:last-child{
        margin-right:0
    }
    body[role="application"] .row .col--one-third{
        -webkit-box-flex:0;
        -ms-flex:0 0 30%;
        flex:0 0 30%;
        max-width:320px
    }
}
body[role="application"] main{
    padding-bottom:12rem
}
body[role="application"] #drift-widget{
    bottom:0 !important;
    right:0 !important
}
@media screen and (min-width: 48em){
    body[role="application"] header#metabar .container{
        padding:0
    }
    body[role="application"] header#metabar .container .brand{
        -webkit-box-flex:0;
        -ms-flex:0 0 120px;
        flex:0 0 120px
    }
    body[role="application"] header#metabar .container nav{
        -webkit-box-shadow:inset 1px -1px 0 1px #E7EAF1;
        box-shadow:inset 1px -1px 0 1px #E7EAF1
    }
}
body[role="application"] header#metabar--subscriptions{
    padding-top:1rem
}
body[role="application"] nav#sidenav ul{
    margin:0;
    padding:0;
    list-style:none
}
body[role="application"] nav#sidenav ul li{
    margin:0
}
body[role="application"] nav#sidenav ul li a{
    font-size:0.7692307692rem;
    font-family:"Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color:#51587B;
    padding:0;
    line-height:12;
    text-transform:uppercase;
    padding-top:0;
    padding-bottom:0;
    display:inline-block;
    line-height:1.5rem
}
body[role="application"] nav#sidenav ul li a span.fa{
    display:none;
    color:#9EA2B6
}
body[role="application"] nav#sidenav ul li a:hover{
    color:#333;
    text-decoration:none
}
body[role="application"] nav#sidenav ul li.active a{
    color:#51587B
}
@media (max-width: 48em){
    body[role="application"] nav#sidenav{
        overflow:scroll
    }
    body[role="application"] nav#sidenav ul{
        margin:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    body[role="application"] nav#sidenav ul li{
        margin-left:0;
        margin-right:1rem;
        -webkit-box-flex:1;
        -ms-flex:1 auto;
        flex:1 auto;
        white-space:nowrap
    }
}
@media screen and (min-width: 48em){
    body[role="application"] nav#sidenav{
        margin-top:7rem;
        width:120px;
        max-width:120px
    }
    body[role="application"] nav#sidenav ul li{
        width:120px;
        height:7rem
    }
    body[role="application"] nav#sidenav ul li a{
        width:120px;
        text-align:center;
        font-weight:light
    }
    body[role="application"] nav#sidenav ul li a span:not(.fa){
        display:block
    }
    body[role="application"] nav#sidenav ul li a span.fa{
        display:inline-block;
        font-size:3em;
        padding:4px 6px;
        border-radius:4px
    }
    body[role="application"] nav#sidenav ul li.active a span.fa{
        color:white;
        background:#51587B
    }
}
body[role="application"] #PaymentForm,body[role="application"] .payment_form{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
body[role="application"] #PaymentForm *>,body[role="application"] .payment_form *>{
    font-family:"Helvetica Neue", Helvetica;
    font-size:15px;
    font-variant:normal;
    padding:0;
    margin:0
}
body[role="application"] #PaymentForm form,body[role="application"] .payment_form form{
    width:480px;
    margin:20px auto
}
body[role="application"] #PaymentForm form .group,body[role="application"] .payment_form form .group{
    background:white;
    -webkit-box-shadow:0 7px 14px 0 rgba(49,49,93,0.1),0 0px 6px 0 rgba(0,0,0,0.08);
    box-shadow:0 7px 14px 0 rgba(49,49,93,0.1),0 0px 6px 0 rgba(0,0,0,0.08);
    border-radius:4px;
    margin-bottom:20px
}
body[role="application"] #PaymentForm form label,body[role="application"] #PaymentForm form span.legend,body[role="application"] .payment_form form label,body[role="application"] .payment_form form span.legend{
    position:relative;
    color:#8898AA;
    font-weight:300;
    height:40px;
    line-height:40px;
    margin-left:20px;
    display:block;
    margin-bottom:0
}
body[role="application"] #PaymentForm form .group label:not(:last-child),body[role="application"] .payment_form form .group label:not(:last-child){
    border-bottom:1px solid #F0F5FA
}
body[role="application"] #PaymentForm form label,body[role="application"] .payment_form form label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
body[role="application"] #PaymentForm form label>span:first-child,body[role="application"] .payment_form form label>span:first-child{
    -webkit-box-flex:0;
    -ms-flex:0 0 20%;
    flex:0 0 20%;
    margin-right:5%;
    text-align:right;
    float:left
}
body[role="application"] #PaymentForm form .field,body[role="application"] .payment_form form .field{
    -webkit-box-flex:1;
    -ms-flex:1 70%;
    flex:1 70%;
    background:transparent;
    font-weight:300;
    border:0;
    color:#31325F;
    outline:none;
    padding-right:10px;
    padding-left:10px;
    cursor:text;
    height:40px;
    float:right;
    text-align:left;
    padding-top:0;
    padding-bottom:0;
    margin:0;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
body[role="application"] #PaymentForm form .field.radio,body[role="application"] .payment_form form .field.radio{
    cursor:pointer
}
body[role="application"] #PaymentForm form .group.amount label .field,body[role="application"] .payment_form form .group.amount label .field{
    -webkit-box-flex:1;
    -ms-flex:1 60px;
    flex:1 60px;
    width:60px
}
body[role="application"] #PaymentForm form .group.amount label span:last-child,body[role="application"] .payment_form form .group.amount label span:last-child{
    -webkit-box-flex:1;
    -ms-flex:1 70%;
    flex:1 70%
}
body[role="application"] #PaymentForm form .field::-webkit-input-placeholder,body[role="application"] #PaymentForm form input[type='text']::-webkit-input-placeholder,body[role="application"] #PaymentForm form input[type='tel']::-webkit-input-placeholder,body[role="application"] .payment_form form .field::-webkit-input-placeholder,body[role="application"] .payment_form form input[type='text']::-webkit-input-placeholder,body[role="application"] .payment_form form input[type='tel']::-webkit-input-placeholder{
    color:#CFD7E0
}
body[role="application"] #PaymentForm form .field::-moz-placeholder,body[role="application"] #PaymentForm form input[type='text']::-moz-placeholder,body[role="application"] #PaymentForm form input[type='tel']::-moz-placeholder,body[role="application"] .payment_form form .field::-moz-placeholder,body[role="application"] .payment_form form input[type='text']::-moz-placeholder,body[role="application"] .payment_form form input[type='tel']::-moz-placeholder{
    color:#CFD7E0
}
body[role="application"] #PaymentForm form .field:-ms-input-placeholder,body[role="application"] #PaymentForm form input[type='text']:-ms-input-placeholder,body[role="application"] #PaymentForm form input[type='tel']:-ms-input-placeholder,body[role="application"] .payment_form form .field:-ms-input-placeholder,body[role="application"] .payment_form form input[type='text']:-ms-input-placeholder,body[role="application"] .payment_form form input[type='tel']:-ms-input-placeholder{
    color:#CFD7E0
}
body[role="application"] #PaymentForm form .group--inline,body[role="application"] .payment_form form .group--inline{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
body[role="application"] #PaymentForm form .group--inline label>span,body[role="application"] .payment_form form .group--inline label>span{
    width:auto;
    float:right
}
body[role="application"] #PaymentForm form .group--inline input[type=radio],body[role="application"] .payment_form form .group--inline input[type=radio]{
    display:inline;
    vertical-align:text-top
}
body[role="application"] #PaymentForm form button,body[role="application"] .payment_form form button{
    float:left;
    display:block;
    margin-top:20px;
    font-weight:400;
    width:100%;
    padding-top:1.2rem;
    padding-bottom:1.2rem;
    outline:none;
    cursor:pointer
}
body[role="application"] #PaymentForm form .outcome,body[role="application"] .payment_form form .outcome{
    float:left;
    width:100%;
    padding-top:8px;
    min-height:24px;
    text-align:center
}
body[role="application"] #PaymentForm form .success,body[role="application"] #PaymentForm form .error,body[role="application"] .payment_form form .success,body[role="application"] .payment_form form .error{
    display:none;
    font-size:13px
}
body[role="application"] #PaymentForm form .success.visible,body[role="application"] #PaymentForm form .error.visible,body[role="application"] .payment_form form .success.visible,body[role="application"] .payment_form form .error.visible{
    display:inline
}
body[role="application"] #PaymentForm form .error,body[role="application"] .payment_form form .error{
    color:#E4584C
}
body[role="application"] #PaymentForm form .success,body[role="application"] .payment_form form .success{
    color:#666EE8
}
body[role="application"] #PaymentForm form .success .token,body[role="application"] .payment_form form .success .token{
    font-weight:500;
    font-size:13px
}
body[role="application"].subscriptions{
    background:white
}
.text-center {
    text-align: center;
}