@font-face {
    font-family: 'Haas Grot Text R Web';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-55Roman-Web-3a2ac4cfe1fb44482f32e3a7f2742d466285ea4b06453a2a8ee329ddb3a25507.eot);
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-55Roman-Web-3a2ac4cfe1fb44482f32e3a7f2742d466285ea4b06453a2a8ee329ddb3a25507.eot?#iefix) format("embedded-opentype"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-55Roman-Web-9e7322596eec47d8e79e2453d75a77fb58045ae944ec818e4fc1ba05559121a4.woff2) format("woff2"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-55Roman-Web-f0d7a2418500e092ebb3c26936e1bd51f0b300f27f9c97488a99086271e4ac52.woff) format("woff");
    font-display: optional
}

@font-face {
    font-family: 'Haas Grot Text R Web';
    font-style: italic;
    font-weight: 400;
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-56Italic-Web-b99f1bb02757b6a43339feb42c39e2f3f8cc47c199ad3c7c566777d22d6ed2f0.eot);
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-56Italic-Web-b99f1bb02757b6a43339feb42c39e2f3f8cc47c199ad3c7c566777d22d6ed2f0.eot?#iefix) format("embedded-opentype"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-56Italic-Web-d201eda6b56369a016cd778f87ff8537406f0dad7c042a648564588e4279be63.woff2) format("woff2"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-56Italic-Web-bed05bfe283b02a4af1393aa6f858997cfc02a31130aaa7f902527c49349f7eb.woff) format("woff");
    font-display: optional
}

@font-face {
    font-family: 'Haas Grot Text R Web';
    font-style: normal;
    font-weight: 500;
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-65Medium-Web-4eca470f601a5d1c3882fb70766237bc71f02351fce0730057cf0334d01049d9.eot);
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-65Medium-Web-4eca470f601a5d1c3882fb70766237bc71f02351fce0730057cf0334d01049d9.eot?#iefix) format("embedded-opentype"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-65Medium-Web-741c8c70e5c90808119c701483ca7362baff5ae482c823718406bbb1e31d9143.woff2) format("woff2"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-65Medium-Web-6fce7d1b67114bc53a2a42b8b5ab59bbeeb1067ed4861981aceb5d4ce4cf9d6a.woff) format("woff");
    font-display: optional
}

@font-face {
    font-family: 'Haas Grot Text R Web';
    font-style: italic;
    font-weight: 500;
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-66MediumItalic-Web-19794dedbe50a5e38d86a58c96c1f3f0c98358ddbb0b3338bff89f76896bea0d.eot);
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-66MediumItalic-Web-19794dedbe50a5e38d86a58c96c1f3f0c98358ddbb0b3338bff89f76896bea0d.eot?#iefix) format("embedded-opentype"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-66MediumItalic-Web-48186f7d2eab425bbd54e2253457daff57d19ada727b1066d1d744b396cbb7b4.woff2) format("woff2"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-66MediumItalic-Web-aa621bd37465608c00b0017419fa973e10b4d97c1ff5a9ef493aae5937c966d8.woff) format("woff");
    font-display: optional
}

@font-face {
    font-family: 'Haas Grot Text R Web';
    font-style: normal;
    font-weight: 700;
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-75Bold-Web-64804f159ba108a3428fb5f727445a57cc4f0b83f74b9bdda76f6ae53559715c.eot);
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-75Bold-Web-64804f159ba108a3428fb5f727445a57cc4f0b83f74b9bdda76f6ae53559715c.eot?#iefix) format("embedded-opentype"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-75Bold-Web-f2ff2f34217e3fdab82c30ef689f5be3fb86a8e4218a1906a9399d0354a95d45.woff2) format("woff2"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-75Bold-Web-0a77c0b441255a0b44df36d4fd579e6dc8eef1d7cfbd2df4eaf7c80a193da578.woff) format("woff");
    font-display: optional
}

@font-face {
    font-family: 'Haas Grot Text R Web';
    font-style: italic;
    font-weight: 700;
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-76BoldItalic-Web-1e556db45eec0cfa6936916af01f7fa85df98389ece3c44127ea044846683b48.eot);
    src: url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-76BoldItalic-Web-1e556db45eec0cfa6936916af01f7fa85df98389ece3c44127ea044846683b48.eot?#iefix) format("embedded-opentype"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-76BoldItalic-Web-d66af097b37d5bab89cff77748b070f451dc064de8875d50889e7ae7a4bb9bfb.woff2) format("woff2"), url(/assets/neue-haas-grotesk/NeueHaasGrotTextRound-76BoldItalic-Web-96778f0d4089cf3011e565d311477f5b9472c805f5bd00244c9d952626042d60.woff) format("woff");
    font-display: optional
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 100%;
    vertical-align: baseline
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

@media only screen and (max-width: 959px) {
    html {
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
        -webkit-tap-highlight-color: transparent
    }
}

body {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
    background: #fff;
    color: #0d0c22
}

#footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

a:link,
a:visited {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #ea4c89;
    text-decoration: none
}

a:link.color-white,
a:visited.color-white {
    color: #fff
}

a:hover {
    color: #f082ac;
    text-decoration: none
}

a:hover.color-white {
    color: #dbdbde
}

a:active {
    outline: none
}

.pro-text {
    color: #ea4c89 !important
}

.job-text,
.hiring-text {
    color: #c142a0 !important
}

.team-text {
    color: #4f3cc9 !important
}

.playbook-text {
    color: #77e0b5 !important
}

input[type='search'] {
    -webkit-appearance: textfield
}

input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none
}

button[type='submit'],
input[type='submit'] {
    cursor: pointer
}

::-moz-selection {
    background: #ea4c89;
    color: #fff;
    color: rgba(255, 255, 255, 0.85)
}

::selection {
    background: #ea4c89;
    color: #fff;
    color: rgba(255, 255, 255, 0.85)
}

.lazyload {
    display: block
}

sup {
    color: #0d0c22;
    font-size: smaller;
    font-weight: 500;
    vertical-align: super
}

#wrap {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: #fff
}

#wrap-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 32px 32px 40px
}

body#designers #wrap-inner,
body#teams #wrap-inner {
    width: auto
}

@media only screen and (max-width: 959px) {
    #wrap-inner {
        padding: 16px
    }
}

#wrap-inner.flushed {
    padding-right: 0;
    padding-left: 0
}

#content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    font-size: 14px
}

#content input,
#content select,
#content textarea:not(.transparent-textarea-heading):not(.transparent-textarea),
#content .ql-container .ql-editor:not(.transparent-textarea-heading):not(.transparent-textarea),
.ql-container #content .ql-editor:not(.transparent-textarea-heading):not(.transparent-textarea),
#content .tagify,
#content .btn-dropdown-link {
    font-size: 16px
}

@media (min-width: 768px) {

    #content input,
    #content select,
    #content textarea:not(.transparent-textarea-heading):not(.transparent-textarea),
    #content .ql-container .ql-editor:not(.transparent-textarea-heading):not(.transparent-textarea),
    .ql-container #content .ql-editor:not(.transparent-textarea-heading):not(.transparent-textarea),
    #content .tagify,
    #content .btn-dropdown-link {
        font-size: 14px
    }
}

#main {
    width: 74.54545%;
    float: left
}

body#user-profile #main,
body#profile #main,
body#profile-secondary #main {
    position: relative
}

#main.main-full {
    width: auto;
    max-width: none;
    float: none
}

@media only screen and (max-width: 959px) {
    #main {
        margin-bottom: 40px
    }
}

div.col-half {
    width: 48%;
    margin-right: 4%;
    float: left
}

div.col-half+div.col-half {
    margin-right: 0
}

form.with-messages div.col-half.form-field {
    margin-right: 4%
}

form.with-messages div.col-half.form-field+div.col-half {
    margin-right: 0
}

@media only screen and (max-width: 959px) {
    div.col-half {
        margin-bottom: 25px
    }
}

div.secondary {
    width: 22.72727%;
    float: right
}

.container-small {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width: 768px) {
    .container-small {
        max-width: 1152px
    }
}

@media (min-width: 768px) {
    .container-small {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 1200px) {
    .container-small {
        padding-right: 72px;
        padding-left: 72px
    }
}

.container-medium {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width: 768px) {
    .container-medium {
        max-width: 1440px
    }
}

@media (min-width: 768px) {
    .container-medium {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 1200px) {
    .container-medium {
        padding-right: 72px;
        padding-left: 72px
    }
}

.container-large {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width: 768px) {
    .container-large {
        max-width: 1680px
    }
}

@media (min-width: 768px) {
    .container-large {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 1200px) {
    .container-large {
        padding-right: 72px;
        padding-left: 72px
    }
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 72px;
        padding-left: 72px
    }
}

@media (min-width: 1200px) {
    .container-fluid.with-sidebar {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1200px) {
    .container-fluid.with-sidebar .container-sidebar {
        -ms-flex: 0 0 325px;
        flex: 0 0 325px;
        margin-right: 48px
    }
}

@media (min-width: 1200px) {
    .container-fluid.with-sidebar .container-main {
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.constrained-content,
.constrained-content-alt,
.constrained-content-super {
    max-width: 1100px;
    margin: 0 auto
}

.constrained-content.shot-detail,
.shot-detail.constrained-content-alt,
.shot-detail.constrained-content-super {
    max-width: 920px
}

.constrained-content-narrow {
    max-width: 550px;
    margin: 0 auto
}

.constrained-content-alt #main,
.constrained-content-super #main {
    float: right
}

.constrained-content-alt div.secondary,
.constrained-content-super div.secondary {
    float: left
}

@media only screen and (max-width: 959px) {

    #content,
    #main,
    #main.main-full,
    div.secondary,
    .constrained-content-alt #main,
    .constrained-content-super #main,
    .constrained-content-alt div.secondary,
    .constrained-content-super div.secondary,
    #main div.col-half {
        width: auto;
        float: none
    }
}

.constrained-content-super {
    max-width: 1240px
}

.super-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 55%;
    float: left
}

.super-main.super-main-full {
    width: 75%;
    margin: 0 auto;
    padding: 0;
    float: none;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .super-main.super-main-full {
        width: auto
    }
}

@media only screen and (max-width: 800px) {
    .super-main {
        width: auto;
        padding: 0;
        float: none
    }
}

.super-secondary {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41%;
    padding: 0 20px 20px;
    float: right
}

@media only screen and (max-width: 800px) {
    .super-secondary {
        width: auto;
        padding: 20px 0 40px;
        float: none
    }
}

.super-main h2.alt,
.super-secondary h2.alt {
    font-size: 32px;
    letter-spacing: -0.02em
}

@media only screen and (max-width: 800px) {

    .super-main h2.alt,
    .super-secondary h2.alt {
        font-size: 24px;
        letter-spacing: -0.01em
    }
}

.super-main p,
.super-secondary p {
    margin: 0 0 25px;
    color: #6e6d7a;
    font-size: 18px;
    line-height: 1.5
}

.super-main p.intro,
.super-secondary p.intro {
    margin: 0 0 35px;
    color: #0d0c22;
    font-size: 22px;
    line-height: 1.4
}

.super-main p strong,
.super-secondary p strong {
    font-weight: 500
}

.super-main p a,
.super-secondary p a {
    font-weight: 500
}

.super-main p .form-sub,
.super-secondary p .form-sub {
    display: block;
    text-align: center
}

.super-main img,
.super-secondary img {
    max-width: 100%;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07)
}

.super-main .section,
.super-secondary .section {
    margin: 0 0 30px;
    padding: 40px 0 0;
    border-top: 1px solid #dbdbde
}

.super-main .section h3,
.super-secondary .section h3 {
    margin: 20px 0 5px;
    font-size: 16px;
    font-weight: bold
}

.super-main .section h3 img.icon,
.super-secondary .section h3 img.icon {
    width: 20px;
    margin: -1px 10px 0 0;
    float: left;
    opacity: 0.72
}

.super-main .section:first-of-type,
.super-secondary .section:first-of-type {
    padding-top: 0;
    border-top: none
}

.super-main .guidelines,
.super-secondary .guidelines {
    padding: 10%;
    border: 1px solid #dbdbde;
    border-radius: 4px;
    background: #fff
}

@media only screen and (max-width: 800px) {

    .super-main .guidelines,
    .super-secondary .guidelines {
        padding: 5%
    }
}

.super-main .guidelines p,
.super-secondary .guidelines p {
    font-size: 15px;
    line-height: 1.5
}

.super-main .cta,
.super-secondary .cta {
    margin: 30px 0 40px
}

.super-main .cta .form-sub,
.super-secondary .cta .form-sub {
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    float: none;
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

h1 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px
}

h1 span.sep {
    margin: 0 2px;
    color: #dbdbde;
    font-weight: normal;
    text-shadow: none
}

h1.center {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    color: #6e6d7a;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    text-align: center
}

h1.center strong {
    color: #000;
    font-weight: 500
}

@media only screen and (max-width: 959px) {
    h1.center {
        margin-bottom: 20px;
        padding: 8px 0 20px;
        font-size: 18px;
        line-height: 1.25
    }
}

@media only screen and (max-width: 800px) {
    h1.center.title-long {
        font-size: 14px
    }

    h1.center.title-long strong {
        display: block;
        margin-bottom: 5px;
        font-size: 18px
    }
}

h2 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px
}

h2.section {
    margin: 0 0 15px;
    padding: 0 0 10px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    color: #0d0c22;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

h2.section svg {
    width: 13px;
    height: 13px;
    margin-top: -3px;
    margin-right: 2px;
    margin-left: 4px;
    opacity: 0.6;
    vertical-align: middle
}

h2.section span.meta {
    color: #6e6d7a;
    font-weight: normal
}

h2.section span.sep {
    margin: 0 4px;
    color: #dbdbde
}

h2.section.bold {
    margin: 0 0 30px;
    padding-bottom: 12px;
    color: #ea4c89;
    font-size: 30px
}

@media only screen and (max-width: 800px) {
    h2.section.bold {
        font-size: 26px
    }
}

h2.section.bold a {
    padding-right: 16px;
    background: url(/assets/icon-portal-arrow-7e5f7d753a397fb5b0fd81f7c72627d26feeeda0bab1895e660155260a5231a2.png) no-repeat 100% 14px;
    background-size: 8px 13px;
    color: #ea4c89
}

h2.section.bold a:hover {
    color: #f082ac
}

h2.alt {
    margin: 0 0 10px;
    color: #0d0c22;
    font-size: 22px;
    font-weight: 500
}

h2.alt.centered {
    text-align: center
}

h2.alt img.avatar {
    position: relative;
    top: 3px;
    width: 24px;
    margin: 0 2px 0 0;
    border-radius: 50%
}

@media only screen and (max-width: 959px) {
    h2.alt {
        font-size: 18px
    }
}

h3 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

h3.jump {
    font-size: 20px;
    font-weight: 500
}

h3.jump a {
    padding-right: 16px;
    background: url(/assets/icon-portal-arrow-7e5f7d753a397fb5b0fd81f7c72627d26feeeda0bab1895e660155260a5231a2.png) no-repeat 100% 7px;
    background-size: 8px 13px;
    color: #0d0c22
}

h3.jump a:hover {
    color: #6e6d7a
}

h3.special {
    margin: 0 0 20px;
    color: #0d0c22;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px
}

body#players h3.special,
body#cities h3.special,
body#countries h3.special,
body#skills h3.special {
    padding: 28px 0 0;
    border-top: 2px solid #dbdbde
}

body#players h3.special:first-of-type,
body#cities h3.special:first-of-type,
body#countries h3.special:first-of-type,
body#skills h3.special:first-of-type {
    padding: 0;
    border-top: none
}

h3.special span.special-flag {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    padding: 0 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #ea4c89;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 34px;
    text-transform: uppercase
}

h3.special span.special-flag:after {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-width: 17px 10px 17px 0;
    border-style: solid;
    border-color: #ea4c89 transparent
}

h3.special span.sponsored {
    margin: 0 6px 0 0;
    float: right;
    color: #6e6d7a
}

h3.special span.sponsored a {
    font-weight: bold;
    text-decoration: underline
}

h3.special a.date-more {
    padding-right: 12px;
    background: url(/assets/icon-bluearrow-3ae6657b417062f4062c963b288a944c258da8d3d7ca21b65ae049dbe5a86b11.png) no-repeat 100% 3px;
    font-weight: 500
}

h3.special a.date-more:hover {
    background-position: 100% -19px
}

h3.special-tall {
    margin-bottom: 20px
}

h4 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px
}

h5 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

hr,
.hide {
    display: none
}

.invisible {
    opacity: 0
}

.hidden {
    visibility: hidden
}

a img {
    border: none
}

.noscroll {
    overflow-x: hidden;
    overflow-y: hidden
}

.group,
.constrained-content,
.constrained-content-alt,
.constrained-content-super,
.constrained-content-narrow,
.slat-header {
    position: relative
}

.group:after,
.constrained-content:after,
.constrained-content-alt:after,
.constrained-content-super:after,
.constrained-content-narrow:after,
.slat-header:after {
    content: '.';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    clear: both;
    overflow: hidden;
    opacity: 0
}

div.back-to-top {
    position: fixed;
    z-index: 3;
    right: 20px;
    bottom: 15px
}

div.back-to-top.back-to-top-absolute {
    position: absolute;
    bottom: -25px
}

@media only screen and (max-width: 800px) {
    div.back-to-top {
        display: none
    }
}

div.back-to-top a {
    opacity: 0.37
}

div.back-to-top a img {
    width: 50px;
    height: 50px
}

div.back-to-top a:hover {
    opacity: 0.72
}

ul.stat-tabs {
    margin: 18px 0 0
}

ul.stat-tabs li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    float: left;
    border-right: 1px solid #dbdbde;
    color: #0d0c22;
    font-size: 18px;
    font-weight: bold;
    line-height: 1
}

ul.stat-tabs li:last-child {
    margin: 0;
    padding: 0;
    border-right: none
}

ul.stat-tabs li a {
    display: block;
    float: left;
    color: #0d0c22
}

ul.stat-tabs li a span.meta {
    color: #9e9ea7
}

ul.stat-tabs li a:hover {
    color: #4f3cc9
}

ul.stat-tabs li a:hover span.meta {
    color: #6e6d7a
}

ul.stat-tabs li span.meta {
    display: block;
    margin-top: 4px;
    color: #9e9ea7;
    font-size: 12px;
    font-weight: normal
}

@media only screen and (max-width: 959px) {
    ul.stat-tabs li span.meta {
        display: inline;
        margin-top: 0;
        font-size: 12px
    }
}

ul.stat-tabs li span.positive {
    color: #77e0b5
}

ul.stat-tabs li span.negative {
    color: #ff5555
}

ul.stat-tabs li.active a {
    color: #0d0c22
}

ul.stat-tabs li.active a span.meta {
    color: #6e6d7a
}

div.content-header {
    margin: 10px 0 30px;
    padding: 0
}

@media only screen and (max-width: 959px) {
    div.content-header {
        margin-bottom: 10px
    }
}

div.content-header h1 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1
}

div.content-header h1 em {
    color: #9e9ea7;
    font-style: normal;
    font-weight: normal
}

@media only screen and (max-width: 959px) {
    div.content-header h1 strong {
        display: block
    }
}

div.content-header p {
    margin-top: 4px;
    color: #9e9ea7;
    font-size: 16px;
    line-height: 1.3
}

div.content-header p span.badge {
    position: relative;
    top: -2px
}

@media only screen and (max-width: 959px) {
    div.content-header p {
        font-size: 13px;
        line-height: 1.4
    }
}

div.content-header.centered {
    width: auto
}

div.content-header.centered h1,
div.content-header.centered p {
    text-align: center
}

div.content-header.integration-header {
    position: relative;
    padding-left: 80px
}

div.content-header.integration-header img {
    position: absolute;
    top: 0;
    left: 0
}

div.content-header p.scheduled-note {
    margin-top: 10px;
    font-size: 13px
}

div.content-header p.scheduled-note img {
    height: 15px;
    opacity: 0.4;
    vertical-align: text-bottom
}

div.content-header p.scheduled-note a {
    font-weight: 500
}

.avatar-lg {
    width: 60px;
    height: 60px;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px 0 transparent;
    box-shadow: 0 2px 3px 0 transparent
}

.avatar-lg img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

@media only screen and (min-width: 960px) {
    .avatar-lg {
        width: 80px;
        height: 80px
    }

    .avatar-lg img {
        width: 80px;
        height: 80px
    }
}

.avatar-lg:hover,
.avatar-lg:focus {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 2px 3px 0 rgba(51, 51, 51, 0.1);
    box-shadow: 0 2px 3px 0 rgba(51, 51, 51, 0.1)
}

.slat-header {
    position: relative;
    min-height: 48px;
    margin: 0 0 30px
}

.slat-header.user {
    min-height: 40px;
    padding-left: 52px
}

@media (min-width: 768px) {
    .slat-header.user {
        padding-left: 60px
    }
}

.slat-header.user.team-shot {
    padding-left: 52px
}

@media (min-width: 768px) {
    .slat-header.user.team-shot {
        padding-left: 65px
    }
}

@media (min-width: 768px) {
    .slat-header.user h1 {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 29px
    }
}

.slat-header.shot {
    display: -ms-flexbox;
    display: flex
}

.slat-header.shot h1 {
    font-weight: 700
}

@media (min-width: 768px) {
    .slat-header.shot h1 {
        margin-bottom: 10px;
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 29px
    }
}

.slat-header.shot h1 a {
    color: #0d0c22;
    font-weight: inherit
}

.slat-header img.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

@media (min-width: 768px) {
    .slat-header img.photo {
        width: 48px;
        height: 48px
    }
}

.slat-header h1 {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2
}

.slat-header h1 strong {
    font-weight: 500
}

.slat-header h1 span.fn a {
    color: #0d0c22
}

.slat-header h1 span.badge {
    position: relative;
    top: -1px;
    font-size: 14px;
    vertical-align: middle
}

.slat-header h2 {
    display: inline-block;
    color: #6e6d7a;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4
}

@media (min-width: 768px) {
    .slat-header h2 {
        line-height: 1.3
    }
}

.slat-header h2 a {
    color: #6e6d7a
}

.slat-header h2 strong {
    color: #6e6d7a
}

.slat-header h2.shot-byline {
    display: block;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.slat-header h2.shot-byline a.team-hiring {
    margin: 0 2px 0 -2px
}

.slat-header h2.shot-byline a.team-hiring img {
    height: 12px
}

.slat-header h2.shot-byline a {
    color: #ea4c89;
    font-weight: 500
}

.slat-header h2.shot-byline span.shot-byline-project a {
    color: #9e9ea7;
    font-weight: normal
}

.slat-header h2.shot-byline .shot-byline-follow div {
    display: inline
}

.slat-header h2.shot-byline span.sep {
    margin: 0 5px;
    color: #ccc
}

.slat-header ul.admin {
    display: inline;
    margin: 0;
    padding: 0;
    border: none
}

.slat-header ul.admin li {
    display: inline;
    margin: 0 0 0 12px
}

.slat-header a:hover img {
    opacity: 0.8
}

.slat-header span.team-avatar {
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 24px;
    width: 14px;
    height: 14px;
    padding: 2px;
    border-radius: 50%;
    background: #f4f4f4
}

@media (min-width: 768px) {
    .slat-header span.team-avatar {
        top: 32px;
        left: 32px;
        width: 20px;
        height: 20px
    }
}

.slat-header span.team-avatar img {
    display: block;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

@media (min-width: 768px) {
    .slat-header span.team-avatar img {
        width: 20px;
        height: 20px
    }
}

.slat-header .slat-details {
    margin-left: 12px
}

.slat-header .slat-shot {
    width: 100px;
    height: 80px
}

@media (min-width: 768px) {
    .slat-header .slat-shot {
        width: 124px;
        height: 94px
    }
}

.slat-header .slat-shot a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
    background: url(/assets/checker-10x10-64ffb656ceb8c061bec2cc5025b6bcd6c145326ec8cf05df0d2c5331912aa3ae.gif)
}

.slat-header .slat-shot a img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: none
}

.slat-header span.bucket-url {
    margin-left: 5px
}

.slat-header span.bucket-url a {
    padding: 8px 0 8px 21px;
    background-repeat: no-repeat;
    background-position: 0 8px;
    color: #6e6d7a;
    font-weight: normal;
    background-image: url(/assets/icon-weburl-576dcaced0beb21a1a262d4de9c76e54759bf10cbcbe96c515e4a87bdd8f0fd1.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    .slat-header span.bucket-url a {
        background-image: url(/assets/icon-weburl-2x-de72efc46bcb4360ac942c29469758d0ba0af6027e8821791325d69255ba6dd9.png);
        background-size: 16px 16px
    }
}

.slat-header span.bucket-url a:hover {
    color: #0d0c22
}

div.notice {
    padding: 12px;
    background: #0d0c22;
    color: #fff
}

div.notice h2 {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

div.notice a:link,
div.notice a:visited {
    color: #fff;
    text-decoration: underline;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

div.notice.error {
    background-color: #ff5555
}

div.notice.success {
    background-color: #0d0c22
}

body#account-pro div.notice.success {
    background-color: #ea4c89
}

body#jobs div.notice.success {
    background-color: #a0ce6e
}

body#teams-signup div.notice.success {
    background-color: #a0ce6e
}

@media only screen and (max-width: 959px) {
    div.notice h2 {
        width: auto;
        margin: 0
    }
}

h1 span.badge,
span.badge {
    padding: 1px 3px;
    border-radius: 3px;
    background: #ccc;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase
}

span.badge-title {
    margin-left: 1px;
    padding: 1px 4px;
    border-radius: 3px;
    background: #ccc;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5
}

span.badge-title.pro {
    background-color: #ea4c89
}

span.badge-title.team {
    background-color: #4f3cc9
}

a:hover span.badge-team,
span.badge-team:hover,
ol.features span.badge-team {
    background-color: #ea4c89
}

.new-flag,
.pro-flag {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 4px;
    border-radius: 4px;
    font-size: 10px;
    text-transform: uppercase
}

.new-flag {
    background: rgba(234, 76, 137, 0.1);
    color: #ea4c89
}

.pro-flag {
    background-color: #ea4c89;
    color: #fff
}

.pro-flag-gradient {
    background: linear-gradient(101.65deg, #ff874f 0%, #f64f90 96.95%)
}

.pro-flag-small {
    height: 12px;
    border-radius: 3px;
    font-size: 8px
}

span.badge-pink {
    background-color: #ea4c89
}

span.badge-pro-gradient {
    background: linear-gradient(45deg, #e47b49 0%, #ea4c89 100%)
}

span.badge-sale {
    background-color: #c142a0
}

a:hover span.badge-pro,
a:hover span.badge-admin {
    background-color: #ea4c89
}

a:active span.badge-pro,
a:active span.badge-admin {
    background-color: #bb3d6e
}

a:hover span.badge-hiring {
    background-color: #c142a0
}

a:active span.badge-hiring {
    background-color: #9d3381
}

.pill-wrapper {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center
}

.pill {
    padding: 8px 12px;
    border-radius: 72px;
    background: #f3f3f4;
    color: #6e6d7a;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.pill-blurple-alt {
    background: rgba(77, 68, 198, 0.1);
    color: #4d44c6
}

span.meatball {
    display: inline;
    position: relative;
    top: -1px;
    margin-left: 5px;
    padding: 1px 7px 2px 6px;
    border-radius: 5px;
    background-color: #ea4c89;
    color: #fff;
    font-size: 11px;
    font-weight: 500
}

div.copy ol.slat-list,
ol.slat-list {
    margin-top: 20px;
    margin-bottom: 50px;
    list-style: none
}

div.copy ol.slat-list li,
ol.slat-list li {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px;
    text-align: left
}

div.copy ol.slat-list li:last-of-type,
ol.slat-list li:last-of-type {
    margin-bottom: 0
}

div.copy ol.slat-list li h4.meta,
ol.slat-list li h4.meta {
    margin: 5px 0 4px;
    color: #9e9ea7;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: uppercase
}

div.copy ol.slat-list li div.slat-teaser,
ol.slat-list li div.slat-teaser {
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    width: 160px;
    margin: 0 20px 0 0
}

div.copy ol.slat-list li div.slat-teaser img,
ol.slat-list li div.slat-teaser img {
    width: 100%;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25)
}

div.copy ol.slat-list li div.slat-teaser a:hover,
ol.slat-list li div.slat-teaser a:hover {
    opacity: 0.8
}

div.copy ol.slat-list li div.slat-content,
ol.slat-list li div.slat-content {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

div.copy ol.slat-list li h3,
ol.slat-list li h3 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3
}

div.copy ol.slat-list li h5,
ol.slat-list li h5 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5
}

div.copy ol.slat-list li p,
ol.slat-list li p {
    margin: 0 0 10px;
    color: #6e6d7a;
    font-size: 14px;
    line-height: 1.5
}

div.copy ol.slat-list li a.admin,
ol.slat-list li a.admin {
    color: #9e9ea7;
    font-size: 13px;
    text-decoration: underline
}

div.copy ol.slat-list li a.admin:hover,
ol.slat-list li a.admin:hover {
    color: #0d0c22
}

div.copy p,
div.copy ul,
div.copy ol {
    margin: 0 0 15px;
    color: #0d0c22;
    font-size: 15px;
    line-height: 1.5
}

div.copy p strong,
div.copy ul strong,
div.copy ol strong {
    font-weight: 500
}

div.copy>p:last-child,
div.copy>ul:last-child,
div.copy>ol:last-child {
    margin-bottom: 0
}

div.copy p.note {
    color: #9e9ea7;
    font-size: 13px
}

div.copy .full-image {
    padding: 30px 0 0
}

div.copy .full-image img {
    max-width: 100%
}

div.copy ol li,
div.copy ul li {
    margin: 0 0 5px 30px
}

div.copy ol li ul,
div.copy ol li ol,
div.copy ul li ul,
div.copy ul li ol {
    margin-top: 5px
}

div.copy ol {
    list-style: decimal
}

div.copy ol[type='a'] li {
    list-style: lower-alpha
}

div.copy ul {
    list-style: disc
}

div.copy .plain-list {
    list-style: none
}

div.copy .plain-list li {
    margin-left: 0
}

div.copy h2 {
    margin: 0 0 15px;
    color: #0d0c22;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3
}

div.copy h2.section {
    font-size: 16px;
    line-height: 1
}

body#account-meetups div.copy h2 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd
}

div.copy h3 {
    margin: 0 0 15px;
    color: #0d0c22;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3
}

div.copy h3.sub {
    margin: -8px 0 20px;
    color: #6e6d7a;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4
}

div.copy h3.sub a {
    font-weight: 500
}

div.copy h3.sub strong {
    color: #0d0c22;
    font-weight: 500
}

div.copy blockquote {
    margin: 20px
}

div.copy blockquote p {
    color: #9e9ea7;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.3
}

div.framed {
    width: auto;
    margin: 0 0 30px;
    padding: 50px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}

@media only screen and (max-width: 959px) {
    div.framed {
        padding: 15px 15px 10px
    }
}

div.framed form.gen-form fieldset input[type='text']:focus,
div.framed form.gen-form fieldset input[type='password']:focus,
div.framed form.gen-form fieldset input[type='email']:focus,
div.framed form.gen-form fieldset input[type='url']:focus,
div.framed form.gen-form fieldset input[type='tel']:focus {
    background-color: #f0f0f0
}

div.framed p,
div.framed ul,
div.framed ol {
    color: #6e6d7a
}

div.framed p strong,
div.framed ul strong,
div.framed ol strong {
    color: #0d0c22;
    font-weight: 500
}

div.under-hero {
    margin-top: -76px
}

div.under-hero div.faq,
div.copy div.faq {
    margin: 30px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

div.under-hero div.faq:last-of-type,
div.copy div.faq:last-of-type {
    border-bottom: none
}

.video-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 55.46875%
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jfk-bubble.gtx-bubble {
    z-index: 99999 !important
}

.other-accounts {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    .other-accounts {
        position: static;
        top: auto;
        right: auto;
        margin: 5px 0 15px
    }
}

.other-accounts strong {
    margin: 0 4px 0 0;
    color: #9e9ea7;
    font-weight: normal
}

.other-accounts .account a {
    display: inline-block
}

.other-accounts .account img {
    position: relative;
    top: 7px;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

div#main.invite-message {
    margin-right: auto;
    margin-left: auto;
    float: none
}

div#main.invite-message p {
    font-size: 20px
}

div#main.invite-message .form-sub {
    width: 100%
}

ol.scrollable .scroll-forward,
ol.scrollable .scroll-backward {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 163px;
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3))
}

ol.scrollable .scroll-forward a,
ol.scrollable .scroll-backward a {
    display: block;
    margin: 0 auto;
    line-height: 0
}

@media screen and (max-width: 530px) {
    ol.scrollable.dribbbles {
        margin-top: 30px
    }
}

body.grid-small ol.scrollable.dribbbles li.group,
body.grid-small ol.scrollable.dribbbles li.constrained-content,
body.grid-small ol.scrollable.dribbbles li.constrained-content-alt,
body.grid-small ol.scrollable.dribbbles li.constrained-content-super,
body.grid-small ol.scrollable.dribbbles li.constrained-content-narrow,
body.grid-small ol.scrollable.dribbbles li.slat-header,
body.grid-large ol.scrollable.dribbbles li.group,
body.grid-large ol.scrollable.dribbbles li.constrained-content,
body.grid-large ol.scrollable.dribbbles li.constrained-content-alt,
body.grid-large ol.scrollable.dribbbles li.constrained-content-super,
body.grid-large ol.scrollable.dribbbles li.constrained-content-narrow,
body.grid-large ol.scrollable.dribbbles li.slat-header {
    width: 220px
}

@media screen and (max-width: 530px) {

    body.grid-small ol.scrollable.dribbbles li.group,
    body.grid-small ol.scrollable.dribbbles li.constrained-content,
    body.grid-small ol.scrollable.dribbbles li.constrained-content-alt,
    body.grid-small ol.scrollable.dribbbles li.constrained-content-super,
    body.grid-small ol.scrollable.dribbbles li.constrained-content-narrow,
    body.grid-small ol.scrollable.dribbbles li.slat-header,
    body.grid-large ol.scrollable.dribbbles li.group,
    body.grid-large ol.scrollable.dribbbles li.constrained-content,
    body.grid-large ol.scrollable.dribbbles li.constrained-content-alt,
    body.grid-large ol.scrollable.dribbbles li.constrained-content-super,
    body.grid-large ol.scrollable.dribbbles li.constrained-content-narrow,
    body.grid-large ol.scrollable.dribbbles li.slat-header {
        width: 47.5%;
        margin-right: 5% !important;
        margin-bottom: 0 !important
    }
}

ol.scrollable.dribbbles li.group div.dribbble .dribbble-over,
ol.scrollable.dribbbles li.constrained-content div.dribbble .dribbble-over,
ol.scrollable.dribbbles li.constrained-content-alt div.dribbble .dribbble-over,
ol.scrollable.dribbbles li.constrained-content-super div.dribbble .dribbble-over,
ol.scrollable.dribbbles li.constrained-content-narrow div.dribbble .dribbble-over,
ol.scrollable.dribbbles li.slat-header div.dribbble .dribbble-over {
    bottom: 10px
}

ol.scrollable .scroll-forward {
    right: 0
}

ol.scrollable .scroll-backward {
    right: auto;
    left: 0
}

@media only screen and (max-width: 959px) {
    ol.scrollable .scroll-backward {
        left: -24px
    }
}

ol.scrollable .scroll-backward a {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

ol.scrollable:hover .scroll-forward {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 530px) {
    ol.scrollable:hover .scroll-forward {
        display: none
    }
}

ol.scrollable.highlights .scroll-backward,
ol.scrollable.highlights .scroll-forward {
    height: 192px
}

ol.scrollable.highlights .scroll-backward svg,
ol.scrollable.highlights .scroll-forward svg {
    padding-top: 81px
}

ol.scrollable.is-scrolled:hover .scroll-backward {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 530px) {
    ol.scrollable.is-scrolled:hover .scroll-backward {
        display: none
    }
}

ol.scrollable.no-scroll-on-mobile.scrollable li.group:last-child,
ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content:last-child,
ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content-alt:last-child,
ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content-super:last-child,
ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content-narrow:last-child,
ol.scrollable.no-scroll-on-mobile.scrollable li.slat-header:last-child {
    margin-right: 0
}

.redacted-image {
    display: block;
    width: 114px
}

svg:focus {
    outline: none
}

label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: block;
    margin-bottom: 10px;
    color: #0d0c22
}

label.required:after {
    content: '*';
    margin-left: 4px;
    color: #ea4c89
}

label.label-on-dark-bg {
    color: #fff
}

form.gen-form fieldset {
    position: relative;
    margin: 8px 0
}

form.gen-form label img {
    position: relative;
    margin-left: 2px
}

form.gen-form label img.avatar {
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    border-radius: 50%
}

fieldset.single-row input[type='text'] {
    width: 50%
}

@media (min-width: 768px) {
    fieldset.single-row input[type='text'] {
        width: 70%
    }
}

fieldset.single-row p.message {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
    color: #9e9ea7
}

.inline-radios {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.dropdown-checkbox .checkbox-radio-label {
    color: #6e6d7a
}

.dropdown-checkbox .checkbox-radio-label.checked {
    color: #0d0c22
}

.checkbox-radio-label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    color: #3d3d4e
}

.inline-radios .checkbox-radio-label {
    margin-right: 16px;
    margin-bottom: 0
}

.inline-radios .checkbox-radio-label:last-child {
    margin-right: 0
}

.checkbox-radio-label.is-disabled {
    color: #9e9ea7
}

.checkbox-radio-label label {
    margin-bottom: 0
}

.checkbox-radio-label:hover input {
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    cursor: pointer
}

.v-checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.v-checkbox.is-disabled {
    opacity: 0.6
}

.v-checkbox.is-disabled .checkbox-radio-label:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed
}

.v-checkbox.is-disabled input[type='checkbox']:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed
}

input[type='text'],
input[type='number'],
input[type='search'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='tel'],
.braintree-input,
.selectize-input,
textarea,
.ql-container .ql-editor,
select,
.input-with-prefix {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border-radius: 8px;
    outline: none;
    background-color: #f3f3f4;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width: 768px) {

    input[type='text'],
    input[type='number'],
    input[type='search'],
    input[type='password'],
    input[type='email'],
    input[type='url'],
    input[type='tel'],
    .braintree-input,
    .selectize-input,
    textarea,
    .ql-container .ql-editor,
    select,
    .input-with-prefix {
        font-size: 14px
    }
}

input:hover[type='text'],
input:hover[type='number'],
input:hover[type='search'],
input:hover[type='password'],
input:hover[type='email'],
input:hover[type='url'],
input:hover[type='tel'],
.braintree-input:hover,
.selectize-input:hover,
textarea:hover,
.ql-container .ql-editor:hover,
select:hover,
.input-with-prefix:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input.braintree-hosted-fields-focused[type='text'],
input.braintree-hosted-fields-focused[type='number'],
input.braintree-hosted-fields-focused[type='search'],
input.braintree-hosted-fields-focused[type='password'],
input.braintree-hosted-fields-focused[type='email'],
input.braintree-hosted-fields-focused[type='url'],
input.braintree-hosted-fields-focused[type='tel'],
.braintree-hosted-fields-focused.braintree-input,
.braintree-hosted-fields-focused.selectize-input,
textarea.braintree-hosted-fields-focused,
.ql-container .braintree-hosted-fields-focused.ql-editor,
select.braintree-hosted-fields-focused,
.braintree-hosted-fields-focused.input-with-prefix,
input:focus[type='text'],
input:focus[type='number'],
input:focus[type='search'],
input:focus[type='password'],
input:focus[type='email'],
input:focus[type='url'],
input:focus[type='tel'],
.braintree-input:focus,
.selectize-input:focus,
textarea:focus,
.ql-container .ql-editor:focus,
select:focus,
.input-with-prefix:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input:active[type='text'],
input:active[type='number'],
input:active[type='search'],
input:active[type='password'],
input:active[type='email'],
input:active[type='url'],
input:active[type='tel'],
.braintree-input:active,
.selectize-input:active,
textarea:active,
.ql-container .ql-editor:active,
select:active,
.input-with-prefix:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.input-on-gray-bg[type='text'],
input.input-on-gray-bg[type='number'],
input.input-on-gray-bg[type='search'],
input.input-on-gray-bg[type='password'],
input.input-on-gray-bg[type='email'],
input.input-on-gray-bg[type='url'],
input.input-on-gray-bg[type='tel'],
.input-on-gray-bg.braintree-input,
.input-on-gray-bg.selectize-input,
textarea.input-on-gray-bg,
.ql-container .input-on-gray-bg.ql-editor,
select.input-on-gray-bg,
.input-on-gray-bg.input-with-prefix {
    border-color: #e7e7e9;
    background-color: #fff
}

input:-moz-read-only:not(select):not(div)[type='text'],
input:-moz-read-only:not(select):not(div)[type='number'],
input:-moz-read-only:not(select):not(div)[type='search'],
input:-moz-read-only:not(select):not(div)[type='password'],
input:-moz-read-only:not(select):not(div)[type='email'],
input:-moz-read-only:not(select):not(div)[type='url'],
input:-moz-read-only:not(select):not(div)[type='tel'],
.braintree-input:-moz-read-only:not(select):not(div),
.selectize-input:-moz-read-only:not(select):not(div),
textarea:-moz-read-only:not(select):not(div),
.ql-container .ql-editor:-moz-read-only:not(select):not(div),
select:-moz-read-only:not(select):not(div),
.input-with-prefix:-moz-read-only:not(select):not(div) {
    border-color: transparent;
    background-color: #f3f3f4;
    box-shadow: none;
    color: #9e9ea7
}

input:disabled:not(select):not(div)[type='text'],
input:disabled:not(select):not(div)[type='number'],
input:disabled:not(select):not(div)[type='search'],
input:disabled:not(select):not(div)[type='password'],
input:disabled:not(select):not(div)[type='email'],
input:disabled:not(select):not(div)[type='url'],
input:disabled:not(select):not(div)[type='tel'],
.braintree-input:disabled:not(select):not(div),
.selectize-input:disabled:not(select):not(div),
textarea:disabled:not(select):not(div),
.ql-container .ql-editor:disabled:not(select):not(div),
select:disabled:not(select):not(div),
.input-with-prefix:disabled:not(select):not(div),
input:read-only:not(select):not(div)[type='text'],
input:read-only:not(select):not(div)[type='number'],
input:read-only:not(select):not(div)[type='search'],
input:read-only:not(select):not(div)[type='password'],
input:read-only:not(select):not(div)[type='email'],
input:read-only:not(select):not(div)[type='url'],
input:read-only:not(select):not(div)[type='tel'],
.braintree-input:read-only:not(select):not(div),
.selectize-input:read-only:not(select):not(div),
textarea:read-only:not(select):not(div),
.ql-container .ql-editor:read-only:not(select):not(div),
select:read-only:not(select):not(div),
.input-with-prefix:read-only:not(select):not(div) {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7
}

input.input-on-dark-bg[type='text'],
input.input-on-dark-bg[type='number'],
input.input-on-dark-bg[type='search'],
input.input-on-dark-bg[type='password'],
input.input-on-dark-bg[type='email'],
input.input-on-dark-bg[type='url'],
input.input-on-dark-bg[type='tel'],
.input-on-dark-bg.braintree-input,
.input-on-dark-bg.selectize-input,
textarea.input-on-dark-bg,
.ql-container .input-on-dark-bg.ql-editor,
select.input-on-dark-bg,
.input-on-dark-bg.input-with-prefix {
    background-color: #3d3d4e;
    color: #9e9ea7
}

input.input-on-dark-bg:hover[type='text'],
input.input-on-dark-bg:hover[type='number'],
input.input-on-dark-bg:hover[type='search'],
input.input-on-dark-bg:hover[type='password'],
input.input-on-dark-bg:hover[type='email'],
input.input-on-dark-bg:hover[type='url'],
input.input-on-dark-bg:hover[type='tel'],
.input-on-dark-bg.braintree-input:hover,
.input-on-dark-bg.selectize-input:hover,
textarea.input-on-dark-bg:hover,
.ql-container .input-on-dark-bg.ql-editor:hover,
select.input-on-dark-bg:hover,
.input-on-dark-bg.input-with-prefix:hover {
    border-color: transparent;
    background-color: #0d0c22;
    -webkit-box-shadow: 0 0 0 4px #3d3d4e;
    box-shadow: 0 0 0 4px #3d3d4e;
    color: rgba(255, 255, 255, 0.6)
}

input.input-on-dark-bg:focus[type='text'],
input.input-on-dark-bg:focus[type='number'],
input.input-on-dark-bg:focus[type='search'],
input.input-on-dark-bg:focus[type='password'],
input.input-on-dark-bg:focus[type='email'],
input.input-on-dark-bg:focus[type='url'],
input.input-on-dark-bg:focus[type='tel'],
.input-on-dark-bg.braintree-input:focus,
.input-on-dark-bg.selectize-input:focus,
textarea.input-on-dark-bg:focus,
.ql-container .input-on-dark-bg.ql-editor:focus,
select.input-on-dark-bg:focus,
.input-on-dark-bg.input-with-prefix:focus {
    border-color: rgba(0, 0, 0, 0.3);
    background-color: #0d0c22;
    -webkit-box-shadow: 0 0 0 4px #3d3d4e;
    box-shadow: 0 0 0 4px #3d3d4e;
    color: rgba(255, 255, 255, 0.6)
}

input.input-on-dark-bg:active[type='text'],
input.input-on-dark-bg:active[type='number'],
input.input-on-dark-bg:active[type='search'],
input.input-on-dark-bg:active[type='password'],
input.input-on-dark-bg:active[type='email'],
input.input-on-dark-bg:active[type='url'],
input.input-on-dark-bg:active[type='tel'],
.input-on-dark-bg.braintree-input:active,
.input-on-dark-bg.selectize-input:active,
textarea.input-on-dark-bg:active,
.ql-container .input-on-dark-bg.ql-editor:active,
select.input-on-dark-bg:active,
.input-on-dark-bg.input-with-prefix:active {
    border-color: #3d3d4e;
    background-color: #0d0c22;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

input.input-on-dark-bg:-moz-read-only[type='text'],
input.input-on-dark-bg:-moz-read-only[type='number'],
input.input-on-dark-bg:-moz-read-only[type='search'],
input.input-on-dark-bg:-moz-read-only[type='password'],
input.input-on-dark-bg:-moz-read-only[type='email'],
input.input-on-dark-bg:-moz-read-only[type='url'],
input.input-on-dark-bg:-moz-read-only[type='tel'],
.input-on-dark-bg.braintree-input:-moz-read-only,
.input-on-dark-bg.selectize-input:-moz-read-only,
textarea.input-on-dark-bg:-moz-read-only,
.ql-container .input-on-dark-bg.ql-editor:-moz-read-only,
select.input-on-dark-bg:-moz-read-only,
.input-on-dark-bg.input-with-prefix:-moz-read-only {
    border-color: transparent;
    background-color: #3d3d4e;
    box-shadow: none
}

input.input-on-dark-bg:disabled[type='text'],
input.input-on-dark-bg:disabled[type='number'],
input.input-on-dark-bg:disabled[type='search'],
input.input-on-dark-bg:disabled[type='password'],
input.input-on-dark-bg:disabled[type='email'],
input.input-on-dark-bg:disabled[type='url'],
input.input-on-dark-bg:disabled[type='tel'],
.input-on-dark-bg.braintree-input:disabled,
.input-on-dark-bg.selectize-input:disabled,
textarea.input-on-dark-bg:disabled,
.ql-container .input-on-dark-bg.ql-editor:disabled,
select.input-on-dark-bg:disabled,
.input-on-dark-bg.input-with-prefix:disabled,
input.input-on-dark-bg:read-only[type='text'],
input.input-on-dark-bg:read-only[type='number'],
input.input-on-dark-bg:read-only[type='search'],
input.input-on-dark-bg:read-only[type='password'],
input.input-on-dark-bg:read-only[type='email'],
input.input-on-dark-bg:read-only[type='url'],
input.input-on-dark-bg:read-only[type='tel'],
.input-on-dark-bg.braintree-input:read-only,
.input-on-dark-bg.selectize-input:read-only,
textarea.input-on-dark-bg:read-only,
.ql-container .input-on-dark-bg.ql-editor:read-only,
select.input-on-dark-bg:read-only,
.input-on-dark-bg.input-with-prefix:read-only {
    border-color: transparent;
    background-color: #3d3d4e;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.input-with-error[type='text'],
input.input-with-error[type='number'],
input.input-with-error[type='search'],
input.input-with-error[type='password'],
input.input-with-error[type='email'],
input.input-with-error[type='url'],
input.input-with-error[type='tel'],
.input-with-error.braintree-input,
.input-with-error.selectize-input,
textarea.input-with-error,
.ql-container .input-with-error.ql-editor,
select.input-with-error,
.input-with-error.input-with-prefix {
    background: #ffeeee;
    color: #ff5555
}

input.input-with-outline-only[type='text'],
input.input-with-outline-only[type='number'],
input.input-with-outline-only[type='search'],
input.input-with-outline-only[type='password'],
input.input-with-outline-only[type='email'],
input.input-with-outline-only[type='url'],
input.input-with-outline-only[type='tel'],
.input-with-outline-only.braintree-input,
.input-with-outline-only.selectize-input,
textarea.input-with-outline-only,
.ql-container .input-with-outline-only.ql-editor,
select.input-with-outline-only,
.input-with-outline-only.input-with-prefix {
    height: 48px;
    border-width: 2px;
    border-color: #e7e7e9;
    background-color: #fff
}

.selectize-input input[type='text'],
.selectize-input input[type='number'],
.selectize-input input[type='search'],
.selectize-input input[type='password'],
.selectize-input input[type='email'],
.selectize-input input[type='url'],
.selectize-input input[type='tel'],
.selectize-input .braintree-input,
.selectize-input .selectize-input,
.selectize-input textarea,
.selectize-input .ql-container .ql-editor,
.ql-container .selectize-input .ql-editor,
.selectize-input select,
.selectize-input .input-with-prefix {
    height: auto;
    padding: 7px 16px
}

fieldset.fieldWithErrors input[type='text'],
fieldset.fieldWithErrors input[type='number'],
fieldset.fieldWithErrors input[type='search'],
fieldset.fieldWithErrors input[type='password'],
fieldset.fieldWithErrors input[type='email'],
fieldset.fieldWithErrors input[type='url'],
fieldset.fieldWithErrors input[type='tel'],
fieldset.fieldWithErrors .braintree-input,
fieldset.fieldWithErrors .selectize-input,
fieldset.fieldWithErrors textarea,
fieldset.fieldWithErrors .ql-container .ql-editor,
.ql-container fieldset.fieldWithErrors .ql-editor,
fieldset.fieldWithErrors select,
fieldset.fieldWithErrors .input-with-prefix {
    background: #ffeeee;
    color: #ff5555
}

fieldset.fieldWithErrors input[type='text']:before,
fieldset.fieldWithErrors input[type='number']:before,
fieldset.fieldWithErrors input[type='search']:before,
fieldset.fieldWithErrors input[type='password']:before,
fieldset.fieldWithErrors input[type='email']:before,
fieldset.fieldWithErrors input[type='url']:before,
fieldset.fieldWithErrors input[type='tel']:before,
fieldset.fieldWithErrors .braintree-input:before,
fieldset.fieldWithErrors .selectize-input:before,
fieldset.fieldWithErrors textarea:before,
fieldset.fieldWithErrors .ql-container .ql-editor:before,
.ql-container fieldset.fieldWithErrors .ql-editor:before,
fieldset.fieldWithErrors select:before,
fieldset.fieldWithErrors .input-with-prefix:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #ff5555;
    color: #fff
}

fieldset.fieldWithErrors input.input-on-dark-bg[type='text'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='number'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='search'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='password'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='email'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='url'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='tel'],
fieldset.fieldWithErrors .input-on-dark-bg.braintree-input,
fieldset.fieldWithErrors .input-on-dark-bg.selectize-input,
fieldset.fieldWithErrors textarea.input-on-dark-bg,
fieldset.fieldWithErrors .ql-container .input-on-dark-bg.ql-editor,
.ql-container fieldset.fieldWithErrors .input-on-dark-bg.ql-editor,
fieldset.fieldWithErrors select.input-on-dark-bg,
fieldset.fieldWithErrors .input-on-dark-bg.input-with-prefix {
    border-color: #ff5555;
    background: #0d0c22
}

fieldset.fieldWithErrors input.input-on-dark-bg[type='text']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='number']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='search']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='password']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='email']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='url']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='tel']:before,
fieldset.fieldWithErrors .input-on-dark-bg.braintree-input:before,
fieldset.fieldWithErrors .input-on-dark-bg.selectize-input:before,
fieldset.fieldWithErrors textarea.input-on-dark-bg:before,
fieldset.fieldWithErrors .ql-container .input-on-dark-bg.ql-editor:before,
.ql-container fieldset.fieldWithErrors .input-on-dark-bg.ql-editor:before,
fieldset.fieldWithErrors select.input-on-dark-bg:before,
fieldset.fieldWithErrors .input-on-dark-bg.input-with-prefix:before {
    border: 1px solid #0d0c22;
    color: #0d0c22
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type='number'] {
    -moz-appearance: textfield
}

input[type='text'],
input[type='number'],
input[type='search'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='tel'],
.braintree-input,
.selectize-input {
    border: 1px solid transparent
}

input[type='text']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
.braintree-input::-webkit-input-placeholder,
.selectize-input::-webkit-input-placeholder {
    color: #9e9ea7
}

input[type='text']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
.braintree-input::-moz-placeholder,
.selectize-input::-moz-placeholder {
    color: #9e9ea7
}

input[type='text']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
.braintree-input:-ms-input-placeholder,
.selectize-input:-ms-input-placeholder {
    color: #9e9ea7
}

input[type='text']::-ms-input-placeholder,
input[type='number']::-ms-input-placeholder,
input[type='search']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='email']::-ms-input-placeholder,
input[type='url']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
.braintree-input::-ms-input-placeholder,
.selectize-input::-ms-input-placeholder {
    color: #9e9ea7
}

input[type='text']::placeholder,
input[type='number']::placeholder,
input[type='search']::placeholder,
input[type='password']::placeholder,
input[type='email']::placeholder,
input[type='url']::placeholder,
input[type='tel']::placeholder,
.braintree-input::placeholder,
.selectize-input::placeholder {
    color: #9e9ea7
}

input[type='text'].temp-form-neue,
input[type='number'].temp-form-neue,
input[type='search'].temp-form-neue,
input[type='password'].temp-form-neue,
input[type='email'].temp-form-neue,
input[type='url'].temp-form-neue,
input[type='tel'].temp-form-neue,
.braintree-input.temp-form-neue,
.selectize-input.temp-form-neue {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 2px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fafafb;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type='text'].temp-form-neue::-webkit-input-placeholder,
input[type='number'].temp-form-neue::-webkit-input-placeholder,
input[type='search'].temp-form-neue::-webkit-input-placeholder,
input[type='password'].temp-form-neue::-webkit-input-placeholder,
input[type='email'].temp-form-neue::-webkit-input-placeholder,
input[type='url'].temp-form-neue::-webkit-input-placeholder,
input[type='tel'].temp-form-neue::-webkit-input-placeholder,
.braintree-input.temp-form-neue::-webkit-input-placeholder,
.selectize-input.temp-form-neue::-webkit-input-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue::-moz-placeholder,
input[type='number'].temp-form-neue::-moz-placeholder,
input[type='search'].temp-form-neue::-moz-placeholder,
input[type='password'].temp-form-neue::-moz-placeholder,
input[type='email'].temp-form-neue::-moz-placeholder,
input[type='url'].temp-form-neue::-moz-placeholder,
input[type='tel'].temp-form-neue::-moz-placeholder,
.braintree-input.temp-form-neue::-moz-placeholder,
.selectize-input.temp-form-neue::-moz-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue:-ms-input-placeholder,
input[type='number'].temp-form-neue:-ms-input-placeholder,
input[type='search'].temp-form-neue:-ms-input-placeholder,
input[type='password'].temp-form-neue:-ms-input-placeholder,
input[type='email'].temp-form-neue:-ms-input-placeholder,
input[type='url'].temp-form-neue:-ms-input-placeholder,
input[type='tel'].temp-form-neue:-ms-input-placeholder,
.braintree-input.temp-form-neue:-ms-input-placeholder,
.selectize-input.temp-form-neue:-ms-input-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue::-ms-input-placeholder,
input[type='number'].temp-form-neue::-ms-input-placeholder,
input[type='search'].temp-form-neue::-ms-input-placeholder,
input[type='password'].temp-form-neue::-ms-input-placeholder,
input[type='email'].temp-form-neue::-ms-input-placeholder,
input[type='url'].temp-form-neue::-ms-input-placeholder,
input[type='tel'].temp-form-neue::-ms-input-placeholder,
.braintree-input.temp-form-neue::-ms-input-placeholder,
.selectize-input.temp-form-neue::-ms-input-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue::placeholder,
input[type='number'].temp-form-neue::placeholder,
input[type='search'].temp-form-neue::placeholder,
input[type='password'].temp-form-neue::placeholder,
input[type='email'].temp-form-neue::placeholder,
input[type='url'].temp-form-neue::placeholder,
input[type='tel'].temp-form-neue::placeholder,
.braintree-input.temp-form-neue::placeholder,
.selectize-input.temp-form-neue::placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue:hover,
input[type='number'].temp-form-neue:hover,
input[type='search'].temp-form-neue:hover,
input[type='password'].temp-form-neue:hover,
input[type='email'].temp-form-neue:hover,
input[type='url'].temp-form-neue:hover,
input[type='tel'].temp-form-neue:hover,
.braintree-input.temp-form-neue:hover,
.selectize-input.temp-form-neue:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input[type='text'].temp-form-neue:focus,
input[type='number'].temp-form-neue:focus,
input[type='search'].temp-form-neue:focus,
input[type='password'].temp-form-neue:focus,
input[type='email'].temp-form-neue:focus,
input[type='url'].temp-form-neue:focus,
input[type='tel'].temp-form-neue:focus,
.braintree-input.temp-form-neue:focus,
.selectize-input.temp-form-neue:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input[type='text'].temp-form-neue:active,
input[type='number'].temp-form-neue:active,
input[type='search'].temp-form-neue:active,
input[type='password'].temp-form-neue:active,
input[type='email'].temp-form-neue:active,
input[type='url'].temp-form-neue:active,
input[type='tel'].temp-form-neue:active,
.braintree-input.temp-form-neue:active,
.selectize-input.temp-form-neue:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type='text'].temp-form-neue:disabled,
input[type='number'].temp-form-neue:disabled,
input[type='search'].temp-form-neue:disabled,
input[type='password'].temp-form-neue:disabled,
input[type='email'].temp-form-neue:disabled,
input[type='url'].temp-form-neue:disabled,
input[type='tel'].temp-form-neue:disabled,
.braintree-input.temp-form-neue:disabled,
.selectize-input.temp-form-neue:disabled {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7;
    cursor: not-allowed
}

.braintree-input {
    padding: 0
}

.braintree-input.temp-form-neue {
    padding: 0
}

.selectize-input {
    height: auto;
    padding: 7px 16px
}

textarea,
.ql-container .ql-editor {
    min-height: 108px;
    border: 1px solid transparent;
    resize: vertical
}

textarea.temp-form-neue,
.ql-container .temp-form-neue.ql-editor {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 2px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fafafb;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.temp-form-neue::-webkit-input-placeholder,
.ql-container .temp-form-neue.ql-editor::-webkit-input-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue::-moz-placeholder,
.ql-container .temp-form-neue.ql-editor::-moz-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue:-ms-input-placeholder,
.ql-container .temp-form-neue.ql-editor:-ms-input-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue::-ms-input-placeholder,
.ql-container .temp-form-neue.ql-editor::-ms-input-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue::placeholder,
.ql-container .temp-form-neue.ql-editor::placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue:hover,
.ql-container .temp-form-neue.ql-editor:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

textarea.temp-form-neue:focus,
.ql-container .temp-form-neue.ql-editor:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

textarea.temp-form-neue:active,
.ql-container .temp-form-neue.ql-editor:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

textarea.temp-form-neue:disabled,
.ql-container .temp-form-neue.ql-editor:disabled {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7;
    cursor: not-allowed
}

select {
    width: auto;
    padding: 8px 32px 10px 16px;
    border: 1px solid #e7e7e9;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="9.419" y1="0.469661" x2="4.46925" y2="5.41941" stroke="%23999" stroke-width="1.5"/><line x1="5.53022" y1="5.4194" x2="0.580469" y2="0.469651" stroke="%23999" stroke-width="1.5"/></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
    background-size: 10px 6px;
    color: #6e6d7a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.input-on-dark-bg {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: #0d0c22;
    color: rgba(255, 255, 255, 0.8)
}

select.outlined {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    color: #6e6d7a
}

select.outlined:hover,
select.outlined:focus {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #dbdbde inset;
    box-shadow: 0px 0px 0px 1px #dbdbde inset;
    color: #0d0c22
}

select.outlined:active {
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0d0c22
}

select.temp-form-neue {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 2px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fafafb;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 16px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(243, 243, 244, 0.3);
    box-shadow: 0px 4px 4px rgba(243, 243, 244, 0.3)
}

select.temp-form-neue::-webkit-input-placeholder {
    color: #6e6d7a
}

select.temp-form-neue::-moz-placeholder {
    color: #6e6d7a
}

select.temp-form-neue:-ms-input-placeholder {
    color: #6e6d7a
}

select.temp-form-neue::-ms-input-placeholder {
    color: #6e6d7a
}

select.temp-form-neue::placeholder {
    color: #6e6d7a
}

select.temp-form-neue:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

select.temp-form-neue:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

select.temp-form-neue:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

select.temp-form-neue:disabled {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7;
    cursor: not-allowed
}

.grouped-input {
    border: 1px solid #e7e7e9;
    border-radius: 8px;
    background-color: #f3f3f4
}

.grouped-input label {
    margin-bottom: 0;
    padding: 10px 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #fff
}

.grouped-input input {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.input-with-prefix {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px;
    border: 1px solid transparent
}

.input-with-prefix:hover {
    background-color: #f3f3f4
}

.input-with-prefix label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    margin: 0;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff;
    color: #6e6d7a;
    font-size: 12px;
    line-height: 10px;
    white-space: nowrap
}

.input-with-prefix input {
    height: auto;
    padding: 6px 10px;
    background-color: transparent
}

.input-with-prefix input:hover {
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-with-prefix input:focus {
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-with-prefix input:active {
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-with-prefix.input-on-gray-bg label {
    background: #f3f3f4
}

.input-with-prefix.input-on-gray-bg:hover {
    background-color: #fff
}

.input-with-icon {
    position: relative
}

.input-with-icon svg {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #9e9ea7
}

.input-with-icon input[type='text'],
.input-with-icon input[type='search'],
.input-with-icon input[type='password'],
.input-with-icon input[type='email'],
.input-with-icon input[type='url'],
.input-with-icon input[type='tel'] {
    padding-left: 44px
}

.checkbox-radio-group label {
    margin-bottom: 0
}

.checkbox-radio-group>*:not(:last-child) {
    margin-bottom: 16px
}

.checkbox-radio-group-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    .checkbox-radio-group-horizontal {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
}

.checkbox-radio-group-horizontal label {
    margin-bottom: 0
}

.checkbox-radio-group-horizontal>*:not(:last-child) {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .checkbox-radio-group-horizontal>*:not(:last-child) {
        margin-right: 18px;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .checkbox-radio-group-2-columns {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .checkbox-radio-group-2-columns .checkbox-radio-label {
        margin-bottom: 6px;
        padding: 4px
    }
}

input[type='checkbox'],
input[type='radio'] {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
    padding: 0;
    -webkit-transition: background 200ms ease, border 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background 200ms ease, border 200ms ease, -webkit-box-shadow 200ms ease;
    transition: box-shadow 200ms ease, background 200ms ease, border 200ms ease;
    transition: box-shadow 200ms ease, background 200ms ease, border 200ms ease, -webkit-box-shadow 200ms ease;
    border: 1px solid #dbdbde;
    border-radius: 4px;
    outline: none;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:checked[type='checkbox'],
input:checked[type='radio'] {
    border-color: #ea4c89;
    background-color: #ea4c89
}

input[type='checkbox']:checked:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url(/assets/icons/check-white-e1db84f77c352f71d23da8a5193fe4ee7e141ac90615ad9f177e24b1c815248f.svg);
    background-repeat: no-repeat
}

input[type='checkbox']:disabled {
    background-color: #f3f3f4
}

input[type='radio'] {
    border-radius: 50%
}

input[type='radio']:checked:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff
}

.input-toggle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #3d3d4e
}

.input-toggle .input-toggle-label {
    margin-right: 12px
}

.input-toggle .input-toggle-control {
    position: relative;
    width: 38px;
    height: 22px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 20px;
    background-color: #e7e7e9;
    cursor: pointer;
    will-change: transform
}

.input-toggle .input-toggle-control:hover,
.input-toggle .input-toggle-control:focus {
    background-color: #dbdbde
}

.input-toggle .input-toggle-control:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 50%;
    background-color: #9e9ea7
}

.input-toggle input {
    display: none
}

.input-toggle input:checked+.input-toggle-control {
    background-color: rgba(234, 76, 137, 0.4)
}

.input-toggle input:checked+.input-toggle-control:after {
    left: 20px;
    background-color: #ea4c89
}

.check-strip input[type='radio'] {
    display: none
}

.check-strip fieldset label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    margin: 0 -1px 0 0;
    padding: 10px 16px;
    float: left;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border: 1px solid #e7e7e9;
    color: #9e9ea7;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (max-width: 959px) {
    .check-strip fieldset label {
        display: block;
        margin: 0 0 -1px;
        float: none
    }
}

.check-strip fieldset label:hover {
    background-color: #e7e7e9;
    color: #0d0c22
}

.check-strip fieldset label.selected {
    position: relative;
    z-index: 1;
    border-color: #ea4c89;
    background-color: #ea4c89;
    color: #fff
}

@media (max-width: 767px) {
    .check-strip fieldset label.selected {
        border-left-color: #ea4c89
    }
}

.check-strip fieldset label:first-of-type {
    border-radius: 8px 0 0 8px
}

@media (max-width: 767px) {
    .check-strip fieldset label:first-of-type {
        border-radius: 8px 8px 0 0
    }
}

.check-strip fieldset label:last-of-type {
    border-radius: 0 8px 8px 0
}

@media (max-width: 767px) {
    .check-strip fieldset label:last-of-type {
        border-radius: 0 0 8px 8px
    }
}

div.captcha-not-loaded {
    display: none;
    background-position: 0 7px
}

.payment-and-price .purchase-pro .price-table {
    display: none
}

.pro-order-summary .annual,
.pro-order-summary .monthly {
    display: none
}

.pro-order-summary .annual.selected,
.pro-order-summary .monthly.selected {
    display: block
}

.form-field {
    padding: 12px 0
}

form.with-messages div.form-field {
    position: relative
}

form.with-messages div.form-field span.counter {
    position: absolute;
    top: 0px;
    right: 0
}

form.with-messages div.form-field.custom-text {
    display: none
}

form.with-messages div.form-field.custom-text textarea,
form.with-messages div.form-field.custom-text .ql-container .ql-editor,
.ql-container form.with-messages div.form-field.custom-text .ql-editor {
    height: 65px
}

form.with-messages div.form-field.settings {
    float: left
}

form.with-messages div.form-field.publish-time {
    float: right
}

form.with-messages div.form-field.settings,
form.with-messages div.form-field.publish-time {
    width: 48%
}

@media only screen and (max-width: 739px) {

    form.with-messages div.form-field.settings,
    form.with-messages div.form-field.publish-time {
        width: auto;
        float: none
    }
}

form.with-messages div.form-field.team fieldset label,
form.with-messages div.form-field.settings fieldset label,
form.with-messages div.form-field.publish-time fieldset label {
    display: block;
    margin-top: 0;
    margin-bottom: 4px;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

form.with-messages div.form-field.wysiwyg textarea,
form.with-messages div.form-field.wysiwyg .ql-container .ql-editor,
.ql-container form.with-messages div.form-field.wysiwyg .ql-editor {
    border-radius: 0 0 6px 6px
}

form.with-messages div.form-field .message {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 8px 0;
    color: #9e9ea7
}

form.with-messages div.form-field div.friendly {
    margin: 15px 0 0;
    font-size: 1em
}

form.with-messages fieldset {
    margin: 0;
    padding: 0
}

.resizable-select .resizing-select {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.resizable-select .sizer-select {
    display: none
}

.ui-autocomplete.ui-menu {
    position: absolute;
    z-index: 9998;
    width: 172px;
    padding: 12px 16px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    color: #0d0c22
}

.ui-autocomplete.ui-menu a,
.ui-autocomplete.ui-menu a:active,
.ui-autocomplete.ui-menu a:visited,
.ui-autocomplete.ui-menu a:link,
.ui-autocomplete.ui-menu a:hover {
    color: #0d0c22
}

.ui-autocomplete.ui-menu:focus {
    outline: none
}

.ui-autocomplete.ui-menu a {
    display: block;
    padding: 7px 0;
    overflow: hidden;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.ui-autocomplete.ui-menu a img {
    width: 24px;
    height: 24px;
    margin: 0 6px 0 0;
    float: left;
    border-radius: 50%;
    opacity: 0.8
}

.ui-autocomplete.ui-menu li.title {
    margin-top: 2px;
    padding: 7px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.03em
}

.ui-autocomplete.ui-menu li.title:first-of-type {
    padding-top: 0;
    border-top: none
}

.ui-autocomplete.ui-menu li.place a img {
    width: 13px;
    height: auto;
    margin-right: 8px;
    margin-left: 3px
}

.ui-autocomplete.ui-menu li.more a {
    color: #ea4c89;
    font-size: 14px
}

.ui-autocomplete.ui-menu li.more a.ui-state-hover,
.ui-autocomplete.ui-menu li.more a.ui-state-focus,
.ui-autocomplete.ui-menu li.more a.ui-state-active,
.ui-autocomplete.ui-menu li.more a:hover {
    color: #bb3d6e
}

.ui-autocomplete.ui-menu li.shot a img {
    width: 63px;
    height: 48px;
    margin-right: 10px;
    border-radius: 6px
}

.ui-autocomplete.ui-menu li.shot span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-autocomplete.ui-menu li.shot span.title {
    font-weight: 500
}

.ui-autocomplete.ui-menu li.shot span.name {
    font-size: 14px
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-autocomplete.ui-menu li a:hover {
    background: #fff;
    color: #ea4c89
}

.ui-menu .ui-menu-item a.ui-state-hover img,
.ui-menu .ui-menu-item a.ui-state-focus img,
.ui-menu .ui-menu-item a.ui-state-active img,
.ui-autocomplete.ui-menu li a:hover img {
    opacity: 1
}

.ui-menu .ui-menu-item a.ui-state-hover strong,
.ui-menu .ui-menu-item a.ui-state-focus strong,
.ui-menu .ui-menu-item a.ui-state-active strong,
.ui-autocomplete.ui-menu li a:hover strong {
    color: #ea4c89
}

.ui-helper-hidden-accessible {
    display: none
}

span.counter {
    color: #9e9ea7;
    font-size: 12px;
    font-weight: bold
}

span.counter.warning {
    color: #ea4c89
}

span.counter.exceeded {
    padding: 1px 4px;
    border-radius: 3px;
    background: #ff5555;
    color: #fff
}

div.edit-form {
    width: 440px;
    margin-bottom: 25px;
    float: right
}

@media only screen and (max-width: 980px) {
    div.edit-form {
        width: auto;
        float: none;
        clear: left
    }
}

div#schedule-overlay .choose-date-and-time {
    display: none
}

div.copy div.echo-plan,
div.echo-plan {
    margin: 0 0 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #9e9ea7;
    font-size: 18px;
    font-weight: normal;
    text-align: center
}

div.copy div.echo-plan em,
div.echo-plan em {
    color: #0d0c22;
    font-style: normal;
    font-weight: 500
}

div.copy div.echo-plan span.sep,
div.echo-plan span.sep {
    margin: 0 4px;
    color: #dbdbde
}

div.copy div.echo-plan .pricing-info,
div.echo-plan .pricing-info {
    margin: 0 0 15px;
    color: #0d0c22;
    font-size: 15px;
    line-height: 1.5
}

div.copy div.echo-plan p,
div.echo-plan p {
    margin: 10px 0 0;
    color: #9e9ea7;
    font-size: 16px
}

div.copy div.echo-plan p.renewal-note,
div.copy div.echo-plan p.upgrade-note,
div.echo-plan p.renewal-note,
div.echo-plan p.upgrade-note {
    margin: 5px 0 0;
    color: #9e9ea7
}

body#upgrade div.copy div.echo-plan p.renewal-note strong,
body#upgrade div.copy div.echo-plan p.upgrade-note strong,
body#upgrade div.echo-plan p.renewal-note strong,
body#upgrade div.echo-plan p.upgrade-note strong {
    color: #6e6d7a;
    font-weight: 500
}

div.copy div.echo-plan p.upgrade-note,
div.echo-plan p.upgrade-note {
    font-size: 13px
}

div.copy div.echo-plan p.renewal-note,
div.echo-plan p.renewal-note {
    color: #6e6d7a
}

div.copy div.echo-plan p.subscription-actions,
div.copy div.echo-plan p.subscription-cancellation-actions,
div.echo-plan p.subscription-actions,
div.echo-plan p.subscription-cancellation-actions {
    margin: 25px 0 10px
}

div.copy div.echo-plan p.subscription-actions a.form-btn,
div.copy div.echo-plan p.subscription-cancellation-actions a.form-btn,
div.echo-plan p.subscription-actions a.form-btn,
div.echo-plan p.subscription-cancellation-actions a.form-btn {
    margin: 0 5px
}

div.copy div.echo-plan .team-plan-options,
div.echo-plan .team-plan-options {
    display: none;
    margin-top: 20px;
    padding-top: 25px;
    border-top: 1px solid #e0e0e0
}

div.copy div.echo-plan a,
div.echo-plan a {
    display: inline-block
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier,
div.echo-plan .hiring-tiers-grid .hiring-tier {
    padding: 10px
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier p,
div.echo-plan .hiring-tiers-grid .hiring-tier p {
    margin-bottom: 20px;
    font-size: 14px
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier a,
div.echo-plan .hiring-tiers-grid .hiring-tier a {
    display: block
}

div.copy div.echo-plan .hiring-tiers-grid .tier-features,
div.echo-plan .hiring-tiers-grid .tier-features {
    display: none
}

#meetup-message-overlay p,
.contact-overlay p,
div.for-hire-preview p {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4
}

#meetup-message-overlay p.response-text,
.contact-overlay p.response-text,
div.for-hire-preview p.response-text {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-subscribed-5a41769aa50ebf3ec46b63ffa21d6f27bdee227073300f5d7d31b63e7c978f91.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    #meetup-message-overlay p.response-text,
    .contact-overlay p.response-text,
    div.for-hire-preview p.response-text {
        background-image: url(/assets/icon-subscribed-2x-1091f78cba8b1ba48617cf1399b2b19f51fa8903ac53c50f8400ac26e1f5d134.png);
        background-size: 16px 16px
    }
}

#meetup-message-overlay .error,
.contact-overlay .error,
div.for-hire-preview .error {
    z-index: 999;
    margin: 0;
    padding: 10px;
    border-radius: 6px;
    background-color: #fff;
    color: #0d0c22;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em
}

#meetup-message-overlay .previous-messages p,
.contact-overlay .previous-messages p,
div.for-hire-preview .previous-messages p {
    font-size: 13px
}

#meetup-message-overlay div.prompt,
.contact-overlay div.prompt,
div.for-hire-preview div.prompt {
    position: relative;
    margin: 10px 0 20px;
    padding: 20px 20px 20px 65px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    font-size: 12px;
    text-align: left
}

#meetup-message-overlay div.prompt svg,
.contact-overlay div.prompt svg,
div.for-hire-preview div.prompt svg {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px
}

#meetup-message-overlay div.prompt svg path,
.contact-overlay div.prompt svg path,
div.for-hire-preview div.prompt svg path {
    fill: #77e0b5
}

#meetup-message-overlay div.prompt h2,
.contact-overlay div.prompt h2,
div.for-hire-preview div.prompt h2 {
    margin-bottom: 5px;
    color: #444;
    font-size: 15px;
    font-weight: 500
}

#meetup-message-overlay div.prompt p,
.contact-overlay div.prompt p,
div.for-hire-preview div.prompt p {
    color: #999;
    font-size: 13px;
    line-height: 1.5
}

#meetup-message-overlay div.prompt p:last-of-type,
.contact-overlay div.prompt p:last-of-type,
div.for-hire-preview div.prompt p:last-of-type {
    margin-bottom: 0
}

#meetup-message-overlay div.prompt a,
.contact-overlay div.prompt a,
div.for-hire-preview div.prompt a {
    font-weight: 500
}

#meetup-message-overlay div.prompt.for-self,
.contact-overlay div.prompt.for-self,
div.for-hire-preview div.prompt.for-self {
    margin-top: 0
}

#contact .form-field-topic {
    display: none
}

#contact_mutable_wrap fieldset {
    display: none;
    margin-top: 16px
}

#contact_mutable_wrap fieldset,
#contact_mutable_wrap .form-btns {
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear
}

#contact_mutable_wrap p.contact_mutable_intro {
    line-height: 1.4
}

@media only screen and (max-width: 959px) {
    #contact_mutable_wrap p.contact_mutable_intro {
        width: 94%;
        margin: 0;
        padding: 0
    }
}

a.schedule-shot {
    display: none
}

div.work-opportunities div.email-or-cta a.delete-account {
    display: none
}

form.dribbble-rsvp-true .rsvp-elsewhere-only {
    display: none
}

form.dribbble-rsvp-false .rsvp-dribbble-only {
    display: none
}

form fieldset.datepicker span {
    position: relative
}

form fieldset.datepicker input.date {
    width: 200px
}

form fieldset.datepicker input.time {
    width: 100px
}

.ql-container .ql-editor {
    height: auto !important;
    min-height: 168px;
    max-height: 504px
}

.ql-container .ql-editor h1,
.ql-container .ql-editor h2,
.ql-container .ql-editor h3,
.ql-container .ql-editor p,
.ql-container .ql-editor ul,
.ql-container .ql-editor ol {
    margin-bottom: 15px
}

.ql-container .ql-editor ol,
.ql-container .ql-editor ul {
    padding-left: 0
}

.ql-container .ql-editor ol li,
.ql-container .ql-editor ul li {
    margin: 0 0 10px 30px
}

.ql-container .ql-editor ol li ul,
.ql-container .ql-editor ol li ol,
.ql-container .ql-editor ul li ul,
.ql-container .ql-editor ul li ol {
    margin-top: 5px
}

.ql-container .ql-editor ol li:not(.ql-direction-rtl),
.ql-container .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 0
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::-webkit-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::-moz-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']:-ms-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::-ms-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::placeholder {
    visibility: hidden
}

.ql-toolbar.ql-snow {
    border-radius: 8px 8px 0 0;
    border-color: #e7e7e9
}

.ql-container.ql-snow {
    border-radius: 0 0 8px 8px;
    border-color: #e7e7e9
}

form.gen-form .ql-tooltip-editor input[type='text'],
.ql-tooltip-editor input[type='text'] {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#account-profile .dropdown-date-trigger,
#talent-candidate-applications .dropdown-date-trigger,
.talent-candidate-application-edit .dropdown-date-trigger {
    padding: 10px 25px 10px 8px;
    border: 1px solid #dbdbde;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(/assets/icon-dropdown-arrow-9d1d87d88a8135dd97afee188fbe243d8d2c89dca1a3b6a5e8936fe4c623f951.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer
}

#account-profile .dropdown-date-container.active .dropdown-date-content,
#talent-candidate-applications .dropdown-date-container.active .dropdown-date-content,
.talent-candidate-application-edit .dropdown-date-container.active .dropdown-date-content {
    display: block
}

#account-profile .dropdown-date-container.active .dropdown-date-trigger,
#talent-candidate-applications .dropdown-date-container.active .dropdown-date-trigger,
.talent-candidate-application-edit .dropdown-date-container.active .dropdown-date-trigger {
    border-bottom: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

#account-profile .dropdown-date-content,
#talent-candidate-applications .dropdown-date-content,
.talent-candidate-application-edit .dropdown-date-content {
    display: none;
    position: absolute;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border: 1px solid #dbdbde;
    border-radius: 0 0 4px 4px;
    background-color: #fff
}

#account-profile .form-btns input[type='submit']:disabled,
#talent-candidate-applications .form-btns input[type='submit']:disabled,
.talent-candidate-application-edit .form-btns input[type='submit']:disabled {
    cursor: not-allowed
}

#account-profile form.gen-form label,
#talent-candidate-applications form.gen-form label,
.talent-candidate-application-edit form.gen-form label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

#account-profile .radio-group label,
#talent-candidate-applications .radio-group label,
.talent-candidate-application-edit .radio-group label {
    margin: 8px 0;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 375px) {
    .hide-x-small {
        display: none
    }
}

.talent-prompt-overlay .container form,
.talent-prompt-overlay .container p:nth-child(1) {
    font-size: 18px;
    text-align: center
}

.talent-prompt-overlay .container form {
    margin-top: 20px
}

.talent-prompt-overlay .container p:nth-child(2) {
    margin-top: 20px;
    padding: 0 20px;
    color: #ff5555;
    font-size: 16px;
    text-align: center
}

a.talent-application-hero-link {
    color: #000;
    text-decoration: underline
}

a.talent-application-hero-link:hover,
a.talent-application-hero-link:focus {
    color: black
}

.form-btn.tiny.talent-btn-remove {
    position: relative
}

.form-btn.tiny.talent-btn-remove:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px
}

.form-btn.add-new-btn {
    color: #4f3cc9;
    font-size: 14px
}

.form-btn.add-new-btn:hover,
.form-btn.add-new-btn:focus {
    background: none;
    color: #7263d4
}

.form-btn.tiny.talent-btn-remove {
    padding-left: 24px;
    -webkit-box-shadow: 0px 0px 0px 1px #9e9ea7 inset;
    box-shadow: 0px 0px 0px 1px #9e9ea7 inset;
    color: #6e6d7a
}

.form-btn.tiny.talent-btn-remove:before {
    top: 15px;
    left: 8px;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #6e6d7a;
    -webkit-mask-image: url(/assets/icons/cancel-cc84be2b78f2ecc977d8873c1096e6490c1585951d0835d2fc1e3181a93b6514.svg);
    mask-image: url(/assets/icons/cancel-cc84be2b78f2ecc977d8873c1096e6490c1585951d0835d2fc1e3181a93b6514.svg);
    mask-image: url(/assets/icons/cancel-cc84be2b78f2ecc977d8873c1096e6490c1585951d0835d2fc1e3181a93b6514.svg)
}

.form-btn.tiny.talent-btn-remove:hover,
.form-btn.tiny.talent-btn-remove:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #3d3d44 inset;
    box-shadow: 0px 0px 0px 1px #3d3d44 inset;
    color: #3d3d44
}

.form-btn.tiny.talent-btn-remove:hover:before,
.form-btn.tiny.talent-btn-remove:focus:before {
    background-color: #3d3d44
}

@-webkit-keyframes moveLeftToRight {
    100% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@keyframes moveLeftToRight {
    100% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@-webkit-keyframes rollOut {
    100% {
        -webkit-transform: translateX(50px) rotate(180deg);
        transform: translateX(50px) rotate(180deg)
    }
}

@keyframes rollOut {
    100% {
        -webkit-transform: translateX(50px) rotate(180deg);
        transform: translateX(50px) rotate(180deg)
    }
}

@-webkit-keyframes moveRightToLeft {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes moveRightToLeft {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translateX(50px) rotate(100deg);
        transform: translateX(50px) rotate(100deg)
    }

    60% {
        -webkit-transform: translateX(-5px) rotate(-10deg);
        transform: translateX(-5px) rotate(-10deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: translateX(50px) rotate(100deg);
        transform: translateX(50px) rotate(100deg)
    }

    60% {
        -webkit-transform: translateX(-5px) rotate(-10deg);
        transform: translateX(-5px) rotate(-10deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

.site-nav-avatar {
    border-radius: 50%;
    vertical-align: middle
}

.site-nav-activity-menu {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-size: 13px
}

.site-nav-activity-menu .site-nav-activity-more {
    color: #0d0c22;
    font-weight: 500;
    text-align: center
}

.site-nav-activity {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    color: #6e6d7a
}

.site-nav-activity svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.site-nav-activity a {
    font-weight: 500
}

.site-nav-activity a:not(.form-sub):not(.form-btn):hover {
    color: #0d0c22
}

.site-nav-activity .site-nav-activity-content {
    margin-left: 8px
}

.site-nav-desktop-logo {
    display: block;
    margin-right: 16px
}

.site-nav-desktop-logo:hover {
    opacity: 0.6
}

.site-nav-inline-search {
    display: none;
    position: relative
}

@media (min-width: 1200px) {
    .site-nav-inline-search {
        display: block
    }
}

.site-nav-inline-search .site-nav-inline-search-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(11px, -50%);
    -ms-transform: translate(11px, -50%);
    transform: translate(11px, -50%)
}

.site-nav-inline-search .site-nav-inline-search-input {
    padding-left: 32px
}

@media (min-width: 1200px) {
    .site-nav-search-small-screen-only {
        display: none
    }
}

.site-nav-desktop-nav {
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.site-nav-desktop-nav .site-nav-desktop-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 6px;
    color: #6e6d7a;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media (min-width: 1200px) {
    .site-nav-desktop-nav .site-nav-desktop-item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.site-nav-desktop-nav .site-nav-desktop-item:hover a {
    color: #0d0c22
}

.site-nav-desktop-nav .site-nav-desktop-item a {
    -ms-flex-align: center;
    align-items: center;
    color: inherit
}

.site-nav-hover-item {
    position: relative
}

.site-nav-hover-item p {
    color: #3d3d4e
}

.site-nav-hover-item:hover {
    z-index: 1
}

@media (min-width: 920px) {
    .site-nav-hover-item:hover .site-nav-hover-menu {
        visibility: visible;
        -webkit-transition: visibility 200ms linear, opacity 150ms linear;
        transition: visibility 200ms linear, opacity 150ms linear;
        opacity: 1
    }
}

.site-nav-hover-item:hover:before {
    content: '';
    position: absolute;
    left: -50px;
    width: 60px;
    height: 60px;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%)
}

.site-nav-hover-item:hover:after {
    content: '';
    position: absolute;
    right: -50px;
    width: 60px;
    height: 60px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%)
}

.site-nav-hover-item .site-nav-hover-menu {
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 85%;
    left: -28px;
    border-radius: 12px;
    opacity: 0;
    -webkit-box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.15)
}

.site-nav-hover-item .site-nav-dropdown-list {
    width: 400px;
    padding: 16px 0;
    border-radius: 12px;
    background: #fff
}

.site-nav-hover-item .site-nav-dropdown-list.site-nav-dropdown-white-bg {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.site-nav-hover-item .site-nav-dropdown-list.site-nav-dropdown-grey-bg {
    width: 200px;
    padding: 24px 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #f8f8f8
}

.site-nav-hover-item .site-nav-dropdown-list.site-nav-dropdown-grey-bg a {
    color: #6e6d7a;
    font-weight: 400
}

.site-nav-hover-item .site-nav-dropdown-list.site-nav-dropdown-grey-bg a:hover {
    color: #0d0c22
}

.site-nav-hover-item .site-nav-dropdown-list .creative-market-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 72px
}

.site-nav-hover-item .site-nav-dropdown-item-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 75%
}

.site-nav-hover-item .site-nav-dropdown-arrow {
    margin-right: 8px;
    -webkit-transition: opacity 200ms ease-in, -webkit-transform 200ms ease-in;
    transition: opacity 200ms ease-in, -webkit-transform 200ms ease-in;
    transition: transform 200ms ease-in, opacity 200ms ease-in;
    transition: transform 200ms ease-in, opacity 200ms ease-in, -webkit-transform 200ms ease-in;
    opacity: 0
}

.site-nav-hover-item .site-nav-dropdown-icon-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: 16px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    border-radius: 6px;
    background: #f8f8f8
}

.site-nav-hover-item .site-nav-dropdown-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

.site-nav-hover-item .site-nav-dropdown-icon.small-icon {
    width: 14px;
    height: 14px
}

.site-nav-hover-item .site-nav-dropdown-item-padding {
    display: block;
    margin: 0 22px;
    padding: 15px 18px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    border-radius: 12px;
    background-color: #fff
}

.site-nav-hover-item .site-nav-dropdown-category-padding {
    display: block;
    padding: 9px 36px
}

.site-nav-hover-item .site-nav-dropdown-end-item {
    margin-top: 16px;
    border-top: 2px solid #f3f3f4
}

.site-nav-hover-item .site-nav-dropdown-end-item .site-nav-dropdown-item-padding {
    padding-bottom: 5px
}

.site-nav-hover-item .site-nav-animation-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%
}

.site-nav-hover-item .site-nav-animation-container .site-nav-animation-avatar,
.site-nav-hover-item .site-nav-animation-container .site-nav-animation-arrow {
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.site-nav-hover-item .site-nav-animation-container .site-nav-animation-arrow {
    -webkit-animation: moveRightToLeft 250ms ease-out forwards;
    animation: moveRightToLeft 250ms ease-out forwards;
    color: #ea4c89;
    will-change: transform
}

.site-nav-hover-item .site-nav-animation-container .site-nav-animation-avatar {
    -webkit-animation: rollIn 200ms linear forwards;
    animation: rollIn 200ms linear forwards;
    will-change: transform
}

.site-nav-hover-item .site-nav-dropdown-item.purple .site-nav-dropdown-icon,
.site-nav-hover-item .site-nav-dropdown-item.purple .site-nav-dropdown-arrow {
    color: #724e91
}

.site-nav-hover-item .site-nav-dropdown-item.red .site-nav-dropdown-icon,
.site-nav-hover-item .site-nav-dropdown-item.red .site-nav-dropdown-arrow {
    color: #e54f6d
}

.site-nav-hover-item .site-nav-dropdown-item.green .site-nav-dropdown-icon,
.site-nav-hover-item .site-nav-dropdown-item.green .site-nav-dropdown-arrow {
    color: #74c4ba
}

.site-nav-hover-item .site-nav-dropdown-item.yellow .site-nav-dropdown-icon,
.site-nav-hover-item .site-nav-dropdown-item.yellow .site-nav-dropdown-arrow {
    color: #f8c630
}

.site-nav-hover-item .site-nav-dropdown-item:hover .site-nav-dropdown-arrow {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 1
}

.site-nav-hover-item .site-nav-dropdown-item:hover .site-nav-animation-avatar {
    -webkit-animation: rollOut 250ms linear forwards;
    animation: rollOut 250ms linear forwards
}

.site-nav-hover-item .site-nav-dropdown-item:hover .site-nav-animation-arrow {
    -webkit-animation: moveLeftToRight 200ms linear forwards;
    animation: moveLeftToRight 200ms linear forwards
}

.site-nav-hover-item .site-nav-dropdown-item:hover.purple .site-nav-dropdown-icon-container {
    background: rgba(114, 78, 145, 0.1)
}

.site-nav-hover-item .site-nav-dropdown-item:hover.red .site-nav-dropdown-icon-container {
    background: rgba(229, 79, 109, 0.1)
}

.site-nav-hover-item .site-nav-dropdown-item:hover.green .site-nav-dropdown-icon-container {
    background: rgba(116, 196, 186, 0.1)
}

.site-nav-hover-item .site-nav-dropdown-item:hover.yellow .site-nav-dropdown-icon-container {
    background: rgba(248, 198, 48, 0.1)
}

.site-nav-hover-item .site-nav-dropdown-item-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #0d0c22;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.site-nav-hover-item .site-nav-dropdown-item-desc {
    margin-top: 4px;
    color: #6e6d7a;
    font-size: 13px;
    word-break: break-word;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.site-nav-mobile-menu {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: calc(100vh - 60px);
    padding: 23px;
    overflow: scroll;
    background: #fff;
    -webkit-box-shadow: 0px 20px 35px rgba(13, 12, 34, 0.05);
    box-shadow: 0px 20px 35px rgba(13, 12, 34, 0.05)
}

@media (max-width: 499px) {
    .site-nav-mobile-menu {
        padding: 23px 23px 120px
    }
}

@media (min-width: 920px) {
    .site-nav-mobile-menu {
        display: none !important
    }
}

.site-nav-mobile-menu .site-nav-mobile-menu-search {
    position: relative;
    margin-bottom: 12px
}

.site-nav-mobile-menu .site-nav-mobile-search-input {
    padding-right: 32px;
    padding-left: 32px
}

.site-nav-mobile-menu .site-nav-mobile-search-icon {
    position: absolute;
    top: 52%;
    -webkit-transform: translate(12px, -50%);
    -ms-transform: translate(12px, -50%);
    transform: translate(12px, -50%)
}

.site-nav-mobile-menu .site-nav-mobile-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #6e6d7a;
    font-size: 18px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-nav-mobile-menu .site-nav-mobile-dropdown-list li {
    display: inline-block;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-nav-mobile-menu .site-nav-mobile-dropdown-list li a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px
}

.site-nav-mobile-menu .site-nav-mobile-dropdown-list-container {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 32px;
    border-left: 1px solid #e7e7e9;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.site-nav-mobile-menu .site-nav-mobile-avatar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.site-nav-mobile-menu .site-nav-mobile-avatar img {
    margin-right: 16px;
    border-radius: 50%
}

.site-nav-mobile-menu .site-nav-mobile-user-menu li {
    display: inline-block;
    width: 100%;
    margin-top: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-nav-mobile-menu .site-nav-mobile-user-menu .site-nav-mobile-application-cta {
    margin-top: 0
}

.site-nav-mobile-menu .site-nav-mobile-user-menu-columns {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media (min-width: 500px) {
    .site-nav-mobile-menu .site-nav-mobile-user-menu-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.site-nav-mobile-menu .site-nav-mobile-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.site-nav-mobile-menu .site-nav-mobile-dropdown label {
    display: block;
    position: relative;
    margin-bottom: 0;
    cursor: pointer
}

.site-nav-mobile-menu .site-nav-mobile-dropdown label:after {
    content: '';
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    background-color: #6e6d7a;
    -webkit-mask-image: url(/assets/icons/caret-down-0720176f08f16b736c0687a634519f477133660d21d064e1689a3e12a153fb81.svg);
    mask-image: url(/assets/icons/caret-down-0720176f08f16b736c0687a634519f477133660d21d064e1689a3e12a153fb81.svg)
}

.site-nav-mobile-menu .site-nav-mobile-dropdown input:checked+label:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.site-nav-mobile-menu .site-nav-mobile-dropdown .site-nav-mobile-dropdown-list {
    position: relative;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 200ms cubic-bezier(0, 1, 0, 1);
    transition: max-height 200ms cubic-bezier(0, 1, 0, 1);
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.site-nav-mobile-menu .site-nav-mobile-dropdown input[name='dropdown'] {
    display: none
}

.site-nav-mobile-menu .site-nav-mobile-dropdown input[name='dropdown']:checked~.site-nav-mobile-dropdown-list {
    max-height: 600px;
    -webkit-transition: max-height 200ms cubic-bezier(1, 0, 1, 0);
    transition: max-height 200ms cubic-bezier(1, 0, 1, 0)
}

.collab-actions {
    display: none;
    margin-top: 8px
}

.collab-actions>* {
    padding: 6px 12px
}

.collab-actions>:first-child {
    margin-right: 4px
}

[data-collab-status='pending'] .collab-actions {
    display: block
}

.collab-status {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    color: #4bb7bf
}

.collab-status svg {
    margin: 2px 8px 0 0;
    color: currentColor
}

[data-collab-status='approved'] .collab-status.approved,
[data-collab-status='rejected'] .collab-status.rejected {
    display: -ms-flexbox;
    display: flex
}

.collab-status.rejected {
    margin-left: -3px;
    color: #ff5555
}

.collab-status.rejected svg {
    margin-right: 4px;
    color: currentColor
}

@media (max-width: 919px) {
    .nav-open-noscroll {
        position: absolute;
        height: 100vh;
        overflow: hidden
    }
}

body {
    padding-top: 60px
}

@media (min-width: 920px) {
    body {
        padding-top: 0
    }
}

@media (max-width: 919px) {
    body.scroll {
        padding-top: 0
    }
}

.site-nav {
    position: fixed;
    z-index: 9996;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: inset 0px -1px 0px #f3f3f4;
    box-shadow: inset 0px -1px 0px #f3f3f4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform
}

@media (min-width: 920px) {
    .site-nav {
        position: relative
    }
}

.site-nav * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.site-nav a {
    color: #6e6d7a
}

.site-nav svg {
    color: #9e9ea7;
    vertical-align: middle
}

.site-nav hr {
    display: block;
    height: 1px;
    border: 0;
    background: #e7e7e9
}

.site-nav .site-nav-mobile-only {
    display: inherit !important
}

@media (min-width: 920px) {
    .site-nav .site-nav-mobile-only {
        display: none !important
    }
}

.site-nav .site-nav-desktop-only {
    display: none !important
}

@media (min-width: 920px) {
    .site-nav .site-nav-desktop-only {
        display: inherit !important
    }
}

.site-nav .site-nav-medium-screens-only {
    display: none
}

@media (min-width: 1200px) {
    .site-nav .site-nav-medium-screens-only {
        display: inherit
    }
}

.site-nav .site-nav-bold-text {
    color: #0d0c22;
    font-weight: 500
}

.site-nav .site-nav-actions-icon-link {
    position: relative
}

.site-nav .site-nav-new-indicator {
    position: absolute;
    top: 2px;
    right: -6px;
    width: 10px;
    height: 10px;
    -webkit-transition: opacity 100ms ease;
    transition: opacity 100ms ease;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #ea4c89;
    text-indent: -9999px
}

.site-nav .site-nav-new-indicator.top-corner {
    top: -2px
}

.site-nav .site-nav-new-indicator.site-nav-new-indicator-hidden {
    opacity: 0
}

.site-nav .site-nav-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 24px;
    margin-left: 24px
}

.site-nav .site-nav-container .site-nav-mobile-menu-close {
    display: none;
    margin-left: -3px
}

.site-nav .site-nav-container .site-nav-mobile-menu-toggle {
    cursor: pointer
}

.site-nav .site-nav-mobile-logo {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    margin: auto
}

.site-nav .site-nav-actions {
    display: -ms-flexbox;
    display: flex
}

.site-nav .site-nav-actions .site-nav-actions-item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px
}

.site-nav .site-nav-actions .site-nav-actions-item:last-child {
    margin-right: 0
}

.site-nav .site-nav-actions .site-nav-actions-item:first-child {
    margin-left: 0
}

@media (min-width: 920px) {
    .site-nav .site-nav-actions .site-nav-actions-item:hover .site-nav-action-menu {
        visibility: visible;
        opacity: 1
    }
}

.site-nav .site-nav-actions .site-nav-actions-item.switch-to-annual {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer
}

.site-nav .site-nav-actions .site-nav-actions-item.switch-to-annual:hover {
    color: #ea4c89
}

.site-nav .site-nav-actions .site-nav-actions-item.less-margin {
    margin-right: 6px;
    margin-left: 6px
}

.site-nav .site-nav-actions .site-nav-actions-item.show-desktop-only {
    display: none
}

@media (min-width: 1200px) {
    .site-nav .site-nav-actions .site-nav-actions-item.show-desktop-only {
        display: -ms-flexbox;
        display: flex
    }
}

.site-nav .site-nav-actions .site-nav-actions-item.show-medium-only {
    display: none
}

@media (min-width: 920px) {
    .site-nav .site-nav-actions .site-nav-actions-item.show-medium-only {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1200px) {
    .site-nav .site-nav-actions .site-nav-actions-item.show-medium-only {
        display: none
    }
}

.site-nav .site-nav-actions .btn-link {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media (max-width: 499px) {
    .site-nav .site-nav-actions .btn-link {
        display: none
    }
}

@media (max-width: 919px) {
    .site-nav .site-nav-actions .site-nav-actions-activity-item {
        margin-right: 0
    }
}

.site-nav .site-nav-action-menu {
    visibility: hidden;
    position: absolute;
    z-index: 1000;
    top: 90%;
    width: 245px;
    padding: 32px;
    border-radius: 8px;
    opacity: 0;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1)
}

.site-nav .site-nav-action-menu:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.site-nav .site-nav-first-upload:before,
.site-nav .site-nav-scheduled:before {
    left: 85%
}

.site-nav .site-nav-first-upload {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.site-nav .site-nav-first-upload p {
    color: #6e6d7a
}

.site-nav .site-nav-scheduled,
.site-nav .site-nav-messages-menu {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.site-nav .site-nav-scheduled a,
.site-nav .site-nav-messages-menu a {
    color: #6e6d7a
}

.site-nav .site-nav-designer-application {
    padding: 24px 16px 20px;
    border: 1px solid #e7e7e9;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04);
    text-align: center
}

@media (min-width: 920px) {
    .site-nav .site-nav-designer-application {
        margin: 8px 20px
    }
}

.site-nav .site-nav-designer-application p {
    color: #3d3d4e
}

.site-nav .site-nav-resume-btn-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px
}

.site-nav .site-nav-resume-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
}

.site-nav .site-nav-user-menu {
    width: 270px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.site-nav .site-nav-user-menu hr {
    margin-right: 32px;
    margin-left: 32px
}

.site-nav .site-nav-use-as {
    padding: 8px 32px
}

.site-nav .site-nav-switch-user img {
    border-radius: 50%;
    vertical-align: middle
}

.site-nav .site-nav-menu-pro {
    position: relative
}

.site-nav .site-nav-menu-pro:hover .site-nav-menu-pro-features {
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    opacity: 1;
    pointer-events: auto
}

.site-nav .site-nav-menu-pro:hover .site-nav-menu-pro-caret {
    display: none
}

.site-nav .site-nav-menu-pro .star {
    fill: #ea4c89
}

.site-nav .site-nav-menu-pro-features {
    position: absolute;
    top: 50%;
    width: 200px;
    padding: 20px 0;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: -39px 0 30px 30px rgba(13, 12, 34, 0.04);
    box-shadow: -39px 0 30px 30px rgba(13, 12, 34, 0.04);
    pointer-events: none
}

.site-nav .site-nav-menu-pro-features .pro-features-title {
    color: #ea4c89;
    font-weight: 500
}

.site-nav .site-nav-menu-pro-features .pro-features-title:hover {
    color: #bb3d6e
}

.site-nav .site-nav-menu-pro-trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.site-nav .site-nav-messages-menu,
.site-nav .site-nav-user-menu {
    padding: 32px 0
}

.site-nav .site-nav-messages-menu .site-nav-user-item,
.site-nav .site-nav-user-menu .site-nav-user-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.site-nav .site-nav-messages-menu .site-nav-user-item .site-nav-user-item-content,
.site-nav .site-nav-messages-menu .site-nav-user-item a,
.site-nav .site-nav-user-menu .site-nav-user-item .site-nav-user-item-content,
.site-nav .site-nav-user-menu .site-nav-user-item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 8px 32px
}

.site-nav .site-nav-messages-menu .site-nav-user-item .site-nav-user-item-content:not(.site-nav-no-hover):hover,
.site-nav .site-nav-messages-menu .site-nav-user-item .site-nav-user-item-content:not(.site-nav-no-hover):active,
.site-nav .site-nav-messages-menu .site-nav-user-item a:not(.site-nav-no-hover):hover,
.site-nav .site-nav-messages-menu .site-nav-user-item a:not(.site-nav-no-hover):active,
.site-nav .site-nav-user-menu .site-nav-user-item .site-nav-user-item-content:not(.site-nav-no-hover):hover,
.site-nav .site-nav-user-menu .site-nav-user-item .site-nav-user-item-content:not(.site-nav-no-hover):active,
.site-nav .site-nav-user-menu .site-nav-user-item a:not(.site-nav-no-hover):hover,
.site-nav .site-nav-user-menu .site-nav-user-item a:not(.site-nav-no-hover):active {
    background-color: rgba(13, 12, 34, 0.03);
    color: #0d0c22;
    cursor: pointer
}

.site-nav .site-nav-user-menu .new-flag,
.site-nav .site-nav-mobile-menu .new-flag {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 164px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 70px;
    background: rgba(234, 76, 137, 0.1);
    color: #ea4c89;
    text-transform: uppercase;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

@media (min-width: 920px) {

    .site-nav .site-nav-user-menu .new-flag,
    .site-nav .site-nav-mobile-menu .new-flag {
        bottom: unset;
        left: 176px
    }
}

.site-nav .site-nav-messages-menu {
    padding: 24px 0
}

.site-nav .site-nav-scheduled,
.site-nav .site-nav-activity-menu {
    width: 284px
}

.site-nav .site-nav-scheduled-shot {
    width: 72px;
    margin-right: 16px;
    border-radius: 8px;
    vertical-align: middle
}

.site-nav .site-nav-scheduled-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 16px
}

.site-nav .site-nav-scheduled-item a:hover {
    color: #0d0c22
}

.site-nav .site-nav-scheduled-timestamp {
    margin-top: 4px;
    color: #6e6d7a;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.site-nav .site-nav-availability-icon-sub {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 55%;
    right: -6px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%
}

.site-nav .site-nav-availability-icon-sub svg {
    color: #fff
}

.site-nav .site-nav-availability-on {
    background: #77e0b5
}

.site-nav .site-nav-availability-off {
    background: #6e6d7a
}

.site-nav .work-availability-widget {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.site-nav .work-availability-dropdown {
    width: 324px
}

@media (min-width: 920px) {
    .site-nav .work-availability-dropdown {
        top: calc(80px - 10px)
    }
}

.site-nav .work-availability-dropdown .separator {
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    margin: 28px 0 18px;
    border: none;
    background: #e7e7e9
}

:root {
    --btn-bg-color: #0d0c22;
    --btn-bg-color-hover: #565564;
    --btn-text-color: #fff
}

.btn2 {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn2,
a.btn2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--btn-width, -webkit-min-content);
    width: var(--btn-width, -moz-min-content);
    width: var(--btn-width, min-content);
    height: var(--btn-height, 60px);
    padding: 0 var(--btn-padding, 16px);
    overflow: hidden;
    -webkit-transition: 0.2s cubic-bezier(0.32, 0, 0.59, 0.03);
    transition: 0.2s cubic-bezier(0.32, 0, 0.59, 0.03);
    border: var(--btn-border-width, 0) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius, 8px);
    background-color: var(--btn-bg-color);
    color: var(--btn-text-color);
    font-family: inherit;
    font-size: var(--btn-font-size, 16px);
    font-weight: var(--btn-font-weight, 500);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer
}

.btn2 svg,
a.btn2 svg {
    -webkit-transition: inherit;
    transition: inherit;
    color: var(--btn-text-color)
}

.btn2[disabled],
a.btn2[disabled] {
    opacity: 0.6;
    cursor: not-allowed
}

@media (hover: hover) {

    .btn2:hover:not([disabled]),
    .btn2:focus-visible:not([disabled]),
    a.btn2:hover:not([disabled]),
    a.btn2:focus-visible:not([disabled]) {
        border-color: var(--btn-border-color-hover, var(--btn-border-color));
        background-color: var(--btn-bg-color-hover, var(--btn-bg-color));
        color: var(--btn-text-color-hover, var(--btn-text-color))
    }

    .btn2:hover:not([disabled]) svg,
    .btn2:focus-visible:not([disabled]) svg,
    a.btn2:hover:not([disabled]) svg,
    a.btn2:focus-visible:not([disabled]) svg {
        color: var(--btn-text-color-hover, var(--btn-text-color))
    }
}

.btn2--gray,
a.btn2--gray {
    --btn-bg-color: #f3f3f4;
    --btn-bg-color-hover: #e7e7e9;
    --btn-text-color: #0d0c22
}

.btn2--white,
a.btn2--white {
    --btn-bg-color: #fff;
    --btn-bg-color-hover: #f3f3f4;
    --btn-text-color: #0d0c22
}

.btn2--medium,
a.btn2--medium {
    --btn-height: 44px;
    --btn-font-size: 14px;
    --btn-padding: 16px
}

.btn2--full-width,
a.btn2--full-width {
    --btn-width: 100%
}

.btn2--outlined,
a.btn2--outlined {
    --btn-border-width: 2px;
    --btn-border-color: var(--btn-text-color)
}

.btn2--circle,
a.btn2--circle {
    --btn-width: var(--btn-height);
    --btn-padding: 0;
    --btn-border-radius: 50%
}

.btn2--hover-outlined,
a.btn2--hover-outlined {
    --btn-border-width: 2px;
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-text-color);
    --btn-bg-color-hover: var(--btn-bg-color)
}

:root {
    --announcements-bg-color: #fff;
    --announcements-text-color: #0d0c22;
    --announcements-gutter: 12px
}

.announcements {
    display: grid;
    position: fixed;
    z-index: 9995;
    bottom: var(--announcements-gutter);
    left: var(--announcements-gutter);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    grid-template-columns: 1fr 32px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - (var(--announcements-gutter) * 2));
    max-width: 640px;
    padding: 16px 20px;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
    transition: cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
    border: 2px solid #e7e7e9;
    border-radius: 24px;
    opacity: 0;
    background: var(--announcements-bg-color);
    -webkit-box-shadow: 0px -6px 40px rgba(0, 0, 0, 0.06);
    box-shadow: 0px -6px 40px rgba(0, 0, 0, 0.06);
    pointer-events: none;
    gap: 14px
}

.announcements--visible {
    visibility: visible !important;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1 !important;
    pointer-events: all
}

@media (min-width: 768px) {
    .announcements {
        --announcements-gutter: 24px;
        padding: 24px
    }
}

.announcements__content {
    width: 100%;
    max-width: 514px;
    color: var(--announcements-text-color);
    font-family: "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px
}

@media (min-width: 768px) {
    .announcements__content {
        font-size: 16px;
        line-height: 28px
    }
}

.announcements__content strong {
    font-weight: 800
}

.announcements__content a:link,
.announcements__content a:visited {
    color: inherit;
    text-decoration: underline
}

.announcements__close-btn {
    --btn-height: 32px;
    --btn-text-color: #6e6d7a
}

.announcements__close-btn svg {
    width: 16px;
    height: auto
}

.announcement {
    -webkit-transition: 0.3s cubic-bezier(0.32, 0, 0.59, 0.03);
    transition: 0.3s cubic-bezier(0.32, 0, 0.59, 0.03)
}

.announcement--hidden {
    display: none
}

.announcement--fade-out {
    opacity: 0
}

:root {
    --nav-v2-height: 100px;
    --nav-v2-font-size: 14px;
    --nav-v2-font-weight: 500
}

@media (min-width: 950px) {
    .nav-v2-hide-medium-up {
        display: none !important
    }
}

body.nav-v2-lock-scroll {
    overflow-x: hidden;
    overflow-y: hidden
}

.nav-v2-dynamic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: 0.4s opacity ease-in-out;
    transition: 0.4s opacity ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    font-family: "Haas Grot Text R 65 Medium", "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: var(--nav-v2-font-size);
    font-weight: var(--nav-v2-font-weight);
    white-space: nowrap
}

.nav-v2-dynamic--loaded {
    visibility: visible !important;
    opacity: 1 !important
}

@media (min-width: 950px) {
    .nav-v2-dynamic {
        --nav-v2-dynamic-menu-gap: 24px
    }
}

.nav-v2-dynamic a:not(.btn2),
.nav-v2-dynamic a:visited:not(.btn2),
.nav-v2-dynamic a:active:not(.btn2) {
    color: var(--link-color, #0d0c22);
    text-decoration: none
}

.nav-v2-dynamic a:hover {
    --link-color: #565564
}

.nav-v2-dynamic .nav-v2-stats__view-all--pink {
    --link-color: #ea4c89
}

.nav-v2-dynamic__logged-out,
.nav-v2-dynamic__logged-in {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.nav-v2-dynamic__logged-out>*:not(:first-child):not(.nav-v2-search-btn),
.nav-v2-dynamic__logged-in>*:not(:first-child):not(.nav-v2-search-btn) {
    margin-left: var(--nav-v2-dynamic-menu-gap, 20px)
}

.nav-v2-dynamic__login {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

@media (min-width: 950px) {
    .nav-v2-dynamic__login {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1400px) {
    .nav-v2-dynamic__login:after {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        margin-left: 22px;
        border-radius: 50%;
        background-color: #0d0c22
    }
}

@media (min-width: 1400px) {
    .nav-v2-dynamic__signup {
        --btn-bg-color: #f3f3f4;
        --btn-bg-color-hover: #e7e7e9;
        --btn-text-color: #0d0c22
    }

    .nav-v2-theme-cream .nav-v2-dynamic__signup {
        --btn-bg-color: #fff;
        --btn-bg-color-hover: #f3f3f4
    }
}

.nav-v2-dynamic__hire {
    --nav-v2-dynamic-menu-gap: 16px;
    display: none
}

@media (min-width: 1400px) {
    .nav-v2-dynamic__hire {
        display: -ms-flexbox;
        display: flex
    }
}

.nav-v2-dynamic__share-work {
    display: none
}

@media (min-width: 1200px) {
    .nav-v2-dynamic__share-work {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.nav-v2-avatar {
    --avatar-size: 30px;
    position: relative;
    width: var(--avatar-size);
    height: var(--avatar-size)
}

@media (min-width: 950px) {
    .nav-v2-avatar {
        --avatar-size: 32px
    }
}

.nav-v2-avatar__image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #f3f3f4
}

.nav-v2-avatar--unread:after {
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #ea4c89;
    pointer-events: none
}

.nav-v2-avatar--has-pro {
    width: 86px;
    height: 42px
}

.nav-v2-avatar--has-pro>a {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    min-width: 30px;
    height: 30px;
    height: 100%;
    padding: 6px 6px 6px 16px;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    border: 1.5px solid #dbdbde;
    border-radius: 53px;
    background-color: #fff
}

.nav-v2-avatar--has-pro>a svg {
    min-width: 28px;
    height: 11px;
    color: #0d0c22
}

.nav-v2-avatar--has-pro.nav-v2-avatar--unread:after {
    top: 3px;
    right: 0
}

.nav-v2-profile {
    --profile-gutter: 32px;
    --profile-item-gap: 24px;
    visibility: hidden;
    position: fixed;
    top: var(--nav-v2-height);
    right: 0;
    width: 100%;
    -webkit-transform: translateX(0px) translateY(0);
    -ms-transform: translateX(0px) translateY(0);
    transform: translateX(0px) translateY(0);
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    opacity: 0;
    font-family: "Haas Grot Text R 55 Roman", "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400
}

.nav-v2-profile:before {
    content: '';
    position: fixed;
    z-index: 9995;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5)
}

@media (min-width: 950px) {
    .nav-v2-profile {
        position: absolute;
        top: 100%;
        width: 320px;
        padding-top: 27px;
        -webkit-transform: translateX(0) translateY(-10px);
        -ms-transform: translateX(0) translateY(-10px);
        transform: translateX(0) translateY(-10px);
        -webkit-transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;
        transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;
        transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;
        transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s
    }

    .nav-v2-profile:before {
        display: none
    }

    :hover>.nav-v2-profile,
    .nav-v2-profile:hover,
    :focus-visible+.nav-v2-profile,
    .nav-v2-profile:focus-within {
        visibility: visible;
        -webkit-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        -webkit-transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;
        transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;
        transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;
        transition: opacity 0.3s ease-in-out 0.15s, visibility 0.3s ease-in-out 0.15s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;
        opacity: 1
    }
}

@media (prefers-reduced-motion) {
    .nav-v2-profile {
        -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out
    }
}

.nav-v2-profile--open {
    visibility: visible;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1
}

.nav-v2-profile--open .nav-v2-profile__wrapper {
    -webkit-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border-color: #e7e7e9
}

.nav-v2-profile__wrapper {
    position: relative;
    z-index: 9995;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - var(--nav-v2-height) - 60px);
    max-height: calc(100dvh - var(--nav-v2-height));
    padding: var(--profile-gutter);
    overflow-y: scroll;
    -webkit-transition: border-color 0.1s ease-in-out;
    transition: border-color 0.1s ease-in-out;
    border-top: 1px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 0px 159px 95px rgba(13, 12, 34, 0.01), 0px 71px 71px rgba(13, 12, 34, 0.02), 0px 18px 39px rgba(13, 12, 34, 0.02), 0px 0px 0px rgba(13, 12, 34, 0.02);
    box-shadow: 0px 159px 95px rgba(13, 12, 34, 0.01), 0px 71px 71px rgba(13, 12, 34, 0.02), 0px 18px 39px rgba(13, 12, 34, 0.02), 0px 0px 0px rgba(13, 12, 34, 0.02);
    text-align: center;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 950px) {
    .nav-v2-profile__wrapper {
        max-height: initial;
        overflow-y: initial;
        border: 1px solid #f3f3f4;
        border-radius: 16px
    }
}

.nav-v2-profile__share-work {
    margin: 0 auto 20px
}

@media (min-width: 1200px) {
    .nav-v2-profile__share-work {
        display: none
    }
}

.nav-v2-profile__menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: calc(32px - var(--profile-item-gap) / 2) 0 0;
    padding: 0;
    font-size: 15px;
    line-height: 1;
    list-style: none;
    text-align: left
}

.nav-v2-profile__item {
    width: 100%
}

.nav-v2-profile__item>a,
.nav-v2-profile__item button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding: calc(var(--profile-item-gap) / 2) 0;
    color: #0d0c22
}

.nav-v2-profile__item button {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer
}

.nav-v2-profile__item button:hover {
    color: #565564
}

.nav-v2-profile__item:last-child>a,
.nav-v2-profile__item:last-child button {
    padding-bottom: 0
}

.nav-v2-profile__item--divided {
    margin-top: calc(var(--profile-item-gap) / 2);
    border-top: 1px solid #e7e7e9
}

.nav-v2-profile__item--divided>a,
.nav-v2-profile__item--divided button {
    padding-top: var(--profile-item-gap)
}

.nav-v2-profile__item--unread>a:after,
.nav-v2-profile__item--unread button:after {
    content: '';
    position: absolute;
    top: 12px;
    right: -9px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ea4c89;
    pointer-events: none
}

.nav-v2-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.nav-v2-user__image {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.nav-v2-user__name {
    margin-top: 16px;
    font-family: "Haas Grot Text R 65 Medium", "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    white-space: normal
}

.nav-v2-stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 330px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    background-color: #f8f7f4;
    color: #0d0c22;
    font-family: "Haas Grot Text R 55 Roman", "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: left
}

.nav-v2-stats__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeef0
}

.nav-v2-stats__title {
    font-family: "Haas Grot Text R 65 Medium", "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500
}

.nav-v2-stats__timeframe {
    color: #6e6d7a
}

.nav-v2-stats__list {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-v2-stats__go-pro {
    display: none;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%)
}

.nav-v2-stats__view-all {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 18px;
    font-size: 12px;
    white-space: nowrap
}

.nav-v2-stats__count {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    margin-left: 5px;
    padding: 5px 4px;
    border-radius: 9999999px;
    background-color: #0d0c22;
    color: #fff;
    font-family: "IBM Plex Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 10px;
    font-weight: 500;
    line-height: 0.97
}

.nav-v2-stats__count--pink {
    background-color: #ea4c89
}

.nav-v2-graph {
    position: relative;
    width: 100%
}

.nav-v2-graph__svg {
    width: 100%;
    height: auto;
    fill: transparent
}

.nav-v2-graph__go-pro {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%)
}

.nav-v2-graph__go-pro,
.nav-v2-stats:hover .nav-v2-graph__go-pro {
    visibility: visible;
    opacity: 1
}

@media (hover: hover) {
    .nav-v2-graph__go-pro {
        visibility: hidden;
        opacity: 0
    }
}

.nav-v2-graph__container {
    position: relative;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in
}

.nav-v2-graph__container,
.nav-v2-stats:hover .nav-v2-graph__container {
    -webkit-filter: blur(6.5px);
    filter: blur(6.5px)
}

@media (hover: hover) {
    .nav-v2-graph__container {
        -webkit-filter: none;
        filter: none
    }
}

.nav-v2-graph__circle {
    position: absolute;
    top: calc(65% - 8px);
    left: calc(14% - 8px);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 3px solid #ed7fdf;
    border-radius: 50%;
    background: #f8f7f4
}

.nav-v2-graph__circle:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    -webkit-animation: graph-pulse 2s infinite;
    animation: graph-pulse 2s infinite;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #ed7fdf;
    box-shadow: 0 0 0 0 #ed7fdf
}

.nav-v2-stat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.nav-v2-stat__value {
    margin-bottom: 8px;
    font-family: "Haas Grot Text R 75 Bold", "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600
}

.nav-v2-stat__label {
    color: #6e6d7a
}

.nav-v2-sessions {
    --avatar-size: 30px;
    --avatar-gap: 4px;
    --avatar-border-size: 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    z-index: 2;
    top: calc(var(--profile-gutter) - var(--avatar-border-size));
    right: calc(var(--profile-gutter) - var(--avatar-border-size));
    -ms-flex-direction: column;
    flex-direction: column
}

.nav-v2-sessions__image {
    width: 100%;
    height: auto
}

.nav-v2-sessions__item,
.nav-v2-sessions__item:visited {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--avatar-size);
    height: var(--avatar-size);
    margin-bottom: var(--avatar-gap);
    overflow: hidden;
    -webkit-transform: translateY(var(--session-item-translate-y));
    -ms-transform: translateY(var(--session-item-translate-y));
    transform: translateY(var(--session-item-translate-y));
    -webkit-transition: 0.4s -webkit-transform cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transition: 0.4s -webkit-transform cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transition: 0.4s transform cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transition: 0.4s transform cubic-bezier(0.34, 1.56, 0.64, 1), 0.4s -webkit-transform cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    border: var(--avatar-border-size) solid #fff;
    border-radius: 50%
}

@media (min-width: 950px) {

    .nav-v2-sessions__item:nth-child(2),
    .nav-v2-sessions__item:visited:nth-child(2) {
        --session-item-translate-y: calc(1 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(3),
    .nav-v2-sessions__item:visited:nth-child(3) {
        --session-item-translate-y: calc(2 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(4),
    .nav-v2-sessions__item:visited:nth-child(4) {
        --session-item-translate-y: calc(3 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(5),
    .nav-v2-sessions__item:visited:nth-child(5) {
        --session-item-translate-y: calc(4 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(6),
    .nav-v2-sessions__item:visited:nth-child(6) {
        --session-item-translate-y: calc(5 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(7),
    .nav-v2-sessions__item:visited:nth-child(7) {
        --session-item-translate-y: calc(6 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(8),
    .nav-v2-sessions__item:visited:nth-child(8) {
        --session-item-translate-y: calc(7 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(9),
    .nav-v2-sessions__item:visited:nth-child(9) {
        --session-item-translate-y: calc(8 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    .nav-v2-sessions__item:nth-child(10),
    .nav-v2-sessions__item:visited:nth-child(10) {
        --session-item-translate-y: calc(9 * ((var(--avatar-size) + var(--avatar-gap)) / -2))
    }

    :hover>.nav-v2-sessions__item,
    :hover>.nav-v2-sessions__item:visited {
        --session-item-translate-y: 0
    }
}

.nav-v2-search {
    display: none;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    width: clamp(200px, 17vw, 300px);
    height: 45px
}

@media (min-width: 1060px) {
    .nav-v2-search {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.nav-v2-search__icon {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #6e6d7a
}

.nav-v2-search .nav-v2-search__input {
    width: 100%;
    height: 100%;
    padding: 0 24px 0 48px;
    border-radius: 9999999px;
    outline: 0;
    font-family: "Haas Grot Text R 55 Roman", "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.nav-v2-search .nav-v2-search__input,
.nav-v2-search .nav-v2-search__input:hover,
.nav-v2-search .nav-v2-search__input:active,
.nav-v2-search .nav-v2-search__input:focus {
    border: none;
    background: var(--nav-v2-search-bg-color, #f4f5fb);
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav-v2-search .nav-v2-search__input::-webkit-input-placeholder {
    opacity: 1;
    color: #6e6d7a
}

.nav-v2-search .nav-v2-search__input::-moz-placeholder {
    opacity: 1;
    color: #6e6d7a
}

.nav-v2-search .nav-v2-search__input:-ms-input-placeholder {
    opacity: 1;
    color: #6e6d7a
}

.nav-v2-search .nav-v2-search__input::-ms-input-placeholder {
    opacity: 1;
    color: #6e6d7a
}

.nav-v2-search .nav-v2-search__input::placeholder {
    opacity: 1;
    color: #6e6d7a
}

.nav-v2-search-btn {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    margin-right: -6px
}

@media (min-width: 1060px) {
    .nav-v2-search-btn {
        display: none
    }
}

.nav-v2-search-btn__icon {
    width: 20px;
    height: 20px;
    color: #6e6d7a
}

@-webkit-keyframes graph-pulse {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(237, 127, 223, 0.9);
        box-shadow: 0 0 0 0 rgba(237, 127, 223, 0.9)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 13px rgba(237, 127, 223, 0);
        box-shadow: 0 0 0 13px rgba(237, 127, 223, 0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(237, 127, 223, 0);
        box-shadow: 0 0 0 0 rgba(237, 127, 223, 0)
    }
}

@keyframes graph-pulse {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(237, 127, 223, 0.9);
        box-shadow: 0 0 0 0 rgba(237, 127, 223, 0.9)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 13px rgba(237, 127, 223, 0);
        box-shadow: 0 0 0 13px rgba(237, 127, 223, 0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(237, 127, 223, 0);
        box-shadow: 0 0 0 0 rgba(237, 127, 223, 0)
    }
}

body.is-nav-v2 {
    padding-top: var(--nav-v2-height)
}

@media (min-width: 950px) {
    body.is-nav-v2 {
        padding-top: 0
    }
}

.nav-v2-theme-cream {
    --nav-v2-bg-color: #f8f7f4;
    --nav-v2-search-bg-color: #fff
}

.nav-v2 {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 9996;
    top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media (min-width: 950px) {
    .nav-v2 {
        position: relative;
        top: initial
    }
}

.nav-v2__dark-overlay {
    content: '';
    visibility: hidden;
    position: fixed;
    z-index: 9995;
    top: 0;
    left: 0;
    width: 110vw;
    height: 110vh;
    -webkit-transition: opacity 0.35s ease-in-out, visibility 0.35s;
    transition: opacity 0.35s ease-in-out, visibility 0.35s;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5)
}

body.nav-v2-mobile-menu-open .nav-v2__dark-overlay {
    visibility: visible;
    opacity: 1
}

@media (min-width: 950px) {
    .nav-v2__dark-overlay {
        display: none
    }
}

.nav-v2__wrapper {
    display: grid;
    z-index: 9996;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    grid-template-columns: 20px 90px 1fr;
    grid-template-rows: var(--nav-v2-height);
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 var(--nav-v2-gutter, 24px);
    background-color: var(--nav-v2-bg-color, #fff);
    gap: 20px
}

@media (min-width: 950px) {
    .nav-v2__wrapper {
        --nav-v2-gutter: 40px;
        grid-template-columns: 90px 1fr auto;
        gap: 40px
    }
}

@media (min-width: 1400px) {
    .nav-v2__wrapper {
        grid-template-columns: 1fr 96px 1fr;
        gap: 24px
    }
}

.nav-v2-logo {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -1px;
    -ms-flex-order: -1;
    order: -1;
    width: 100%
}

.nav-v2-logo:link,
.nav-v2-logo:visited {
    color: #0d0c22
}

.nav-v2-logo:hover {
    color: #565564
}

@media (min-width: 1400px) {
    .nav-v2-logo {
        -ms-flex-order: initial;
        order: initial
    }
}

.nav-v2-logo svg {
    width: 100%;
    height: auto
}

.nav-v2-logo svg path {
    fill: currentColor
}

.nav-v2-main {
    --nav-v2-main-gap: 32px;
    font-size: var(--nav-v2-font-size);
    font-weight: var(--nav-v2-font-weight);
    white-space: nowrap
}

@media (max-width: 949px) {
    .nav-v2-main {
        --nav-v2-main-gap: 24px;
        visibility: hidden;
        position: fixed;
        top: var(--nav-v2-height);
        right: 0;
        width: 100%;
        -webkit-transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
        transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
        opacity: 0
    }

    body.nav-v2-mobile-menu-open .nav-v2-main {
        visibility: visible;
        opacity: 1
    }
}

@media (max-width: 949px) {
    .nav-v2-main__wrapper {
        position: relative;
        z-index: 9996;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-height: calc(100vh - var(--nav-v2-height));
        padding: 32px;
        overflow-y: scroll;
        border-top: 1px solid #e7e7e9;
        background-color: #fff;
        -webkit-overflow-scrolling: touch
    }
}

.nav-v2-main__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 950px) {
    .nav-v2-main__list {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
}

.nav-v2-main__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #0d0c22;
    line-height: 1
}

.nav-v2-main__item:first-child {
    margin: calc(-1 * (var(--nav-v2-main-gap) / 2)) 0 0 0
}

@media (min-width: 950px) {
    .nav-v2-main__item:first-child {
        margin: 0 0 0 calc(-1 * (var(--nav-v2-main-gap) / 2))
    }
}

.nav-v2-main__item:hover {
    color: #565564
}

@media (max-width: 949px) {
    .nav-v2-main__item {
        width: 100%;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)
    }

    .nav-v2-main__item:nth-child(1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .nav-v2-main__item:nth-child(2) {
        -webkit-transition-delay: 0.03s;
        transition-delay: 0.03s
    }

    .nav-v2-main__item:nth-child(3) {
        -webkit-transition-delay: 0.06s;
        transition-delay: 0.06s
    }

    .nav-v2-main__item:nth-child(4) {
        -webkit-transition-delay: 0.09s;
        transition-delay: 0.09s
    }

    .nav-v2-main__item:nth-child(5) {
        -webkit-transition-delay: 0.12s;
        transition-delay: 0.12s
    }

    .nav-v2-main__item:nth-child(6) {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s
    }

    .nav-v2-main__item:nth-child(7) {
        -webkit-transition-delay: 0.18s;
        transition-delay: 0.18s
    }

    .nav-v2-main__item:nth-child(8) {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }

    .nav-v2-main__item:nth-child(9) {
        -webkit-transition-delay: 0.24s;
        transition-delay: 0.24s
    }

    .nav-v2-main__item:nth-child(10) {
        -webkit-transition-delay: 0.27s;
        transition-delay: 0.27s
    }

    .nav-v2-main__item:nth-child(11) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .nav-v2-main__item:nth-child(12) {
        -webkit-transition-delay: 0.33s;
        transition-delay: 0.33s
    }

    .nav-v2-main__item:nth-child(13) {
        -webkit-transition-delay: 0.36s;
        transition-delay: 0.36s
    }

    .nav-v2-main__item:nth-child(14) {
        -webkit-transition-delay: 0.39s;
        transition-delay: 0.39s
    }

    .nav-v2-main__item:nth-child(15) {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }

    .nav-v2-main__item:nth-child(16) {
        -webkit-transition-delay: 0.45s;
        transition-delay: 0.45s
    }

    body.nav-v2-mobile-menu-open .nav-v2-main__item {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (prefers-reduced-motion) {
    .nav-v2-main__item {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: none;
        transition: none
    }
}

.nav-v2-main__item a {
    padding: calc(var(--nav-v2-main-gap) / 2) 0
}

.nav-v2-main__item a:visited,
.nav-v2-main__item a:link,
.nav-v2-main__item a:hover {
    color: inherit
}

@media (min-width: 950px) {
    .nav-v2-main__item a {
        padding: 0 calc(var(--nav-v2-main-gap) / 2)
    }
}

@media (max-width: 949px) {
    .nav-v2-main__item:last-child a {
        padding-bottom: 0
    }
}

.nav-v2-main__item--pink {
    color: #ec54a7
}

.nav-v2-main__item--pink:hover {
    color: #f082ac
}

.nav-v2-main__item--divided {
    margin-top: calc(var(--nav-v2-main-gap) / 2);
    border-top: 1px solid #e7e7e9
}

.nav-v2-main__item--divided>a {
    padding-top: var(--nav-v2-main-gap)
}

.nav-v2-burger {
    --burger-padding: 6px;
    display: grid;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    grid-template-columns: 1fr;
    -ms-flex-order: -10;
    order: -10;
    width: 20px;
    margin: 0;
    margin-left: calc(-1 * var(--burger-padding));
    padding: var(--burger-padding);
    border: none;
    background: none;
    cursor: pointer;
    gap: 5px
}

@media (min-width: 950px) {
    .nav-v2-burger {
        display: none
    }
}

.nav-v2-burger>* {
    width: 100%;
    height: 2px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-radius: 9999999px;
    opacity: 1;
    background-color: #0d0c22
}

.nav-v2-burger>*:nth-child(3) {
    width: 67%
}

body.nav-v2-mobile-menu-open .nav-v2-burger :nth-child(1) {
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0)
}

body.nav-v2-mobile-menu-open .nav-v2-burger :nth-child(2) {
    width: 0;
    opacity: 0
}

body.nav-v2-mobile-menu-open .nav-v2-burger :nth-child(3) {
    width: 100%;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0)
}

.checkbox-toggle-content {
    position: relative;
    padding: 24px;
    border: 1px solid #e7e7e9;
    border-radius: 8px
}

.checkbox-toggle-content>.v-checkbox input[type='checkbox'] {
    margin-right: 16px
}

.checkbox-toggle-content>.v-checkbox .checkbox-radio-label {
    margin-bottom: 0;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.checkbox-toggle-content .toggle-content {
    margin: 0 -6px -6px;
    padding: 0 6px 6px;
    overflow: hidden
}

.checkbox-toggle-content .toggle-content .content-box {
    padding-top: 24px
}

.slide-fade-enter-active,
.slide-fade-leave-active {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transition: height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.3s ease;
    transition: height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.3s ease;
    opacity: 1;
    will-change: height
}

.slide-fade-enter,
.slide-fade-leave-to {
    height: 0 !important;
    overflow: hidden;
    opacity: 0
}

.accordion-item {
    position: relative
}

.accordion .accordion-item {
    margin-bottom: 24px
}

@media (min-width: 1200px) {
    .accordion .accordion-item {
        margin-bottom: 32px
    }
}

.accordion-item-trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.accordion-item-trigger-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4px;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    color: #9e9ea7
}

.is-active .accordion-item-trigger-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-item-trigger-icon svg {
    position: relative;
    width: 20px;
    height: 20px
}

.accordion-item-trigger-title {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #6e6d7a
}

@media (min-width: 768px) {
    .accordion-item-trigger-title {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        font-weight: 700
    }
}

.accordion-item-trigger-title:hover {
    color: #0d0c22;
    cursor: pointer
}

.is-active .accordion-item-trigger-title {
    color: #0d0c22
}

.accordion-item-content {
    margin: 0 -4px;
    padding: 0 4px
}

.accordion-item-content-inner {
    padding-top: 24px
}

.accordion-item-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px
}

.tippy-iOS {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent
}

.tippy-popper {
    max-width: calc(100% - 8px);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    outline: 0;
    pointer-events: none
}

.tippy-popper[x-placement^='top'] .tippy-backdrop {
    -webkit-transform-origin: 0% 25%;
    -ms-transform-origin: 0% 25%;
    transform-origin: 0% 25%;
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^='top'] .tippy-backdrop[data-state='visible'] {
    -webkit-transform: scale(1) translate(-50%, -55%);
    -ms-transform: scale(1) translate(-50%, -55%);
    transform: scale(1) translate(-50%, -55%)
}

.tippy-popper[x-placement^='top'] .tippy-backdrop[data-state='hidden'] {
    -webkit-transform: scale(0.2) translate(-50%, -45%);
    -ms-transform: scale(0.2) translate(-50%, -45%);
    transform: scale(0.2) translate(-50%, -45%);
    opacity: 0
}

.tippy-popper[x-placement^='top'] .tippy-roundarrow {
    bottom: -7px;
    bottom: -6.5px;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    margin: 0 3px
}

.tippy-popper[x-placement^='top'] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-popper[x-placement^='top'] .tippy-arrow {
    border-top: 8px solid #0d0c22;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -7px;
    margin: 0 3px;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.tippy-popper[x-placement^='top'] [data-animation='shift-toward'][data-state='visible'] {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^='top'] [data-animation='shift-toward'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.tippy-popper[x-placement^='top'] [data-animation='perspective'] {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^='top'] [data-animation='perspective'][data-state='visible'] {
    -webkit-transform: perspective(700px) translateY(-10px) rotateX(0);
    transform: perspective(700px) translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^='top'] [data-animation='perspective'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: perspective(700px) translateY(0) rotateX(60deg);
    transform: perspective(700px) translateY(0) rotateX(60deg)
}

.tippy-popper[x-placement^='top'] [data-animation='fade'][data-state='visible'] {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^='top'] [data-animation='fade'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^='top'] [data-animation='shift-away'][data-state='visible'] {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^='top'] [data-animation='shift-away'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^='top'] [data-animation='scale'] {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^='top'] [data-animation='scale'][data-state='visible'] {
    -webkit-transform: translateY(-10px) scale(1);
    -ms-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^='top'] [data-animation='scale'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(0.5);
    -ms-transform: translateY(-10px) scale(0.5);
    transform: translateY(-10px) scale(0.5)
}

.tippy-popper[x-placement^='bottom'] .tippy-backdrop {
    -webkit-transform-origin: 0% -50%;
    -ms-transform-origin: 0% -50%;
    transform-origin: 0% -50%;
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^='bottom'] .tippy-backdrop[data-state='visible'] {
    -webkit-transform: scale(1) translate(-50%, -45%);
    -ms-transform: scale(1) translate(-50%, -45%);
    transform: scale(1) translate(-50%, -45%)
}

.tippy-popper[x-placement^='bottom'] .tippy-backdrop[data-state='hidden'] {
    -webkit-transform: scale(0.2) translate(-50%, 0);
    -ms-transform: scale(0.2) translate(-50%, 0);
    transform: scale(0.2) translate(-50%, 0);
    opacity: 0
}

.tippy-popper[x-placement^='bottom'] .tippy-roundarrow {
    top: -7px;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    margin: 0 3px
}

.tippy-popper[x-placement^='bottom'] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.tippy-popper[x-placement^='bottom'] .tippy-arrow {
    border-right: 8px solid transparent;
    border-bottom: 8px solid #0d0c22;
    border-left: 8px solid transparent;
    top: -7px;
    margin: 0 3px;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^='bottom'] [data-animation='shift-toward'][data-state='visible'] {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^='bottom'] [data-animation='shift-toward'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.tippy-popper[x-placement^='bottom'] [data-animation='perspective'] {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^='bottom'] [data-animation='perspective'][data-state='visible'] {
    -webkit-transform: perspective(700px) translateY(10px) rotateX(0);
    transform: perspective(700px) translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^='bottom'] [data-animation='perspective'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: perspective(700px) translateY(0) rotateX(-60deg);
    transform: perspective(700px) translateY(0) rotateX(-60deg)
}

.tippy-popper[x-placement^='bottom'] [data-animation='fade'][data-state='visible'] {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^='bottom'] [data-animation='fade'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^='bottom'] [data-animation='shift-away'][data-state='visible'] {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^='bottom'] [data-animation='shift-away'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^='bottom'] [data-animation='scale'] {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^='bottom'] [data-animation='scale'][data-state='visible'] {
    -webkit-transform: translateY(10px) scale(1);
    -ms-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^='bottom'] [data-animation='scale'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateY(10px) scale(0.5);
    -ms-transform: translateY(10px) scale(0.5);
    transform: translateY(10px) scale(0.5)
}

.tippy-popper[x-placement^='left'] .tippy-backdrop {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    border-radius: 50% 0 0 50%
}

.tippy-popper[x-placement^='left'] .tippy-backdrop[data-state='visible'] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement^='left'] .tippy-backdrop[data-state='hidden'] {
    -webkit-transform: scale(0.2) translate(-75%, -50%);
    -ms-transform: scale(0.2) translate(-75%, -50%);
    transform: scale(0.2) translate(-75%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^='left'] .tippy-roundarrow {
    right: -12px;
    -webkit-transform-origin: 33.33333333% 50%;
    -ms-transform-origin: 33.33333333% 50%;
    transform-origin: 33.33333333% 50%;
    margin: 3px 0
}

.tippy-popper[x-placement^='left'] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-popper[x-placement^='left'] .tippy-arrow {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #0d0c22;
    right: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.tippy-popper[x-placement^='left'] [data-animation='shift-toward'][data-state='visible'] {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^='left'] [data-animation='shift-toward'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tippy-popper[x-placement^='left'] [data-animation='perspective'] {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^='left'] [data-animation='perspective'][data-state='visible'] {
    -webkit-transform: perspective(700px) translateX(-10px) rotateY(0);
    transform: perspective(700px) translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^='left'] [data-animation='perspective'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: perspective(700px) translateX(0) rotateY(-60deg);
    transform: perspective(700px) translateX(0) rotateY(-60deg)
}

.tippy-popper[x-placement^='left'] [data-animation='fade'][data-state='visible'] {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^='left'] [data-animation='fade'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^='left'] [data-animation='shift-away'][data-state='visible'] {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^='left'] [data-animation='shift-away'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^='left'] [data-animation='scale'] {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^='left'] [data-animation='scale'][data-state='visible'] {
    -webkit-transform: translateX(-10px) scale(1);
    -ms-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^='left'] [data-animation='scale'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(-10px) scale(0.5);
    -ms-transform: translateX(-10px) scale(0.5);
    transform: translateX(-10px) scale(0.5)
}

.tippy-popper[x-placement^='right'] .tippy-backdrop {
    -webkit-transform-origin: -50% 0%;
    -ms-transform-origin: -50% 0%;
    transform-origin: -50% 0%;
    border-radius: 0 50% 50% 0
}

.tippy-popper[x-placement^='right'] .tippy-backdrop[data-state='visible'] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement^='right'] .tippy-backdrop[data-state='hidden'] {
    -webkit-transform: scale(0.2) translate(-25%, -50%);
    -ms-transform: scale(0.2) translate(-25%, -50%);
    transform: scale(0.2) translate(-25%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^='right'] .tippy-roundarrow {
    left: -12px;
    -webkit-transform-origin: 66.66666666% 50%;
    -ms-transform-origin: 66.66666666% 50%;
    transform-origin: 66.66666666% 50%;
    margin: 3px 0
}

.tippy-popper[x-placement^='right'] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^='right'] .tippy-arrow {
    border-top: 8px solid transparent;
    border-right: 8px solid #0d0c22;
    border-bottom: 8px solid transparent;
    left: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^='right'] [data-animation='shift-toward'][data-state='visible'] {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^='right'] [data-animation='shift-toward'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.tippy-popper[x-placement^='right'] [data-animation='perspective'] {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^='right'] [data-animation='perspective'][data-state='visible'] {
    -webkit-transform: perspective(700px) translateX(10px) rotateY(0);
    transform: perspective(700px) translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^='right'] [data-animation='perspective'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: perspective(700px) translateX(0) rotateY(60deg);
    transform: perspective(700px) translateX(0) rotateY(60deg)
}

.tippy-popper[x-placement^='right'] [data-animation='fade'][data-state='visible'] {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^='right'] [data-animation='fade'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^='right'] [data-animation='shift-away'][data-state='visible'] {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^='right'] [data-animation='shift-away'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^='right'] [data-animation='scale'] {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^='right'] [data-animation='scale'][data-state='visible'] {
    -webkit-transform: translateX(10px) scale(1);
    -ms-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^='right'] [data-animation='scale'][data-state='hidden'] {
    opacity: 0;
    -webkit-transform: translateX(10px) scale(0.5);
    -ms-transform: translateX(10px) scale(0.5);
    transform: translateX(10px) scale(0.5)
}

.tippy-tooltip {
    position: relative;
    padding: 10px 12px;
    border-radius: 4px;
    background-color: #0d0c22;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    text-align: center
}

.tippy-tooltip[data-size='small'] {
    padding: 0.1875rem 0.375rem;
    font-size: 0.75rem
}

.tippy-tooltip[data-size='large'] {
    padding: 0.375rem 0.75rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-interactive] {
    pointer-events: auto
}

.tippy-tooltip[data-interactive] .tippy-roundarrow path {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state='visible'] {
    -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11)
}

.tippy-tooltip[data-inertia][data-state='hidden'] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.tippy-arrow,
.tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 18px;
    height: 7px;
    fill: #0d0c22;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: calc(110% + 2rem);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
    border-radius: 50%;
    background-color: #0d0c22
}

.tippy-backdrop:after {
    content: '';
    padding-top: 100%;
    float: left
}

.tippy-content {
    color: #dbdbde
}

.tippy-backdrop+.tippy-content {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state='visible'] {
    opacity: 1
}

.tippy-backdrop+.tippy-content[data-state='hidden'] {
    opacity: 0
}

.tippy-tooltip.light-theme {
    background-color: #fff;
    color: #0d0c22
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.light-theme .tippy-arrow {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.light-theme .tippy-arrow {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.light-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.light-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent
}

.tippy-tooltip.dropdown-theme {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    color: #0d0c22
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.dropdown-theme .tippy-arrow {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.dropdown-theme .tippy-arrow {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.dropdown-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.dropdown-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.dropdown-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.dropdown-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.dropdown-theme[data-animatefill] {
    background-color: transparent
}

.tippy-tooltip.dropdown-theme .dropdown-list {
    text-align: left
}

.tippy-tooltip.dropdown-theme .dropdown-item {
    margin-bottom: 20px
}

.tippy-tooltip.dropdown-theme .dropdown-item:last-child {
    margin-bottom: 0
}

.tippy-tooltip.dropdown-theme .dropdown-item-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #6e6d7a;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.tippy-tooltip.dropdown-theme .dropdown-item-link:hover {
    color: #3d3d4e
}

.tippy-tooltip.dropdown-theme .dropdown-item-link svg {
    width: 14px;
    height: 14px;
    margin-right: 12px
}

.tippy-tooltip.dropdown-theme .dropdown-item-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #6e6d7a;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.tippy-tooltip.dropdown-theme .dropdown-item-text.warning {
    color: #ff5555
}

.tippy-tooltip.dropdown-theme .dropdown-item-text svg {
    width: 14px;
    height: 14px;
    margin-right: 12px
}

.tippy-tooltip.hover-card-theme,
.tippy-tooltip.hover-card-dynamic-width-theme {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 400px;
    padding: 20px;
    border-radius: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    color: #0d0c22;
    text-align: left
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.hover-card-theme .tippy-arrow,
.tippy-popper[x-placement^='top'] .tippy-tooltip.hover-card-dynamic-width-theme .tippy-arrow {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.hover-card-theme .tippy-arrow,
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.hover-card-dynamic-width-theme .tippy-arrow {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.hover-card-theme .tippy-arrow,
.tippy-popper[x-placement^='left'] .tippy-tooltip.hover-card-dynamic-width-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.hover-card-theme .tippy-arrow,
.tippy-popper[x-placement^='right'] .tippy-tooltip.hover-card-dynamic-width-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.hover-card-theme .tippy-backdrop,
.tippy-tooltip.hover-card-dynamic-width-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.hover-card-theme .tippy-roundarrow,
.tippy-tooltip.hover-card-dynamic-width-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.hover-card-theme[data-animatefill],
.tippy-tooltip.hover-card-dynamic-width-theme[data-animatefill] {
    background-color: transparent
}

.tippy-tooltip.hover-card-theme .hover-card-shots,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-shots {
    display: -ms-flexbox;
    display: flex
}

.tippy-tooltip.hover-card-theme .hover-card-avatar,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-avatar {
    position: relative
}

.tippy-tooltip.hover-card-theme .hover-card-avatar .badge-link,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-avatar .badge-link {
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tippy-tooltip.hover-card-theme .hover-card-user-name,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-user-name {
    color: #0d0c22
}

.tippy-tooltip.hover-card-theme .hover-card-user-name:hover,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-user-name:hover {
    color: #3d3d4e
}

.tippy-tooltip.hover-card-theme .hover-card-shot,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-shot {
    -ms-flex-preferred-size: 109px;
    flex-basis: 109px;
    margin-right: 16px;
    overflow: hidden;
    border-radius: 6px;
    background: #e7e7e9
}

.tippy-tooltip.hover-card-theme .hover-card-shot:last-child,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-shot:last-child {
    margin-right: 0
}

.tippy-tooltip.hover-card-theme .hover-card-shot a,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-shot a {
    display: -ms-flexbox;
    display: flex
}

.tippy-tooltip.hover-card-theme .hover-card-shot-image,
.tippy-tooltip.hover-card-dynamic-width-theme .hover-card-shot-image {
    width: 109px;
    height: 82px
}

.tippy-tooltip.hover-card-dynamic-width-theme {
    width: 100%
}

.tippy-tooltip.error-theme {
    background-color: #ff5555;
    color: #fff
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.error-theme .tippy-arrow {
    border-top: 7px solid #ff5555;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.error-theme .tippy-arrow {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ff5555;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.error-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ff5555
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.error-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-right: 7px solid #ff5555;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.error-theme .tippy-content {
    color: #fff
}

.tippy-tooltip.error-theme .tippy-backdrop {
    background-color: #ff5555
}

.tippy-tooltip.error-theme .tippy-roundarrow {
    fill: #ff5555
}

.tippy-tooltip.error-theme[data-animatefill] {
    background-color: transparent
}

.tippy-tooltip.popover-theme,
.tippy-tooltip.coachmark-theme {
    max-width: 300px;
    padding: 24px;
    border-radius: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(79, 60, 201, 0.2), 0px 3px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 0 1px rgba(79, 60, 201, 0.2), 0px 3px 5px rgba(0, 0, 0, 0.04);
    color: #9e9ea7;
    font-size: 14px;
    text-align: left
}

.tippy-tooltip.popover-theme h1,
.tippy-tooltip.coachmark-theme h1,
.tippy-tooltip.popover-theme h2,
.tippy-tooltip.coachmark-theme h2,
.tippy-tooltip.popover-theme h3,
.tippy-tooltip.coachmark-theme h3,
.tippy-tooltip.popover-theme h4,
.tippy-tooltip.coachmark-theme h4,
.tippy-tooltip.popover-theme h5,
.tippy-tooltip.coachmark-theme h5,
.tippy-tooltip.popover-theme strong,
.tippy-tooltip.coachmark-theme strong {
    color: #0d0c22;
    font-weight: 500
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.popover-theme .tippy-arrow,
.tippy-popper[x-placement^='top'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='top'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-top: 7px solid rgba(79, 60, 201, 0.2);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.popover-theme .tippy-arrow,
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(79, 60, 201, 0.2);
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.popover-theme .tippy-arrow,
.tippy-popper[x-placement^='left'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='left'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid rgba(79, 60, 201, 0.2)
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.popover-theme .tippy-arrow,
.tippy-popper[x-placement^='right'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='right'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-top: 7px solid transparent;
    border-right: 7px solid rgba(79, 60, 201, 0.2);
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.popover-theme .tippy-arrow:before,
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-tooltip.popover-theme .tippy-backdrop,
.tippy-tooltip.coachmark-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.popover-theme .tippy-roundarrow,
.tippy-tooltip.coachmark-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.popover-theme .tippy-header,
.tippy-tooltip.coachmark-theme .tippy-header {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px;
    font-size: 16px
}

.tippy-tooltip.popover-theme .tippy-header .tippy-header-step-count,
.tippy-tooltip.coachmark-theme .tippy-header .tippy-header-step-count {
    margin-right: 3px;
    color: #9e9ea7;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.tippy-tooltip.popover-theme .tippy-actions,
.tippy-tooltip.coachmark-theme .tippy-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 16px
}

.tippy-tooltip.popover-theme .tippy-actions.multi-action,
.tippy-tooltip.coachmark-theme .tippy-actions.multi-action {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tippy-tooltip.popover-theme .tippy-actions .form-btn,
.tippy-tooltip.coachmark-theme .tippy-actions .form-btn {
    margin-right: 16px
}

.tippy-tooltip.popover-theme[data-animatefill],
.tippy-tooltip.coachmark-theme[data-animatefill] {
    background-color: transparent
}

.tippy-tooltip.coachmark-theme {
    background-color: #0d0c22;
    -webkit-box-shadow: 0 0 0 1px transparent, 0px 3px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 0 1px transparent, 0px 3px 5px rgba(0, 0, 0, 0.04);
    color: #9e9ea7;
    font-size: 14px
}

.tippy-tooltip.coachmark-theme h1,
.tippy-tooltip.coachmark-theme h2,
.tippy-tooltip.coachmark-theme h3,
.tippy-tooltip.coachmark-theme h4,
.tippy-tooltip.coachmark-theme h5,
.tippy-tooltip.coachmark-theme strong {
    color: #fff
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-top: 7px solid #0d0c22;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme {
    top: -30px
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme .tippy-arrow,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    top: 32px !important
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #0d0c22;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme {
    top: -30px
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme .tippy-arrow,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    top: 32px !important
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #0d0c22
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme {
    top: -30px
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme .tippy-arrow,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    top: 32px !important
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    border-top: 7px solid transparent;
    border-right: 7px solid #0d0c22;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    width: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.coachmark-theme .tippy-arrow:before {
    top: -1px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme {
    top: -30px
}

.tippy-popper[x-placement^='right-start'] .tippy-tooltip.coachmark-theme .tippy-arrow,
.tippy-popper[x-placement^='left-start'] .tippy-tooltip.coachmark-theme .tippy-arrow {
    top: 32px !important
}

.tippy-tooltip.coachmark-theme .tippy-backdrop {
    background-color: #0d0c22
}

.tippy-tooltip.coachmark-theme .tippy-roundarrow {
    fill: #0d0c22
}

.tippy-tooltip.coachmark-theme[data-animatefill] {
    background-color: transparent
}

.tippy-tooltip.coachmark-theme .form-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 75px;
    text-align: center
}

.tippy-tooltip.coachmark-theme .text-link {
    color: #f3f3f4;
    text-decoration: underline
}

.tippy-tooltip.coachmark-theme .text-link:hover,
.tippy-tooltip.coachmark-theme .text-link:focus {
    color: #fff
}

.coachmark-target {
    display: block;
    position: relative;
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 50%;
    background-color: #ea4c89;
    -webkit-box-shadow: 0 0 0 rgba(234, 76, 137, 0.4);
    box-shadow: 0 0 0 rgba(234, 76, 137, 0.4);
    cursor: pointer
}

.coachmark-target[name='multishot'] {
    top: calc(50% - 8px);
    left: calc(12.5% - 12px)
}

@media (min-width: 800px) {
    .coachmark-target[name='multishot'] {
        left: calc(6.25% - 12px)
    }
}

.coachmark-target[name='downloads'] {
    top: 16px;
    right: 0
}

@media (min-width: 960px) {
    .coachmark-target[name='downloads'] {
        right: auto;
        left: -22px
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.4);
        box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(234, 76, 137, 0);
        box-shadow: 0 0 0 10px rgba(234, 76, 137, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(234, 76, 137, 0);
        box-shadow: 0 0 0 0 rgba(234, 76, 137, 0)
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.4);
        box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(234, 76, 137, 0);
        box-shadow: 0 0 0 10px rgba(234, 76, 137, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(234, 76, 137, 0);
        box-shadow: 0 0 0 0 rgba(234, 76, 137, 0)
    }
}

.work-availability-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.work-availability-toggle.is-disabled {
    opacity: 0.4
}

.work-availability-toggle.is-disabled .dd-toggle-control:hover {
    cursor: not-allowed
}

.work-availability-toggle .dd-toggle input {
    display: none
}

.work-availability-toggle>span {
    color: #6e6d7a;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

@media (min-width: 768px) {
    .work-availability-toggle>span {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.work-availability-toggle>span:hover {
    color: #0d0c22;
    cursor: pointer
}

.work-availability-toggle>span.active {
    color: #0d0c22
}

.work-availability-toggle>span.active:hover {
    cursor: default
}

.work-availability-toggle .dd-toggle {
    margin: 0 8px
}

#work-availability-modal .modal-header {
    margin-bottom: 24px;
    border-bottom: none
}

@media (min-width: 768px) {
    #work-availability-modal .modal-header {
        margin-bottom: 40px
    }
}

#work-availability-modal .modal-header h2 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    #work-availability-modal .modal-header h2 {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 38px;
        margin-bottom: 12px
    }
}

#work-availability-modal .modal-header p {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media (min-width: 768px) {
    #work-availability-modal .modal-header p {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px
    }
}

#work-availability-modal .modal-content-wrapper {
    padding: 24px 16px 0
}

@media (min-width: 768px) {
    #work-availability-modal .modal-content-wrapper {
        padding: 40px 40px 0
    }
}

#work-availability-modal .work-availability-edit {
    width: 100%
}

#work-availability-modal .work-availability-edit-label {
    margin-bottom: 16px;
    color: #0d0c22;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (min-width: 768px) {
    #work-availability-modal .work-availability-edit-label {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

#work-availability-modal .work-availability-edit-label .required {
    color: #ff5555
}

#work-availability-modal .work-availability-edit-label .optional {
    color: #6e6d7a
}

#work-availability-modal .work-availability-edit .accordion-section {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f3f3f4
}

#work-availability-modal .work-availability-edit .accordion-section.last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

#work-availability-modal .work-availability-edit .accordion-section h3 {
    margin-bottom: 16px;
    color: #0d0c22;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

@media (min-width: 768px) {
    #work-availability-modal .work-availability-edit .accordion-section h3 {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

#work-availability-modal .work-availability-edit-remove-link {
    text-align: right
}

#work-availability-modal .work-availability-edit-remove-link a {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

#work-availability-modal .work-availability-edit .required-indicator {
    color: #ff5555
}

#work-availability-modal .work-availability-edit .form-group {
    margin-bottom: 24px
}

#work-availability-modal .work-availability-edit .form-group:last-child {
    margin-bottom: 0
}

#work-availability-modal .work-availability-edit .preposition {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    color: #6e6d7a;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media (min-width: 768px) {
    #work-availability-modal .work-availability-edit .preposition {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 32px
    }
}

@media (min-width: 1200px) {
    #work-availability-modal .work-availability-edit .preposition {
        min-width: 48px;
        padding: 0 16px
    }
}

@media (max-width: 767px) {
    #work-availability-modal .work-availability-edit .preposition.mobile-hidden {
        display: none
    }
}

#work-availability-modal .work-availability-edit .visually-hidden {
    opacity: 0;
    pointer-events: none
}

#work-availability-modal .specialites-select .checkbox-radio-label {
    margin-bottom: 0;
    padding: 16px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 8px;
    background: #fafafb
}

#work-availability-modal .specialites-select .checkbox-radio-label:hover {
    background: #f3f3f4;
    cursor: pointer
}

#work-availability-modal .specialites-select .checkbox-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#work-availability-modal .specialites-select .specialty-title {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #0d0c22
}

@media (min-width: 1200px) {
    #work-availability-modal .specialites-select .specialty-title {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

#work-availability-modal .specialites-select .specialites-select-item {
    margin-bottom: 8px
}

@media (min-width: 768px) {
    #work-availability-modal .specialites-select .specialites-select-item input {
        margin-right: 12px
    }
}

#work-availability-modal .specialites-select .specialites-select-item:last-child {
    margin-bottom: 0
}

#work-availability-modal .specialites-select .specialites-select-item.is-disabled {
    opacity: 0.6;
    pointer-events: none
}

#work-availability-modal .specialites-select .specialites-select-item.selected .checkbox-radio-label {
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9;
    box-shadow: 0px 0px 0px 1px #e7e7e9
}

#work-availability-modal .specialites-select .specialites-select-item.selected .checkbox-radio-label:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #dbdbde;
    box-shadow: 0px 0px 0px 1px #dbdbde
}

#work-availability-modal .work-availability-fulltime {
    margin-bottom: 20px
}

#work-availability-modal .work-availability-job-history-item {
    margin-bottom: 16px
}

#work-availability-modal .work-availability-job-history-item .work-availability-job-history-dates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

#work-availability-modal .work-availability-job-history-item .start-date-fields,
#work-availability-modal .work-availability-job-history-item .end-date-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

#work-availability-modal .work-availability-job-history-item .start-date-fields select,
#work-availability-modal .work-availability-job-history-item .end-date-fields select {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 16px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

#work-availability-modal .work-availability-job-history-item .preposition {
    margin-bottom: 16px
}

#work-availability-modal .boxed-content {
    padding: 16px;
    border-radius: 8px;
    background: #fafafb
}

@media (min-width: 768px) {
    #work-availability-modal .boxed-content {
        padding: 24px
    }
}

#work-availability-modal .boxed-content .boxed-content-title {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    #work-availability-modal .boxed-content .boxed-content-title {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 12px
    }
}

#work-availability-modal .checkbox-with-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

#work-availability-modal .checkbox-with-info:last-child {
    margin-bottom: 0
}

#work-availability-modal .checkbox-with-info .checkbox-radio-label {
    margin-bottom: 0;
    color: #0d0c22
}

#work-availability-modal .checkbox-with-info .info-icon {
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px;
    color: #9e9ea7
}

#work-availability-modal .checkbox-with-info .info-icon svg {
    width: 16px;
    height: 16px
}

#work-availability-modal .modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px -16px 0;
    padding: 16px;
    border-top: 1px solid #e7e7e9;
    background: #fff
}

@media (min-width: 768px) {
    #work-availability-modal .modal-footer {
        position: sticky;
        z-index: 1;
        bottom: 0;
        left: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 40px -40px 0
    }
}

#work-availability-modal .modal-footer .toggle-wrapper {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #work-availability-modal .modal-footer .toggle-wrapper {
        display: inline-block;
        -ms-flex-order: 2;
        order: 2;
        width: auto;
        margin-bottom: 0
    }
}

#work-availability-modal .modal-footer .work-availability-toggle {
    max-width: 260px
}

@media (min-width: 768px) {
    #work-availability-modal .modal-footer .work-availability-toggle {
        max-width: none
    }
}

@media (min-width: 768px) {
    #work-availability-modal .modal-footer .action-button {
        -ms-flex-order: 1;
        order: 1
    }
}

#work-availability-modal .modal-footer .save-button {
    min-width: 110px;
    text-align: center
}

@media (min-width: 768px) {
    #work-availability-modal .modal-footer .save-button {
        -ms-flex-order: 3;
        order: 3
    }
}

#work-availability-modal .work-availability-accordion-trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#work-availability-modal .work-availability-accordion-trigger .accordion-trigger-icon,
#work-availability-modal .work-availability-accordion-trigger .accordion-trigger-step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%;
    background: #f3f3f4
}

#work-availability-modal .work-availability-accordion-trigger .accordion-trigger-icon {
    background: rgba(119, 224, 181, 0.2)
}

#work-availability-modal .work-availability-accordion-trigger .accordion-trigger-icon svg {
    width: 12px;
    height: 12px;
    color: #5fb391
}

#work-availability-modal .work-availability-accordion-trigger .accordion-trigger-step {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #0d0c22
}

#work-availability-modal .work-availability-skills .skills-info {
    margin-top: 8px;
    color: #9e9ea7;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

#work-availability-modal .work-availability-education-item {
    margin-bottom: 16px
}

#work-availability-modal .form-elements-wrapper {
    display: -ms-flexbox;
    display: flex
}

#work-availability-modal .form-elements {
    -ms-flex-positive: 1;
    flex-grow: 1
}

#work-availability-modal .form-remove {
    display: inline-block;
    -ms-flex-positive: 0;
    flex-grow: 0
}

#work-availability-modal .form-remove a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding-left: 12px;
    color: #6e6d7a
}

#work-availability-modal .form-remove a:hover {
    color: #3d3d4e
}

#work-availability-modal .form-remove a svg {
    width: 16px;
    height: 16px
}

@media (min-width: 768px) {
    #work-availability-modal .form-field-inline-group {
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

#work-availability-modal .form-field-inline-group .form-field-inline-item {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #work-availability-modal .form-field-inline-item-constrain {
        max-width: 210px
    }
}

button.btn-link {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ea4c89;
    font-family: inherit;
    font-size: 100%;
    cursor: pointer
}

button.btn-link:hover {
    opacity: 0.6
}

button.btn-link:focus {
    outline: none
}

button.btn-link.underlined {
    text-decoration: underline
}

button.btn-link.white {
    color: #fff
}

button.btn-link.blurple {
    color: #4f3cc9
}

.form-sub,
.form-btn,
.form-blurple,
.form-forest,
.form-gradient,
a.form-sub,
a.form-btn,
a.form-blurple,
a.form-forest,
a.form-gradient {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 16px;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    border: none;
    border-radius: 8px;
    outline: none;
    background: #ea4c89;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.form-sub.highlighted,
.form-btn.highlighted,
.form-blurple.highlighted,
.form-forest.highlighted,
.form-gradient.highlighted,
a.form-sub.highlighted,
a.form-btn.highlighted,
a.form-blurple.highlighted,
a.form-forest.highlighted,
a.form-gradient.highlighted {
    background: #fef6f9;
    color: #ea4c89
}

.form-sub.highlighted:hover,
.form-btn.highlighted:hover,
.form-blurple.highlighted:hover,
.form-forest.highlighted:hover,
.form-gradient.highlighted:hover,
a.form-sub.highlighted:hover,
a.form-btn.highlighted:hover,
a.form-blurple.highlighted:hover,
a.form-forest.highlighted:hover,
a.form-gradient.highlighted:hover {
    background: #fbdbe7
}

.form-sub.text-btn,
.form-btn.text-btn,
.form-blurple.text-btn,
.form-forest.text-btn,
.form-gradient.text-btn,
a.form-sub.text-btn,
a.form-btn.text-btn,
a.form-blurple.text-btn,
a.form-forest.text-btn,
a.form-gradient.text-btn {
    padding: 0;
    border: none;
    background: none
}

.form-sub.text-btn:focus,
.form-sub.text-btn:hover,
.form-sub.text-btn:active,
.form-btn.text-btn:focus,
.form-btn.text-btn:hover,
.form-btn.text-btn:active,
.form-blurple.text-btn:focus,
.form-blurple.text-btn:hover,
.form-blurple.text-btn:active,
.form-forest.text-btn:focus,
.form-forest.text-btn:hover,
.form-forest.text-btn:active,
.form-gradient.text-btn:focus,
.form-gradient.text-btn:hover,
.form-gradient.text-btn:active,
a.form-sub.text-btn:focus,
a.form-sub.text-btn:hover,
a.form-sub.text-btn:active,
a.form-btn.text-btn:focus,
a.form-btn.text-btn:hover,
a.form-btn.text-btn:active,
a.form-blurple.text-btn:focus,
a.form-blurple.text-btn:hover,
a.form-blurple.text-btn:active,
a.form-forest.text-btn:focus,
a.form-forest.text-btn:hover,
a.form-forest.text-btn:active,
a.form-gradient.text-btn:focus,
a.form-gradient.text-btn:hover,
a.form-gradient.text-btn:active {
    background: none
}

.form-sub.text-btn-dark,
.form-btn.text-btn-dark,
.form-blurple.text-btn-dark,
.form-forest.text-btn-dark,
.form-gradient.text-btn-dark,
a.form-sub.text-btn-dark,
a.form-btn.text-btn-dark,
a.form-blurple.text-btn-dark,
a.form-forest.text-btn-dark,
a.form-gradient.text-btn-dark {
    color: #0d0c22
}

.form-sub.text-btn-dark:hover,
.form-btn.text-btn-dark:hover,
.form-blurple.text-btn-dark:hover,
.form-forest.text-btn-dark:hover,
.form-gradient.text-btn-dark:hover,
a.form-sub.text-btn-dark:hover,
a.form-btn.text-btn-dark:hover,
a.form-blurple.text-btn-dark:hover,
a.form-forest.text-btn-dark:hover,
a.form-gradient.text-btn-dark:hover {
    color: #6e6d7a
}

.form-sub.loading svg.dribbble-loader,
.form-btn.loading svg.dribbble-loader,
.form-blurple.loading svg.dribbble-loader,
.form-forest.loading svg.dribbble-loader,
.form-gradient.loading svg.dribbble-loader,
a.form-sub.loading svg.dribbble-loader,
a.form-btn.loading svg.dribbble-loader,
a.form-blurple.loading svg.dribbble-loader,
a.form-forest.loading svg.dribbble-loader,
a.form-gradient.loading svg.dribbble-loader {
    fill: none
}

.form-sub.tiny,
.form-btn.tiny,
.form-blurple.tiny,
.form-forest.tiny,
.form-gradient.tiny,
a.form-sub.tiny,
a.form-btn.tiny,
a.form-blurple.tiny,
a.form-forest.tiny,
a.form-gradient.tiny {
    height: auto;
    padding: 4px 8px;
    font-size: 12px
}

.form-sub.plain,
.form-btn.plain,
.form-blurple.plain,
.form-forest.plain,
.form-gradient.plain,
a.form-sub.plain,
a.form-btn.plain,
a.form-blurple.plain,
a.form-forest.plain,
a.form-gradient.plain {
    border: none;
    background: none
}

.form-sub.plain:hover,
.form-btn.plain:hover,
.form-blurple.plain:hover,
.form-forest.plain:hover,
.form-gradient.plain:hover,
a.form-sub.plain:hover,
a.form-btn.plain:hover,
a.form-blurple.plain:hover,
a.form-forest.plain:hover,
a.form-gradient.plain:hover {
    background-color: transparent
}

.form-sub.outlined,
.form-btn.outlined,
.form-blurple.outlined,
.form-forest.outlined,
.form-gradient.outlined,
a.form-sub.outlined,
a.form-btn.outlined,
a.form-blurple.outlined,
a.form-forest.outlined,
a.form-gradient.outlined {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    color: #0d0c22
}

.form-sub.outlined:hover,
.form-sub.outlined:focus,
.form-btn.outlined:hover,
.form-btn.outlined:focus,
.form-blurple.outlined:hover,
.form-blurple.outlined:focus,
.form-forest.outlined:hover,
.form-forest.outlined:focus,
.form-gradient.outlined:hover,
.form-gradient.outlined:focus,
a.form-sub.outlined:hover,
a.form-sub.outlined:focus,
a.form-btn.outlined:hover,
a.form-btn.outlined:focus,
a.form-blurple.outlined:hover,
a.form-blurple.outlined:focus,
a.form-forest.outlined:hover,
a.form-forest.outlined:focus,
a.form-gradient.outlined:hover,
a.form-gradient.outlined:focus {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #dbdbde inset;
    box-shadow: 0px 0px 0px 1px #dbdbde inset;
    color: #0d0c22
}

.form-sub.outlined:active,
.form-btn.outlined:active,
.form-blurple.outlined:active,
.form-forest.outlined:active,
.form-gradient.outlined:active,
a.form-sub.outlined:active,
a.form-btn.outlined:active,
a.form-blurple.outlined:active,
a.form-forest.outlined:active,
a.form-gradient.outlined:active {
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0d0c22
}

.form-sub.star-btn,
.form-btn.star-btn,
.form-blurple.star-btn,
.form-forest.star-btn,
.form-gradient.star-btn,
a.form-sub.star-btn,
a.form-btn.star-btn,
a.form-blurple.star-btn,
a.form-forest.star-btn,
a.form-gradient.star-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 32px;
    overflow: hidden;
    border: 2px solid rgba(254, 186, 87, 0.5);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(254, 186, 87, 0.05)), to(rgba(254, 186, 87, 0.05))), #fff;
    background: linear-gradient(0deg, rgba(254, 186, 87, 0.05), rgba(254, 186, 87, 0.05)), #fff;
    color: #0d0c22
}

.form-sub.star-btn:before,
.form-btn.star-btn:before,
.form-blurple.star-btn:before,
.form-forest.star-btn:before,
.form-gradient.star-btn:before,
a.form-sub.star-btn:before,
a.form-btn.star-btn:before,
a.form-blurple.star-btn:before,
a.form-forest.star-btn:before,
a.form-gradient.star-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 13px;
    width: 14px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/assets/icons/dribbble-one-five/star-c8c96060df21974480b2cd936160a5bae964f991a4245ef146da1c67ca07cc32.svg) no-repeat;
    background-size: 13px;
    pointer-events: none
}

.form-sub.star-btn:hover,
.form-sub.star-btn:focus,
.form-sub.star-btn:active,
.form-btn.star-btn:hover,
.form-btn.star-btn:focus,
.form-btn.star-btn:active,
.form-blurple.star-btn:hover,
.form-blurple.star-btn:focus,
.form-blurple.star-btn:active,
.form-forest.star-btn:hover,
.form-forest.star-btn:focus,
.form-forest.star-btn:active,
.form-gradient.star-btn:hover,
.form-gradient.star-btn:focus,
.form-gradient.star-btn:active,
a.form-sub.star-btn:hover,
a.form-sub.star-btn:focus,
a.form-sub.star-btn:active,
a.form-btn.star-btn:hover,
a.form-btn.star-btn:focus,
a.form-btn.star-btn:active,
a.form-blurple.star-btn:hover,
a.form-blurple.star-btn:focus,
a.form-blurple.star-btn:active,
a.form-forest.star-btn:hover,
a.form-forest.star-btn:focus,
a.form-forest.star-btn:active,
a.form-gradient.star-btn:hover,
a.form-gradient.star-btn:focus,
a.form-gradient.star-btn:active {
    background-color: transparent;
    color: #0d0c22
}

.form-sub.star-btn:hover:after,
.form-sub.star-btn:focus:after,
.form-sub.star-btn:active:after,
.form-btn.star-btn:hover:after,
.form-btn.star-btn:focus:after,
.form-btn.star-btn:active:after,
.form-blurple.star-btn:hover:after,
.form-blurple.star-btn:focus:after,
.form-blurple.star-btn:active:after,
.form-forest.star-btn:hover:after,
.form-forest.star-btn:focus:after,
.form-forest.star-btn:active:after,
.form-gradient.star-btn:hover:after,
.form-gradient.star-btn:focus:after,
.form-gradient.star-btn:active:after,
a.form-sub.star-btn:hover:after,
a.form-sub.star-btn:focus:after,
a.form-sub.star-btn:active:after,
a.form-btn.star-btn:hover:after,
a.form-btn.star-btn:focus:after,
a.form-btn.star-btn:active:after,
a.form-blurple.star-btn:hover:after,
a.form-blurple.star-btn:focus:after,
a.form-blurple.star-btn:active:after,
a.form-forest.star-btn:hover:after,
a.form-forest.star-btn:focus:after,
a.form-forest.star-btn:active:after,
a.form-gradient.star-btn:hover:after,
a.form-gradient.star-btn:focus:after,
a.form-gradient.star-btn:active:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation: slide 1.5s infinite;
    animation: slide 1.5s infinite;
    background: linear-gradient(135deg, transparent 44%, rgba(254, 186, 87, 0.1) 45%, rgba(254, 186, 87, 0.1) 66%, transparent 69%)
}

.form-sub.floated,
.form-btn.floated,
.form-blurple.floated,
.form-forest.floated,
.form-gradient.floated,
a.form-sub.floated,
a.form-btn.floated,
a.form-blurple.floated,
a.form-forest.floated,
a.form-gradient.floated {
    float: right
}

.form-sub.compact,
.form-btn.compact,
.form-blurple.compact,
.form-forest.compact,
.form-gradient.compact,
a.form-sub.compact,
a.form-btn.compact,
a.form-blurple.compact,
a.form-forest.compact,
a.form-gradient.compact {
    height: auto;
    padding: 6px;
    font-size: 0;
    line-height: 1
}

.form-sub.compact span,
.form-btn.compact span,
.form-blurple.compact span,
.form-forest.compact span,
.form-gradient.compact span,
a.form-sub.compact span,
a.form-btn.compact span,
a.form-blurple.compact span,
a.form-forest.compact span,
a.form-gradient.compact span {
    display: none
}

.form-sub.compact svg,
.form-btn.compact svg,
.form-blurple.compact svg,
.form-forest.compact svg,
.form-gradient.compact svg,
a.form-sub.compact svg,
a.form-btn.compact svg,
a.form-blurple.compact svg,
a.form-forest.compact svg,
a.form-gradient.compact svg {
    width: 12px;
    height: 12px;
    margin-top: 0;
    margin-right: 0
}

.form-sub.compact-with-text,
.form-btn.compact-with-text,
.form-blurple.compact-with-text,
.form-forest.compact-with-text,
.form-gradient.compact-with-text,
a.form-sub.compact-with-text,
a.form-btn.compact-with-text,
a.form-blurple.compact-with-text,
a.form-forest.compact-with-text,
a.form-gradient.compact-with-text {
    font-size: 13px;
    font-weight: 500
}

.form-sub span.check,
.form-btn span.check,
.form-blurple span.check,
.form-forest span.check,
.form-gradient span.check,
a.form-sub span.check,
a.form-btn span.check,
a.form-blurple span.check,
a.form-forest span.check,
a.form-gradient span.check {
    display: none;
    position: absolute;
    right: -4px;
    bottom: -4px;
    padding: 2px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #9e9ea7;
    font-size: 0;
    line-height: 1
}

.form-sub span.check svg,
.form-btn span.check svg,
.form-blurple span.check svg,
.form-forest span.check svg,
.form-gradient span.check svg,
a.form-sub span.check svg,
a.form-btn span.check svg,
a.form-blurple span.check svg,
a.form-forest span.check svg,
a.form-gradient span.check svg {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0;
    fill: #fff;
    vertical-align: baseline
}

.form-sub.follow-btn .follow-buttton-icon,
.form-btn.follow-btn .follow-buttton-icon,
.form-blurple.follow-btn .follow-buttton-icon,
.form-forest.follow-btn .follow-buttton-icon,
.form-gradient.follow-btn .follow-buttton-icon,
a.form-sub.follow-btn .follow-buttton-icon,
a.form-btn.follow-btn .follow-buttton-icon,
a.form-blurple.follow-btn .follow-buttton-icon,
a.form-forest.follow-btn .follow-buttton-icon,
a.form-gradient.follow-btn .follow-buttton-icon {
    display: inline-block;
    vertical-align: middle
}

.form-sub.follow-btn .follow-buttton-icon svg,
.form-btn.follow-btn .follow-buttton-icon svg,
.form-blurple.follow-btn .follow-buttton-icon svg,
.form-forest.follow-btn .follow-buttton-icon svg,
.form-gradient.follow-btn .follow-buttton-icon svg,
a.form-sub.follow-btn .follow-buttton-icon svg,
a.form-btn.follow-btn .follow-buttton-icon svg,
a.form-blurple.follow-btn .follow-buttton-icon svg,
a.form-forest.follow-btn .follow-buttton-icon svg,
a.form-gradient.follow-btn .follow-buttton-icon svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: sub;
    pointer-events: none
}

.form-sub.follow-btn .follow-button-text,
.form-btn.follow-btn .follow-button-text,
.form-blurple.follow-btn .follow-button-text,
.form-forest.follow-btn .follow-button-text,
.form-gradient.follow-btn .follow-button-text,
a.form-sub.follow-btn .follow-button-text,
a.form-btn.follow-btn .follow-button-text,
a.form-blurple.follow-btn .follow-button-text,
a.form-forest.follow-btn .follow-button-text,
a.form-gradient.follow-btn .follow-button-text {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle
}

.form-sub.playbook-btn,
.form-sub.btn-interested,
.form-btn.playbook-btn,
.form-btn.btn-interested,
.form-blurple.playbook-btn,
.form-blurple.btn-interested,
.form-forest.playbook-btn,
.form-forest.btn-interested,
.form-gradient.playbook-btn,
.form-gradient.btn-interested,
a.form-sub.playbook-btn,
a.form-sub.btn-interested,
a.form-btn.playbook-btn,
a.form-btn.btn-interested,
a.form-blurple.playbook-btn,
a.form-blurple.btn-interested,
a.form-forest.playbook-btn,
a.form-forest.btn-interested,
a.form-gradient.playbook-btn,
a.form-gradient.btn-interested {
    background-color: #77e0b5
}

.form-sub.playbook-btn:hover,
.form-sub.playbook-btn:focus,
.form-sub.btn-interested:hover,
.form-sub.btn-interested:focus,
.form-btn.playbook-btn:hover,
.form-btn.playbook-btn:focus,
.form-btn.btn-interested:hover,
.form-btn.btn-interested:focus,
.form-blurple.playbook-btn:hover,
.form-blurple.playbook-btn:focus,
.form-blurple.btn-interested:hover,
.form-blurple.btn-interested:focus,
.form-forest.playbook-btn:hover,
.form-forest.playbook-btn:focus,
.form-forest.btn-interested:hover,
.form-forest.btn-interested:focus,
.form-gradient.playbook-btn:hover,
.form-gradient.playbook-btn:focus,
.form-gradient.btn-interested:hover,
.form-gradient.btn-interested:focus,
a.form-sub.playbook-btn:hover,
a.form-sub.playbook-btn:focus,
a.form-sub.btn-interested:hover,
a.form-sub.btn-interested:focus,
a.form-btn.playbook-btn:hover,
a.form-btn.playbook-btn:focus,
a.form-btn.btn-interested:hover,
a.form-btn.btn-interested:focus,
a.form-blurple.playbook-btn:hover,
a.form-blurple.playbook-btn:focus,
a.form-blurple.btn-interested:hover,
a.form-blurple.btn-interested:focus,
a.form-forest.playbook-btn:hover,
a.form-forest.playbook-btn:focus,
a.form-forest.btn-interested:hover,
a.form-forest.btn-interested:focus,
a.form-gradient.playbook-btn:hover,
a.form-gradient.playbook-btn:focus,
a.form-gradient.btn-interested:hover,
a.form-gradient.btn-interested:focus {
    background-color: #92e6c4
}

.form-sub.playbook-btn:active,
.form-sub.btn-interested:active,
.form-btn.playbook-btn:active,
.form-btn.btn-interested:active,
.form-blurple.playbook-btn:active,
.form-blurple.btn-interested:active,
.form-forest.playbook-btn:active,
.form-forest.btn-interested:active,
.form-gradient.playbook-btn:active,
.form-gradient.btn-interested:active,
a.form-sub.playbook-btn:active,
a.form-sub.btn-interested:active,
a.form-btn.playbook-btn:active,
a.form-btn.btn-interested:active,
a.form-blurple.playbook-btn:active,
a.form-blurple.btn-interested:active,
a.form-forest.playbook-btn:active,
a.form-forest.btn-interested:active,
a.form-gradient.playbook-btn:active,
a.form-gradient.btn-interested:active {
    background-color: #5fb391
}

.form-sub.transparent-btn,
.form-btn.transparent-btn,
.form-blurple.transparent-btn,
.form-forest.transparent-btn,
.form-gradient.transparent-btn,
a.form-sub.transparent-btn,
a.form-btn.transparent-btn,
a.form-blurple.transparent-btn,
a.form-forest.transparent-btn,
a.form-gradient.transparent-btn {
    border: 0;
    background-color: transparent;
    color: #6e6d7a
}

.form-sub.transparent-btn:hover,
.form-sub.transparent-btn:focus,
.form-btn.transparent-btn:hover,
.form-btn.transparent-btn:focus,
.form-blurple.transparent-btn:hover,
.form-blurple.transparent-btn:focus,
.form-forest.transparent-btn:hover,
.form-forest.transparent-btn:focus,
.form-gradient.transparent-btn:hover,
.form-gradient.transparent-btn:focus,
a.form-sub.transparent-btn:hover,
a.form-sub.transparent-btn:focus,
a.form-btn.transparent-btn:hover,
a.form-btn.transparent-btn:focus,
a.form-blurple.transparent-btn:hover,
a.form-blurple.transparent-btn:focus,
a.form-forest.transparent-btn:hover,
a.form-forest.transparent-btn:focus,
a.form-gradient.transparent-btn:hover,
a.form-gradient.transparent-btn:focus {
    background-color: #f4f4f4
}

.form-sub.transparent-btn.is-active,
.form-btn.transparent-btn.is-active,
.form-blurple.transparent-btn.is-active,
.form-forest.transparent-btn.is-active,
.form-gradient.transparent-btn.is-active,
a.form-sub.transparent-btn.is-active,
a.form-btn.transparent-btn.is-active,
a.form-blurple.transparent-btn.is-active,
a.form-forest.transparent-btn.is-active,
a.form-gradient.transparent-btn.is-active {
    background-color: rgba(79, 60, 201, 0.15);
    color: #4f3cc9
}

.form-sub.warning-btn,
.form-btn.warning-btn,
.form-blurple.warning-btn,
.form-forest.warning-btn,
.form-gradient.warning-btn,
a.form-sub.warning-btn,
a.form-btn.warning-btn,
a.form-blurple.warning-btn,
a.form-forest.warning-btn,
a.form-gradient.warning-btn {
    border: 0;
    background-color: #ff5555;
    color: #fff
}

.form-sub.warning-btn:hover,
.form-sub.warning-btn:focus,
.form-btn.warning-btn:hover,
.form-btn.warning-btn:focus,
.form-blurple.warning-btn:hover,
.form-blurple.warning-btn:focus,
.form-forest.warning-btn:hover,
.form-forest.warning-btn:focus,
.form-gradient.warning-btn:hover,
.form-gradient.warning-btn:focus,
a.form-sub.warning-btn:hover,
a.form-sub.warning-btn:focus,
a.form-btn.warning-btn:hover,
a.form-btn.warning-btn:focus,
a.form-blurple.warning-btn:hover,
a.form-blurple.warning-btn:focus,
a.form-forest.warning-btn:hover,
a.form-forest.warning-btn:focus,
a.form-gradient.warning-btn:hover,
a.form-gradient.warning-btn:focus {
    background-color: #ff2222
}

.form-sub.talent-prompt-btn,
.form-btn.talent-prompt-btn,
.form-blurple.talent-prompt-btn,
.form-forest.talent-prompt-btn,
.form-gradient.talent-prompt-btn,
a.form-sub.talent-prompt-btn,
a.form-btn.talent-prompt-btn,
a.form-blurple.talent-prompt-btn,
a.form-forest.talent-prompt-btn,
a.form-gradient.talent-prompt-btn {
    background-color: #dbdbde;
    color: #6e6d7a
}

.form-sub.talent-prompt-btn:hover,
.form-sub.talent-prompt-btn:focus,
.form-btn.talent-prompt-btn:hover,
.form-btn.talent-prompt-btn:focus,
.form-blurple.talent-prompt-btn:hover,
.form-blurple.talent-prompt-btn:focus,
.form-forest.talent-prompt-btn:hover,
.form-forest.talent-prompt-btn:focus,
.form-gradient.talent-prompt-btn:hover,
.form-gradient.talent-prompt-btn:focus,
a.form-sub.talent-prompt-btn:hover,
a.form-sub.talent-prompt-btn:focus,
a.form-btn.talent-prompt-btn:hover,
a.form-btn.talent-prompt-btn:focus,
a.form-blurple.talent-prompt-btn:hover,
a.form-blurple.talent-prompt-btn:focus,
a.form-forest.talent-prompt-btn:hover,
a.form-forest.talent-prompt-btn:focus,
a.form-gradient.talent-prompt-btn:hover,
a.form-gradient.talent-prompt-btn:focus {
    background-color: #f082ac;
    color: #fff
}

.form-sub.talent-prompt-btn:hover.disabled,
.form-sub.talent-prompt-btn:hover[disabled],
.form-sub.talent-prompt-btn:focus.disabled,
.form-sub.talent-prompt-btn:focus[disabled],
.form-btn.talent-prompt-btn:hover.disabled,
.form-btn.talent-prompt-btn:hover[disabled],
.form-btn.talent-prompt-btn:focus.disabled,
.form-btn.talent-prompt-btn:focus[disabled],
.form-blurple.talent-prompt-btn:hover.disabled,
.form-blurple.talent-prompt-btn:hover[disabled],
.form-blurple.talent-prompt-btn:focus.disabled,
.form-blurple.talent-prompt-btn:focus[disabled],
.form-forest.talent-prompt-btn:hover.disabled,
.form-forest.talent-prompt-btn:hover[disabled],
.form-forest.talent-prompt-btn:focus.disabled,
.form-forest.talent-prompt-btn:focus[disabled],
.form-gradient.talent-prompt-btn:hover.disabled,
.form-gradient.talent-prompt-btn:hover[disabled],
.form-gradient.talent-prompt-btn:focus.disabled,
.form-gradient.talent-prompt-btn:focus[disabled],
a.form-sub.talent-prompt-btn:hover.disabled,
a.form-sub.talent-prompt-btn:hover[disabled],
a.form-sub.talent-prompt-btn:focus.disabled,
a.form-sub.talent-prompt-btn:focus[disabled],
a.form-btn.talent-prompt-btn:hover.disabled,
a.form-btn.talent-prompt-btn:hover[disabled],
a.form-btn.talent-prompt-btn:focus.disabled,
a.form-btn.talent-prompt-btn:focus[disabled],
a.form-blurple.talent-prompt-btn:hover.disabled,
a.form-blurple.talent-prompt-btn:hover[disabled],
a.form-blurple.talent-prompt-btn:focus.disabled,
a.form-blurple.talent-prompt-btn:focus[disabled],
a.form-forest.talent-prompt-btn:hover.disabled,
a.form-forest.talent-prompt-btn:hover[disabled],
a.form-forest.talent-prompt-btn:focus.disabled,
a.form-forest.talent-prompt-btn:focus[disabled],
a.form-gradient.talent-prompt-btn:hover.disabled,
a.form-gradient.talent-prompt-btn:hover[disabled],
a.form-gradient.talent-prompt-btn:focus.disabled,
a.form-gradient.talent-prompt-btn:focus[disabled] {
    background-color: #dbdbde
}

.form-sub.talent-prompt-btn:active,
.form-btn.talent-prompt-btn:active,
.form-blurple.talent-prompt-btn:active,
.form-forest.talent-prompt-btn:active,
.form-gradient.talent-prompt-btn:active,
a.form-sub.talent-prompt-btn:active,
a.form-btn.talent-prompt-btn:active,
a.form-blurple.talent-prompt-btn:active,
a.form-forest.talent-prompt-btn:active,
a.form-gradient.talent-prompt-btn:active {
    background-color: #bb3d6e;
    color: #fff
}

.form-sub.talent-prompt-btn:active.disabled,
.form-sub.talent-prompt-btn:active[disabled],
.form-btn.talent-prompt-btn:active.disabled,
.form-btn.talent-prompt-btn:active[disabled],
.form-blurple.talent-prompt-btn:active.disabled,
.form-blurple.talent-prompt-btn:active[disabled],
.form-forest.talent-prompt-btn:active.disabled,
.form-forest.talent-prompt-btn:active[disabled],
.form-gradient.talent-prompt-btn:active.disabled,
.form-gradient.talent-prompt-btn:active[disabled],
a.form-sub.talent-prompt-btn:active.disabled,
a.form-sub.talent-prompt-btn:active[disabled],
a.form-btn.talent-prompt-btn:active.disabled,
a.form-btn.talent-prompt-btn:active[disabled],
a.form-blurple.talent-prompt-btn:active.disabled,
a.form-blurple.talent-prompt-btn:active[disabled],
a.form-forest.talent-prompt-btn:active.disabled,
a.form-forest.talent-prompt-btn:active[disabled],
a.form-gradient.talent-prompt-btn:active.disabled,
a.form-gradient.talent-prompt-btn:active[disabled] {
    background-color: #dbdbde
}

.form-sub.auth-twitter,
.form-sub.auth-google,
.form-sub.auth-figma,
.form-btn.auth-twitter,
.form-btn.auth-google,
.form-btn.auth-figma,
.form-blurple.auth-twitter,
.form-blurple.auth-google,
.form-blurple.auth-figma,
.form-forest.auth-twitter,
.form-forest.auth-google,
.form-forest.auth-figma,
.form-gradient.auth-twitter,
.form-gradient.auth-google,
.form-gradient.auth-figma,
a.form-sub.auth-twitter,
a.form-sub.auth-google,
a.form-sub.auth-figma,
a.form-btn.auth-twitter,
a.form-btn.auth-google,
a.form-btn.auth-figma,
a.form-blurple.auth-twitter,
a.form-blurple.auth-google,
a.form-blurple.auth-figma,
a.form-forest.auth-twitter,
a.form-forest.auth-google,
a.form-forest.auth-figma,
a.form-gradient.auth-twitter,
a.form-gradient.auth-google,
a.form-gradient.auth-figma {
    color: #fff
}

.form-sub.auth-twitter.auth-nonlink,
.form-sub.auth-google.auth-nonlink,
.form-sub.auth-figma.auth-nonlink,
.form-btn.auth-twitter.auth-nonlink,
.form-btn.auth-google.auth-nonlink,
.form-btn.auth-figma.auth-nonlink,
.form-blurple.auth-twitter.auth-nonlink,
.form-blurple.auth-google.auth-nonlink,
.form-blurple.auth-figma.auth-nonlink,
.form-forest.auth-twitter.auth-nonlink,
.form-forest.auth-google.auth-nonlink,
.form-forest.auth-figma.auth-nonlink,
.form-gradient.auth-twitter.auth-nonlink,
.form-gradient.auth-google.auth-nonlink,
.form-gradient.auth-figma.auth-nonlink,
a.form-sub.auth-twitter.auth-nonlink,
a.form-sub.auth-google.auth-nonlink,
a.form-sub.auth-figma.auth-nonlink,
a.form-btn.auth-twitter.auth-nonlink,
a.form-btn.auth-google.auth-nonlink,
a.form-btn.auth-figma.auth-nonlink,
a.form-blurple.auth-twitter.auth-nonlink,
a.form-blurple.auth-google.auth-nonlink,
a.form-blurple.auth-figma.auth-nonlink,
a.form-forest.auth-twitter.auth-nonlink,
a.form-forest.auth-google.auth-nonlink,
a.form-forest.auth-figma.auth-nonlink,
a.form-gradient.auth-twitter.auth-nonlink,
a.form-gradient.auth-google.auth-nonlink,
a.form-gradient.auth-figma.auth-nonlink {
    padding-right: 24px;
    border: 1px solid #ccc;
    background-color: rgba(0, 0, 0, 0.05);
    color: #0d0c22
}

.form-sub.auth-twitter.auth-nonlink:hover,
.form-sub.auth-twitter.auth-nonlink:focus,
.form-sub.auth-twitter.auth-nonlink:active,
.form-sub.auth-google.auth-nonlink:hover,
.form-sub.auth-google.auth-nonlink:focus,
.form-sub.auth-google.auth-nonlink:active,
.form-sub.auth-figma.auth-nonlink:hover,
.form-sub.auth-figma.auth-nonlink:focus,
.form-sub.auth-figma.auth-nonlink:active,
.form-btn.auth-twitter.auth-nonlink:hover,
.form-btn.auth-twitter.auth-nonlink:focus,
.form-btn.auth-twitter.auth-nonlink:active,
.form-btn.auth-google.auth-nonlink:hover,
.form-btn.auth-google.auth-nonlink:focus,
.form-btn.auth-google.auth-nonlink:active,
.form-btn.auth-figma.auth-nonlink:hover,
.form-btn.auth-figma.auth-nonlink:focus,
.form-btn.auth-figma.auth-nonlink:active,
.form-blurple.auth-twitter.auth-nonlink:hover,
.form-blurple.auth-twitter.auth-nonlink:focus,
.form-blurple.auth-twitter.auth-nonlink:active,
.form-blurple.auth-google.auth-nonlink:hover,
.form-blurple.auth-google.auth-nonlink:focus,
.form-blurple.auth-google.auth-nonlink:active,
.form-blurple.auth-figma.auth-nonlink:hover,
.form-blurple.auth-figma.auth-nonlink:focus,
.form-blurple.auth-figma.auth-nonlink:active,
.form-forest.auth-twitter.auth-nonlink:hover,
.form-forest.auth-twitter.auth-nonlink:focus,
.form-forest.auth-twitter.auth-nonlink:active,
.form-forest.auth-google.auth-nonlink:hover,
.form-forest.auth-google.auth-nonlink:focus,
.form-forest.auth-google.auth-nonlink:active,
.form-forest.auth-figma.auth-nonlink:hover,
.form-forest.auth-figma.auth-nonlink:focus,
.form-forest.auth-figma.auth-nonlink:active,
.form-gradient.auth-twitter.auth-nonlink:hover,
.form-gradient.auth-twitter.auth-nonlink:focus,
.form-gradient.auth-twitter.auth-nonlink:active,
.form-gradient.auth-google.auth-nonlink:hover,
.form-gradient.auth-google.auth-nonlink:focus,
.form-gradient.auth-google.auth-nonlink:active,
.form-gradient.auth-figma.auth-nonlink:hover,
.form-gradient.auth-figma.auth-nonlink:focus,
.form-gradient.auth-figma.auth-nonlink:active,
a.form-sub.auth-twitter.auth-nonlink:hover,
a.form-sub.auth-twitter.auth-nonlink:focus,
a.form-sub.auth-twitter.auth-nonlink:active,
a.form-sub.auth-google.auth-nonlink:hover,
a.form-sub.auth-google.auth-nonlink:focus,
a.form-sub.auth-google.auth-nonlink:active,
a.form-sub.auth-figma.auth-nonlink:hover,
a.form-sub.auth-figma.auth-nonlink:focus,
a.form-sub.auth-figma.auth-nonlink:active,
a.form-btn.auth-twitter.auth-nonlink:hover,
a.form-btn.auth-twitter.auth-nonlink:focus,
a.form-btn.auth-twitter.auth-nonlink:active,
a.form-btn.auth-google.auth-nonlink:hover,
a.form-btn.auth-google.auth-nonlink:focus,
a.form-btn.auth-google.auth-nonlink:active,
a.form-btn.auth-figma.auth-nonlink:hover,
a.form-btn.auth-figma.auth-nonlink:focus,
a.form-btn.auth-figma.auth-nonlink:active,
a.form-blurple.auth-twitter.auth-nonlink:hover,
a.form-blurple.auth-twitter.auth-nonlink:focus,
a.form-blurple.auth-twitter.auth-nonlink:active,
a.form-blurple.auth-google.auth-nonlink:hover,
a.form-blurple.auth-google.auth-nonlink:focus,
a.form-blurple.auth-google.auth-nonlink:active,
a.form-blurple.auth-figma.auth-nonlink:hover,
a.form-blurple.auth-figma.auth-nonlink:focus,
a.form-blurple.auth-figma.auth-nonlink:active,
a.form-forest.auth-twitter.auth-nonlink:hover,
a.form-forest.auth-twitter.auth-nonlink:focus,
a.form-forest.auth-twitter.auth-nonlink:active,
a.form-forest.auth-google.auth-nonlink:hover,
a.form-forest.auth-google.auth-nonlink:focus,
a.form-forest.auth-google.auth-nonlink:active,
a.form-forest.auth-figma.auth-nonlink:hover,
a.form-forest.auth-figma.auth-nonlink:focus,
a.form-forest.auth-figma.auth-nonlink:active,
a.form-gradient.auth-twitter.auth-nonlink:hover,
a.form-gradient.auth-twitter.auth-nonlink:focus,
a.form-gradient.auth-twitter.auth-nonlink:active,
a.form-gradient.auth-google.auth-nonlink:hover,
a.form-gradient.auth-google.auth-nonlink:focus,
a.form-gradient.auth-google.auth-nonlink:active,
a.form-gradient.auth-figma.auth-nonlink:hover,
a.form-gradient.auth-figma.auth-nonlink:focus,
a.form-gradient.auth-figma.auth-nonlink:active {
    background-color: rgba(0, 0, 0, 0.05)
}

.form-sub.auth-twitter a.remove,
.form-sub.auth-google a.remove,
.form-sub.auth-figma a.remove,
.form-btn.auth-twitter a.remove,
.form-btn.auth-google a.remove,
.form-btn.auth-figma a.remove,
.form-blurple.auth-twitter a.remove,
.form-blurple.auth-google a.remove,
.form-blurple.auth-figma a.remove,
.form-forest.auth-twitter a.remove,
.form-forest.auth-google a.remove,
.form-forest.auth-figma a.remove,
.form-gradient.auth-twitter a.remove,
.form-gradient.auth-google a.remove,
.form-gradient.auth-figma a.remove,
a.form-sub.auth-twitter a.remove,
a.form-sub.auth-google a.remove,
a.form-sub.auth-figma a.remove,
a.form-btn.auth-twitter a.remove,
a.form-btn.auth-google a.remove,
a.form-btn.auth-figma a.remove,
a.form-blurple.auth-twitter a.remove,
a.form-blurple.auth-google a.remove,
a.form-blurple.auth-figma a.remove,
a.form-forest.auth-twitter a.remove,
a.form-forest.auth-google a.remove,
a.form-forest.auth-figma a.remove,
a.form-gradient.auth-twitter a.remove,
a.form-gradient.auth-google a.remove,
a.form-gradient.auth-figma a.remove {
    position: absolute;
    z-index: 3;
    top: -2px;
    right: -7px;
    width: 12px;
    height: 12px;
    margin: 6px 12px 0 0;
    padding: 0;
    background: url(/assets/icon-tagx-a74c6290779cc955ffc024dc7ad59138bbe4a9b8bdddffa374b24725dfb84dda.png) no-repeat 0 0;
    color: #9e9ea7;
    vertical-align: middle
}

.form-sub.auth-twitter a.remove:hover,
.form-sub.auth-google a.remove:hover,
.form-sub.auth-figma a.remove:hover,
.form-btn.auth-twitter a.remove:hover,
.form-btn.auth-google a.remove:hover,
.form-btn.auth-figma a.remove:hover,
.form-blurple.auth-twitter a.remove:hover,
.form-blurple.auth-google a.remove:hover,
.form-blurple.auth-figma a.remove:hover,
.form-forest.auth-twitter a.remove:hover,
.form-forest.auth-google a.remove:hover,
.form-forest.auth-figma a.remove:hover,
.form-gradient.auth-twitter a.remove:hover,
.form-gradient.auth-google a.remove:hover,
.form-gradient.auth-figma a.remove:hover,
a.form-sub.auth-twitter a.remove:hover,
a.form-sub.auth-google a.remove:hover,
a.form-sub.auth-figma a.remove:hover,
a.form-btn.auth-twitter a.remove:hover,
a.form-btn.auth-google a.remove:hover,
a.form-btn.auth-figma a.remove:hover,
a.form-blurple.auth-twitter a.remove:hover,
a.form-blurple.auth-google a.remove:hover,
a.form-blurple.auth-figma a.remove:hover,
a.form-forest.auth-twitter a.remove:hover,
a.form-forest.auth-google a.remove:hover,
a.form-forest.auth-figma a.remove:hover,
a.form-gradient.auth-twitter a.remove:hover,
a.form-gradient.auth-google a.remove:hover,
a.form-gradient.auth-figma a.remove:hover {
    background-position: 0 -12px
}

.form-sub.auth-twitter a.remove img,
.form-sub.auth-google a.remove img,
.form-sub.auth-figma a.remove img,
.form-btn.auth-twitter a.remove img,
.form-btn.auth-google a.remove img,
.form-btn.auth-figma a.remove img,
.form-blurple.auth-twitter a.remove img,
.form-blurple.auth-google a.remove img,
.form-blurple.auth-figma a.remove img,
.form-forest.auth-twitter a.remove img,
.form-forest.auth-google a.remove img,
.form-forest.auth-figma a.remove img,
.form-gradient.auth-twitter a.remove img,
.form-gradient.auth-google a.remove img,
.form-gradient.auth-figma a.remove img,
a.form-sub.auth-twitter a.remove img,
a.form-sub.auth-google a.remove img,
a.form-sub.auth-figma a.remove img,
a.form-btn.auth-twitter a.remove img,
a.form-btn.auth-google a.remove img,
a.form-btn.auth-figma a.remove img,
a.form-blurple.auth-twitter a.remove img,
a.form-blurple.auth-google a.remove img,
a.form-blurple.auth-figma a.remove img,
a.form-forest.auth-twitter a.remove img,
a.form-forest.auth-google a.remove img,
a.form-forest.auth-figma a.remove img,
a.form-gradient.auth-twitter a.remove img,
a.form-gradient.auth-google a.remove img,
a.form-gradient.auth-figma a.remove img {
    height: 0
}

.form-sub.auth-twitter,
.form-btn.auth-twitter,
.form-blurple.auth-twitter,
.form-forest.auth-twitter,
.form-gradient.auth-twitter,
a.form-sub.auth-twitter,
a.form-btn.auth-twitter,
a.form-blurple.auth-twitter,
a.form-forest.auth-twitter,
a.form-gradient.auth-twitter {
    background-color: #1da1f2
}

.form-sub.auth-twitter span.new,
.form-btn.auth-twitter span.new,
.form-blurple.auth-twitter span.new,
.form-forest.auth-twitter span.new,
.form-gradient.auth-twitter span.new,
a.form-sub.auth-twitter span.new,
a.form-btn.auth-twitter span.new,
a.form-blurple.auth-twitter span.new,
a.form-forest.auth-twitter span.new,
a.form-gradient.auth-twitter span.new {
    display: none
}

.form-sub.auth-twitter.connected,
.form-sub.auth-twitter.connected:focus,
.form-btn.auth-twitter.connected,
.form-btn.auth-twitter.connected:focus,
.form-blurple.auth-twitter.connected,
.form-blurple.auth-twitter.connected:focus,
.form-forest.auth-twitter.connected,
.form-forest.auth-twitter.connected:focus,
.form-gradient.auth-twitter.connected,
.form-gradient.auth-twitter.connected:focus,
a.form-sub.auth-twitter.connected,
a.form-sub.auth-twitter.connected:focus,
a.form-btn.auth-twitter.connected,
a.form-btn.auth-twitter.connected:focus,
a.form-blurple.auth-twitter.connected,
a.form-blurple.auth-twitter.connected:focus,
a.form-forest.auth-twitter.connected,
a.form-forest.auth-twitter.connected:focus,
a.form-gradient.auth-twitter.connected,
a.form-gradient.auth-twitter.connected:focus {
    background: none;
    -webkit-box-shadow: 0px 0px 0px 1px #1da1f2 inset;
    box-shadow: 0px 0px 0px 1px #1da1f2 inset;
    color: #1da1f2
}

.form-sub.auth-twitter.connected span.initial,
.form-sub.auth-twitter.connected img,
.form-sub.auth-twitter.connected:focus span.initial,
.form-sub.auth-twitter.connected:focus img,
.form-btn.auth-twitter.connected span.initial,
.form-btn.auth-twitter.connected img,
.form-btn.auth-twitter.connected:focus span.initial,
.form-btn.auth-twitter.connected:focus img,
.form-blurple.auth-twitter.connected span.initial,
.form-blurple.auth-twitter.connected img,
.form-blurple.auth-twitter.connected:focus span.initial,
.form-blurple.auth-twitter.connected:focus img,
.form-forest.auth-twitter.connected span.initial,
.form-forest.auth-twitter.connected img,
.form-forest.auth-twitter.connected:focus span.initial,
.form-forest.auth-twitter.connected:focus img,
.form-gradient.auth-twitter.connected span.initial,
.form-gradient.auth-twitter.connected img,
.form-gradient.auth-twitter.connected:focus span.initial,
.form-gradient.auth-twitter.connected:focus img,
a.form-sub.auth-twitter.connected span.initial,
a.form-sub.auth-twitter.connected img,
a.form-sub.auth-twitter.connected:focus span.initial,
a.form-sub.auth-twitter.connected:focus img,
a.form-btn.auth-twitter.connected span.initial,
a.form-btn.auth-twitter.connected img,
a.form-btn.auth-twitter.connected:focus span.initial,
a.form-btn.auth-twitter.connected:focus img,
a.form-blurple.auth-twitter.connected span.initial,
a.form-blurple.auth-twitter.connected img,
a.form-blurple.auth-twitter.connected:focus span.initial,
a.form-blurple.auth-twitter.connected:focus img,
a.form-forest.auth-twitter.connected span.initial,
a.form-forest.auth-twitter.connected img,
a.form-forest.auth-twitter.connected:focus span.initial,
a.form-forest.auth-twitter.connected:focus img,
a.form-gradient.auth-twitter.connected span.initial,
a.form-gradient.auth-twitter.connected img,
a.form-gradient.auth-twitter.connected:focus span.initial,
a.form-gradient.auth-twitter.connected:focus img {
    display: none
}

.form-sub.auth-twitter.connected span.new,
.form-sub.auth-twitter.connected:focus span.new,
.form-btn.auth-twitter.connected span.new,
.form-btn.auth-twitter.connected:focus span.new,
.form-blurple.auth-twitter.connected span.new,
.form-blurple.auth-twitter.connected:focus span.new,
.form-forest.auth-twitter.connected span.new,
.form-forest.auth-twitter.connected:focus span.new,
.form-gradient.auth-twitter.connected span.new,
.form-gradient.auth-twitter.connected:focus span.new,
a.form-sub.auth-twitter.connected span.new,
a.form-sub.auth-twitter.connected:focus span.new,
a.form-btn.auth-twitter.connected span.new,
a.form-btn.auth-twitter.connected:focus span.new,
a.form-blurple.auth-twitter.connected span.new,
a.form-blurple.auth-twitter.connected:focus span.new,
a.form-forest.auth-twitter.connected span.new,
a.form-forest.auth-twitter.connected:focus span.new,
a.form-gradient.auth-twitter.connected span.new,
a.form-gradient.auth-twitter.connected:focus span.new {
    display: inline
}

.form-sub.auth-twitter:hover,
.form-sub.auth-twitter:focus,
.form-btn.auth-twitter:hover,
.form-btn.auth-twitter:focus,
.form-blurple.auth-twitter:hover,
.form-blurple.auth-twitter:focus,
.form-forest.auth-twitter:hover,
.form-forest.auth-twitter:focus,
.form-gradient.auth-twitter:hover,
.form-gradient.auth-twitter:focus,
a.form-sub.auth-twitter:hover,
a.form-sub.auth-twitter:focus,
a.form-btn.auth-twitter:hover,
a.form-btn.auth-twitter:focus,
a.form-blurple.auth-twitter:hover,
a.form-blurple.auth-twitter:focus,
a.form-forest.auth-twitter:hover,
a.form-forest.auth-twitter:focus,
a.form-gradient.auth-twitter:hover,
a.form-gradient.auth-twitter:focus {
    background-color: #0d95e8
}

.form-sub.auth-twitter:active,
.form-btn.auth-twitter:active,
.form-blurple.auth-twitter:active,
.form-forest.auth-twitter:active,
.form-gradient.auth-twitter:active,
a.form-sub.auth-twitter:active,
a.form-btn.auth-twitter:active,
a.form-blurple.auth-twitter:active,
a.form-forest.auth-twitter:active,
a.form-gradient.auth-twitter:active {
    background-color: #0d8cda
}

.form-sub.auth-google,
.form-btn.auth-google,
.form-blurple.auth-google,
.form-forest.auth-google,
.form-gradient.auth-google,
a.form-sub.auth-google,
a.form-btn.auth-google,
a.form-blurple.auth-google,
a.form-forest.auth-google,
a.form-gradient.auth-google {
    background-color: #4285f4
}

.form-sub.auth-google:hover,
.form-sub.auth-google:focus,
.form-btn.auth-google:hover,
.form-btn.auth-google:focus,
.form-blurple.auth-google:hover,
.form-blurple.auth-google:focus,
.form-forest.auth-google:hover,
.form-forest.auth-google:focus,
.form-gradient.auth-google:hover,
.form-gradient.auth-google:focus,
a.form-sub.auth-google:hover,
a.form-sub.auth-google:focus,
a.form-btn.auth-google:hover,
a.form-btn.auth-google:focus,
a.form-blurple.auth-google:hover,
a.form-blurple.auth-google:focus,
a.form-forest.auth-google:hover,
a.form-forest.auth-google:focus,
a.form-gradient.auth-google:hover,
a.form-gradient.auth-google:focus {
    background-color: #2a75f3
}

.form-sub.auth-google:active,
.form-btn.auth-google:active,
.form-blurple.auth-google:active,
.form-forest.auth-google:active,
.form-gradient.auth-google:active,
a.form-sub.auth-google:active,
a.form-btn.auth-google:active,
a.form-blurple.auth-google:active,
a.form-forest.auth-google:active,
a.form-gradient.auth-google:active {
    background-color: #1b6cf2
}

.form-sub.auth-figma,
.form-btn.auth-figma,
.form-blurple.auth-figma,
.form-forest.auth-figma,
.form-gradient.auth-figma,
a.form-sub.auth-figma,
a.form-btn.auth-figma,
a.form-blurple.auth-figma,
a.form-forest.auth-figma,
a.form-gradient.auth-figma {
    background-color: #0d0c22
}

.form-sub.auth-figma:hover,
.form-sub.auth-figma:focus,
.form-btn.auth-figma:hover,
.form-btn.auth-figma:focus,
.form-blurple.auth-figma:hover,
.form-blurple.auth-figma:focus,
.form-forest.auth-figma:hover,
.form-forest.auth-figma:focus,
.form-gradient.auth-figma:hover,
.form-gradient.auth-figma:focus,
a.form-sub.auth-figma:hover,
a.form-sub.auth-figma:focus,
a.form-btn.auth-figma:hover,
a.form-btn.auth-figma:focus,
a.form-blurple.auth-figma:hover,
a.form-blurple.auth-figma:focus,
a.form-forest.auth-figma:hover,
a.form-forest.auth-figma:focus,
a.form-gradient.auth-figma:hover,
a.form-gradient.auth-figma:focus {
    background-color: #1b1948
}

.form-sub.auth-figma:active,
.form-btn.auth-figma:active,
.form-blurple.auth-figma:active,
.form-forest.auth-figma:active,
.form-gradient.auth-figma:active,
a.form-sub.auth-figma:active,
a.form-btn.auth-figma:active,
a.form-blurple.auth-figma:active,
a.form-forest.auth-figma:active,
a.form-gradient.auth-figma:active {
    background-color: #191740
}

.form-sub.pinterest-btn svg,
.form-btn.pinterest-btn svg,
.form-blurple.pinterest-btn svg,
.form-forest.pinterest-btn svg,
.form-gradient.pinterest-btn svg,
a.form-sub.pinterest-btn svg,
a.form-btn.pinterest-btn svg,
a.form-blurple.pinterest-btn svg,
a.form-forest.pinterest-btn svg,
a.form-gradient.pinterest-btn svg {
    fill: #bd081c
}

.form-sub.facebook-btn svg,
.form-btn.facebook-btn svg,
.form-blurple.facebook-btn svg,
.form-forest.facebook-btn svg,
.form-gradient.facebook-btn svg,
a.form-sub.facebook-btn svg,
a.form-btn.facebook-btn svg,
a.form-blurple.facebook-btn svg,
a.form-forest.facebook-btn svg,
a.form-gradient.facebook-btn svg {
    fill: #3b5998
}

.form-sub.twitter-btn svg,
.form-btn.twitter-btn svg,
.form-blurple.twitter-btn svg,
.form-forest.twitter-btn svg,
.form-gradient.twitter-btn svg,
a.form-sub.twitter-btn svg,
a.form-btn.twitter-btn svg,
a.form-blurple.twitter-btn svg,
a.form-forest.twitter-btn svg,
a.form-gradient.twitter-btn svg {
    fill: #1da1f2
}

.form-sub.linkedin-btn svg,
.form-btn.linkedin-btn svg,
.form-blurple.linkedin-btn svg,
.form-forest.linkedin-btn svg,
.form-gradient.linkedin-btn svg,
a.form-sub.linkedin-btn svg,
a.form-btn.linkedin-btn svg,
a.form-blurple.linkedin-btn svg,
a.form-forest.linkedin-btn svg,
a.form-gradient.linkedin-btn svg {
    fill: #0077b5
}

.form-sub.clipboard-btn svg,
.form-btn.clipboard-btn svg,
.form-blurple.clipboard-btn svg,
.form-forest.clipboard-btn svg,
.form-gradient.clipboard-btn svg,
a.form-sub.clipboard-btn svg,
a.form-btn.clipboard-btn svg,
a.form-blurple.clipboard-btn svg,
a.form-forest.clipboard-btn svg,
a.form-gradient.clipboard-btn svg {
    fill: #6e6d7a
}

.form-sub.sentence-btn,
.form-btn.sentence-btn,
.form-blurple.sentence-btn,
.form-forest.sentence-btn,
.form-gradient.sentence-btn,
a.form-sub.sentence-btn,
a.form-btn.sentence-btn,
a.form-blurple.sentence-btn,
a.form-forest.sentence-btn,
a.form-gradient.sentence-btn {
    display: inline;
    padding: 0;
    overflow: visible;
    background-color: transparent;
    color: #ea4c89;
    font-size: inherit;
    line-height: inherit
}

.form-sub.sentence-btn.processing,
.form-btn.sentence-btn.processing,
.form-blurple.sentence-btn.processing,
.form-forest.sentence-btn.processing,
.form-gradient.sentence-btn.processing,
a.form-sub.sentence-btn.processing,
a.form-btn.sentence-btn.processing,
a.form-blurple.sentence-btn.processing,
a.form-forest.sentence-btn.processing,
a.form-gradient.sentence-btn.processing {
    padding-left: 17px !important;
    background-color: transparent !important;
    background-size: 17px 17px !important
}

.form-sub.sentence-btn:hover,
.form-sub.sentence-btn:focus,
.form-btn.sentence-btn:hover,
.form-btn.sentence-btn:focus,
.form-blurple.sentence-btn:hover,
.form-blurple.sentence-btn:focus,
.form-forest.sentence-btn:hover,
.form-forest.sentence-btn:focus,
.form-gradient.sentence-btn:hover,
.form-gradient.sentence-btn:focus,
a.form-sub.sentence-btn:hover,
a.form-sub.sentence-btn:focus,
a.form-btn.sentence-btn:hover,
a.form-btn.sentence-btn:focus,
a.form-blurple.sentence-btn:hover,
a.form-blurple.sentence-btn:focus,
a.form-forest.sentence-btn:hover,
a.form-forest.sentence-btn:focus,
a.form-gradient.sentence-btn:hover,
a.form-gradient.sentence-btn:focus {
    background-color: transparent;
    color: #f082ac
}

.form-sub.sentence-btn:active,
.form-btn.sentence-btn:active,
.form-blurple.sentence-btn:active,
.form-forest.sentence-btn:active,
.form-gradient.sentence-btn:active,
a.form-sub.sentence-btn:active,
a.form-btn.sentence-btn:active,
a.form-blurple.sentence-btn:active,
a.form-forest.sentence-btn:active,
a.form-gradient.sentence-btn:active {
    background-color: transparent;
    color: #bb3d6e
}

.form-sub.stripped-btn,
.form-btn.stripped-btn,
.form-blurple.stripped-btn,
.form-forest.stripped-btn,
.form-gradient.stripped-btn,
a.form-sub.stripped-btn,
a.form-btn.stripped-btn,
a.form-blurple.stripped-btn,
a.form-forest.stripped-btn,
a.form-gradient.stripped-btn {
    display: inline;
    padding: 0;
    overflow: visible;
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.form-sub.stripped-btn.processing,
.form-btn.stripped-btn.processing,
.form-blurple.stripped-btn.processing,
.form-forest.stripped-btn.processing,
.form-gradient.stripped-btn.processing,
a.form-sub.stripped-btn.processing,
a.form-btn.stripped-btn.processing,
a.form-blurple.stripped-btn.processing,
a.form-forest.stripped-btn.processing,
a.form-gradient.stripped-btn.processing {
    padding-left: 17px !important;
    background-color: transparent !important;
    background-size: 17px 17px !important
}

.form-sub.stripped-btn:hover,
.form-sub.stripped-btn:focus,
.form-btn.stripped-btn:hover,
.form-btn.stripped-btn:focus,
.form-blurple.stripped-btn:hover,
.form-blurple.stripped-btn:focus,
.form-forest.stripped-btn:hover,
.form-forest.stripped-btn:focus,
.form-gradient.stripped-btn:hover,
.form-gradient.stripped-btn:focus,
a.form-sub.stripped-btn:hover,
a.form-sub.stripped-btn:focus,
a.form-btn.stripped-btn:hover,
a.form-btn.stripped-btn:focus,
a.form-blurple.stripped-btn:hover,
a.form-blurple.stripped-btn:focus,
a.form-forest.stripped-btn:hover,
a.form-forest.stripped-btn:focus,
a.form-gradient.stripped-btn:hover,
a.form-gradient.stripped-btn:focus {
    background-color: transparent;
    color: #f082ac
}

.form-sub.stripped-btn:active,
.form-btn.stripped-btn:active,
.form-blurple.stripped-btn:active,
.form-forest.stripped-btn:active,
.form-gradient.stripped-btn:active,
a.form-sub.stripped-btn:active,
a.form-btn.stripped-btn:active,
a.form-blurple.stripped-btn:active,
a.form-forest.stripped-btn:active,
a.form-gradient.stripped-btn:active {
    background-color: transparent;
    color: #bb3d6e
}

.form-sub svg,
.form-btn svg,
.form-blurple svg,
.form-forest svg,
.form-gradient svg,
a.form-sub svg,
a.form-btn svg,
a.form-blurple svg,
a.form-forest svg,
a.form-gradient svg {
    width: 13px;
    height: 13px;
    margin-top: -3px;
    margin-right: 2px;
    fill: currentColor;
    vertical-align: middle
}

.form-sub svg.icon-16,
.form-btn svg.icon-16,
.form-blurple svg.icon-16,
.form-forest svg.icon-16,
.form-gradient svg.icon-16,
a.form-sub svg.icon-16,
a.form-btn svg.icon-16,
a.form-blurple svg.icon-16,
a.form-forest svg.icon-16,
a.form-gradient svg.icon-16 {
    width: 16px;
    height: 16px;
    margin: 0
}

.listed-by-current-user div.add-to-list .form-sub span.check,
.form-sub.messaged span.check,
.listed-by-current-user div.add-to-list .form-btn span.check,
.form-btn.messaged span.check,
.listed-by-current-user div.add-to-list .form-blurple span.check,
.form-blurple.messaged span.check,
.listed-by-current-user div.add-to-list .form-forest span.check,
.form-forest.messaged span.check,
.listed-by-current-user div.add-to-list .form-gradient span.check,
.form-gradient.messaged span.check,
.listed-by-current-user div.add-to-list a.form-sub span.check,
a.form-sub.messaged span.check,
.listed-by-current-user div.add-to-list a.form-btn span.check,
a.form-btn.messaged span.check,
.listed-by-current-user div.add-to-list a.form-blurple span.check,
a.form-blurple.messaged span.check,
.listed-by-current-user div.add-to-list a.form-forest span.check,
a.form-forest.messaged span.check,
.listed-by-current-user div.add-to-list a.form-gradient span.check,
a.form-gradient.messaged span.check {
    display: block
}

.form-sub,
a.form-sub {
    color: #fff
}

.form-sub:hover,
.form-sub:focus,
a.form-sub:hover,
a.form-sub:focus {
    background: #f082ac
}

.form-sub:hover.disabled,
.form-sub:hover[disabled],
.form-sub:focus.disabled,
.form-sub:focus[disabled],
a.form-sub:hover.disabled,
a.form-sub:hover[disabled],
a.form-sub:focus.disabled,
a.form-sub:focus[disabled] {
    background-color: #ea4c89
}

.form-sub:active,
a.form-sub:active {
    background: #bb3d6e
}

.form-sub:active.disabled,
.form-sub:active[disabled],
a.form-sub:active.disabled,
a.form-sub:active[disabled] {
    background-color: #ea4c89
}

.form-sub.btn-lg,
a.form-sub.btn-lg {
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px
}

.form-forest,
a.form-forest {
    background: #4bb7bf;
    color: #fff
}

.form-forest:hover,
.form-forest:focus,
a.form-forest:hover,
a.form-forest:focus {
    background: #81cdd2
}

.form-forest:hover.disabled,
.form-forest:hover[disabled],
.form-forest:focus.disabled,
.form-forest:focus[disabled],
a.form-forest:hover.disabled,
a.form-forest:hover[disabled],
a.form-forest:focus.disabled,
a.form-forest:focus[disabled] {
    background-color: #4bb7bf
}

.form-forest:active,
a.form-forest:active {
    background: #6fc5cc
}

.form-forest:active.disabled,
.form-forest:active[disabled],
a.form-forest:active.disabled,
a.form-forest:active[disabled] {
    background-color: #4bb7bf
}

.form-blurple,
a.form-blurple {
    background: #4f3cc9;
    color: #fff
}

.form-blurple:hover,
.form-blurple:focus,
a.form-blurple:hover,
a.form-blurple:focus {
    background: #8477d9
}

.form-blurple:hover.disabled,
.form-blurple:hover[disabled],
.form-blurple:focus.disabled,
.form-blurple:focus[disabled],
a.form-blurple:hover.disabled,
a.form-blurple:hover[disabled],
a.form-blurple:focus.disabled,
a.form-blurple:focus[disabled] {
    background-color: #4f3cc9
}

.form-blurple:active,
a.form-blurple:active {
    background: #3f30a1
}

.form-blurple:active.disabled,
.form-blurple:active[disabled],
a.form-blurple:active.disabled,
a.form-blurple:active[disabled] {
    background-color: #4f3cc9
}

.form-sub.disabled,
.form-btn.disabled,
form input[type='submit'][disabled],
a.form-sub[disabled] {
    opacity: 0.4;
    cursor: not-allowed
}

.form-btn,
a.form-btn {
    background: #f3f3f4;
    color: #0d0c22
}

.form-btn:hover,
.form-btn:focus,
a.form-btn:hover,
a.form-btn:focus {
    background-color: #e7e7e9
}

.form-btn:active,
a.form-btn:active {
    background-color: #dbdbde
}

.form-btn.btn-lg,
a.form-btn.btn-lg {
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px
}

.form-gradient,
a.form-gradient {
    background: linear-gradient(100deg, #ff874f 0%, #ec5e95 100%);
    color: #fff
}

.form-gradient:hover,
.form-gradient:focus,
a.form-gradient:hover,
a.form-gradient:focus {
    background: linear-gradient(100deg, #faa279 0%, #f082ac 100%)
}

.form-gradient:active,
a.form-gradient:active {
    background: linear-gradient(100deg, #d57143 0%, #ea4c89 100%)
}

.btn-dropdown {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.btn-dropdown .btn-dropdown-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 35px;
    text-align: left
}

.btn-dropdown .btn-dropdown-link.plain-item {
    padding-right: 16px;
    color: #6e6d7a
}

.btn-dropdown .btn-dropdown-link.plain-item:hover {
    color: #0d0c22
}

.btn-dropdown .btn-dropdown-link.plain-item svg.btn-dropdown-caret {
    top: 6px;
    right: 0
}

.btn-dropdown svg.btn-dropdown-caret {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    fill: currentColor
}

.btn-dropdown svg.btn-dropdown-option {
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-right: 3px;
    vertical-align: middle
}

.btn-dropdown.open .btn-dropdown-link svg.btn-dropdown-caret {
    -webkit-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.btn-dropdown.open div.btn-dropdown-options {
    display: block;
    z-index: 2
}

div.btn-dropdown-options {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: none;
    position: absolute;
    z-index: 1;
    top: calc(100% - 210px);
    left: 0;
    min-width: 180px;
    margin-top: 4px;
    overflow: auto;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04)
}

div.btn-dropdown-options.right {
    right: 0;
    left: auto
}

div.btn-dropdown-options ul {
    padding: 8px 0;
    list-style: none
}

div.btn-dropdown-options .option-padding {
    padding-right: 15px;
    padding-left: 15px
}

div.btn-dropdown-options li.rule {
    margin: 5px 0;
    border-bottom: 1px solid #dbdbde
}

div.btn-dropdown-options .btn-dropdown-item,
div.btn-dropdown-options a {
    display: block;
    padding: 8px 15px;
    color: #6e6d7a;
    font-size: 13px
}

div.btn-dropdown-options .btn-dropdown-item:hover,
div.btn-dropdown-options .btn-dropdown-item:active,
div.btn-dropdown-options a:hover,
div.btn-dropdown-options a:active {
    background-color: #e7e7e9
}

div.btn-dropdown-options .disabled {
    color: #9e9ea7
}

div.btn-dropdown-options .disabled:hover,
div.btn-dropdown-options .disabled:active {
    background-color: inherit
}

div.btn-dropdown-options a.active,
div.btn-dropdown-options li.active a {
    color: #ea4c89;
    font-weight: 500
}

div.copy div.btn-dropdown-options {
    list-style: none
}

div.copy div.btn-dropdown-options ul {
    margin: 0
}

div.copy div.btn-dropdown-options li {
    margin: 0
}

div.copy div.btn-dropdown-options li.rule {
    margin: 5px 0
}

.hover-dropdown {
    display: inline-block;
    position: relative;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.hover-dropdown .hover-dropdown-target:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px
}

.hover-dropdown .hover-dropdown-target svg {
    width: 10px;
    height: 10px;
    margin-left: 8px;
    fill: currentColor;
    vertical-align: middle
}

.hover-dropdown.outlined .hover-dropdown-link {
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset
}

.hover-dropdown.active .hover-dropdown-link {
    border-radius: 8px;
    background: rgba(13, 12, 34, 0.05);
    font-weight: 500
}

.hover-dropdown .hover-dropdown-link {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 16px;
    border-radius: 8px;
    outline: none;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.hover-dropdown .hover-dropdown-link:hover {
    opacity: 1
}

.hover-dropdown ul {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    min-width: 180px;
    margin: 0;
    padding: 8px 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    list-style: none;
    text-align: left;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.hover-dropdown ul a {
    padding: 8px 15px;
    color: #6e6d7a;
    font-size: 13px
}

.hover-dropdown ul li:hover,
.hover-dropdown ul li:active {
    background-color: #e7e7e9
}

.hover-dropdown:hover ul {
    display: block
}

.form-btn.outlined.btn-dropdown-link {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #6e6d7a
}

.form-btn.outlined.btn-dropdown-link:hover,
.hover-dropdown.outlined .hover-dropdown-link:hover {
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

.form-btn.outlined.btn-dropdown-link:focus,
.hover-dropdown.outlined .hover-dropdown-link:focus {
    border-color: rgba(234, 76, 137, 0.4);
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

.form-btn.outlined.btn-dropdown-link:active,
.hover-dropdown.outlined .hover-dropdown-link:active {
    border: 1px solid #e7e7e9;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-btn.bg-green,
a.form-btn.bg-green {
    background: #068178;
    color: #fff
}

.form-btn.bg-green:hover,
.form-btn.bg-green:focus,
a.form-btn.bg-green:hover,
a.form-btn.bg-green:focus {
    background: #51a7a1
}

.form-btn.bg-green:hover.disabled,
.form-btn.bg-green:hover[disabled],
.form-btn.bg-green:focus.disabled,
.form-btn.bg-green:focus[disabled],
a.form-btn.bg-green:hover.disabled,
a.form-btn.bg-green:hover[disabled],
a.form-btn.bg-green:focus.disabled,
a.form-btn.bg-green:focus[disabled] {
    background-color: #068178
}

.form-btn.bg-green:active,
a.form-btn.bg-green:active {
    background: #389a93
}

.form-btn.bg-green:active.disabled,
.form-btn.bg-green:active[disabled],
a.form-btn.bg-green:active.disabled,
a.form-btn.bg-green:active[disabled] {
    background-color: #068178
}

.btn-dropdown.btn-dropdown-neue svg.btn-dropdown-caret {
    fill: #9e9ea7
}

.btn-dropdown.btn-dropdown-neue div.btn-dropdown-options li.rule {
    border-color: #e7e7e9
}

.red-text-button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: #ff5555;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.red-text-button:link,
.red-text-button:visited {
    color: #ff5555
}

.red-text-button:hover,
.red-text-button:focus {
    color: #ff7777
}

.unstyled-button {
    margin: inherit;
    padding: 0;
    border: none;
    background: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.unstyled-button:focus-visible {
    outline: 1px solid #0d0c22
}

.btn-icon {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding: 10px 12px;
    -webkit-transition-property: color, background-color, -webkit-box-shadow;
    transition-property: color, background-color, -webkit-box-shadow;
    transition-property: color, background-color, box-shadow;
    transition-property: color, background-color, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    border: none;
    border-radius: 8px;
    outline: none;
    background: #ea4c89;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.btn-icon:not(.btn-custom-icon-size) svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    vertical-align: middle
}

.btn-icon.highlighted {
    background: #fef6f9;
    color: #ea4c89
}

.btn-icon.highlighted:active,
.btn-icon.highlighted:focus {
    background: #fef6f9
}

.btn-icon.highlighted:hover {
    background: #fbdbe7
}

.btn-icon .loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.btn-icon .loading img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8)
}

.btn-icon.disabled,
.btn-icon[disabled] {
    opacity: 0.4;
    cursor: not-allowed
}

.btn-icon:hover,
.btn-icon:focus {
    background: #f082ac
}

.btn-icon:hover.disabled,
.btn-icon:hover[disabled],
.btn-icon:focus.disabled,
.btn-icon:focus[disabled] {
    background-color: #ea4c89
}

.btn-icon:active {
    background: #bb3d6e
}

.btn-icon:active.disabled,
.btn-icon:active[disabled] {
    background-color: #ea4c89
}

.btn-icon.secondary {
    background: #f3f3f4;
    color: #0d0c22
}

.btn-icon.secondary:hover,
.btn-icon.secondary:focus {
    background-color: #e7e7e9
}

.btn-icon.secondary:hover.disabled,
.btn-icon.secondary:hover[disabled],
.btn-icon.secondary:focus.disabled,
.btn-icon.secondary:focus[disabled] {
    background-color: #f3f3f4
}

.btn-icon.secondary:active {
    background-color: #dbdbde
}

.btn-icon.secondary:active.disabled,
.btn-icon.secondary:active[disabled] {
    background-color: #f3f3f4
}

.btn-icon.tertiary {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    color: #0d0c22
}

.btn-icon.tertiary:hover,
.btn-icon.tertiary:focus {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #dbdbde inset;
    box-shadow: 0px 0px 0px 1px #dbdbde inset;
    color: #0d0c22
}

.btn-icon.tertiary:active {
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0d0c22
}

.btn-icon.tertiary:active.disabled,
.btn-icon.tertiary:active[disabled] {
    background-color: #fff
}

.btn-icon.with-indicator {
    position: relative
}

.btn-icon.with-indicator .count-indicator {
    display: block;
    position: absolute;
    z-index: 1;
    top: -6px;
    right: -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 20px;
    padding: 0 4px;
    border: 1px solid #e7e7e9;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03);
    color: #6e6d7a;
    font-size: 11px;
    line-height: 18px;
    text-align: center
}

.btn-icon .btn-text-right {
    margin-left: 4px;
    vertical-align: middle
}

.btn-icon .btn-text-left {
    margin-right: 4px;
    vertical-align: middle
}

div.processing {
    z-index: 999;
    margin: 0;
    padding: 10px 10px 10px 42px;
    border-radius: 6px;
    background-color: #fff;
    background-image: url(/assets/processing-d9430be48e5e5ad651efc2d84606eeeb5eab2a80f1e1f247ac3d31de4857a31d.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 32px 32px;
    color: #0d0c22;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8em
}

div.processing em {
    color: #6e6d7a;
    font-style: normal;
    font-weight: normal
}

#infscr-loading {
    margin-bottom: 30px;
    padding: 10px;
    color: #9e9ea7;
    text-align: center
}

#infscr-loading img {
    display: block;
    margin: 0 auto 8px
}

.processing,
a.processing,
a.stats-action.processing,
a.processing:hover,
input.processing:hover {
    padding-left: 32px;
    background-color: #fff;
    background-image: url(/assets/processing-d9430be48e5e5ad651efc2d84606eeeb5eab2a80f1e1f247ac3d31de4857a31d.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 32px 32px;
    color: #333
}

#add-btn .processing,
#add-btn a.processing,
#add-btn a.stats-action.processing,
#add-btn a.processing:hover,
#add-btn input.processing:hover {
    background-position: 20px 50%
}

.processing svg,
a.processing svg,
a.stats-action.processing svg,
a.processing:hover svg,
input.processing:hover svg {
    display: none
}

a.stats-action.processing {
    background-color: transparent
}

a.processing span {
    padding: 0;
    background: none
}

a.processing:hover span {
    background: none;
    color: #333
}

span.processing {
    display: inline-block;
    padding: 6px 10px 6px 33px;
    border-radius: 4px;
    font-weight: bold
}

table.data td.follow a.processing,
ol.player-cards li a.compact.processing {
    width: 24px;
    height: 24px;
    padding: 0;
    overflow: hidden;
    background-position: -4px -2px
}

ol.activity li a.processing {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/processing-mini-7f31e6972c6b84a4e453662daef21e06d3acc517cc1c0cd701631ed2968c6e2b.gif)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    ol.activity li a.processing {
        background-image: url(/assets/processing-mini-2x-b5c90b82c5f2ecd0336a066a5bbb5f53f14ec9bc03bd5393dc55a31b89ba851e.gif);
        background-size: 14px 14px
    }
}

ol.activity li a.processing span,
ol.activity li a.processing:hover span {
    background: none
}

table.data td.follow a.processing:hover span,
ol.players-list li a.processing:hover span,
ol.player-cards li a.processing:hover span {
    background: none
}

div.processing-results {
    position: absolute;
    top: 136px;
    left: 50%;
    width: 350px;
    margin-left: -175px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15)
}

@media only screen and (max-width: 959px) {
    div.processing-results {
        position: absolute;
        top: 211px;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15)
    }
}

div.copy .errorExplanation,
.errorExplanation {
    margin: 0 0 10px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px #ddd;
    box-shadow: 0 2px 2px #ddd;
    font-weight: normal;
    text-align: left
}

div.copy .errorExplanation h2,
.errorExplanation h2 {
    margin: 0;
    padding: 10px 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #ff5555;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1
}

div.copy .errorExplanation p,
div.copy .errorExplanation ol,
div.copy .errorExplanation ul,
div.copy .errorExplanation li,
.errorExplanation p,
.errorExplanation ol,
.errorExplanation ul,
.errorExplanation li {
    color: #ff5555;
    font-size: 13px;
    line-height: 1.5
}

.errorExplanation ul,
div.copy .errorExplanation ul,
.errorExplanation p {
    margin-top: 0;
    padding: 15px
}

.errorExplanation ul li,
div.copy .errorExplanation ul li {
    margin: 5px 0 0 20px;
    list-style: disc
}

.errorExplanation ul li:first-of-type,
div.copy .errorExplanation ul li:first-of-type {
    margin-top: 0
}

#project-add .errorExplanation ul li,
#bucket-add .errorExplanation ul li,
#list-add .errorExplanation ul li,
#good-add .errorExplanation ul li {
    font-size: 12px;
    line-height: 1.4
}

#project-add fieldset.fieldWithErrors,
#bucket-add fieldset.fieldWithErrors,
#list-add fieldset.fieldWithErrors,
#good-add fieldset.fieldWithErrors {
    background: none
}

.null {
    color: #9e9ea7;
    font-size: 0.8em;
    font-style: normal
}

.copy .null-message,
.null-message {
    margin: 40px;
    font-style: normal;
    text-align: center
}

.copy .null-message p,
.null-message p {
    margin-top: 12px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.copy .null-message p.null-subhead,
.null-message p.null-subhead {
    margin-bottom: 8px;
    font-size: 18px
}

.copy .null-message a.form-sub,
.null-message a.form-sub {
    display: inline-block;
    margin: 10px 0 0;
    font-size: 18px
}

.go-pro {
    margin: 0;
    padding: 0
}

.go-pro h2 {
    font-size: 22px;
    line-height: 2
}

div.pro-search-mod .go-pro h2 {
    padding: 10px;
    color: #9e9ea7;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center
}

.go-pro h2 em {
    display: block;
    margin: 12px 0 0;
    font-size: 14px;
    font-style: normal;
    line-height: 1
}

.go-pro h2 strong {
    color: #0d0c22;
    font-weight: 500
}

.go-pro h2 a.form-sub {
    margin: 0 4px 0 0;
    color: #fff
}

div.pro-search-mod .go-pro h2 a.form-sub {
    display: block;
    margin: 0 0 8px
}

div.friendly {
    margin: -30px 0 25px;
    padding: 25px 30px;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #0d0c22;
    line-height: 1.4
}

@media only screen and (max-width: 959px) {
    div.friendly {
        margin-top: -15px
    }
}

div.prompt {
    margin: 0 0 30px;
    padding: 25px 30px;
    border: 1px solid #ecdeca;
    border-radius: 6px;
    background-color: #fff9df;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0d0c22;
    font-size: 16px;
    line-height: 1.4;
    text-align: center
}

div.prompt em,
div.prompt strong {
    color: #0d0c22;
    font-style: normal
}

div.prompt span.badge-sale {
    position: relative;
    top: -1px;
    margin: 0 4px 0 0;
    padding: 2px 6px;
    font-size: 13px
}

div.secondary div.prompt {
    padding: 15px
}

div.secondary div.prompt h2 {
    font-size: 15px;
    line-height: 1.3
}

div.secondary div.prompt p {
    font-size: 13px;
    line-height: 1.5
}

div.friendly h2,
div.prompt h2 {
    margin: 0 0 6px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1
}

div.friendly h3,
div.prompt h3 {
    margin: 15px 0 10px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1
}

div.friendly p,
div.prompt p {
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    line-height: 1.4
}

div.friendly p:last-child,
div.prompt p:last-child {
    margin-bottom: 0
}

div.friendly p strong,
div.prompt p strong {
    color: #0d0c22;
    font-weight: 500
}

div.friendly a,
div.prompt a {
    font-weight: 500
}

div.friendly ul,
div.prompt ul {
    margin: 20px 0 0;
    padding: 0 0 0 25px;
    font-size: 14px;
    list-style: disc
}

div.friendly ul li,
div.prompt ul li {
    margin: 0 0 2px
}

div.friendly a.close,
div.prompt a.close {
    float: right
}

.project-prompt,
div.job-prompt {
    padding: 16px;
    border: none;
    border-radius: 8px;
    background: #f3f3f4
}

.project-prompt h2,
div.job-prompt h2 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

.project-prompt p,
div.job-prompt p {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 12px
}

.project-prompt svg,
div.job-prompt svg {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    fill: #c142a0;
    vertical-align: text-bottom
}

div.signup-prompt {
    text-align: left
}

div.prospect-prompt {
    max-width: 600px;
    margin: 10px auto 40px
}

div.prospect-prompt strong {
    display: block;
    margin-bottom: 4px
}

div.prospect-prompt em {
    display: block;
    margin-top: 6px;
    color: #9e9ea7;
    font-size: 12px
}

div.warning-prompt {
    margin: 0 0 20px;
    text-align: center
}

div.warning-prompt span {
    display: inline-block;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: 15px;
    line-height: 24px;
    background-image: url(/assets/icon-warning-prompt-c484e07c93195eea03201ed083d2955a05c500696680f55dfa537cf23cdcf531.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    div.warning-prompt span {
        background-image: url(/assets/icon-warning-prompt-2x-6a1e90affa02f1dc283b70f3201bc2e11d100b1f0c0dc65ea976d8b270a14b0c.png);
        background-size: 24px 24px
    }
}

div.warning-prompt a {
    font-weight: bold
}

div.form-info-prompt {
    padding: 20px 0 0;
    text-align: left
}

div.form-info-prompt span {
    display: block;
    min-height: 24px;
    padding-left: 36px;
    background-position: 0 0;
    font-size: 14px;
    line-height: 1.4;
    background-image: url(/assets/icon-form-info-79c0baf58fe1a5f03abc5689d1619f0ebe25d2720acc8cb355fcb891b92fdf81.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    div.form-info-prompt span {
        background-image: url(/assets/icon-form-info-2x-763bf1e684053d105c985a8db48ab3e0cdac7db18134730321e9120ba88592ed.png?1);
        background-size: 24px 24px
    }
}

div.notice-alert {
    display: none;
    position: relative;
    z-index: 999;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 30px;
    background: rgba(234, 76, 137, 0.95);
    color: #fff;
    text-align: center
}

div.notice-alert h3 {
    padding: 0 36px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4
}

div.notice-alert a {
    border-bottom: 2px solid #fff;
    color: #fff
}

div.notice-alert .close {
    position: absolute;
    top: 12px;
    right: 30px;
    border-bottom: none;
    opacity: 0.6
}

div.notice-alert .close:hover {
    opacity: 1
}

@media only screen and (max-width: 959px) {
    div.notice-alert {
        left: 0;
        width: 96%;
        margin: 0 2%;
        text-align: center
    }

    div.notice-alert .close {
        right: 12px
    }

    div.notice-alert h3 {
        padding: 0 12px;
        font-size: 14px
    }
}

div.psst {
    position: relative;
    z-index: 1;
    padding: 15px 50px;
    background: #0d0c22;
    color: #fff;
    font-size: 13px;
    line-height: 1.3
}

div.psst div {
    color: #fff;
    text-align: center
}

div.psst div b {
    color: #fff;
    font-weight: 500
}

div.psst div a {
    color: #ea4c89;
    font-weight: 500
}

div.psst div a:hover {
    color: #f082ac
}

div.psst div a.close {
    position: absolute;
    top: 6px;
    right: 20px;
    padding: 8px;
    -webkit-transition: background 200ms ease, color 200ms ease;
    transition: background 200ms ease, color 200ms ease;
    border-radius: 50%;
    opacity: 0.37;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    div.psst div a.close {
        right: 10px
    }
}

div.psst div a.close img {
    float: right
}

div.psst div a.close:hover {
    background: #fff
}

div.psst div a.close:hover svg {
    color: #0d0c22
}

div.confirmation {
    margin: 20px;
    text-align: center
}

div.confirmation h1 {
    margin: 0 0 10px;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.3
}

div.confirmation h2 {
    margin: 0 0 20px;
    color: #6e6d7a;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3
}

div.confirmation h2 strong {
    color: #0d0c22;
    font-weight: 500
}

div.confirmation p {
    margin: 0 0 20px;
    color: #9e9ea7;
    font-size: 15px;
    line-height: 1.5
}

div.confirmation p.back {
    margin-top: 60px
}

div.confirmation p .form-sub {
    padding: 10px 20px;
    font-size: 13px
}

div.confirmation p a {
    font-weight: 500
}

.sorry-message {
    padding: 60px 180px;
    border-radius: 10px;
    background: #fff;
    text-align: center
}

.sorry-message h1 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.2
}

.sorry-message p {
    margin: 20px 0 0;
    color: #6e6d7a;
    font-size: 18px;
    line-height: 1.5
}

.sorry-message p strong {
    color: #0d0c22
}

.sorry-message p a {
    font-weight: 500
}

@media only screen and (max-width: 800px) {
    .sorry-message {
        padding: 20px
    }

    .sorry-message h1 {
        font-size: 24px
    }

    .sorry-message p {
        font-size: 16px
    }
}

.countdown-timer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 16px
}

.countdown-timer-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: center;
    align-items: center
}

.countdown-timer-colon {
    margin: 0 4px;
    font-size: 32px;
    font-weight: 400;
    line-height: 12px
}

.countdown-timer-value {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 32px;
    font-weight: 400
}

.countdown-timer-key {
    margin-top: 8px;
    color: #9e9ea7;
    text-transform: uppercase;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

div.toasty {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 10;
    bottom: 16px;
    left: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    max-width: calc(100% - 32px);
    padding: 20px;
    overflow: hidden;
    border-radius: 8px;
    background: #0d0c22;
    -webkit-box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center
}

@media (min-width: 500px) {
    div.toasty {
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 340px;
        text-align: left
    }
}

div.toasty,
div.toasty * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.toasty.toasty-light {
    background: #fff;
    color: #3d3d4e
}

div.toasty.toasty-light .toasty-title-large {
    color: #0d0c22;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

div.toasty.toasty-light .toasty-title,
div.toasty.toasty-light .toasty-text {
    color: #3d3d4e
}

div.toasty.toasty-light .close {
    color: #9e9ea7
}

@media (min-width: 768px) {
    div.toasty.toasty-with-timer {
        max-width: 546px
    }
}

div.toasty.toasty-with-timer .toasty-actions {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 80px
}

@media (min-width: 768px) {
    div.toasty.toasty-with-image {
        max-width: 594px
    }
}

div.toasty.toasty-with-image .toasty-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
    border-radius: 12px
}

@media (min-width: 768px) {
    div.toasty.toasty-with-image .toasty-image {
        margin-right: 24px;
        margin-bottom: 0
    }
}

div.toasty.toasty-with-image .toasty-image.lazyload {
    visibility: hidden
}

div.toasty.toasty-with-image .toasty-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    div.toasty.toasty-with-image .toasty-content {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

div.toasty .toasty-title {
    color: #fff;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media (min-width: 500px) {
    div.toasty .toasty-title {
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

div.toasty .toasty-text {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    color: #fff
}

@media (min-width: 500px) {
    div.toasty .toasty-text {
        margin-top: 8px
    }
}

div.toasty .toasty-btn {
    margin-top: 12px
}

div.toasty .close {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #dbdbde;
    font-size: 24px;
    line-height: 1
}

@media (min-width: 500px) {
    div.toasty .close {
        top: 18px;
        right: 15px
    }
}

div.toasty .close:hover,
div.toasty .close:active {
    color: #9e9ea7
}

div.toasty .toasty-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 500px) {
    div.toasty .toasty-actions {
        -ms-flex-pack: end;
        justify-content: end
    }
}

.indicator.processing {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8) !important;
    background-position: center 20px
}

.shots-grid {
    display: grid;
    grid-gap: 36px;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    list-style: none
}

@media (min-width: 1600px) {
    .shots-grid {
        grid-template-columns: repeat(auto-fill, minmax(336px, 1fr))
    }
}

.container-large .shots-grid,
.shots-grid.container-large {
    grid-gap: 48px
}

@media (min-width: 1600px) {

    .container-large .shots-grid,
    .shots-grid.container-large {
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr))
    }
}

.shots-grid.shot-grid-large {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr))
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .shots-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 calc(-48px / 2)
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 768px),
(-ms-high-contrast: active) and (min-width: 768px) {
    .shots-grid {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .shot-thumbnail {
        -ms-flex: 1 1 316px;
        flex: 1 1 316px;
        max-width: 480px;
        margin: calc(48px / 2)
    }
}

.user-card-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    border: 1px solid #f3f3f4;
    border-radius: 12px;
    background: #fff;
    text-align: center
}

.user-card-container .shot-link {
    -ms-flex: 1;
    flex: 1
}

.user-card-container .shot-link:not(:first-child) {
    margin-left: 12px
}

.user-card-container .shot-image {
    width: 100%;
    padding-top: 75%;
    border-radius: 8px;
    background-color: #e7e7e9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.user-card-container .user-avatar {
    position: absolute;
    bottom: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.user-card-container .user-avatar .photo {
    width: 64px;
    height: 64px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #fff
}

.user-card-container .user-name {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 36px;
    color: #0d0c22
}

.user-card-container .user-info-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4px
}

.user-card-container .user-info {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    max-width: 340px;
    height: 40px;
    overflow: hidden;
    color: #6e6d7a;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.user-card-container .user-info a {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6e6d7a
}

.user-card-container .user-info a:after {
    content: ''
}

.user-card-container .buttons-container {
    margin-top: 16px;
    margin-bottom: 8px
}

.user-card-container .buttons-container .follow-prompt svg {
    display: none
}

.profile-avatar {
    display: -ms-flexbox;
    display: flex
}

.profile-avatar .avatar-link {
    display: inline-block;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 1
}

.profile-avatar .avatar-link:hover {
    opacity: 0.8
}

.profile-avatar .avatar-image-wrapper {
    overflow: hidden;
    border-radius: 50%;
    background: #e7e7e9
}

.profile-avatar .avatar-image-wrapper.avatar-tiny {
    width: 16px;
    height: 16px
}

.profile-avatar .avatar-image-wrapper.avatar-small {
    width: 24px;
    height: 24px
}

.profile-avatar .avatar-image-wrapper.avatar-regular {
    width: 32px;
    height: 32px
}

.profile-avatar .avatar-image-wrapper.avatar-medium {
    width: 40px;
    height: 40px
}

.profile-avatar .avatar-image-wrapper.avatar-large {
    width: 60px;
    height: 60px
}

.profile-avatar .avatar-image {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    border-radius: 50%
}

.avatar-list {
    --avatar-list-overlap: -8px;
    --avatar-list-border-width: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.avatar-list--small {
    --avatar-list-overlap: -6px
}

@media (max-width: 767px) {
    .avatar-list--small {
        --avatar-list-overlap: -7px
    }
}

.avatar-list>* {
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    border-radius: 50%;
    background-color: #f3f3f4
}

.avatar-list>*:not(:first-child) {
    margin-left: var(--avatar-list-overlap);
    border: var(--avatar-list-border-width) solid #fff
}

.site-footer {
    background: #fafafb;
    color: #3d3d4e;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.site-footer .footer-main-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 0 32px;
    border-bottom: 1px solid #e7e7e9
}

@media (min-width: 1160px) {
    .site-footer .footer-main-content {
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 72px 0
    }
}

.site-footer .dribbble-wordmark {
    width: 104px;
    -webkit-transition: fill 200ms ease;
    transition: fill 200ms ease;
    fill: #ea4c89
}

.site-footer .dribbble-wordmark:hover {
    fill: #bb3d6e
}

.site-footer .tagline {
    max-width: 256px;
    margin: 20px 0
}

.site-footer .social-links-container a {
    color: #3d3d4e
}

.site-footer .social-links-container a:hover {
    color: #0d0c22
}

.site-footer .social-links-container .icon {
    width: 18px;
    height: 18px;
    margin-top: 8px;
    margin-right: 14px
}

.site-footer .links-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .site-footer .links-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 1160px) {
    .site-footer .links-container>.links-column {
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .site-footer>.links-column {
        margin-right: 36px
    }

    .site-footer>.links-column:last-of-type {
        margin-right: 0
    }
}

.site-footer .links-column {
    width: 50%
}

@media (min-width: 1160px) {
    .site-footer .links-column {
        width: 144px;
        margin-left: 40px
    }

    .site-footer .links-column:first-child {
        margin-left: 60px
    }
}

@media (min-width: 1600px) {
    .site-footer .links-column {
        margin-left: 72px
    }

    .site-footer .links-column:first-child {
        margin-left: 128px
    }
}

.site-footer .link-heading {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 32px;
    color: #0d0c22
}

@media (min-width: 1160px) {
    .site-footer .link-heading {
        margin-top: 0
    }

    .site-footer .link-heading:not(:first-child) {
        margin-top: 24px
    }
}

.site-footer .link {
    display: block;
    margin-top: 16px;
    color: #3d3d4e;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.site-footer .link:hover {
    color: #0d0c22
}

.site-footer .footer-lower-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 0;
    color: #6e6d7a
}

@media (min-width: 1160px) {
    .site-footer .footer-lower-content {
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 44px 0
    }
}

.site-footer .total-shots-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1160px) {
    .site-footer .total-shots-container {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.site-footer .total-shots-container .shots-count {
    color: #0d0c22;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.site-footer .total-shots-container .dribbble-ball {
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 1160px) {
    .site-footer .total-shots-container .dribbble-ball {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 8px
    }
}

.small-screens-only {
    display: block
}

@media (min-width: 768px) {
    .small-screens-only {
        display: none
    }
}

.medium-screens-only {
    display: none
}

@media (min-width: 768px) {
    .medium-screens-only {
        display: block
    }
}

.large-screens-only {
    display: none
}

@media (min-width: 1200px) {
    .large-screens-only {
        display: block
    }
}

.static {
    position: static
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.d-inline-block {
    display: inline-block
}

.d-none {
    display: none
}

@media only screen and (max-width: 460px) {
    .d-inline-block-sm {
        display: inline-block
    }

    .d-block-sm {
        display: block
    }

    .d-none-sm {
        display: none
    }
}

@media only screen and (min-width: 960px) {
    .fl-ns {
        float: left
    }

    .fr-ns {
        float: right
    }

    .fn-ns {
        float: none
    }

    .d-inline-block-ns {
        display: inline-block
    }

    .d-block-ns {
        display: block
    }

    .d-none-ns {
        display: none
    }

    .d-none-ns.display-block {
        display: none
    }

    .static-ns {
        position: static
    }

    .relative-ns {
        position: relative
    }

    .absolute-ns {
        position: absolute
    }

    .fixed-ns {
        position: fixed
    }
}

.-right-1 {
    right: -1px
}

.-right-2 {
    right: -2px
}

.-right-3 {
    right: -3px
}

.-right-4 {
    right: -4px
}

.-right-5 {
    right: -5px
}

.-right-6 {
    right: -6px
}

.-right-7 {
    right: -7px
}

.-right-8 {
    right: -8px
}

.-right-9 {
    right: -9px
}

.-right-10 {
    right: -10px
}

.-left-1 {
    left: -1px
}

.-left-2 {
    left: -2px
}

.-left-3 {
    left: -3px
}

.-left-4 {
    left: -4px
}

.-left-5 {
    left: -5px
}

.-left-6 {
    left: -6px
}

.-left-7 {
    left: -7px
}

.-left-8 {
    left: -8px
}

.-left-9 {
    left: -9px
}

.-left-10 {
    left: -10px
}

.-bottom-1 {
    bottom: -1px
}

.-bottom-2 {
    bottom: -2px
}

.-bottom-3 {
    bottom: -3px
}

.-bottom-4 {
    bottom: -4px
}

.-bottom-5 {
    bottom: -5px
}

.-bottom-6 {
    bottom: -6px
}

.-bottom-7 {
    bottom: -7px
}

.-bottom-8 {
    bottom: -8px
}

.-bottom-9 {
    bottom: -9px
}

.-bottom-10 {
    bottom: -10px
}

.-top-1 {
    top: -1px
}

.-top-2 {
    top: -2px
}

.-top-3 {
    top: -3px
}

.-top-4 {
    top: -4px
}

.-top-5 {
    top: -5px
}

.-top-6 {
    top: -6px
}

.-top-7 {
    top: -7px
}

.-top-8 {
    top: -8px
}

.-top-9 {
    top: -9px
}

.-top-10 {
    top: -10px
}

@media only screen and (min-width: 960px) {
    .-right-1-ns {
        right: -1px
    }

    .-right-2-ns {
        right: -2px
    }

    .-right-3-ns {
        right: -3px
    }

    .-right-4-ns {
        right: -4px
    }

    .-right-5-ns {
        right: -5px
    }

    .-right-6-ns {
        right: -6px
    }

    .-right-7-ns {
        right: -7px
    }

    .-right-8-ns {
        right: -8px
    }

    .-right-9-ns {
        right: -9px
    }

    .-right-10-ns {
        right: -10px
    }

    .-left-1-ns {
        left: -1px
    }

    .-left-2-ns {
        left: -2px
    }

    .-left-3-ns {
        left: -3px
    }

    .-left-4-ns {
        left: -4px
    }

    .-left-5-ns {
        left: -5px
    }

    .-left-6-ns {
        left: -6px
    }

    .-left-7-ns {
        left: -7px
    }

    .-left-8-ns {
        left: -8px
    }

    .-left-9-ns {
        left: -9px
    }

    .-left-10-ns {
        left: -10px
    }

    .-bottom-1-ns {
        bottom: -1px
    }

    .-bottom-2-ns {
        bottom: -2px
    }

    .-bottom-3-ns {
        bottom: -3px
    }

    .-bottom-4-ns {
        bottom: -4px
    }

    .-bottom-5-ns {
        bottom: -5px
    }

    .-bottom-6-ns {
        bottom: -6px
    }

    .-bottom-7-ns {
        bottom: -7px
    }

    .-bottom-8-ns {
        bottom: -8px
    }

    .-bottom-9-ns {
        bottom: -9px
    }

    .-bottom-10-ns {
        bottom: -10px
    }

    .-top-1-ns {
        top: -1px
    }

    .-top-2-ns {
        top: -2px
    }

    .-top-3-ns {
        top: -3px
    }

    .-top-4-ns {
        top: -4px
    }

    .-top-5-ns {
        top: -5px
    }

    .-top-6-ns {
        top: -6px
    }

    .-top-7-ns {
        top: -7px
    }

    .-top-8-ns {
        top: -8px
    }

    .-top-9-ns {
        top: -9px
    }

    .-top-10-ns {
        top: -10px
    }
}

.group,
.constrained-content,
.constrained-content-alt,
.constrained-content-super,
.constrained-content-narrow,
.slat-header {
    position: relative
}

.group:after,
.constrained-content:after,
.constrained-content-alt:after,
.constrained-content-super:after,
.constrained-content-narrow:after,
.slat-header:after {
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both
}

.mw-100 {
    max-width: 100%
}

.mw-none {
    max-width: none !important
}

.w-px {
    width: 1px
}

.w-auto {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto
}

.w-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 10%
}

.w-15 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 15%
}

.w-20 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%
}

.w-25 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%
}

.w-30 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%
}

.w-40 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40%
}

.w-45 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45%
}

.w-50,
.w-half {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.w-55 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 55%
}

.w-60 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%
}

.w-65 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65%
}

.w-70 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70%
}

.w-75 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%
}

.w-80 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%
}

.w-90 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%
}

.w-100 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.w-one-third {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333333%
}

.w-one-sixth {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.6666667%
}

.w-two-thirds {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.6666667%
}

.w-screen {
    width: 100vw
}

.h-px {
    height: 1px
}

.h-100 {
    height: 100%
}

.h-screen {
    height: 100vh
}

.h-auto {
    height: auto
}

@media only screen and (min-width: 960px) {
    .w-px-ns {
        width: 1px
    }

    .w-auto-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: auto
    }

    .w-10-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 10%
    }

    .w-15-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 15%
    }

    .w-20-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 20%
    }

    .w-25-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%
    }

    .w-30-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 30%
    }

    .w-40-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 40%
    }

    .w-45-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 45%
    }

    .w-50-ns,
    .w-half-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%
    }

    .w-55-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 55%
    }

    .w-60-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 60%
    }

    .w-65-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 65%
    }

    .w-70-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 70%
    }

    .w-75-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 75%
    }

    .w-80-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 80%
    }

    .w-90-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 90%
    }

    .w-100-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .w-one-third-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 33.3333333%
    }

    .w-one-sixth-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 16.6666667%
    }

    .w-two-thirds-ns {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 66.6666667%
    }

    .w-screen-ns {
        width: 100vw
    }

    .h-px-ns {
        height: 1px
    }

    .h-100-ns {
        height: 100%
    }

    .h-screen-ns {
        height: 100vh
    }

    .h-auto-ns {
        height: auto
    }
}

.border-radius-2 {
    border-radius: 2px
}

.border-radius-3 {
    border-radius: 3px
}

.border-radius-4 {
    border-radius: 4px
}

.border-radius-6 {
    border-radius: 6px
}

.border-radius-8 {
    border-radius: 8px
}

.border-radius-50 {
    border-radius: 50%
}

.border-radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.border-radius-top-3 {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.border-radius-top-4 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.border-radius-top-6 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.border-radius-top-8 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.border-radius-bottom-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.border-radius-bottom-3 {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.border-radius-bottom-4 {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.border-radius-bottom-6 {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.border-radius-bottom-8 {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.border-none {
    border: none
}

.border-left-none {
    border-left: none
}

.border-right-none {
    border-right: none
}

.border-top-none {
    border-top: none
}

.border-bottom-none {
    border-bottom: none
}

.border-gray {
    border: 1px solid #dbdbde
}

.border-left-gray {
    border-left: 1px solid #dbdbde
}

.border-right-gray {
    border-right: 1px solid #dbdbde
}

.border-top-gray {
    border-top: 1px solid #dbdbde
}

.border-bottom-gray {
    border-bottom: 1px solid #dbdbde
}

.border-light-gray {
    border: 1px solid #e7e7e9
}

.border-left-light-gray {
    border-left: 1px solid #e7e7e9
}

.border-right-light-gray {
    border-right: 1px solid #e7e7e9
}

.border-top-light-gray {
    border-top: 1px solid #e7e7e9
}

.border-bottom-light-gray {
    border-bottom: 1px solid #e7e7e9
}

.border-light {
    border: 1px solid #f4f4f4
}

.border-left-light {
    border-left: 1px solid #f4f4f4
}

.border-right-light {
    border-right: 1px solid #f4f4f4
}

.border-top-light {
    border-top: 1px solid #f4f4f4
}

.border-bottom-light {
    border-bottom: 1px solid #f4f4f4
}

.border-white {
    border: 1px solid #fff
}

.border-bottom-white {
    border-bottom: 1px solid #fff
}

.border-top-white {
    border-top: 1px solid #fff
}

.border-left-white {
    border-left: 1px solid #fff
}

.border-right-white {
    border-right: 1px solid #fff
}

.no-border-first-of-type:first-of-type {
    border: 0
}

.no-border-last-of-type:last-of-type {
    border: 0
}

@media only screen and (min-width: 960px) {
    .border-none-ns {
        border: none
    }

    .border-left-none-ns {
        border-left: none
    }

    .border-right-none-ns {
        border-right: none
    }

    .border-top-none-ns {
        border-top: none
    }

    .border-bottom-none-ns {
        border-bottom: none
    }

    .border-gray-ns {
        border: 1px solid #dbdbde
    }

    .border-left-gray-ns {
        border-left: 1px solid #dbdbde
    }

    .border-right-gray-ns {
        border-right: 1px solid #dbdbde
    }

    .border-top-gray-ns {
        border-top: 1px solid #dbdbde
    }

    .border-bottom-gray-ns {
        border-bottom: 1px solid #dbdbde
    }

    .border-light-ns {
        border: 1px solid #f4f4f4
    }

    .border-left-light-ns {
        border-left: 1px solid #f4f4f4
    }

    .border-right-light-ns {
        border-right: 1px solid #f4f4f4
    }

    .border-top-light-ns {
        border-top: 1px solid #f4f4f4
    }

    .border-bottom-light-ns {
        border-bottom: 1px solid #f4f4f4
    }

    .border-white-ns {
        border: 1px solid #fff
    }

    .border-bottom-white-ns {
        border-bottom: 1px solid #fff
    }

    .border-top-white-ns {
        border-top: 1px solid #fff
    }

    .border-left-white-ns {
        border-left: 1px solid #fff
    }

    .border-right-white-ns {
        border-right: 1px solid #fff
    }

    .border-radius-2-ns {
        border-radius: 2px
    }

    .border-radius-3-ns {
        border-radius: 3px
    }

    .border-radius-4-ns {
        border-radius: 4px
    }

    .border-radius-6-ns {
        border-radius: 6px
    }

    .border-radius-8-ns {
        border-radius: 8px
    }

    .border-radius-50-ns {
        border-radius: 50%
    }

    .border-radius-top-0-ns {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .border-radius-top-3-ns {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .border-radius-top-4-ns {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .border-radius-top-6-ns {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .border-radius-top-8-ns {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .border-radius-bottom-0-ns {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .border-radius-bottom-3-ns {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .border-radius-bottom-4-ns {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .border-radius-bottom-6-ns {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .border-radius-bottom-8-ns {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
}

.box-shadow-card {
    -webkit-box-shadow: 0 1px 1px 0 rgba(13, 12, 34, 0.15);
    box-shadow: 0 1px 1px 0 rgba(13, 12, 34, 0.15)
}

.box-shadow-md {
    -webkit-box-shadow: 0 2px 8px 2px rgba(13, 12, 34, 0.08);
    box-shadow: 0 2px 8px 2px rgba(13, 12, 34, 0.08)
}

.box-shadow-lg {
    -webkit-box-shadow: 0 2px 8px 2px rgba(13, 12, 34, 0.15);
    box-shadow: 0 2px 8px 2px rgba(13, 12, 34, 0.15)
}

.box-shadow-xl {
    -webkit-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1)
}

@media only screen and (min-width: 960px) {
    .box-shadow-card-ns {
        -webkit-box-shadow: 0 1px 1px 0 rgba(13, 12, 34, 0.15);
        box-shadow: 0 1px 1px 0 rgba(13, 12, 34, 0.15)
    }

    .box-shadow-lg-ns {
        -webkit-box-shadow: 0 2px 8px 2px rgba(13, 12, 34, 0.15);
        box-shadow: 0 2px 8px 2px rgba(13, 12, 34, 0.15)
    }
}

.bg-wrap-white #wrap {
    background: #fff
}

.bg-white {
    background: #fff
}

.bg-white-75 {
    background: rgba(255, 255, 255, 0.75)
}

.bg-white-50 {
    background: rgba(255, 255, 255, 0.5)
}

.bg-white-25 {
    background: rgba(255, 255, 255, 0.25)
}

.bg-blue-to-green {
    background: linear-gradient(-45deg, #7bbb5e 0%, #26b6e1 100%)
}

.bg-tan {
    background: #eeede2
}

.bg-noise {
    background: #f4f4f4
}

.bg-blue {
    background: #4f3cc9
}

.bg-orange-to-pink {
    background: linear-gradient(45deg, #e47b49 0%, #ea4c89 100%)
}

.bg-hiring-gradient {
    background: linear-gradient(45deg, #5761b4 0%, #c142a0 100%)
}

.bg-hiring-gradient-01 {
    background: linear-gradient(45deg, #5960b4 0%, #7059af 100%)
}

.bg-hiring-gradient-02 {
    background: linear-gradient(45deg, #8d52aa 0%, #bf43a1 100%)
}

.bg-black-to-grey {
    background: linear-gradient(46deg, #0a0a0a 0%, #191919 23%, #494949 100%)
}

.bg-pink {
    background: #ea4c89
}

.bg-none {
    background: none
}

.bg-before-none:before {
    background: none !important
}

.bg-after-none:after {
    background: none !important
}

.bg-black {
    background: #0d0c22
}

.bg-purple {
    background: #c142a0
}

.bg-overtime {
    background: #4f3cc9
}

.bg-talent {
    background: #4f3cc9
}

.bg-ad-gradient {
    background: linear-gradient(45deg, #6144ff 0%, #17ebff 100%)
}

.bg-green {
    background: #77e0b5
}

.bg-red {
    background: #ff5555
}

.bg-gray {
    background: #dbdbde
}

.bg-green-alt {
    background: #77e0b5
}

.bg-graydient {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(243, 243, 244, 0.8)), to(rgba(243, 243, 244, 0.5))), #fff;
    background: linear-gradient(0deg, rgba(243, 243, 244, 0.8), rgba(243, 243, 244, 0.5)), #fff
}

.bg-wrap-graydient #wrap {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(243, 243, 244, 0.8)), to(rgba(243, 243, 244, 0.5))), #fff;
    background: linear-gradient(0deg, rgba(243, 243, 244, 0.8), rgba(243, 243, 244, 0.5)), #fff
}

.fill-current {
    fill: currentColor
}

.fill-black {
    fill: #000
}

.stroke-current {
    stroke: currentColor
}

.measure-wider {
    max-width: 50em
}

.measure-wide {
    max-width: 34em
}

.measure {
    max-width: 30em
}

.measure-narrow {
    max-width: 20em
}

.measure-full {
    max-width: 100%
}

@media only screen and (min-width: 960px) {
    .measure-wide-ns {
        max-width: 34em
    }

    .measure-ns {
        max-width: 30em
    }

    .measure-narrow-ns {
        max-width: 30em
    }

    .measure-full-ns {
        max-width: 100%
    }
}

.text-green {
    color: #77e0b5
}

.text-seafoam {
    color: #77e0b5
}

.text-blue {
    color: #4f3cc9
}

.text-pink {
    color: #ea4c89
}

.text-dark {
    color: #0d0c22
}

.text-medium {
    color: #6e6d7a
}

.text-light {
    color: #9e9ea7
}

.text-xlight {
    color: #dbdbde
}

.text-white {
    color: #fff
}

.text-white-75 {
    color: rgba(255, 255, 255, 0.75)
}

.text-black {
    color: #000
}

.text-charcoal {
    color: #0d0c22
}

.text-hiring-blue {
    color: #5960b3
}

.text-hiring-purple,
.text-purple {
    color: #7f55ac
}

.text-talent-purple {
    color: #4f3cc9
}

.text-hiring-pink {
    color: #c142a0
}

.text-link {
    color: #4f3cc9
}

.text-red {
    color: #ff5555
}

.text-link-subtle,
.text-link-subtle:link,
.text-link-subtle:visited {
    color: inherit;
    text-decoration: underline
}

.text-underline {
    text-decoration: underline
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-small-caps {
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-decoration-none {
    text-decoration: none
}

.italic {
    font-style: italic
}

.text-dashed {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed
}

.text-line-through {
    text-decoration: line-through
}

.text-weight-300 {
    font-weight: 300
}

.text-weight-400 {
    font-weight: 400
}

.text-weight-500 {
    font-weight: 500
}

.text-weight-600 {
    font-weight: 600
}

.text-weight-700 {
    font-weight: 700
}

.text-weight-800 {
    font-weight: 800
}

.text-align-center {
    text-align: center
}

.text-align-right {
    text-align: right
}

.text-align-left {
    text-align: left
}

.text-size-10 {
    font-size: 10px
}

.text-size-11 {
    font-size: 11px
}

.text-size-12 {
    font-size: 12px
}

.text-size-13 {
    font-size: 13px
}

.text-size-14 {
    font-size: 14px
}

.text-size-15 {
    font-size: 15px
}

.text-size-16 {
    font-size: 16px
}

.text-size-18 {
    font-size: 18px
}

.text-size-20 {
    font-size: 20px
}

.text-size-24 {
    font-size: 24px
}

.text-size-32 {
    font-size: 32px
}

.text-size-42 {
    font-size: 42px
}

.text-size-48 {
    font-size: 48px
}

.text-size-60 {
    font-size: 60px
}

.text-size-64 {
    font-size: 64px
}

.text-size-72 {
    font-size: 72px
}

.text-nowrap {
    white-space: nowrap
}

.text-wrap {
    white-space: normal
}

.text-clip {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-wrap-break {
    word-wrap: break-word
}

.text-wrap-normal {
    word-wrap: normal
}

.text-white-space-normal {
    white-space: normal
}

.text-white-space-nowrap {
    white-space: nowrap
}

.lh-solid {
    line-height: 1
}

.lh-title {
    line-height: 1.25
}

.lh-copy {
    line-height: 1.5
}

.lh-xl {
    line-height: 1.8
}

.tracked {
    letter-spacing: 0.1em
}

.tracked-tight {
    letter-spacing: -0.05em
}

.tracked-mega {
    letter-spacing: 0.25em
}

.vertical-align-middle {
    vertical-align: middle
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    word-wrap: normal;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

@media only screen and (min-width: 960px) {
    .text-align-center-ns {
        text-align: center
    }

    .text-align-right-ns {
        text-align: right
    }

    .text-align-left-ns {
        text-align: left
    }

    .text-size-10-ns {
        font-size: 10px
    }

    .text-size-12-ns {
        font-size: 12px
    }

    .text-size-13-ns {
        font-size: 13px
    }

    .text-size-14-ns {
        font-size: 14px
    }

    .text-size-16-ns {
        font-size: 16px
    }

    .text-size-18-ns {
        font-size: 18px
    }

    .text-size-20-ns {
        font-size: 20px
    }

    .text-size-24-ns {
        font-size: 24px
    }

    .text-size-32-ns {
        font-size: 32px
    }

    .text-size-42-ns {
        font-size: 42px
    }

    .text-size-48-ns {
        font-size: 48px
    }

    .text-size-60-ns {
        font-size: 60px
    }

    .text-size-64-ns {
        font-size: 64px
    }

    .text-size-72-ns {
        font-size: 72px
    }

    .lh-solid-ns {
        line-height: 1
    }

    .lh-title-ns {
        line-height: 1.25
    }

    .lh-copy-ns {
        line-height: 1.5
    }

    .tracked-ns {
        letter-spacing: 0.1em
    }

    .tracked-tight-ns {
        letter-spacing: -0.05em
    }

    .tracked-mega-ns {
        letter-spacing: 0.25em
    }
}

.nudge-right-1 {
    position: relative;
    left: 1px
}

.nudge-right-2 {
    position: relative;
    left: 2px
}

.nudge-right-3 {
    position: relative;
    left: 3px
}

.nudge-right-4 {
    position: relative;
    left: 4px
}

.nudge-right-5 {
    position: relative;
    left: 5px
}

.nudge-right-6 {
    position: relative;
    left: 6px
}

.nudge-right-7 {
    position: relative;
    left: 7px
}

.nudge-right-8 {
    position: relative;
    left: 8px
}

.nudge-right-9 {
    position: relative;
    left: 9px
}

.nudge-right-10 {
    position: relative;
    left: 10px
}

.nudge-left-1 {
    position: relative;
    right: 1px
}

.nudge-left-2 {
    position: relative;
    right: 2px
}

.nudge-left-3 {
    position: relative;
    right: 3px
}

.nudge-left-4 {
    position: relative;
    right: 4px
}

.nudge-left-5 {
    position: relative;
    right: 5px
}

.nudge-left-6 {
    position: relative;
    right: 6px
}

.nudge-left-7 {
    position: relative;
    right: 7px
}

.nudge-left-8 {
    position: relative;
    right: 8px
}

.nudge-left-9 {
    position: relative;
    right: 9px
}

.nudge-left-10 {
    position: relative;
    right: 10px
}

.nudge-down-1 {
    position: relative;
    top: 1px
}

.nudge-down-2 {
    position: relative;
    top: 2px
}

.nudge-down-3 {
    position: relative;
    top: 3px
}

.nudge-down-4 {
    position: relative;
    top: 4px
}

.nudge-down-5 {
    position: relative;
    top: 5px
}

.nudge-down-6 {
    position: relative;
    top: 6px
}

.nudge-down-7 {
    position: relative;
    top: 7px
}

.nudge-down-8 {
    position: relative;
    top: 8px
}

.nudge-down-9 {
    position: relative;
    top: 9px
}

.nudge-down-10 {
    position: relative;
    top: 10px
}

.nudge-up-1 {
    position: relative;
    bottom: 1px
}

.nudge-up-2 {
    position: relative;
    bottom: 2px
}

.nudge-up-3 {
    position: relative;
    bottom: 3px
}

.nudge-up-4 {
    position: relative;
    bottom: 4px
}

.nudge-up-5 {
    position: relative;
    bottom: 5px
}

.nudge-up-6 {
    position: relative;
    bottom: 6px
}

.nudge-up-7 {
    position: relative;
    bottom: 7px
}

.nudge-up-8 {
    position: relative;
    bottom: 8px
}

.nudge-up-9 {
    position: relative;
    bottom: 9px
}

.nudge-up-10 {
    position: relative;
    bottom: 10px
}

.flexbox-break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-1 {
    -ms-flex: 1;
    flex: 1
}

.flex-2 {
    -ms-flex: 2;
    flex: 2
}

.flex-none {
    -ms-flex: none;
    flex: none
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-initial {
    -ms-flex: initial;
    flex: initial
}

.flex-basis-100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -ms-flex-align: center;
    align-items: center
}

.items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.justify-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-last {
    -ms-flex-order: 99999;
    order: 99999
}

@media only screen and (min-width: 960px) {
    .flex-ns {
        display: -ms-flexbox;
        display: flex
    }

    .inline-flex-ns {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-auto-ns {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-1-ns {
        -ms-flex: 1;
        flex: 1
    }

    .flex-2-ns {
        -ms-flex: 2;
        flex: 2
    }

    .flex-none-ns {
        -ms-flex: none;
        flex: none
    }

    .flex-shrink-0-ns {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .flex-basis-100-ns {
        -ms-flex-preferred-size: 100;
        flex-basis: 100
    }

    .flex-column-ns {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-row-ns {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-wrap-ns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-nowrap-ns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .items-start-ns {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .items-end-ns {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .items-center-ns {
        -ms-flex-align: center;
        align-items: center
    }

    .items-baseline-ns {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .items-stretch-ns {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .self-start-ns {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .self-end-ns {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .self-center-ns {
        -ms-flex-item-align: center;
        align-self: center
    }

    .self-baseline-ns {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .self-stretch-ns {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .justify-start-ns {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-end-ns {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-center-ns {
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-between-ns {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .justify-around-ns {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .content-start-ns {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .content-end-ns {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .content-center-ns {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .content-between-ns {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .content-around-ns {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .content-stretch-ns {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .order-0-ns {
        -ms-flex-order: 0;
        order: 0
    }

    .order-1-ns {
        -ms-flex-order: 1;
        order: 1
    }

    .order-2-ns {
        -ms-flex-order: 2;
        order: 2
    }

    .order-3-ns {
        -ms-flex-order: 3;
        order: 3
    }

    .order-4-ns {
        -ms-flex-order: 4;
        order: 4
    }

    .order-5-ns {
        -ms-flex-order: 5;
        order: 5
    }

    .order-6-ns {
        -ms-flex-order: 6;
        order: 6
    }

    .order-7-ns {
        -ms-flex-order: 7;
        order: 7
    }

    .order-8-ns {
        -ms-flex-order: 8;
        order: 8
    }

    .order-last-ns {
        -ms-flex-order: 99999;
        order: 99999
    }
}

.list {
    list-style-type: none
}

.list-inherit {
    list-style: inherit
}

.body-wrap-pa0 #wrap-inner {
    padding: 0
}

.pa0 {
    padding: 0
}

.pa5 {
    padding: 5px
}

.pa10 {
    padding: 10px
}

.pa20 {
    padding: 20px
}

.pa30 {
    padding: 30px
}

.pa40 {
    padding: 40px
}

.pa50 {
    padding: 50px
}

.pa60 {
    padding: 60px
}

.pa70 {
    padding: 70px
}

.pa80 {
    padding: 80px
}

.pa90 {
    padding: 90px
}

.pa100 {
    padding: 100px
}

.pl0 {
    padding-left: 0
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pl80 {
    padding-left: 80px
}

.pl90 {
    padding-left: 90px
}

.pl100 {
    padding-left: 100px
}

.pr0 {
    padding-right: 0
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.pr70 {
    padding-right: 70px
}

.pr80 {
    padding-right: 80px
}

.pr90 {
    padding-right: 90px
}

.pr100 {
    padding-right: 100px
}

.pb0 {
    padding-bottom: 0
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb90 {
    padding-bottom: 90px
}

.pb100 {
    padding-bottom: 100px
}

.pt0 {
    padding-top: 0
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pt100 {
    padding-top: 100px
}

.pv0 {
    padding-top: 0;
    padding-bottom: 0
}

.pv5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.pv10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.pv20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pv30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pv40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.pv50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pv60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.pv70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.pv80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.pv90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.pv100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.ph0 {
    padding-right: 0;
    padding-left: 0
}

.ph5 {
    padding-right: 5px;
    padding-left: 5px
}

.ph10 {
    padding-right: 10px;
    padding-left: 10px
}

.ph20 {
    padding-right: 20px;
    padding-left: 20px
}

.ph30 {
    padding-right: 30px;
    padding-left: 30px
}

.ph40 {
    padding-right: 40px;
    padding-left: 40px
}

.ph50 {
    padding-right: 50px;
    padding-left: 50px
}

.ph60 {
    padding-right: 60px;
    padding-left: 60px
}

.ph70 {
    padding-right: 70px;
    padding-left: 70px
}

.ph80 {
    padding-right: 80px;
    padding-left: 80px
}

.ph90 {
    padding-right: 90px;
    padding-left: 90px
}

.ph100 {
    padding-right: 100px;
    padding-left: 100px
}

.m0auto {
    margin: 0 auto
}

.ma0 {
    margin: 0
}

.ma5 {
    margin: 5px
}

.ma10 {
    margin: 10px
}

.ma20 {
    margin: 20px
}

.ma30 {
    margin: 30px
}

.ma40 {
    margin: 40px
}

.ma50 {
    margin: 50px
}

.ma60 {
    margin: 60px
}

.ma70 {
    margin: 70px
}

.ma80 {
    margin: 80px
}

.ma90 {
    margin: 90px
}

.ma100 {
    margin: 100px
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml90 {
    margin-left: 90px
}

.ml100 {
    margin-left: 100px
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}

.mr80 {
    margin-right: 80px
}

.mr90 {
    margin-right: 90px
}

.mr100 {
    margin-right: 100px
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mv0 {
    margin-top: 0;
    margin-bottom: 0
}

.mv5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mv10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mv20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mv30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mv40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mv50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mv60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mv70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.mv80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.mv90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.mv100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mh0 {
    margin-right: 0;
    margin-left: 0
}

.mh5 {
    margin-right: 5px;
    margin-left: 5px
}

.mh10 {
    margin-right: 10px;
    margin-left: 10px
}

.mh20 {
    margin-right: 20px;
    margin-left: 20px
}

.mh30 {
    margin-right: 30px;
    margin-left: 30px
}

.mh40 {
    margin-right: 40px;
    margin-left: 40px
}

.mh50 {
    margin-right: 50px;
    margin-left: 50px
}

.mh60 {
    margin-right: 60px;
    margin-left: 60px
}

.mh70 {
    margin-right: 70px;
    margin-left: 70px
}

.mh80 {
    margin-right: 80px;
    margin-left: 80px
}

.mh90 {
    margin-right: 90px;
    margin-left: 90px
}

.mh100 {
    margin-right: 100px;
    margin-left: 100px
}

@media only screen and (min-width: 960px) {
    .pa0-ns {
        padding: 0
    }

    .pa5-ns {
        padding: 5px
    }

    .pa10-ns {
        padding: 10px
    }

    .pa20-ns {
        padding: 20px
    }

    .pa30-ns {
        padding: 30px
    }

    .pa40-ns {
        padding: 40px
    }

    .pa50-ns {
        padding: 50px
    }

    .pa60-ns {
        padding: 60px
    }

    .pa70-ns {
        padding: 70px
    }

    .pa80-ns {
        padding: 80px
    }

    .pa90-ns {
        padding: 90px
    }

    .pa100-ns {
        padding: 100px
    }

    .pl0-ns {
        padding-left: 0
    }

    .pl5-ns {
        padding-left: 5px
    }

    .pl10-ns {
        padding-left: 10px
    }

    .pl20-ns {
        padding-left: 20px
    }

    .pl30-ns {
        padding-left: 30px
    }

    .pl40-ns {
        padding-left: 40px
    }

    .pl50-ns {
        padding-left: 50px
    }

    .pl60-ns {
        padding-left: 60px
    }

    .pl70-ns {
        padding-left: 70px
    }

    .pl80-ns {
        padding-left: 80px
    }

    .pl90-ns {
        padding-left: 90px
    }

    .pl100-ns {
        padding-left: 100px
    }

    .pr0-ns {
        padding-right: 0
    }

    .pr5-ns {
        padding-right: 5px
    }

    .pr10-ns {
        padding-right: 10px
    }

    .pr20-ns {
        padding-right: 20px
    }

    .pr30-ns {
        padding-right: 30px
    }

    .pr40-ns {
        padding-right: 40px
    }

    .pr50-ns {
        padding-right: 50px
    }

    .pr60-ns {
        padding-right: 60px
    }

    .pr70-ns {
        padding-right: 70px
    }

    .pr80-ns {
        padding-right: 80px
    }

    .pr90-ns {
        padding-right: 90px
    }

    .pr100-ns {
        padding-right: 100px
    }

    .pb0-ns {
        padding-bottom: 0
    }

    .pb5-ns {
        padding-bottom: 5px
    }

    .pb10-ns {
        padding-bottom: 10px
    }

    .pb20-ns {
        padding-bottom: 20px
    }

    .pb30-ns {
        padding-bottom: 30px
    }

    .pb40-ns {
        padding-bottom: 40px
    }

    .pb50-ns {
        padding-bottom: 50px
    }

    .pb60-ns {
        padding-bottom: 60px
    }

    .pb70-ns {
        padding-bottom: 70px
    }

    .pb80-ns {
        padding-bottom: 80px
    }

    .pb90-ns {
        padding-bottom: 90px
    }

    .pb100-ns {
        padding-bottom: 100px
    }

    .pt0-ns {
        padding-top: 0
    }

    .pt5-ns {
        padding-top: 5px
    }

    .pt10-ns {
        padding-top: 10px
    }

    .pt20-ns {
        padding-top: 20px
    }

    .pt30-ns {
        padding-top: 30px
    }

    .pt40-ns {
        padding-top: 40px
    }

    .pt50-ns {
        padding-top: 50px
    }

    .pt60-ns {
        padding-top: 60px
    }

    .pt70-ns {
        padding-top: 70px
    }

    .pt80-ns {
        padding-top: 80px
    }

    .pt90-ns {
        padding-top: 90px
    }

    .pt100-ns {
        padding-top: 100px
    }

    .pv0-ns {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv5-ns {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .pv10-ns {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .pv20-ns {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pv30-ns {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pv40-ns {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pv50-ns {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pv60-ns {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pv70-ns {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .pv80-ns {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .pv90-ns {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .pv100-ns {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .ph0-ns {
        padding-right: 0;
        padding-left: 0
    }

    .ph5-ns {
        padding-right: 5px;
        padding-left: 5px
    }

    .ph10-ns {
        padding-right: 10px;
        padding-left: 10px
    }

    .ph20-ns {
        padding-right: 20px;
        padding-left: 20px
    }

    .ph30-ns {
        padding-right: 30px;
        padding-left: 30px
    }

    .ph40-ns {
        padding-right: 40px;
        padding-left: 40px
    }

    .ph50-ns {
        padding-right: 50px;
        padding-left: 50px
    }

    .ph60-ns {
        padding-right: 60px;
        padding-left: 60px
    }

    .ph70-ns {
        padding-right: 70px;
        padding-left: 70px
    }

    .ph80-ns {
        padding-right: 80px;
        padding-left: 80px
    }

    .ph90-ns {
        padding-right: 90px;
        padding-left: 90px
    }

    .ph100-ns {
        padding-right: 100px;
        padding-left: 100px
    }

    .m0auto-ns {
        margin: 0 auto
    }

    .ma0-ns {
        margin: 0
    }

    .ma5-ns {
        margin: 5px
    }

    .ma10-ns {
        margin: 10px
    }

    .ma20-ns {
        margin: 20px
    }

    .ma30-ns {
        margin: 30px
    }

    .ma40-ns {
        margin: 40px
    }

    .ma50-ns {
        margin: 50px
    }

    .ma60-ns {
        margin: 60px
    }

    .ma70-ns {
        margin: 70px
    }

    .ma80-ns {
        margin: 80px
    }

    .ma90-ns {
        margin: 90px
    }

    .ma100-ns {
        margin: 100px
    }

    .ml0-ns {
        margin-left: 0
    }

    .ml5-ns {
        margin-left: 5px
    }

    .ml10-ns {
        margin-left: 10px
    }

    .ml20-ns {
        margin-left: 20px
    }

    .ml30-ns {
        margin-left: 30px
    }

    .ml40-ns {
        margin-left: 40px
    }

    .ml50-ns {
        margin-left: 50px
    }

    .ml60-ns {
        margin-left: 60px
    }

    .ml70-ns {
        margin-left: 70px
    }

    .ml80-ns {
        margin-left: 80px
    }

    .ml90-ns {
        margin-left: 90px
    }

    .ml100-ns {
        margin-left: 100px
    }

    .mr0-ns {
        margin-right: 0
    }

    .mr5-ns {
        margin-right: 5px
    }

    .mr10-ns {
        margin-right: 10px
    }

    .mr20-ns {
        margin-right: 20px
    }

    .mr30-ns {
        margin-right: 30px
    }

    .mr40-ns {
        margin-right: 40px
    }

    .mr50-ns {
        margin-right: 50px
    }

    .mr60-ns {
        margin-right: 60px
    }

    .mr70-ns {
        margin-right: 70px
    }

    .mr80-ns {
        margin-right: 80px
    }

    .mr90-ns {
        margin-right: 90px
    }

    .mr100-ns {
        margin-right: 100px
    }

    .mb0-ns {
        margin-bottom: 0
    }

    .mb5-ns {
        margin-bottom: 5px
    }

    .mb10-ns {
        margin-bottom: 10px
    }

    .mb20-ns {
        margin-bottom: 20px
    }

    .mb30-ns {
        margin-bottom: 30px
    }

    .mb40-ns {
        margin-bottom: 40px
    }

    .mb50-ns {
        margin-bottom: 50px
    }

    .mb60-ns {
        margin-bottom: 60px
    }

    .mb70-ns {
        margin-bottom: 70px
    }

    .mb80-ns {
        margin-bottom: 80px
    }

    .mb90-ns {
        margin-bottom: 90px
    }

    .mb100-ns {
        margin-bottom: 100px
    }

    .mt0-ns {
        margin-top: 0
    }

    .mt5-ns {
        margin-top: 5px
    }

    .mt10-ns {
        margin-top: 10px
    }

    .mt20-ns {
        margin-top: 20px
    }

    .mt30-ns {
        margin-top: 30px
    }

    .mt40-ns {
        margin-top: 40px
    }

    .mt50-ns {
        margin-top: 50px
    }

    .mt60-ns {
        margin-top: 60px
    }

    .mt70-ns {
        margin-top: 70px
    }

    .mt80-ns {
        margin-top: 80px
    }

    .mt90-ns {
        margin-top: 90px
    }

    .mt100-ns {
        margin-top: 100px
    }

    .mv0-ns {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv5-ns {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .mv10-ns {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .mv20-ns {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .mv30-ns {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .mv40-ns {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .mv50-ns {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .mv60-ns {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .mv70-ns {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .mv80-ns {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .mv90-ns {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .mv100-ns {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .mh0-ns {
        margin-right: 0;
        margin-left: 0
    }

    .mh5-ns {
        margin-right: 5px;
        margin-left: 5px
    }

    .mh10-ns {
        margin-right: 10px;
        margin-left: 10px
    }

    .mh20-ns {
        margin-right: 20px;
        margin-left: 20px
    }

    .mh30-ns {
        margin-right: 30px;
        margin-left: 30px
    }

    .mh40-ns {
        margin-right: 40px;
        margin-left: 40px
    }

    .mh50-ns {
        margin-right: 50px;
        margin-left: 50px
    }

    .mh60-ns {
        margin-right: 60px;
        margin-left: 60px
    }

    .mh70-ns {
        margin-right: 70px;
        margin-left: 70px
    }

    .mh80-ns {
        margin-right: 80px;
        margin-left: 80px
    }

    .mh90-ns {
        margin-right: 90px;
        margin-left: 90px
    }

    .mh100-ns {
        margin-right: 100px;
        margin-left: 100px
    }
}

.op0 {
    opacity: 0
}

.op10 {
    opacity: 0.1
}

.op20 {
    opacity: 0.2
}

.op30 {
    opacity: 0.3
}

.op40 {
    opacity: 0.4
}

.op50 {
    opacity: 0.5
}

.op60 {
    opacity: 0.6
}

.op70 {
    opacity: 0.7
}

.op75 {
    opacity: 0.75
}

.op80 {
    opacity: 0.8
}

.op90 {
    opacity: 0.9
}

.op100 {
    opacity: 1
}

.of-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.of-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.of-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.of-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.of-none {
    -o-object-fit: none;
    object-fit: none
}

@media only screen and (min-width: 960px) {
    .of-cover-ns {
        -o-object-fit: cover;
        object-fit: cover
    }

    .of-fill-ns {
        -o-object-fit: fill;
        object-fit: fill
    }

    .of-contain-ns {
        -o-object-fit: contain;
        object-fit: contain
    }

    .of-scale-down-ns {
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .of-none-ns {
        -o-object-fit: none;
        object-fit: none
    }
}

.z-1 {
    z-index: -1
}

.z0 {
    z-index: 0
}

.z1 {
    z-index: 1
}

.z10 {
    z-index: 10
}

.t-0 {
    top: 0
}

.t-10 {
    top: 10px
}

.r-0 {
    right: 0
}

.r-10 {
    right: 10px
}

.b-0 {
    bottom: 0
}

.b-10 {
    bottom: 10px
}

.l-0 {
    left: 0
}

.l-10 {
    left: 10px
}

.overflow-hidden {
    overflow: hidden
}

.no-pointer-events {
    pointer-events: none
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.icon-10 {
    width: 10px;
    height: 10px
}

.icon-12 {
    width: 12px;
    height: 12px
}

.icon-14 {
    width: 14px;
    height: 14px
}

.icon-16 {
    width: 16px;
    height: 16px
}

.icon-18 {
    width: 18px;
    height: 18px
}

.icon-20 {
    width: 20px;
    height: 20px
}

.icon-22 {
    width: 22px;
    height: 22px
}

.icon-24 {
    width: 24px;
    height: 24px
}

.icon-32 {
    width: 32px;
    height: 32px
}

.icon-40 {
    width: 40px;
    height: 40px
}

.icon-48 {
    width: 48px;
    height: 48px
}

.icon-64 {
    width: 64px;
    height: 64px
}

.icon-144 {
    width: 144px;
    height: 144px
}

@media only screen and (min-width: 960px) {
    .icon-14-ns {
        width: 14px;
        height: 14px
    }

    .icon-16-ns {
        width: 16px;
        height: 16px
    }

    .icon-20-ns {
        width: 20px;
        height: 20px
    }

    .icon-24-ns {
        width: 24px;
        height: 24px
    }

    .icon-32-ns {
        width: 32px;
        height: 32px
    }

    .icon-40-ns {
        width: 40px;
        height: 40px
    }

    .icon-48-ns {
        width: 48px;
        height: 48px
    }

    .icon-64-ns {
        width: 64px;
        height: 64px
    }
}

.f-label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5
}

.aspect-ratio-4-3:before {
    content: '';
    display: block;
    padding-top: 75%
}

.aspect-ratio-4-3-fill:before {
    content: '';
    display: block;
    padding-top: 75%
}

.aspect-ratio-4-3-fill>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.col-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.col-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

@media only screen and (min-width: 960px) {
    .col-1-ns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .col-2-ns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .col-3-ns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .col-4-ns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

.text-display {
    color: #0d0c22;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4
}

@media only screen and (min-width: 960px) {
    .text-display {
        font-size: 32px
    }
}

.text-heading {
    color: #0d0c22;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .text-heading {
        font-size: 24px
    }
}

.text-paragraph {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5
}

.font-serif {
    font-family: Georgia, 'Times New Roman', serif
}

.font-heading-1 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px
}

.font-heading-2 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px
}

.font-heading-3 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

.font-heading-4 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px
}

.font-heading-5 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.font-heading-mobile-3 {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.font-label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.font-sublabel {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.font-sublabel-bold {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.font-body {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.font-body-small {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.font-body-xs {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.font-body-xs-bold {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.font-body-large {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

.font-small {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.font-pre-title {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 14px;
    text-transform: uppercase
}

.font-pre-title-bold {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 14px;
    text-transform: uppercase
}

.font-weight-500 {
    font-weight: 500
}

.font-style-italic {
    font-style: italic
}

.text-nowrap {
    white-space: nowrap
}

.text-wrap {
    white-space: normal
}

.color-white {
    color: #fff
}

.color-forest {
    color: #4bb7bf
}

.color-forest-medium {
    color: #4bb7bf
}

.color-bee {
    color: #feba57
}

.color-flamingo {
    color: #ea4c89
}

.color-flamingo-light-10 {
    color: #ec5e95
}

.color-blurple {
    color: #4f3cc9
}

.color-blurple-alt-medium {
    color: #787eff
}

.color-lobster {
    color: #ff5555
}

.color-seafoam-dream {
    color: #77e0b5
}

.color-deep-blue-sea {
    color: #0d0c22
}

.color-deep-blue-sea-light-20 {
    color: #3d3d4e
}

.color-deep-blue-sea-light-40 {
    color: #6e6d7a
}

.color-deep-blue-sea-light-60 {
    color: #9e9ea7
}

.color-deep-blue-sea-light-85 {
    color: #dbdbde
}

.color-pastel-purple {
    color: #dad9f2
}

.striked {
    text-decoration: line-through
}

.underline {
    text-decoration: underline
}

.link-deep-blue-sea {
    color: #0d0c22 !important
}

.link-deep-blue-sea:hover {
    color: #3d3d4e !important
}

.display-none {
    display: none
}

.display-block {
    display: block
}

.display-inline {
    display: inline
}

.display-inline-block {
    display: inline-block
}

.hidden {
    visibility: hidden
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: 0.5
}

.no-events {
    pointer-events: none
}

.display-flex {
    display: -ms-flexbox;
    display: flex
}

.display-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.justify-space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justify-flex-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-flex-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.align-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.align-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-center {
    -ms-flex-align: center;
    align-items: center
}

.align-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.align-self-start {
    -ms-flex-item-align: start;
    align-self: start
}

.direction-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.direction-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.direction-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.direction-col-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-1 {
    -ms-flex: 1;
    flex: 1
}

.flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-grow-1 {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-full-width {
    grid-column: 1 / -1
}

.grid-2-desktop {
    display: grid;
    grid-template: auto / 1fr;
    gap: 40px
}

@media (min-width: 768px) {
    .grid-2-desktop {
        grid-template: auto/repeat(2, 1fr)
    }
}

.margin-0 {
    margin: 0
}

.margin-l-4 {
    margin-left: 4px
}

.margin-l-8 {
    margin-left: 8px
}

.margin-l-12 {
    margin-left: 12px
}

.margin-l-16 {
    margin-left: 16px
}

.margin-l-20 {
    margin-left: 20px
}

.margin-l-24 {
    margin-left: 24px
}

.margin-l-40 {
    margin-left: 40px
}

.margin-r-4 {
    margin-right: 4px
}

.margin-r-8 {
    margin-right: 8px
}

.margin-r-10 {
    margin-right: 10px
}

.margin-r-12 {
    margin-right: 12px
}

.margin-r-16 {
    margin-right: 16px
}

.margin-r-24 {
    margin-right: 24px
}

.margin-r-32 {
    margin-right: 32px
}

.margin-r-40 {
    margin-right: 40px
}

.margin-r-56 {
    margin-right: 56px
}

.margin-t-72 {
    margin-top: 72px
}

.margin-t-2 {
    margin-top: 2px
}

.margin-t-4 {
    margin-top: 4px
}

.margin-t-8 {
    margin-top: 8px
}

.margin-t-10 {
    margin-top: 10px
}

.margin-t-12 {
    margin-top: 12px
}

.margin-t-16 {
    margin-top: 16px
}

.margin-t-20 {
    margin-top: 20px
}

.margin-t-24 {
    margin-top: 24px
}

.margin-t-28 {
    margin-top: 28px
}

.margin-t-32 {
    margin-top: 32px
}

.margin-t-40 {
    margin-top: 40px
}

.margin-t-48 {
    margin-top: 48px
}

.margin-t-64 {
    margin-top: 64px
}

.margin-b-0 {
    margin-bottom: 0
}

.margin-b-4 {
    margin-bottom: 4px
}

.margin-b-8 {
    margin-bottom: 8px
}

.margin-b-12 {
    margin-bottom: 12px
}

.margin-b-16 {
    margin-bottom: 16px
}

.margin-b-20 {
    margin-bottom: 20px
}

.margin-b-24 {
    margin-bottom: 24px
}

.margin-b-32 {
    margin-bottom: 32px
}

.margin-b-36 {
    margin-bottom: 36px
}

.margin-b-40 {
    margin-bottom: 40px
}

.margin-b-48 {
    margin-bottom: 48px
}

.margin-b-64 {
    margin-bottom: 64px
}

.margin-h-4 {
    margin-right: 4px;
    margin-left: 4px
}

.margin-h-8 {
    margin-right: 8px;
    margin-left: 8px
}

.margin-h-24 {
    margin-right: 24px;
    margin-left: 24px
}

.margin-h-32 {
    margin-right: 32px;
    margin-left: 32px
}

.margin-v-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

.margin-v-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.margin-v-32 {
    margin-top: 32px;
    margin-bottom: 32px
}

.padding-h-8 {
    padding-right: 8px;
    padding-left: 8px
}

.padding-h-16 {
    padding-right: 16px;
    padding-left: 16px
}

.padding-h-32 {
    padding-right: 32px;
    padding-left: 32px
}

.padding-t-8 {
    padding-top: 8px
}

.padding-t-10 {
    padding-top: 10px
}

.padding-t-16 {
    padding-top: 16px
}

.padding-b-32 {
    padding-bottom: 32px
}

.padding-t-32 {
    padding-top: 32px
}

.padding-t-40 {
    padding-top: 40px
}

.padding-b-40 {
    padding-bottom: 40px
}

.padding-t-80 {
    padding-top: 80px
}

.padding-b-80 {
    padding-bottom: 80px
}

.padding-r-32 {
    padding-right: 32px
}

.padding-t-20 {
    padding-top: 20px
}

.padding-b-20 {
    padding-bottom: 20px
}

.padding-t-12 {
    padding-top: 12px
}

.padding-b-12 {
    padding-bottom: 12px
}

.width-100 {
    width: 100%
}

.width-75 {
    width: 75%
}

.width-50 {
    width: 50%
}

.width-25 {
    width: 25%
}

.height-100 {
    height: 100%
}

.z-index-1 {
    z-index: 1
}

.text-align-end {
    text-align: end
}

.text-align-start {
    text-align: start
}

.text-align-center {
    text-align: center
}

.spin-loading-icon {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    -webkit-animation: spin-animation 0.35s infinite linear;
    animation: spin-animation 0.35s infinite linear;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    border-right-color: transparent;
    vertical-align: middle
}

.spin-loading-icon.dark {
    border-bottom-color: #0d0c22;
    border-left-color: #0d0c22
}

@media (min-width: 500px) {
    .show-only-on-mobile {
        display: none
    }
}

.hide-on-mobile {
    display: none
}

@media (min-width: 500px) {
    .hide-on-mobile {
        display: inherit
    }
}

@media (min-width: 920px) {
    .hide-small-medium-screens {
        display: none
    }
}

@media (min-width: 768px) {
    .hide-medium-screens {
        display: none
    }
}

.cursor-pointer {
    cursor: pointer
}

.accessibility-text {
    position: absolute;
    width: 0;
    overflow: hidden;
    opacity: 0
}

.lazyloading-hidden .lazyload,
.lazyloading-hidden.lazyload,
.lazyloading-hidden .lazyloading,
.lazyloading-hidden.lazyloading {
    visibility: hidden
}

.lazyload-hidden-container.lazyload .lazyload-hidden-element,
.lazyload-hidden-container.lazyloading .lazyload-hidden-element {
    visibility: hidden
}

.position-fixed {
    position: fixed
}

.position-absolute {
    position: absolute
}

.position-relative {
    position: relative
}

.fill-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.overflow-x-hidden {
    overflow-x: hidden
}

.divider {
    border-top: 1px solid #dbdbde
}

.lazyfadein {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0.001
}

.lazyfadein.lazyloaded {
    opacity: 1
}

.shots-grid {
    display: grid;
    grid-gap: 36px;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    list-style: none
}

@media (min-width: 1600px) {
    .shots-grid {
        grid-template-columns: repeat(auto-fill, minmax(336px, 1fr))
    }
}

.container-large .shots-grid,
.shots-grid.container-large {
    grid-gap: 48px
}

@media (min-width: 1600px) {

    .container-large .shots-grid,
    .shots-grid.container-large {
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr))
    }
}

.shots-grid.shot-grid-large {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr))
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .shots-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 calc(-48px / 2)
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 768px),
(-ms-high-contrast: active) and (min-width: 768px) {
    .shots-grid {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .shot-thumbnail {
        -ms-flex: 1 1 316px;
        flex: 1 1 316px;
        max-width: 480px;
        margin: calc(48px / 2)
    }
}

#signup-overlay {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    #signup-overlay {
        padding: 16px
    }
}

#signup-overlay a.close {
    position: absolute;
    z-index: 1;
    top: -10px;
    right: -10px;
    margin: 0
}

#signup-overlay.overlay {
    -webkit-transition: none;
    transition: none
}

#signup-overlay .lightbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 32px;
    padding: 32px;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.2);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.2);
    border-radius: 16px;
    opacity: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox {
        position: static;
        padding: 16px
    }
}

#signup-overlay .lightbox-message {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 50%;
    padding: 4px 16px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 2px solid currentColor;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.67);
    color: #fff;
    line-height: 1;
    white-space: nowrap
}

#signup-overlay .lightbox-message:empty {
    display: none
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-message {
        right: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        white-space: normal
    }
}

#signup-overlay .lightbox-header {
    position: relative;
    top: -2px;
    margin: -32px;
    margin-bottom: 30px;
    padding: 64px 32px;
    padding-right: 55%;
    border-radius: 16px 16px 0 0;
    background: right bottom no-repeat;
    background-size: auto 80%;
    text-align: left
}

#signup-overlay .lightbox-header p {
    margin: 1rem 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.1
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-header p {
        font-size: 18px
    }
}

#signup-overlay .lightbox-header * {
    color: inherit
}

#signup-overlay .lightbox-header svg [fill] {
    fill: currentColor
}

#signup-overlay .lightbox-header svg [stroke] {
    stroke: currentColor
}

#signup-overlay .lightbox-header .dribbble-logo {
    width: 40%;
    height: auto
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-header {
        margin: -16px;
        margin-bottom: 14px;
        padding: 32px 16px;
        padding-right: 50%;
        background-size: auto 35vw
    }
}

#signup-overlay.overlay-visible .lightbox {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-box-shadow: 0 16px 128px rgba(0, 0, 0, 0.5);
    box-shadow: 0 16px 128px rgba(0, 0, 0, 0.5)
}

#signup-overlay .lightbox-message:not(:empty)~.lightbox-header {
    padding-top: 96px
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-message:not(:empty)~.lightbox-header {
        padding-top: 80px
    }
}

#signup-overlay .lightbox-header-attribution {
    position: absolute;
    bottom: 16px;
    padding-right: 50%
}

#signup-overlay .lightbox-footer {
    margin: 0 -32px;
    margin-top: 32px;
    border-top: 1px solid #ddd
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-footer {
        margin: 0 -16px;
        margin-top: 16px
    }
}

#signup-overlay .email-form {
    max-height: 0;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0
}

#signup-overlay .email-form .signup-password .message {
    padding-bottom: 0
}

#signup-overlay .email-signup-toggle {
    display: block;
    margin: 0 auto;
    padding: 16px 16px 0 16px;
    color: #9e9ea7;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize
}

#signup-overlay .email-signup-toggle:before {
    content: 'Or '
}

#signup-overlay .email-signup-toggle:hover {
    color: #7263d4
}

#signup-overlay .email-signup-toggle.on {
    display: block;
    color: #0d0c22
}

#signup-overlay .email-signup-toggle.on:before {
    content: none
}

#signup-overlay .email-signup-toggle.on~.email-form {
    max-height: 100vh;
    opacity: 1
}

#signup-overlay .email-signup-toggle.ab-2 {
    display: block;
    color: #0d0c22
}

#signup-overlay .email-signup-toggle.ab-2~.email-form {
    max-height: 70vh;
    opacity: 1
}

#signup-overlay .email-signup-toggle.ab-2~.email-form .signup-username,
#signup-overlay .email-signup-toggle.ab-2~.email-form .signup-name,
#signup-overlay .email-signup-toggle.ab-2~.email-form .opt-in,
#signup-overlay .email-signup-toggle.ab-2~.email-form .form-btns,
#signup-overlay .email-signup-toggle.ab-2~.email-form .g-recaptcha,
#signup-overlay .email-signup-toggle.ab-2~.email-form .captcha-not-loaded,
#signup-overlay .email-signup-toggle.ab-2~.email-form .signup-password .message {
    display: none
}

#signup-overlay .email-signup-toggle.ab-2.on~.email-form .signup-username,
#signup-overlay .email-signup-toggle.ab-2.on~.email-form .signup-name,
#signup-overlay .email-signup-toggle.ab-2.on~.email-form .opt-in,
#signup-overlay .email-signup-toggle.ab-2.on~.email-form .form-btns,
#signup-overlay .email-signup-toggle.ab-2.on~.email-form .g-recaptcha,
#signup-overlay .email-signup-toggle.ab-2.on~.email-form .captcha-not-loaded,
#signup-overlay .email-signup-toggle.ab-2.on~.email-form .signup-password .message {
    display: block
}

#signup-overlay .grecaptcha-badge {
    overflow: hidden;
    border-radius: 8px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#signup-overlay .signup-social-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -8px
}

#signup-overlay .signup-social-buttons .auth-google-form {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#signup-overlay .signup-social-buttons .form-btn {
    -ms-flex: 1;
    flex: 1;
    margin: 8px;
    text-align: center;
    white-space: nowrap
}

@media only screen and (max-width: 800px) {
    #signup-overlay .signup-social-buttons .form-btn {
        margin: 4px
    }
}

#signup-overlay .signup-social-buttons .form-btn.auth-google {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 56px
}

#signup-overlay .signup-social-buttons .form-btn.auth-google svg {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
    background: #fff url(/assets/icons/social/google-color-ff45fba412640aff9d9ae0a2c7a1d35ad827f20ddf4bb8bf74c9eee2c3eefd96.svg) center center no-repeat;
    background-size: 16px 16px
}

#signup-overlay .signup-social-buttons .form-btn.auth-google svg path {
    fill: transparent !important
}

@media only screen and (max-width: 800px) {
    #signup-overlay .signup-social-buttons .form-btn.auth-google {
        padding-left: 32px
    }

    #signup-overlay .signup-social-buttons .form-btn.auth-google svg {
        left: 8px;
        width: 20px;
        height: 20px;
        background-size: 14px 14px
    }
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter {
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    background-color: transparent;
    color: #6e6d7a
}

@media only screen and (max-width: 800px) {
    #signup-overlay .signup-social-buttons .form-btn.auth-twitter {
        -ms-flex: 0 0 38px;
        flex: 0 0 38px;
        width: 38px;
        padding: 8px
    }
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter:hover {
    background-color: #1da1f2;
    -webkit-box-shadow: none;
    box-shadow: none
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter:hover svg path {
    fill: #fff !important
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter svg {
    width: 16px;
    height: 16px
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter svg path[fill] {
    fill: currentColor !important
}

.signup-container {
    text-align: center
}

.signup-container .signup-social {
    display: block;
    margin: 0;
    padding: 0;
    border: none
}

.signup-container .signup-social a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    min-width: 200px;
    margin: 0 5px 10px
}

.signup-container .signup-or-label {
    display: block;
    margin-top: 5px;
    color: #999;
    font-size: 18px;
    font-weight: 500
}

.signup-container div.grecaptcha-badge {
    margin: 30px auto 0;
    float: none
}

.signup-container p.already-a-member {
    margin-top: 30px;
    font-weight: 500
}

.signup-container a.forgotten-password {
    margin: 0 0 10px;
    float: right;
    font-size: 12px;
    white-space: nowrap
}

.signup-container form .message {
    text-align: left
}

label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: block;
    margin-bottom: 10px;
    color: #0d0c22
}

label.required:after {
    content: '*';
    margin-left: 4px;
    color: #ea4c89
}

label.label-on-dark-bg {
    color: #fff
}

form.gen-form fieldset {
    position: relative;
    margin: 8px 0
}

form.gen-form label img {
    position: relative;
    margin-left: 2px
}

form.gen-form label img.avatar {
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    border-radius: 50%
}

fieldset.single-row input[type='text'] {
    width: 50%
}

@media (min-width: 768px) {
    fieldset.single-row input[type='text'] {
        width: 70%
    }
}

fieldset.single-row p.message {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
    color: #9e9ea7
}

.inline-radios {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.dropdown-checkbox .checkbox-radio-label {
    color: #6e6d7a
}

.dropdown-checkbox .checkbox-radio-label.checked {
    color: #0d0c22
}

.checkbox-radio-label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    color: #3d3d4e
}

.inline-radios .checkbox-radio-label {
    margin-right: 16px;
    margin-bottom: 0
}

.inline-radios .checkbox-radio-label:last-child {
    margin-right: 0
}

.checkbox-radio-label.is-disabled {
    color: #9e9ea7
}

.checkbox-radio-label label {
    margin-bottom: 0
}

.checkbox-radio-label:hover input {
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    cursor: pointer
}

.v-checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.v-checkbox.is-disabled {
    opacity: 0.6
}

.v-checkbox.is-disabled .checkbox-radio-label:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed
}

.v-checkbox.is-disabled input[type='checkbox']:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed
}

input[type='text'],
input[type='number'],
input[type='search'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='tel'],
.braintree-input,
.selectize-input,
textarea,
.ql-container .ql-editor,
select,
.input-with-prefix {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border-radius: 8px;
    outline: none;
    background-color: #f3f3f4;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width: 768px) {

    input[type='text'],
    input[type='number'],
    input[type='search'],
    input[type='password'],
    input[type='email'],
    input[type='url'],
    input[type='tel'],
    .braintree-input,
    .selectize-input,
    textarea,
    .ql-container .ql-editor,
    select,
    .input-with-prefix {
        font-size: 14px
    }
}

input:hover[type='text'],
input:hover[type='number'],
input:hover[type='search'],
input:hover[type='password'],
input:hover[type='email'],
input:hover[type='url'],
input:hover[type='tel'],
.braintree-input:hover,
.selectize-input:hover,
textarea:hover,
.ql-container .ql-editor:hover,
select:hover,
.input-with-prefix:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input.braintree-hosted-fields-focused[type='text'],
input.braintree-hosted-fields-focused[type='number'],
input.braintree-hosted-fields-focused[type='search'],
input.braintree-hosted-fields-focused[type='password'],
input.braintree-hosted-fields-focused[type='email'],
input.braintree-hosted-fields-focused[type='url'],
input.braintree-hosted-fields-focused[type='tel'],
.braintree-hosted-fields-focused.braintree-input,
.braintree-hosted-fields-focused.selectize-input,
textarea.braintree-hosted-fields-focused,
.ql-container .braintree-hosted-fields-focused.ql-editor,
select.braintree-hosted-fields-focused,
.braintree-hosted-fields-focused.input-with-prefix,
input:focus[type='text'],
input:focus[type='number'],
input:focus[type='search'],
input:focus[type='password'],
input:focus[type='email'],
input:focus[type='url'],
input:focus[type='tel'],
.braintree-input:focus,
.selectize-input:focus,
textarea:focus,
.ql-container .ql-editor:focus,
select:focus,
.input-with-prefix:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input:active[type='text'],
input:active[type='number'],
input:active[type='search'],
input:active[type='password'],
input:active[type='email'],
input:active[type='url'],
input:active[type='tel'],
.braintree-input:active,
.selectize-input:active,
textarea:active,
.ql-container .ql-editor:active,
select:active,
.input-with-prefix:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.input-on-gray-bg[type='text'],
input.input-on-gray-bg[type='number'],
input.input-on-gray-bg[type='search'],
input.input-on-gray-bg[type='password'],
input.input-on-gray-bg[type='email'],
input.input-on-gray-bg[type='url'],
input.input-on-gray-bg[type='tel'],
.input-on-gray-bg.braintree-input,
.input-on-gray-bg.selectize-input,
textarea.input-on-gray-bg,
.ql-container .input-on-gray-bg.ql-editor,
select.input-on-gray-bg,
.input-on-gray-bg.input-with-prefix {
    border-color: #e7e7e9;
    background-color: #fff
}

input:-moz-read-only:not(select):not(div)[type='text'],
input:-moz-read-only:not(select):not(div)[type='number'],
input:-moz-read-only:not(select):not(div)[type='search'],
input:-moz-read-only:not(select):not(div)[type='password'],
input:-moz-read-only:not(select):not(div)[type='email'],
input:-moz-read-only:not(select):not(div)[type='url'],
input:-moz-read-only:not(select):not(div)[type='tel'],
.braintree-input:-moz-read-only:not(select):not(div),
.selectize-input:-moz-read-only:not(select):not(div),
textarea:-moz-read-only:not(select):not(div),
.ql-container .ql-editor:-moz-read-only:not(select):not(div),
select:-moz-read-only:not(select):not(div),
.input-with-prefix:-moz-read-only:not(select):not(div) {
    border-color: transparent;
    background-color: #f3f3f4;
    box-shadow: none;
    color: #9e9ea7
}

input:disabled:not(select):not(div)[type='text'],
input:disabled:not(select):not(div)[type='number'],
input:disabled:not(select):not(div)[type='search'],
input:disabled:not(select):not(div)[type='password'],
input:disabled:not(select):not(div)[type='email'],
input:disabled:not(select):not(div)[type='url'],
input:disabled:not(select):not(div)[type='tel'],
.braintree-input:disabled:not(select):not(div),
.selectize-input:disabled:not(select):not(div),
textarea:disabled:not(select):not(div),
.ql-container .ql-editor:disabled:not(select):not(div),
select:disabled:not(select):not(div),
.input-with-prefix:disabled:not(select):not(div),
input:read-only:not(select):not(div)[type='text'],
input:read-only:not(select):not(div)[type='number'],
input:read-only:not(select):not(div)[type='search'],
input:read-only:not(select):not(div)[type='password'],
input:read-only:not(select):not(div)[type='email'],
input:read-only:not(select):not(div)[type='url'],
input:read-only:not(select):not(div)[type='tel'],
.braintree-input:read-only:not(select):not(div),
.selectize-input:read-only:not(select):not(div),
textarea:read-only:not(select):not(div),
.ql-container .ql-editor:read-only:not(select):not(div),
select:read-only:not(select):not(div),
.input-with-prefix:read-only:not(select):not(div) {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7
}

input.input-on-dark-bg[type='text'],
input.input-on-dark-bg[type='number'],
input.input-on-dark-bg[type='search'],
input.input-on-dark-bg[type='password'],
input.input-on-dark-bg[type='email'],
input.input-on-dark-bg[type='url'],
input.input-on-dark-bg[type='tel'],
.input-on-dark-bg.braintree-input,
.input-on-dark-bg.selectize-input,
textarea.input-on-dark-bg,
.ql-container .input-on-dark-bg.ql-editor,
select.input-on-dark-bg,
.input-on-dark-bg.input-with-prefix {
    background-color: #3d3d4e;
    color: #9e9ea7
}

input.input-on-dark-bg:hover[type='text'],
input.input-on-dark-bg:hover[type='number'],
input.input-on-dark-bg:hover[type='search'],
input.input-on-dark-bg:hover[type='password'],
input.input-on-dark-bg:hover[type='email'],
input.input-on-dark-bg:hover[type='url'],
input.input-on-dark-bg:hover[type='tel'],
.input-on-dark-bg.braintree-input:hover,
.input-on-dark-bg.selectize-input:hover,
textarea.input-on-dark-bg:hover,
.ql-container .input-on-dark-bg.ql-editor:hover,
select.input-on-dark-bg:hover,
.input-on-dark-bg.input-with-prefix:hover {
    border-color: transparent;
    background-color: #0d0c22;
    -webkit-box-shadow: 0 0 0 4px #3d3d4e;
    box-shadow: 0 0 0 4px #3d3d4e;
    color: rgba(255, 255, 255, 0.6)
}

input.input-on-dark-bg:focus[type='text'],
input.input-on-dark-bg:focus[type='number'],
input.input-on-dark-bg:focus[type='search'],
input.input-on-dark-bg:focus[type='password'],
input.input-on-dark-bg:focus[type='email'],
input.input-on-dark-bg:focus[type='url'],
input.input-on-dark-bg:focus[type='tel'],
.input-on-dark-bg.braintree-input:focus,
.input-on-dark-bg.selectize-input:focus,
textarea.input-on-dark-bg:focus,
.ql-container .input-on-dark-bg.ql-editor:focus,
select.input-on-dark-bg:focus,
.input-on-dark-bg.input-with-prefix:focus {
    border-color: rgba(0, 0, 0, 0.3);
    background-color: #0d0c22;
    -webkit-box-shadow: 0 0 0 4px #3d3d4e;
    box-shadow: 0 0 0 4px #3d3d4e;
    color: rgba(255, 255, 255, 0.6)
}

input.input-on-dark-bg:active[type='text'],
input.input-on-dark-bg:active[type='number'],
input.input-on-dark-bg:active[type='search'],
input.input-on-dark-bg:active[type='password'],
input.input-on-dark-bg:active[type='email'],
input.input-on-dark-bg:active[type='url'],
input.input-on-dark-bg:active[type='tel'],
.input-on-dark-bg.braintree-input:active,
.input-on-dark-bg.selectize-input:active,
textarea.input-on-dark-bg:active,
.ql-container .input-on-dark-bg.ql-editor:active,
select.input-on-dark-bg:active,
.input-on-dark-bg.input-with-prefix:active {
    border-color: #3d3d4e;
    background-color: #0d0c22;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

input.input-on-dark-bg:-moz-read-only[type='text'],
input.input-on-dark-bg:-moz-read-only[type='number'],
input.input-on-dark-bg:-moz-read-only[type='search'],
input.input-on-dark-bg:-moz-read-only[type='password'],
input.input-on-dark-bg:-moz-read-only[type='email'],
input.input-on-dark-bg:-moz-read-only[type='url'],
input.input-on-dark-bg:-moz-read-only[type='tel'],
.input-on-dark-bg.braintree-input:-moz-read-only,
.input-on-dark-bg.selectize-input:-moz-read-only,
textarea.input-on-dark-bg:-moz-read-only,
.ql-container .input-on-dark-bg.ql-editor:-moz-read-only,
select.input-on-dark-bg:-moz-read-only,
.input-on-dark-bg.input-with-prefix:-moz-read-only {
    border-color: transparent;
    background-color: #3d3d4e;
    box-shadow: none
}

input.input-on-dark-bg:disabled[type='text'],
input.input-on-dark-bg:disabled[type='number'],
input.input-on-dark-bg:disabled[type='search'],
input.input-on-dark-bg:disabled[type='password'],
input.input-on-dark-bg:disabled[type='email'],
input.input-on-dark-bg:disabled[type='url'],
input.input-on-dark-bg:disabled[type='tel'],
.input-on-dark-bg.braintree-input:disabled,
.input-on-dark-bg.selectize-input:disabled,
textarea.input-on-dark-bg:disabled,
.ql-container .input-on-dark-bg.ql-editor:disabled,
select.input-on-dark-bg:disabled,
.input-on-dark-bg.input-with-prefix:disabled,
input.input-on-dark-bg:read-only[type='text'],
input.input-on-dark-bg:read-only[type='number'],
input.input-on-dark-bg:read-only[type='search'],
input.input-on-dark-bg:read-only[type='password'],
input.input-on-dark-bg:read-only[type='email'],
input.input-on-dark-bg:read-only[type='url'],
input.input-on-dark-bg:read-only[type='tel'],
.input-on-dark-bg.braintree-input:read-only,
.input-on-dark-bg.selectize-input:read-only,
textarea.input-on-dark-bg:read-only,
.ql-container .input-on-dark-bg.ql-editor:read-only,
select.input-on-dark-bg:read-only,
.input-on-dark-bg.input-with-prefix:read-only {
    border-color: transparent;
    background-color: #3d3d4e;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.input-with-error[type='text'],
input.input-with-error[type='number'],
input.input-with-error[type='search'],
input.input-with-error[type='password'],
input.input-with-error[type='email'],
input.input-with-error[type='url'],
input.input-with-error[type='tel'],
.input-with-error.braintree-input,
.input-with-error.selectize-input,
textarea.input-with-error,
.ql-container .input-with-error.ql-editor,
select.input-with-error,
.input-with-error.input-with-prefix {
    background: #ffeeee;
    color: #ff5555
}

input.input-with-outline-only[type='text'],
input.input-with-outline-only[type='number'],
input.input-with-outline-only[type='search'],
input.input-with-outline-only[type='password'],
input.input-with-outline-only[type='email'],
input.input-with-outline-only[type='url'],
input.input-with-outline-only[type='tel'],
.input-with-outline-only.braintree-input,
.input-with-outline-only.selectize-input,
textarea.input-with-outline-only,
.ql-container .input-with-outline-only.ql-editor,
select.input-with-outline-only,
.input-with-outline-only.input-with-prefix {
    height: 48px;
    border-width: 2px;
    border-color: #e7e7e9;
    background-color: #fff
}

.selectize-input input[type='text'],
.selectize-input input[type='number'],
.selectize-input input[type='search'],
.selectize-input input[type='password'],
.selectize-input input[type='email'],
.selectize-input input[type='url'],
.selectize-input input[type='tel'],
.selectize-input .braintree-input,
.selectize-input .selectize-input,
.selectize-input textarea,
.selectize-input .ql-container .ql-editor,
.ql-container .selectize-input .ql-editor,
.selectize-input select,
.selectize-input .input-with-prefix {
    height: auto;
    padding: 7px 16px
}

fieldset.fieldWithErrors input[type='text'],
fieldset.fieldWithErrors input[type='number'],
fieldset.fieldWithErrors input[type='search'],
fieldset.fieldWithErrors input[type='password'],
fieldset.fieldWithErrors input[type='email'],
fieldset.fieldWithErrors input[type='url'],
fieldset.fieldWithErrors input[type='tel'],
fieldset.fieldWithErrors .braintree-input,
fieldset.fieldWithErrors .selectize-input,
fieldset.fieldWithErrors textarea,
fieldset.fieldWithErrors .ql-container .ql-editor,
.ql-container fieldset.fieldWithErrors .ql-editor,
fieldset.fieldWithErrors select,
fieldset.fieldWithErrors .input-with-prefix {
    background: #ffeeee;
    color: #ff5555
}

fieldset.fieldWithErrors input[type='text']:before,
fieldset.fieldWithErrors input[type='number']:before,
fieldset.fieldWithErrors input[type='search']:before,
fieldset.fieldWithErrors input[type='password']:before,
fieldset.fieldWithErrors input[type='email']:before,
fieldset.fieldWithErrors input[type='url']:before,
fieldset.fieldWithErrors input[type='tel']:before,
fieldset.fieldWithErrors .braintree-input:before,
fieldset.fieldWithErrors .selectize-input:before,
fieldset.fieldWithErrors textarea:before,
fieldset.fieldWithErrors .ql-container .ql-editor:before,
.ql-container fieldset.fieldWithErrors .ql-editor:before,
fieldset.fieldWithErrors select:before,
fieldset.fieldWithErrors .input-with-prefix:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #ff5555;
    color: #fff
}

fieldset.fieldWithErrors input.input-on-dark-bg[type='text'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='number'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='search'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='password'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='email'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='url'],
fieldset.fieldWithErrors input.input-on-dark-bg[type='tel'],
fieldset.fieldWithErrors .input-on-dark-bg.braintree-input,
fieldset.fieldWithErrors .input-on-dark-bg.selectize-input,
fieldset.fieldWithErrors textarea.input-on-dark-bg,
fieldset.fieldWithErrors .ql-container .input-on-dark-bg.ql-editor,
.ql-container fieldset.fieldWithErrors .input-on-dark-bg.ql-editor,
fieldset.fieldWithErrors select.input-on-dark-bg,
fieldset.fieldWithErrors .input-on-dark-bg.input-with-prefix {
    border-color: #ff5555;
    background: #0d0c22
}

fieldset.fieldWithErrors input.input-on-dark-bg[type='text']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='number']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='search']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='password']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='email']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='url']:before,
fieldset.fieldWithErrors input.input-on-dark-bg[type='tel']:before,
fieldset.fieldWithErrors .input-on-dark-bg.braintree-input:before,
fieldset.fieldWithErrors .input-on-dark-bg.selectize-input:before,
fieldset.fieldWithErrors textarea.input-on-dark-bg:before,
fieldset.fieldWithErrors .ql-container .input-on-dark-bg.ql-editor:before,
.ql-container fieldset.fieldWithErrors .input-on-dark-bg.ql-editor:before,
fieldset.fieldWithErrors select.input-on-dark-bg:before,
fieldset.fieldWithErrors .input-on-dark-bg.input-with-prefix:before {
    border: 1px solid #0d0c22;
    color: #0d0c22
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type='number'] {
    -moz-appearance: textfield
}

input[type='text'],
input[type='number'],
input[type='search'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='tel'],
.braintree-input,
.selectize-input {
    border: 1px solid transparent
}

input[type='text']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
.braintree-input::-webkit-input-placeholder,
.selectize-input::-webkit-input-placeholder {
    color: #9e9ea7
}

input[type='text']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
.braintree-input::-moz-placeholder,
.selectize-input::-moz-placeholder {
    color: #9e9ea7
}

input[type='text']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
.braintree-input:-ms-input-placeholder,
.selectize-input:-ms-input-placeholder {
    color: #9e9ea7
}

input[type='text']::-ms-input-placeholder,
input[type='number']::-ms-input-placeholder,
input[type='search']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='email']::-ms-input-placeholder,
input[type='url']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
.braintree-input::-ms-input-placeholder,
.selectize-input::-ms-input-placeholder {
    color: #9e9ea7
}

input[type='text']::placeholder,
input[type='number']::placeholder,
input[type='search']::placeholder,
input[type='password']::placeholder,
input[type='email']::placeholder,
input[type='url']::placeholder,
input[type='tel']::placeholder,
.braintree-input::placeholder,
.selectize-input::placeholder {
    color: #9e9ea7
}

input[type='text'].temp-form-neue,
input[type='number'].temp-form-neue,
input[type='search'].temp-form-neue,
input[type='password'].temp-form-neue,
input[type='email'].temp-form-neue,
input[type='url'].temp-form-neue,
input[type='tel'].temp-form-neue,
.braintree-input.temp-form-neue,
.selectize-input.temp-form-neue {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 2px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fafafb;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type='text'].temp-form-neue::-webkit-input-placeholder,
input[type='number'].temp-form-neue::-webkit-input-placeholder,
input[type='search'].temp-form-neue::-webkit-input-placeholder,
input[type='password'].temp-form-neue::-webkit-input-placeholder,
input[type='email'].temp-form-neue::-webkit-input-placeholder,
input[type='url'].temp-form-neue::-webkit-input-placeholder,
input[type='tel'].temp-form-neue::-webkit-input-placeholder,
.braintree-input.temp-form-neue::-webkit-input-placeholder,
.selectize-input.temp-form-neue::-webkit-input-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue::-moz-placeholder,
input[type='number'].temp-form-neue::-moz-placeholder,
input[type='search'].temp-form-neue::-moz-placeholder,
input[type='password'].temp-form-neue::-moz-placeholder,
input[type='email'].temp-form-neue::-moz-placeholder,
input[type='url'].temp-form-neue::-moz-placeholder,
input[type='tel'].temp-form-neue::-moz-placeholder,
.braintree-input.temp-form-neue::-moz-placeholder,
.selectize-input.temp-form-neue::-moz-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue:-ms-input-placeholder,
input[type='number'].temp-form-neue:-ms-input-placeholder,
input[type='search'].temp-form-neue:-ms-input-placeholder,
input[type='password'].temp-form-neue:-ms-input-placeholder,
input[type='email'].temp-form-neue:-ms-input-placeholder,
input[type='url'].temp-form-neue:-ms-input-placeholder,
input[type='tel'].temp-form-neue:-ms-input-placeholder,
.braintree-input.temp-form-neue:-ms-input-placeholder,
.selectize-input.temp-form-neue:-ms-input-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue::-ms-input-placeholder,
input[type='number'].temp-form-neue::-ms-input-placeholder,
input[type='search'].temp-form-neue::-ms-input-placeholder,
input[type='password'].temp-form-neue::-ms-input-placeholder,
input[type='email'].temp-form-neue::-ms-input-placeholder,
input[type='url'].temp-form-neue::-ms-input-placeholder,
input[type='tel'].temp-form-neue::-ms-input-placeholder,
.braintree-input.temp-form-neue::-ms-input-placeholder,
.selectize-input.temp-form-neue::-ms-input-placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue::placeholder,
input[type='number'].temp-form-neue::placeholder,
input[type='search'].temp-form-neue::placeholder,
input[type='password'].temp-form-neue::placeholder,
input[type='email'].temp-form-neue::placeholder,
input[type='url'].temp-form-neue::placeholder,
input[type='tel'].temp-form-neue::placeholder,
.braintree-input.temp-form-neue::placeholder,
.selectize-input.temp-form-neue::placeholder {
    color: #6e6d7a
}

input[type='text'].temp-form-neue:hover,
input[type='number'].temp-form-neue:hover,
input[type='search'].temp-form-neue:hover,
input[type='password'].temp-form-neue:hover,
input[type='email'].temp-form-neue:hover,
input[type='url'].temp-form-neue:hover,
input[type='tel'].temp-form-neue:hover,
.braintree-input.temp-form-neue:hover,
.selectize-input.temp-form-neue:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input[type='text'].temp-form-neue:focus,
input[type='number'].temp-form-neue:focus,
input[type='search'].temp-form-neue:focus,
input[type='password'].temp-form-neue:focus,
input[type='email'].temp-form-neue:focus,
input[type='url'].temp-form-neue:focus,
input[type='tel'].temp-form-neue:focus,
.braintree-input.temp-form-neue:focus,
.selectize-input.temp-form-neue:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

input[type='text'].temp-form-neue:active,
input[type='number'].temp-form-neue:active,
input[type='search'].temp-form-neue:active,
input[type='password'].temp-form-neue:active,
input[type='email'].temp-form-neue:active,
input[type='url'].temp-form-neue:active,
input[type='tel'].temp-form-neue:active,
.braintree-input.temp-form-neue:active,
.selectize-input.temp-form-neue:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type='text'].temp-form-neue:disabled,
input[type='number'].temp-form-neue:disabled,
input[type='search'].temp-form-neue:disabled,
input[type='password'].temp-form-neue:disabled,
input[type='email'].temp-form-neue:disabled,
input[type='url'].temp-form-neue:disabled,
input[type='tel'].temp-form-neue:disabled,
.braintree-input.temp-form-neue:disabled,
.selectize-input.temp-form-neue:disabled {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7;
    cursor: not-allowed
}

.braintree-input {
    padding: 0
}

.braintree-input.temp-form-neue {
    padding: 0
}

.selectize-input {
    height: auto;
    padding: 7px 16px
}

textarea,
.ql-container .ql-editor {
    min-height: 108px;
    border: 1px solid transparent;
    resize: vertical
}

textarea.temp-form-neue,
.ql-container .temp-form-neue.ql-editor {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 2px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fafafb;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.temp-form-neue::-webkit-input-placeholder,
.ql-container .temp-form-neue.ql-editor::-webkit-input-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue::-moz-placeholder,
.ql-container .temp-form-neue.ql-editor::-moz-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue:-ms-input-placeholder,
.ql-container .temp-form-neue.ql-editor:-ms-input-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue::-ms-input-placeholder,
.ql-container .temp-form-neue.ql-editor::-ms-input-placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue::placeholder,
.ql-container .temp-form-neue.ql-editor::placeholder {
    color: #6e6d7a
}

textarea.temp-form-neue:hover,
.ql-container .temp-form-neue.ql-editor:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

textarea.temp-form-neue:focus,
.ql-container .temp-form-neue.ql-editor:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

textarea.temp-form-neue:active,
.ql-container .temp-form-neue.ql-editor:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

textarea.temp-form-neue:disabled,
.ql-container .temp-form-neue.ql-editor:disabled {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7;
    cursor: not-allowed
}

select {
    width: auto;
    padding: 8px 32px 10px 16px;
    border: 1px solid #e7e7e9;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="9.419" y1="0.469661" x2="4.46925" y2="5.41941" stroke="%23999" stroke-width="1.5"/><line x1="5.53022" y1="5.4194" x2="0.580469" y2="0.469651" stroke="%23999" stroke-width="1.5"/></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
    background-size: 10px 6px;
    color: #6e6d7a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.input-on-dark-bg {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: #0d0c22;
    color: rgba(255, 255, 255, 0.8)
}

select.outlined {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    color: #6e6d7a
}

select.outlined:hover,
select.outlined:focus {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #dbdbde inset;
    box-shadow: 0px 0px 0px 1px #dbdbde inset;
    color: #0d0c22
}

select.outlined:active {
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0d0c22
}

select.temp-form-neue {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 16px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 2px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fafafb;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 16px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(243, 243, 244, 0.3);
    box-shadow: 0px 4px 4px rgba(243, 243, 244, 0.3)
}

select.temp-form-neue::-webkit-input-placeholder {
    color: #6e6d7a
}

select.temp-form-neue::-moz-placeholder {
    color: #6e6d7a
}

select.temp-form-neue:-ms-input-placeholder {
    color: #6e6d7a
}

select.temp-form-neue::-ms-input-placeholder {
    color: #6e6d7a
}

select.temp-form-neue::placeholder {
    color: #6e6d7a
}

select.temp-form-neue:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

select.temp-form-neue:focus {
    border-color: rgba(234, 76, 137, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

select.temp-form-neue:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

select.temp-form-neue:disabled {
    border-color: transparent;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9ea7;
    cursor: not-allowed
}

.grouped-input {
    border: 1px solid #e7e7e9;
    border-radius: 8px;
    background-color: #f3f3f4
}

.grouped-input label {
    margin-bottom: 0;
    padding: 10px 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #fff
}

.grouped-input input {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.input-with-prefix {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px;
    border: 1px solid transparent
}

.input-with-prefix:hover {
    background-color: #f3f3f4
}

.input-with-prefix label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    margin: 0;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff;
    color: #6e6d7a;
    font-size: 12px;
    line-height: 10px;
    white-space: nowrap
}

.input-with-prefix input {
    height: auto;
    padding: 6px 10px;
    background-color: transparent
}

.input-with-prefix input:hover {
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-with-prefix input:focus {
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-with-prefix input:active {
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-with-prefix.input-on-gray-bg label {
    background: #f3f3f4
}

.input-with-prefix.input-on-gray-bg:hover {
    background-color: #fff
}

.input-with-icon {
    position: relative
}

.input-with-icon svg {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #9e9ea7
}

.input-with-icon input[type='text'],
.input-with-icon input[type='search'],
.input-with-icon input[type='password'],
.input-with-icon input[type='email'],
.input-with-icon input[type='url'],
.input-with-icon input[type='tel'] {
    padding-left: 44px
}

.checkbox-radio-group label {
    margin-bottom: 0
}

.checkbox-radio-group>*:not(:last-child) {
    margin-bottom: 16px
}

.checkbox-radio-group-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    .checkbox-radio-group-horizontal {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
}

.checkbox-radio-group-horizontal label {
    margin-bottom: 0
}

.checkbox-radio-group-horizontal>*:not(:last-child) {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .checkbox-radio-group-horizontal>*:not(:last-child) {
        margin-right: 18px;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .checkbox-radio-group-2-columns {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .checkbox-radio-group-2-columns .checkbox-radio-label {
        margin-bottom: 6px;
        padding: 4px
    }
}

input[type='checkbox'],
input[type='radio'] {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
    padding: 0;
    -webkit-transition: background 200ms ease, border 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background 200ms ease, border 200ms ease, -webkit-box-shadow 200ms ease;
    transition: box-shadow 200ms ease, background 200ms ease, border 200ms ease;
    transition: box-shadow 200ms ease, background 200ms ease, border 200ms ease, -webkit-box-shadow 200ms ease;
    border: 1px solid #dbdbde;
    border-radius: 4px;
    outline: none;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:checked[type='checkbox'],
input:checked[type='radio'] {
    border-color: #ea4c89;
    background-color: #ea4c89
}

input[type='checkbox']:checked:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url(/assets/icons/check-white-e1db84f77c352f71d23da8a5193fe4ee7e141ac90615ad9f177e24b1c815248f.svg);
    background-repeat: no-repeat
}

input[type='checkbox']:disabled {
    background-color: #f3f3f4
}

input[type='radio'] {
    border-radius: 50%
}

input[type='radio']:checked:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff
}

.input-toggle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #3d3d4e
}

.input-toggle .input-toggle-label {
    margin-right: 12px
}

.input-toggle .input-toggle-control {
    position: relative;
    width: 38px;
    height: 22px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 20px;
    background-color: #e7e7e9;
    cursor: pointer;
    will-change: transform
}

.input-toggle .input-toggle-control:hover,
.input-toggle .input-toggle-control:focus {
    background-color: #dbdbde
}

.input-toggle .input-toggle-control:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 50%;
    background-color: #9e9ea7
}

.input-toggle input {
    display: none
}

.input-toggle input:checked+.input-toggle-control {
    background-color: rgba(234, 76, 137, 0.4)
}

.input-toggle input:checked+.input-toggle-control:after {
    left: 20px;
    background-color: #ea4c89
}

.check-strip input[type='radio'] {
    display: none
}

.check-strip fieldset label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    margin: 0 -1px 0 0;
    padding: 10px 16px;
    float: left;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border: 1px solid #e7e7e9;
    color: #9e9ea7;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (max-width: 959px) {
    .check-strip fieldset label {
        display: block;
        margin: 0 0 -1px;
        float: none
    }
}

.check-strip fieldset label:hover {
    background-color: #e7e7e9;
    color: #0d0c22
}

.check-strip fieldset label.selected {
    position: relative;
    z-index: 1;
    border-color: #ea4c89;
    background-color: #ea4c89;
    color: #fff
}

@media (max-width: 767px) {
    .check-strip fieldset label.selected {
        border-left-color: #ea4c89
    }
}

.check-strip fieldset label:first-of-type {
    border-radius: 8px 0 0 8px
}

@media (max-width: 767px) {
    .check-strip fieldset label:first-of-type {
        border-radius: 8px 8px 0 0
    }
}

.check-strip fieldset label:last-of-type {
    border-radius: 0 8px 8px 0
}

@media (max-width: 767px) {
    .check-strip fieldset label:last-of-type {
        border-radius: 0 0 8px 8px
    }
}

div.captcha-not-loaded {
    display: none;
    background-position: 0 7px
}

.payment-and-price .purchase-pro .price-table {
    display: none
}

.pro-order-summary .annual,
.pro-order-summary .monthly {
    display: none
}

.pro-order-summary .annual.selected,
.pro-order-summary .monthly.selected {
    display: block
}

.form-field {
    padding: 12px 0
}

form.with-messages div.form-field {
    position: relative
}

form.with-messages div.form-field span.counter {
    position: absolute;
    top: 0px;
    right: 0
}

form.with-messages div.form-field.custom-text {
    display: none
}

form.with-messages div.form-field.custom-text textarea,
form.with-messages div.form-field.custom-text .ql-container .ql-editor,
.ql-container form.with-messages div.form-field.custom-text .ql-editor {
    height: 65px
}

form.with-messages div.form-field.settings {
    float: left
}

form.with-messages div.form-field.publish-time {
    float: right
}

form.with-messages div.form-field.settings,
form.with-messages div.form-field.publish-time {
    width: 48%
}

@media only screen and (max-width: 739px) {

    form.with-messages div.form-field.settings,
    form.with-messages div.form-field.publish-time {
        width: auto;
        float: none
    }
}

form.with-messages div.form-field.team fieldset label,
form.with-messages div.form-field.settings fieldset label,
form.with-messages div.form-field.publish-time fieldset label {
    display: block;
    margin-top: 0;
    margin-bottom: 4px;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

form.with-messages div.form-field.wysiwyg textarea,
form.with-messages div.form-field.wysiwyg .ql-container .ql-editor,
.ql-container form.with-messages div.form-field.wysiwyg .ql-editor {
    border-radius: 0 0 6px 6px
}

form.with-messages div.form-field .message {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 8px 0;
    color: #9e9ea7
}

form.with-messages div.form-field div.friendly {
    margin: 15px 0 0;
    font-size: 1em
}

form.with-messages fieldset {
    margin: 0;
    padding: 0
}

.resizable-select .resizing-select {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.resizable-select .sizer-select {
    display: none
}

.ui-autocomplete.ui-menu {
    position: absolute;
    z-index: 9998;
    width: 172px;
    padding: 12px 16px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    color: #0d0c22
}

.ui-autocomplete.ui-menu a,
.ui-autocomplete.ui-menu a:active,
.ui-autocomplete.ui-menu a:visited,
.ui-autocomplete.ui-menu a:link,
.ui-autocomplete.ui-menu a:hover {
    color: #0d0c22
}

.ui-autocomplete.ui-menu:focus {
    outline: none
}

.ui-autocomplete.ui-menu a {
    display: block;
    padding: 7px 0;
    overflow: hidden;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.ui-autocomplete.ui-menu a img {
    width: 24px;
    height: 24px;
    margin: 0 6px 0 0;
    float: left;
    border-radius: 50%;
    opacity: 0.8
}

.ui-autocomplete.ui-menu li.title {
    margin-top: 2px;
    padding: 7px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.03em
}

.ui-autocomplete.ui-menu li.title:first-of-type {
    padding-top: 0;
    border-top: none
}

.ui-autocomplete.ui-menu li.place a img {
    width: 13px;
    height: auto;
    margin-right: 8px;
    margin-left: 3px
}

.ui-autocomplete.ui-menu li.more a {
    color: #ea4c89;
    font-size: 14px
}

.ui-autocomplete.ui-menu li.more a.ui-state-hover,
.ui-autocomplete.ui-menu li.more a.ui-state-focus,
.ui-autocomplete.ui-menu li.more a.ui-state-active,
.ui-autocomplete.ui-menu li.more a:hover {
    color: #bb3d6e
}

.ui-autocomplete.ui-menu li.shot a img {
    width: 63px;
    height: 48px;
    margin-right: 10px;
    border-radius: 6px
}

.ui-autocomplete.ui-menu li.shot span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-autocomplete.ui-menu li.shot span.title {
    font-weight: 500
}

.ui-autocomplete.ui-menu li.shot span.name {
    font-size: 14px
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-autocomplete.ui-menu li a:hover {
    background: #fff;
    color: #ea4c89
}

.ui-menu .ui-menu-item a.ui-state-hover img,
.ui-menu .ui-menu-item a.ui-state-focus img,
.ui-menu .ui-menu-item a.ui-state-active img,
.ui-autocomplete.ui-menu li a:hover img {
    opacity: 1
}

.ui-menu .ui-menu-item a.ui-state-hover strong,
.ui-menu .ui-menu-item a.ui-state-focus strong,
.ui-menu .ui-menu-item a.ui-state-active strong,
.ui-autocomplete.ui-menu li a:hover strong {
    color: #ea4c89
}

.ui-helper-hidden-accessible {
    display: none
}

span.counter {
    color: #9e9ea7;
    font-size: 12px;
    font-weight: bold
}

span.counter.warning {
    color: #ea4c89
}

span.counter.exceeded {
    padding: 1px 4px;
    border-radius: 3px;
    background: #ff5555;
    color: #fff
}

div.edit-form {
    width: 440px;
    margin-bottom: 25px;
    float: right
}

@media only screen and (max-width: 980px) {
    div.edit-form {
        width: auto;
        float: none;
        clear: left
    }
}

div#schedule-overlay .choose-date-and-time {
    display: none
}

div.copy div.echo-plan,
div.echo-plan {
    margin: 0 0 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #9e9ea7;
    font-size: 18px;
    font-weight: normal;
    text-align: center
}

div.copy div.echo-plan em,
div.echo-plan em {
    color: #0d0c22;
    font-style: normal;
    font-weight: 500
}

div.copy div.echo-plan span.sep,
div.echo-plan span.sep {
    margin: 0 4px;
    color: #dbdbde
}

div.copy div.echo-plan .pricing-info,
div.echo-plan .pricing-info {
    margin: 0 0 15px;
    color: #0d0c22;
    font-size: 15px;
    line-height: 1.5
}

div.copy div.echo-plan p,
div.echo-plan p {
    margin: 10px 0 0;
    color: #9e9ea7;
    font-size: 16px
}

div.copy div.echo-plan p.renewal-note,
div.copy div.echo-plan p.upgrade-note,
div.echo-plan p.renewal-note,
div.echo-plan p.upgrade-note {
    margin: 5px 0 0;
    color: #9e9ea7
}

body#upgrade div.copy div.echo-plan p.renewal-note strong,
body#upgrade div.copy div.echo-plan p.upgrade-note strong,
body#upgrade div.echo-plan p.renewal-note strong,
body#upgrade div.echo-plan p.upgrade-note strong {
    color: #6e6d7a;
    font-weight: 500
}

div.copy div.echo-plan p.upgrade-note,
div.echo-plan p.upgrade-note {
    font-size: 13px
}

div.copy div.echo-plan p.renewal-note,
div.echo-plan p.renewal-note {
    color: #6e6d7a
}

div.copy div.echo-plan p.subscription-actions,
div.copy div.echo-plan p.subscription-cancellation-actions,
div.echo-plan p.subscription-actions,
div.echo-plan p.subscription-cancellation-actions {
    margin: 25px 0 10px
}

div.copy div.echo-plan p.subscription-actions a.form-btn,
div.copy div.echo-plan p.subscription-cancellation-actions a.form-btn,
div.echo-plan p.subscription-actions a.form-btn,
div.echo-plan p.subscription-cancellation-actions a.form-btn {
    margin: 0 5px
}

div.copy div.echo-plan .team-plan-options,
div.echo-plan .team-plan-options {
    display: none;
    margin-top: 20px;
    padding-top: 25px;
    border-top: 1px solid #e0e0e0
}

div.copy div.echo-plan a,
div.echo-plan a {
    display: inline-block
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier,
div.echo-plan .hiring-tiers-grid .hiring-tier {
    padding: 10px
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier p,
div.echo-plan .hiring-tiers-grid .hiring-tier p {
    margin-bottom: 20px;
    font-size: 14px
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier a,
div.echo-plan .hiring-tiers-grid .hiring-tier a {
    display: block
}

div.copy div.echo-plan .hiring-tiers-grid .tier-features,
div.echo-plan .hiring-tiers-grid .tier-features {
    display: none
}

#meetup-message-overlay p,
.contact-overlay p,
div.for-hire-preview p {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4
}

#meetup-message-overlay p.response-text,
.contact-overlay p.response-text,
div.for-hire-preview p.response-text {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-subscribed-5a41769aa50ebf3ec46b63ffa21d6f27bdee227073300f5d7d31b63e7c978f91.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    #meetup-message-overlay p.response-text,
    .contact-overlay p.response-text,
    div.for-hire-preview p.response-text {
        background-image: url(/assets/icon-subscribed-2x-1091f78cba8b1ba48617cf1399b2b19f51fa8903ac53c50f8400ac26e1f5d134.png);
        background-size: 16px 16px
    }
}

#meetup-message-overlay .error,
.contact-overlay .error,
div.for-hire-preview .error {
    z-index: 999;
    margin: 0;
    padding: 10px;
    border-radius: 6px;
    background-color: #fff;
    color: #0d0c22;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em
}

#meetup-message-overlay .previous-messages p,
.contact-overlay .previous-messages p,
div.for-hire-preview .previous-messages p {
    font-size: 13px
}

#meetup-message-overlay div.prompt,
.contact-overlay div.prompt,
div.for-hire-preview div.prompt {
    position: relative;
    margin: 10px 0 20px;
    padding: 20px 20px 20px 65px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    font-size: 12px;
    text-align: left
}

#meetup-message-overlay div.prompt svg,
.contact-overlay div.prompt svg,
div.for-hire-preview div.prompt svg {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px
}

#meetup-message-overlay div.prompt svg path,
.contact-overlay div.prompt svg path,
div.for-hire-preview div.prompt svg path {
    fill: #77e0b5
}

#meetup-message-overlay div.prompt h2,
.contact-overlay div.prompt h2,
div.for-hire-preview div.prompt h2 {
    margin-bottom: 5px;
    color: #444;
    font-size: 15px;
    font-weight: 500
}

#meetup-message-overlay div.prompt p,
.contact-overlay div.prompt p,
div.for-hire-preview div.prompt p {
    color: #999;
    font-size: 13px;
    line-height: 1.5
}

#meetup-message-overlay div.prompt p:last-of-type,
.contact-overlay div.prompt p:last-of-type,
div.for-hire-preview div.prompt p:last-of-type {
    margin-bottom: 0
}

#meetup-message-overlay div.prompt a,
.contact-overlay div.prompt a,
div.for-hire-preview div.prompt a {
    font-weight: 500
}

#meetup-message-overlay div.prompt.for-self,
.contact-overlay div.prompt.for-self,
div.for-hire-preview div.prompt.for-self {
    margin-top: 0
}

#contact .form-field-topic {
    display: none
}

#contact_mutable_wrap fieldset {
    display: none;
    margin-top: 16px
}

#contact_mutable_wrap fieldset,
#contact_mutable_wrap .form-btns {
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear
}

#contact_mutable_wrap p.contact_mutable_intro {
    line-height: 1.4
}

@media only screen and (max-width: 959px) {
    #contact_mutable_wrap p.contact_mutable_intro {
        width: 94%;
        margin: 0;
        padding: 0
    }
}

a.schedule-shot {
    display: none
}

div.work-opportunities div.email-or-cta a.delete-account {
    display: none
}

form.dribbble-rsvp-true .rsvp-elsewhere-only {
    display: none
}

form.dribbble-rsvp-false .rsvp-dribbble-only {
    display: none
}

form fieldset.datepicker span {
    position: relative
}

form fieldset.datepicker input.date {
    width: 200px
}

form fieldset.datepicker input.time {
    width: 100px
}

.ql-container .ql-editor {
    height: auto !important;
    min-height: 168px;
    max-height: 504px
}

.ql-container .ql-editor h1,
.ql-container .ql-editor h2,
.ql-container .ql-editor h3,
.ql-container .ql-editor p,
.ql-container .ql-editor ul,
.ql-container .ql-editor ol {
    margin-bottom: 15px
}

.ql-container .ql-editor ol,
.ql-container .ql-editor ul {
    padding-left: 0
}

.ql-container .ql-editor ol li,
.ql-container .ql-editor ul li {
    margin: 0 0 10px 30px
}

.ql-container .ql-editor ol li ul,
.ql-container .ql-editor ol li ol,
.ql-container .ql-editor ul li ul,
.ql-container .ql-editor ul li ol {
    margin-top: 5px
}

.ql-container .ql-editor ol li:not(.ql-direction-rtl),
.ql-container .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 0
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::-webkit-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::-moz-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']:-ms-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::-ms-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode='link'] input[type='text']::placeholder {
    visibility: hidden
}

.ql-toolbar.ql-snow {
    border-radius: 8px 8px 0 0;
    border-color: #e7e7e9
}

.ql-container.ql-snow {
    border-radius: 0 0 8px 8px;
    border-color: #e7e7e9
}

form.gen-form .ql-tooltip-editor input[type='text'],
.ql-tooltip-editor input[type='text'] {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#account-profile .dropdown-date-trigger,
#talent-candidate-applications .dropdown-date-trigger,
.talent-candidate-application-edit .dropdown-date-trigger {
    padding: 10px 25px 10px 8px;
    border: 1px solid #dbdbde;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(/assets/icon-dropdown-arrow-9d1d87d88a8135dd97afee188fbe243d8d2c89dca1a3b6a5e8936fe4c623f951.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer
}

#account-profile .dropdown-date-container.active .dropdown-date-content,
#talent-candidate-applications .dropdown-date-container.active .dropdown-date-content,
.talent-candidate-application-edit .dropdown-date-container.active .dropdown-date-content {
    display: block
}

#account-profile .dropdown-date-container.active .dropdown-date-trigger,
#talent-candidate-applications .dropdown-date-container.active .dropdown-date-trigger,
.talent-candidate-application-edit .dropdown-date-container.active .dropdown-date-trigger {
    border-bottom: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

#account-profile .dropdown-date-content,
#talent-candidate-applications .dropdown-date-content,
.talent-candidate-application-edit .dropdown-date-content {
    display: none;
    position: absolute;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border: 1px solid #dbdbde;
    border-radius: 0 0 4px 4px;
    background-color: #fff
}

#account-profile .form-btns input[type='submit']:disabled,
#talent-candidate-applications .form-btns input[type='submit']:disabled,
.talent-candidate-application-edit .form-btns input[type='submit']:disabled {
    cursor: not-allowed
}

#account-profile form.gen-form label,
#talent-candidate-applications form.gen-form label,
.talent-candidate-application-edit form.gen-form label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

#account-profile .radio-group label,
#talent-candidate-applications .radio-group label,
.talent-candidate-application-edit .radio-group label {
    margin: 8px 0;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 375px) {
    .hide-x-small {
        display: none
    }
}

.talent-prompt-overlay .container form,
.talent-prompt-overlay .container p:nth-child(1) {
    font-size: 18px;
    text-align: center
}

.talent-prompt-overlay .container form {
    margin-top: 20px
}

.talent-prompt-overlay .container p:nth-child(2) {
    margin-top: 20px;
    padding: 0 20px;
    color: #ff5555;
    font-size: 16px;
    text-align: center
}

a.talent-application-hero-link {
    color: #000;
    text-decoration: underline
}

a.talent-application-hero-link:hover,
a.talent-application-hero-link:focus {
    color: black
}

.form-btn.tiny.talent-btn-remove {
    position: relative
}

.form-btn.tiny.talent-btn-remove:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px
}

.form-btn.add-new-btn {
    color: #4f3cc9;
    font-size: 14px
}

.form-btn.add-new-btn:hover,
.form-btn.add-new-btn:focus {
    background: none;
    color: #7263d4
}

.form-btn.tiny.talent-btn-remove {
    padding-left: 24px;
    -webkit-box-shadow: 0px 0px 0px 1px #9e9ea7 inset;
    box-shadow: 0px 0px 0px 1px #9e9ea7 inset;
    color: #6e6d7a
}

.form-btn.tiny.talent-btn-remove:before {
    top: 15px;
    left: 8px;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #6e6d7a;
    -webkit-mask-image: url(/assets/icons/cancel-cc84be2b78f2ecc977d8873c1096e6490c1585951d0835d2fc1e3181a93b6514.svg);
    mask-image: url(/assets/icons/cancel-cc84be2b78f2ecc977d8873c1096e6490c1585951d0835d2fc1e3181a93b6514.svg);
    mask-image: url(/assets/icons/cancel-cc84be2b78f2ecc977d8873c1096e6490c1585951d0835d2fc1e3181a93b6514.svg)
}

.form-btn.tiny.talent-btn-remove:hover,
.form-btn.tiny.talent-btn-remove:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #3d3d44 inset;
    box-shadow: 0px 0px 0px 1px #3d3d44 inset;
    color: #3d3d44
}

.form-btn.tiny.talent-btn-remove:hover:before,
.form-btn.tiny.talent-btn-remove:focus:before {
    background-color: #3d3d44
}

.filter-subnav {
    position: relative;
    padding-top: 16px;
    background: #fff
}

@media screen and (min-width: 959px) {
    .filter-subnav {
        padding-top: 32px
    }
}

@media only screen and (max-width: 959px) {
    .filter-subnav-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.filter-views {
    margin-right: 40px
}

.filter-views .btn-dropdown {
    z-index: 4
}

@media screen and (min-width: 1300px) {
    .filter-views {
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

.filter-views .btn-dropdown-link {
    min-width: 115px;
    white-space: nowrap
}

@media only screen and (max-width: 959px) {
    .filter-views {
        -ms-flex-order: 1;
        order: 1;
        margin-right: 15px
    }
}

.filter-categories {
    position: relative;
    text-align: center;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.filter-categories:not(.allow-overflow) {
    overflow-x: auto;
    overflow-y: hidden
}

.filter-categories:not(.allow-overflow) ul {
    overflow-x: auto;
    overflow-y: hidden
}

.filter-categories ul {
    padding: 0 2px;
    white-space: nowrap;
    scroll-behavior: smooth;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

.filter-categories ul::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 959px) {
    .filter-categories {
        -ms-flex-order: 3;
        order: 3;
        width: calc(100% + 30px);
        margin: 15px -15px 0;
        padding: 15px 0 0;
        border-top: 1px solid #f3f3f4
    }

    .filter-categories a {
        font-size: 16px
    }
}

.filter-categories .category {
    display: inline-block
}

.filter-categories .category a {
    display: inline-block;
    display: inline-block;
    padding: 10px 12px;
    color: #6e6d7a
}

.filter-categories .category.active a,
.filter-categories .category a:hover {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #0d0c22
}

.filter-categories .category.active>a {
    border-radius: 8px;
    background: rgba(13, 12, 34, 0.05);
    font-weight: 500
}

.filter-categories .category a:after {
    content: attr(title);
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    font-weight: 500
}

.filter-categories .scroll a {
    position: absolute;
    z-index: 1;
    width: 40px;
    padding: 10px 0;
    color: #0d0c22
}

.filter-categories .scroll a svg {
    width: 12px;
    height: 12px;
    fill: currentColor
}

@media only screen and (max-width: 959px) {
    .filter-categories .scroll a svg {
        width: 14px;
        height: 14px
    }
}

.filter-categories .scroll-forward a {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%)
}

.filter-categories .scroll-forward a svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.filter-categories .scroll-backward a {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 50%)
}

.filter-categories .scroll-backward a svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.filter-settings {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 959px) {
    .filter-settings {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-order: 2;
        order: 2
    }

    .filter-settings .btn-dropdown {
        z-index: 4
    }
}

.filter-settings span.meatball {
    display: none;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 18px;
    height: 18px;
    margin: 0 5px 0 -2px;
    padding: 3px 5px 4px;
    border-radius: 50%;
    background-color: #ea4c89;
    color: #fff;
    line-height: 1;
    text-align: center;
    vertical-align: middle
}

.shot-filters {
    display: none;
    position: relative;
    margin-top: 32px
}

@media only screen and (min-width: 960px) {
    .shot-filters .btn-dropdown {
        z-index: 4
    }
}

@media only screen and (max-width: 959px) {
    .shot-filters {
        margin: 15px -15px -15px;
        padding: 15px 15px 0
    }
}

.shot-filters .find-shots-goods-price {
    display: none
}

.shot-filters.goods .find-shots-source-files,
.shot-filters.goods .find-shots-made-with {
    display: none
}

.shot-filters.goods .find-shots-goods-price {
    display: block
}

.shot-filters.active {
    display: block
}

form.gen-form.shot-filters-form {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-width 0.2s ease-in-out;
    transition: max-width 0.2s ease-in-out
}

@media screen and (min-width: 960px) {
    form.gen-form.shot-filters-form {
        margin: 0 -16px
    }
}

form.gen-form.shot-filters-form fieldset {
    -ms-flex: 1;
    flex: 1;
    margin: 0 16px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form fieldset {
        width: auto;
        margin-right: 0;
        margin-bottom: 20px;
        margin-left: 0
    }
}

form.gen-form.shot-filters-form fieldset input[type='search']::-webkit-search-decoration,
form.gen-form.shot-filters-form fieldset input[type='search']::-webkit-search-cancel-button,
form.gen-form.shot-filters-form fieldset input[type='search']::-webkit-search-results-button,
form.gen-form.shot-filters-form fieldset input[type='search']::-webkit-search-results-decoration {
    display: none
}

form.gen-form.shot-filters-form label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

form.gen-form.shot-filters-form .clear-filter {
    padding-top: 2px;
    float: right;
    font-size: 12px
}

form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon input[type='search'] {
    padding-left: 53px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon input[type='search'] {
        padding-left: 55px
    }
}

form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon:before {
    content: '#';
    position: absolute;
    top: 50%;
    left: 44px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon:before {
        font-size: 16px
    }
}

form.gen-form.shot-filters-form .find-shots-color div.btn-dropdown-options {
    right: 0;
    border-radius: 8px;
    border-color: #d8dde2
}

form.gen-form.shot-filters-form .find-shots-color ul.color-chips {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px
}

form.gen-form.shot-filters-form .find-shots-color ul.color-chips li {
    width: 6.66666667%
}

form.gen-form.shot-filters-form .find-shots-color ul.color-chips li a {
    height: 14px;
    padding: 0
}

form.gen-form.shot-filters-form .find-shots-color .color-swatch {
    display: none
}

form.gen-form.shot-filters-form .find-shots-color .color-swatch[style] {
    display: block;
    position: absolute;
    top: 10px;
    left: 16px;
    width: 5px;
    height: 5px;
    border: solid 7px transparent;
    border-radius: 50%
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form .find-shots-color .color-swatch[style] {
        top: 11px
    }
}

form.gen-form.shot-filters-form .find-shots-color .color-swatch[style]~svg {
    display: none
}

form.gen-form.shot-filters-form .find-shots-goods-price .price-range {
    position: absolute;
    top: 0px;
    right: 36px;
    padding-top: 2px;
    float: right;
    font-size: 12px
}

form.gen-form.shot-filters-form .find-shots-goods-price .price-slider {
    margin-top: 27px
}

form.gen-form.shot-filters-form .find-shots-goods-price .noUi-origin,
form.gen-form.shot-filters-form .find-shots-goods-price .noUi-target {
    background: #f3f3f4
}

form.gen-form.shot-filters-form .find-shots-goods-price .noUi-horizontal {
    height: 2px
}

form.gen-form.shot-filters-form .find-shots-goods-price .noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    border: 3px solid #ea4c89;
    outline: 0;
    background-color: #fff
}

form.gen-form.shot-filters-form .btn-dropdown {
    display: block
}

form.gen-form.shot-filters-form .btn-dropdown .btn-dropdown-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

form.gen-form.shot-filters-form .btn-dropdown .btn-dropdown-options {
    right: 0
}

#search-results .timeframe-all-time {
    display: none
}

#search-results .timeframe-now {
    display: block
}

.filters-toggle-btn .label {
    font-weight: normal
}

.filters-toggle-btn .filter-icon {
    margin-right: 4px
}

.filters-toggle-btn.filters-active.outlined {
    background: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0d0c22
}

.filters-toggle-btn.filters-active .meatball {
    display: inline-block
}

.filters-toggle-btn.filters-active svg {
    display: none;
    fill: #0d0c22
}

.filters-toggle-btn.empty .meatball {
    display: none
}

.filters-toggle-btn.empty svg {
    display: inline-block
}

.filters-toggle-btn.present .meatball {
    display: inline-block
}

.filters-toggle-btn.present svg {
    display: none
}

.no-results {
    grid-column: 1 / -1;
    margin: 0 auto;
    padding: 20px;
    text-align: center
}

@media only screen and (min-width: 960px) {
    .no-results {
        padding: 40px
    }
}

.no-results h3 {
    margin-bottom: 10px;
    color: #0d0c22;
    font-size: 18px;
    font-weight: bold
}

@media only screen and (min-width: 960px) {
    .no-results h3 {
        margin-bottom: 20px;
        font-size: 24px
    }
}

.no-results p {
    margin-bottom: 20px;
    padding: 0 20px;
    color: #6e6d7a;
    font-size: 14px;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .no-results p {
        font-size: 16px
    }
}

.no-results h3,
.no-results p {
    max-width: 620px;
    margin-right: auto;
    margin-left: auto
}

.no-results-image {
    position: relative;
    max-width: 510px;
    margin: 0 auto 20px
}

@media only screen and (max-width: 959px) {
    .no-results-image {
        max-width: 300px
    }
}

.no-results-image img {
    width: 100%;
    height: auto;
    mix-blend-mode: multiply
}

.no-results-credit {
    position: absolute;
    right: 60px;
    bottom: 20px;
    color: #dbdbde;
    font-size: 12px
}

@media only screen and (max-width: 959px) {
    .no-results-credit {
        right: 0
    }
}

.no-results-credit a {
    color: #dbdbde;
    text-decoration: underline
}

.no-results-credit a:hover,
.no-results-credit a:focus {
    color: #9e9ea7
}

.shot-thumbnail-container .shot-thumbnail-base:hover.multi-shot .loading-indicator {
    opacity: 0
}

.shot-thumbnail-container .shot-thumbnail-base .loading-indicator {
    display: none;
    width: 24px;
    height: 24px;
    background-image: url(/assets/loading-indicators-18450aa413e022cf453504deb596c273b9311f4029b4525a1c5f498871de32e9.svg)
}

.shot-thumbnail-container .shot-thumbnail-base.gif .loading-indicator,
.shot-thumbnail-container .shot-thumbnail-base.video .loading-indicator,
.shot-thumbnail-container .shot-thumbnail-base.multi-shot .loading-indicator {
    display: block
}

.shot-thumbnail-container .shot-thumbnail-base.gif .loading-indicator {
    background-position: 96px 0
}

.shot-thumbnail-container .shot-thumbnail-base.video .loading-indicator {
    background-position: 0 0
}

.shot-thumbnail-container .shot-thumbnail-base.gif .disable-media-icons,
.shot-thumbnail-container .shot-thumbnail-base.video .disable-media-icons {
    display: none !important
}

.shot-thumbnail-container .shot-thumbnail-base.multi-shot .loading-indicator {
    opacity: 1;
    background-position: 72px 0
}

.shot-thumbnail-container .shot-thumbnail-base.multi-shot.gif .loading-indicator {
    background-position: 24px 0
}

.shot-thumbnail-container .shot-thumbnail-base.multi-shot.video .loading-indicator {
    background-position: 48px 0
}

.boost-info-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4px
}

.boost-info-container .boost-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.boost-info-container .boost-status .status-label {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 8px
}

.boost-info-container .boost-status .pending-icon,
.boost-info-container .boost-status .denied-icon,
.boost-info-container .boost-status .scheduled-icon {
    width: 24px;
    height: 24px
}

.boost-info-container .boost-status .pending-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #dbdbde
}

.boost-info-container .boost-status .pending-icon .icon {
    width: 12px;
    height: 12px;
    fill: #fff
}

.boost-info-container .boost-status .denied-icon {
    fill: #dbdbde
}

.boost-info-container .boost-status .scheduled-icon {
    fill: #dbdbde
}

.boost-info-container .boost-status .boost-status-denied {
    color: #0d0c22
}

.boost-info-container .boost-stats {
    display: -ms-flexbox;
    display: flex
}

.boost-info-container .boost-stats .stat-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    color: #9e9ea7;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.boost-info-container .boost-stats .icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    fill: #9e9ea7
}

.shot-statistics-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #9e9ea7;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.shot-statistics-container .shot-statistic {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px
}

.shot-statistics-container a {
    display: -ms-flexbox;
    display: flex
}

.shot-statistics-container .icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #9e9ea7
}

.shot-statistics-container .icon:hover {
    color: #ea4c89
}

.shot-statistics-container .current-user-likes .icon {
    color: #ea4c89
}

.shot-statistics-container .like-shot.processing {
    padding: 0;
    background: none
}

.shot-statistics-container .like-shot.processing svg {
    display: block;
    color: #f082ac
}

.shot-display-template,
.shot-thumbnail-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.shot-display-template .boosted-label-on-hover,
.shot-thumbnail-container .boosted-label-on-hover {
    opacity: 0;
    color: #ea4c89
}

.shot-display-template:hover .boosted-label-on-hover,
.shot-thumbnail-container:hover .boosted-label-on-hover {
    opacity: 1;
    cursor: pointer
}

.shot-display-template:hover .boosted-label-default,
.shot-thumbnail-container:hover .boosted-label-default {
    opacity: 0
}

.shot-display-template .shot-thumbnail-base,
.shot-thumbnail-container .shot-thumbnail-base {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    border-radius: 8px
}

.shot-display-template .shot-thumbnail-base:hover .shot-thumbnail-overlay,
.shot-display-template .shot-thumbnail-base.shot-thumbnail-base-on-hover .shot-thumbnail-overlay,
.shot-thumbnail-container .shot-thumbnail-base:hover .shot-thumbnail-overlay,
.shot-thumbnail-container .shot-thumbnail-base.shot-thumbnail-base-on-hover .shot-thumbnail-overlay {
    opacity: 1
}

.shot-display-template .shot-thumbnail-base:hover .shot-thumbnail-extras-icon,
.shot-display-template .shot-thumbnail-base.shot-thumbnail-base-on-hover .shot-thumbnail-extras-icon,
.shot-thumbnail-container .shot-thumbnail-base:hover .shot-thumbnail-extras-icon,
.shot-thumbnail-container .shot-thumbnail-base.shot-thumbnail-base-on-hover .shot-thumbnail-extras-icon {
    opacity: 0
}

.shot-display-template .shot-thumbnail-base:hover .shot-thumbnail-extras .boost-external-url-container .boost-external-url,
.shot-display-template .shot-thumbnail-base.shot-thumbnail-base-on-hover .shot-thumbnail-extras .boost-external-url-container .boost-external-url,
.shot-thumbnail-container .shot-thumbnail-base:hover .shot-thumbnail-extras .boost-external-url-container .boost-external-url,
.shot-thumbnail-container .shot-thumbnail-base.shot-thumbnail-base-on-hover .shot-thumbnail-extras .boost-external-url-container .boost-external-url {
    max-width: 100px;
    margin-left: 4px
}

.shot-display-template .shot-thumbnail-base picture,
.shot-thumbnail-container .shot-thumbnail-base picture {
    display: block
}

.shot-display-template .shot-thumbnail-base picture img,
.shot-display-template .shot-thumbnail-base .dribbble-video,
.shot-display-template .shot-thumbnail-base .good-thumbnail-image,
.shot-display-template .shot-thumbnail-base .shot-thumbnail-image,
.shot-thumbnail-container .shot-thumbnail-base picture img,
.shot-thumbnail-container .shot-thumbnail-base .dribbble-video,
.shot-thumbnail-container .shot-thumbnail-base .good-thumbnail-image,
.shot-thumbnail-container .shot-thumbnail-base .shot-thumbnail-image {
    width: 100%
}

.shot-display-template .shot-thumbnail-base .dribbble-video,
.shot-thumbnail-container .shot-thumbnail-base .dribbble-video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover
}

.shot-display-template .shot-thumbnail-base:after,
.shot-thumbnail-container .shot-thumbnail-base:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(8.1%, transparent), color-stop(15.5%, rgba(0, 0, 0, 0.001)), color-stop(22.5%, rgba(0, 0, 0, 0.003)), color-stop(29%, rgba(0, 0, 0, 0.005)), color-stop(35.3%, rgba(0, 0, 0, 0.008)), color-stop(41.2%, rgba(0, 0, 0, 0.011)), color-stop(47.1%, rgba(0, 0, 0, 0.014)), color-stop(52.9%, rgba(0, 0, 0, 0.016)), color-stop(58.8%, rgba(0, 0, 0, 0.019)), color-stop(64.7%, rgba(0, 0, 0, 0.022)), color-stop(71%, rgba(0, 0, 0, 0.025)), color-stop(77.5%, rgba(0, 0, 0, 0.027)), color-stop(84.5%, rgba(0, 0, 0, 0.029)), color-stop(91.9%, rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0.03)));
    background: linear-gradient(to bottom, transparent 0%, transparent 8.1%, rgba(0, 0, 0, 0.001) 15.5%, rgba(0, 0, 0, 0.003) 22.5%, rgba(0, 0, 0, 0.005) 29%, rgba(0, 0, 0, 0.008) 35.3%, rgba(0, 0, 0, 0.011) 41.2%, rgba(0, 0, 0, 0.014) 47.1%, rgba(0, 0, 0, 0.016) 52.9%, rgba(0, 0, 0, 0.019) 58.8%, rgba(0, 0, 0, 0.022) 64.7%, rgba(0, 0, 0, 0.025) 71%, rgba(0, 0, 0, 0.027) 77.5%, rgba(0, 0, 0, 0.029) 84.5%, rgba(0, 0, 0, 0.03) 91.9%, rgba(0, 0, 0, 0.03) 100%)
}

.shot-display-template .shot-thumbnail-link,
.shot-thumbnail-container .shot-thumbnail-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shot-display-template .shot-thumbnail-extras,
.shot-thumbnail-container .shot-thumbnail-extras {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 40px;
    padding: 0 12px
}

.shot-display-template .shot-thumbnail-extras.boosted-shot-extras,
.shot-thumbnail-container .shot-thumbnail-extras.boosted-shot-extras {
    z-index: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none
}

.shot-display-template .shot-thumbnail-extras .boost-external-url-container,
.shot-thumbnail-container .shot-thumbnail-extras .boost-external-url-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #fff;
    color: #0d0c22;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.shot-display-template .shot-thumbnail-extras .boost-external-url-container .boost-external-url,
.shot-thumbnail-container .shot-thumbnail-extras .boost-external-url-container .boost-external-url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
    margin: 0;
    -webkit-transition: max-width 200ms ease, margin 200ms ease;
    transition: max-width 200ms ease, margin 200ms ease
}

.shot-display-template .shot-thumbnail-extras .boost-external-url-container .icon,
.shot-thumbnail-container .shot-thumbnail-extras .boost-external-url-container .icon {
    width: 14px;
    height: 14px
}

.shot-display-template .shot-thumbnail-extras .shot-thumbnail-extras-icon,
.shot-thumbnail-container .shot-thumbnail-extras .shot-thumbnail-extras-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    opacity: 1;
    color: #fff
}

.shot-display-template .shot-thumbnail-extras .shot-thumbnail-extras-icon:not(.loading-indicator),
.shot-thumbnail-container .shot-thumbnail-extras .shot-thumbnail-extras-icon:not(.loading-indicator) {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.shot-display-template .shot-thumbnail-extras .shot-thumbnail-extras-icon svg,
.shot-thumbnail-container .shot-thumbnail-extras .shot-thumbnail-extras-icon svg {
    width: 16px;
    height: 16px;
    overflow: visible;
    stroke: rgba(0, 0, 0, 0.2)
}

.shot-display-template .shot-thumbnail-extras .shot-thumbnail-extras-icon.has-rebound svg,
.shot-thumbnail-container .shot-thumbnail-extras .shot-thumbnail-extras-icon.has-rebound svg {
    margin-right: 4px
}

.shot-display-template .shot-thumbnail-extras .shot-thumbnail-extras-icon.has-rebound .has-rebound-count,
.shot-thumbnail-container .shot-thumbnail-extras .shot-thumbnail-extras-icon.has-rebound .has-rebound-count {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.2);
    font-size: 11px;
    text-align: center
}

.shot-display-template .shot-thumbnail-overlay,
.shot-thumbnail-container .shot-thumbnail-overlay {
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    border-radius: 8px;
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(62%, transparent), color-stop(63.94%, rgba(0, 0, 0, 0.00345888)), color-stop(65.89%, rgba(0, 0, 0, 0.014204)), color-stop(67.83%, rgba(0, 0, 0, 0.0326639)), color-stop(69.78%, rgba(0, 0, 0, 0.0589645)), color-stop(71.72%, rgba(0, 0, 0, 0.0927099)), color-stop(73.67%, rgba(0, 0, 0, 0.132754)), color-stop(75.61%, rgba(0, 0, 0, 0.177076)), color-stop(77.56%, rgba(0, 0, 0, 0.222924)), color-stop(79.5%, rgba(0, 0, 0, 0.267246)), color-stop(81.44%, rgba(0, 0, 0, 0.30729)), color-stop(83.39%, rgba(0, 0, 0, 0.341035)), color-stop(85.33%, rgba(0, 0, 0, 0.367336)), color-stop(87.28%, rgba(0, 0, 0, 0.385796)), color-stop(89.22%, rgba(0, 0, 0, 0.396541)), color-stop(91.17%, rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, transparent 62%, rgba(0, 0, 0, 0.00345888) 63.94%, rgba(0, 0, 0, 0.014204) 65.89%, rgba(0, 0, 0, 0.0326639) 67.83%, rgba(0, 0, 0, 0.0589645) 69.78%, rgba(0, 0, 0, 0.0927099) 71.72%, rgba(0, 0, 0, 0.132754) 73.67%, rgba(0, 0, 0, 0.177076) 75.61%, rgba(0, 0, 0, 0.222924) 77.56%, rgba(0, 0, 0, 0.267246) 79.5%, rgba(0, 0, 0, 0.30729) 81.44%, rgba(0, 0, 0, 0.341035) 83.39%, rgba(0, 0, 0, 0.367336) 85.33%, rgba(0, 0, 0, 0.385796) 87.28%, rgba(0, 0, 0, 0.396541) 89.22%, rgba(0, 0, 0, 0.4) 91.17%);
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

body.touch-device-enabled .shot-display-template .shot-thumbnail-overlay,
body.touch-device-enabled .shot-thumbnail-container .shot-thumbnail-overlay {
    display: none
}

.shot-display-template .shot-thumbnail-overlay .shot-thumbnail-overlay-content,
.shot-thumbnail-container .shot-thumbnail-overlay .shot-thumbnail-overlay-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 0
}

.shot-display-template .shot-thumbnail-overlay .shot-title,
.shot-thumbnail-container .shot-thumbnail-overlay .shot-title {
    color: #fff;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shot-display-template .shot-actions-container,
.shot-thumbnail-container .shot-actions-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.shot-display-template .shot-actions-container .shot-action,
.shot-thumbnail-container .shot-actions-container .shot-action {
    margin-left: 12px
}

.shot-display-template .shot-actions-container .like-shot,
.shot-display-template .shot-actions-container .bucket-shot,
.shot-thumbnail-container .shot-actions-container .like-shot,
.shot-thumbnail-container .shot-actions-container .bucket-shot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    color: #6e6d7a;
    pointer-events: auto
}

.shot-display-template .shot-actions-container .like-shot.highlighted,
.shot-display-template .shot-actions-container .bucket-shot.highlighted,
.shot-thumbnail-container .shot-actions-container .like-shot.highlighted,
.shot-thumbnail-container .shot-actions-container .bucket-shot.highlighted {
    color: #ea4c89
}

.shot-display-template .shot-actions-container .like-shot svg,
.shot-display-template .shot-actions-container .bucket-shot svg,
.shot-thumbnail-container .shot-actions-container .like-shot svg,
.shot-thumbnail-container .shot-actions-container .bucket-shot svg {
    width: 16px;
    height: 16px;
    margin: 0
}

.shot-display-template .shot-actions-container .processing,
.shot-thumbnail-container .shot-actions-container .processing {
    background: #fef6f9;
    background-image: none;
    color: #ea4c89
}

.shot-display-template .shot-actions-container .processing.current-user-likes,
.shot-thumbnail-container .shot-actions-container .processing.current-user-likes {
    background: #f3f3f4;
    color: #6e6d7a
}

.shot-display-template .shot-actions-container .processing svg,
.shot-thumbnail-container .shot-actions-container .processing svg {
    display: block
}

.shot-display-template .shot-details-container,
.shot-thumbnail-container .shot-details-container {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px
}

.shot-display-template .shot-details-container .user-information,
.shot-thumbnail-container .shot-details-container .user-information {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.shot-display-template .shot-details-container .user-information a.url,
.shot-thumbnail-container .shot-details-container .user-information a.url {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.shot-display-template .shot-details-container .user-information .photo,
.shot-thumbnail-container .shot-details-container .user-information .photo {
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 50%
}

.shot-display-template .shot-details-container .user-information .display-name,
.shot-thumbnail-container .shot-details-container .user-information .display-name {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    color: #0d0c22
}

.shot-display-template .shot-details-container .user-information .badge-link,
.shot-thumbnail-container .shot-details-container .user-information .badge-link {
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px
}

.shot-display-template .shot-details-container .user-information .badge,
.shot-thumbnail-container .shot-details-container .user-information .badge {
    padding: 2px 3px
}

.shot-display-template .shot-details-container .boosted-label-container,
.shot-thumbnail-container .shot-details-container .boosted-label-container {
    position: relative;
    -ms-flex-preferred-size: 124px;
    flex-basis: 124px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    color: #9e9ea7;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.shot-display-template .shot-details-container .boosted-label-container .boosted-label,
.shot-thumbnail-container .shot-details-container .boosted-label-container .boosted-label {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    color: #9e9ea7
}

.shot-display-template .shot-details-container .price-label,
.shot-thumbnail-container .shot-details-container .price-label {
    padding: 4px 8px;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 4px;
    opacity: 1;
    background: #77e0b5;
    color: #fff;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.shot-display-template .shot-details-container .good-edit-icons-container,
.shot-thumbnail-container .shot-details-container .good-edit-icons-container {
    display: none
}

.shot-display-template .shot-details-container .good-edit-icon,
.shot-thumbnail-container .shot-details-container .good-edit-icon {
    display: -ms-flexbox;
    display: flex;
    margin-left: 16px
}

.shot-display-template .shot-details-container .good-edit-icon .icon,
.shot-thumbnail-container .shot-details-container .good-edit-icon .icon {
    width: 16px;
    height: 16px;
    color: #3d3d4e
}

.shot-display-template .shot-details-container .scheduled-shot-time,
.shot-thumbnail-container .shot-details-container .scheduled-shot-time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #3d3d4e;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.shot-display-template .shot-details-container .scheduled-shot-time .icon,
.shot-thumbnail-container .shot-details-container .scheduled-shot-time .icon {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.shot-display-template.js-ad-boosted .shot-details-container,
.shot-display-template.scheduled-shot-thumbnail-container .shot-details-container,
.shot-thumbnail-container.js-ad-boosted .shot-details-container,
.shot-thumbnail-container.scheduled-shot-thumbnail-container .shot-details-container {
    visibility: visible
}

.shot-display-template.editable-good-shot-container .good-edit-icons-container,
.shot-thumbnail-container.editable-good-shot-container .good-edit-icons-container {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    opacity: 0
}

.shot-display-template.editable-good-shot-container:hover .good-edit-icons-container,
.shot-thumbnail-container.editable-good-shot-container:hover .good-edit-icons-container {
    opacity: 1
}

.shot-display-template.editable-good-shot-container:hover .price-label,
.shot-thumbnail-container.editable-good-shot-container:hover .price-label {
    opacity: 0
}

.shot-thumbnail-placeholder {
    margin: 0;
    overflow: hidden
}

.shot-thumbnail-placeholder:before {
    content: '';
    display: block;
    padding-top: 75%
}

.shot-thumbnail-placeholder>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shot-thumbnail-placeholder img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

div.page {
    padding: 10px 0 0;
    font-weight: bold;
    text-align: center
}

div.page span.disabled {
    display: none
}

div.page a {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 0 10px;
    text-indent: -9999px
}

div.page a.previous_page {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-previous-654184e11f9a3ca7b401e1530fd88adfb8cbf600003c9cf7b401c8b7fdb529e4.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    div.page a.previous_page {
        background-image: url(/assets/icon-previous-2x-5a4ed01184d6b7888cd9f1e152081c47fd2a689112e819a03597d5d47cc1816e.png);
        background-size: 44px 88px
    }
}

div.page a.next_page {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-next-dc9fa348047104511608dc4266f2e24c852dd1aba81269d7ef04d17eadbd7e9d.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    div.page a.next_page {
        background-image: url(/assets/icon-next-2x-eb44c8b39063c4d9ea190511434d8048b41a13e6e09c8f9f39ea0c2712380f61.png);
        background-size: 44px 88px
    }
}

div.page a:hover {
    background-position: 0 -44px
}

#comments-section div.page {
    margin-bottom: 40px
}

.pagination-with-labels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination-with-labels .next_page,
.pagination-with-labels .previous_page {
    padding: 12px 16px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    border-radius: 8px;
    color: #0d0c22;
    cursor: pointer;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.pagination-with-labels .next_page:hover,
.pagination-with-labels .previous_page:hover {
    background-color: #e7e7e9
}

.pagination-with-labels .next_page.disabled,
.pagination-with-labels .previous_page.disabled {
    opacity: 0.5;
    cursor: default
}

.pagination-with-labels .next_page.disabled:hover,
.pagination-with-labels .previous_page.disabled:hover {
    background-color: #f3f3f4
}

.pagination-with-labels .next_page {
    margin-left: 12px;
    padding-right: 34px;
    background: #f3f3f4 url(/assets/icons/caret-right-db4f0a89979b986123042cddfe6b294068230a12504a8e19386f78725b30d059.svg) no-repeat;
    background-position: 56px center;
    background-size: 12px 12px
}

.pagination-with-labels .previous_page {
    margin-right: 12px;
    padding-left: 34px;
    background: #f3f3f4 url(/assets/icons/caret-left-d66876b541f57ec40abc953dd22f55f4d1c0d3104a436fc53a4a2b01a3e64109.svg) no-repeat;
    background-position: 16px center;
    background-size: 12px 12px
}

.infinite,
.loading-more {
    display: none;
    margin-top: 40px;
    text-align: center
}

.infinite a,
.loading-more a {
    margin: 0 auto;
    padding-right: 60px;
    padding-left: 60px
}

.infinite a.sign-up-to-continue,
.loading-more a.sign-up-to-continue {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto
}

.infinite span.processing,
.loading-more span.processing {
    background-color: transparent;
    color: #6e6d7a;
    font-weight: 500
}

.infinite .rate-limited,
.loading-more .rate-limited {
    color: #9e9ea7;
    font-size: 14px
}

.infinite .rate-limited a,
.loading-more .rate-limited a {
    display: inline-block;
    padding: 0;
    color: #6e6d7a
}

.infinite-login-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 500px) {
    .infinite-login-actions {
        display: block
    }
}

.infinite-login-actions a {
    margin-top: 15px
}

span.bucket-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 58px;
    padding: 5px;
    opacity: 0.6;
    background: url(/assets/bucket-frame-be9a098ad51321d3ee683a37c06748d9eed2f55871a93fa28a5531fa26cc8e81.png) no-repeat 0 0
}

span.bucket-img img {
    max-width: 60px;
    max-height: 45px;
    float: left;
    background: url(/assets/bucket-frame-be9a098ad51321d3ee683a37c06748d9eed2f55871a93fa28a5531fa26cc8e81.png) no-repeat 0 0
}

.scrolling-selection-list {
    height: 275px;
    margin: 0 0 25px;
    overflow: auto
}

.scrolling-selection-list li {
    position: relative;
    margin: 0 0 5px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.2
}

.scrolling-selection-list li:last-child {
    margin: 0
}

.scrolling-selection-list li.current a {
    background: rgba(0, 0, 0, 0.07)
}

.scrolling-selection-list li a {
    display: block;
    padding: 6px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff
}

.scrolling-selection-list li a strong {
    display: block;
    margin-right: 50px;
    color: #0d0c22
}

#bucket-add .scrolling-selection-list li a,
#project-add .scrolling-selection-list li a {
    min-height: 68px;
    padding-left: 86px
}

#bucket-add .scrolling-selection-list li a span.for-team em,
#project-add .scrolling-selection-list li a span.for-team em {
    font-style: normal;
    font-weight: bold
}

#bucket-add .scrolling-selection-list li a span.for-team img,
#project-add .scrolling-selection-list li a span.for-team img {
    width: 16px;
    margin: -1px 4px 0 0;
    float: left;
    border-radius: 50%
}

#bucket-add .scrolling-selection-list li a span.bucket-img,
#project-add .scrolling-selection-list li a span.bucket-img {
    top: 6px;
    left: 6px
}

#list-add .scrolling-selection-list li a,
#good-add .scrolling-selection-list li a {
    padding-left: 10px
}

#list-add .scrolling-selection-list li a span.good-price,
#good-add .scrolling-selection-list li a span.good-price {
    margin-left: 5px
}

.scrolling-selection-list li a span.good-meta {
    line-height: 16px
}

.scrolling-selection-list li.included a,
.scrolling-selection-list li.bucketed a {
    border-color: #ea4c89;
    background-color: #ea4c89;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/assets/icon-check-big-1a975c8a9c9540ecb2875377810d21e81a510c7a19c2c8df4116fa690c6d4540.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    .scrolling-selection-list li.included a,
    .scrolling-selection-list li.bucketed a {
        background-image: url(/assets/icon-check-big-2x-818be721299a3d6d80df75b5397afac972cfc70dff47cfe60c46bd47c44c7e21.png);
        background-size: 46px 26px
    }
}

.scrolling-selection-list li.included a strong,
.scrolling-selection-list li.bucketed a strong {
    color: #fff
}

.scrolling-selection-list li.included a span.bucket-meta,
.scrolling-selection-list li.included a span.list-meta,
.scrolling-selection-list li.included a span.good-meta,
.scrolling-selection-list li.bucketed a span.bucket-meta,
.scrolling-selection-list li.bucketed a span.list-meta,
.scrolling-selection-list li.bucketed a span.good-meta {
    color: rgba(255, 255, 255, 0.7)
}

.scrolling-selection-list li.included.current a,
.scrolling-selection-list li.included a:hover,
.scrolling-selection-list li.bucketed.current a,
.scrolling-selection-list li.bucketed a:hover {
    background-image: url(/assets/icon-minus-big-36df7b05eb88d2660debe4625ac5e5305fad5ac45fb8a7f1b008fddbd3b65415.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    .scrolling-selection-list li.included.current a,
    .scrolling-selection-list li.included a:hover,
    .scrolling-selection-list li.bucketed.current a,
    .scrolling-selection-list li.bucketed a:hover {
        background-image: url(/assets/icon-minus-big-2x-f7fe197d222cfd86e90590881f5e33d1ec8742c4608b24d0333acf7a72225081.png);
        background-size: 46px 26px
    }
}

.scrolling-selection-list li.selected a,
.scrolling-selection-list li.selected a:hover {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 349px 25px;
    color: #333;
    background-image: url(/assets/processing-d9430be48e5e5ad651efc2d84606eeeb5eab2a80f1e1f247ac3d31de4857a31d.gif)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    .scrolling-selection-list li.selected a,
    .scrolling-selection-list li.selected a:hover {
        background-image: url(/assets/processing-2x-ab4b5976bff279628a8e566ca3c46aab36870e1c62e1fa81abffa79f0ae27660.gif);
        background-size: 32px 32px
    }
}

.scrolling-selection-list li.selected a span.bucket-meta,
.scrolling-selection-list li.selected a span.list-meta,
.scrolling-selection-list li.selected a span.good-meta,
.scrolling-selection-list li.selected a:hover span.bucket-meta,
.scrolling-selection-list li.selected a:hover span.list-meta,
.scrolling-selection-list li.selected a:hover span.good-meta {
    color: #9e9ea7
}

span.bucket-meta,
span.list-meta,
span.good-meta {
    display: block;
    margin: 4px 0 0;
    color: #6e6d7a;
    font-size: 12px
}

span.bucket-meta.bucket-timestamp,
span.list-meta.bucket-timestamp,
span.good-meta.bucket-timestamp {
    color: #9e9ea7;
    font-size: 11px
}

span.bucket-meta span.sep,
span.list-meta span.sep,
span.good-meta span.sep {
    margin: 0 2px;
    color: #dbdbde
}

span.bucket-meta span.good-store,
span.list-meta span.good-store,
span.good-meta span.good-store {
    display: block;
    margin: 5px 0
}

span.bucket-meta span.good-store img,
span.list-meta span.good-store img,
span.good-meta span.good-store img {
    width: 16px;
    margin: 0 7px 0 0;
    float: left
}

#bucket-add div.create-bucket,
#bucket-add div.create-good,
#project-add div.create-bucket,
#project-add div.create-good,
#list-add div.create-bucket,
#list-add div.create-good,
#good-add div.create-bucket,
#good-add div.create-good {
    display: none
}

#list-add form.gen-form fieldset label.private b {
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/assets/icon-private-1d6bdf28b2b8cbf01e7701aeb33e69e18150de25d0d28bb80cb62789fedc5bce.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    #list-add form.gen-form fieldset label.private b {
        background-image: url(/assets/icon-private-2x-16e21509f9efb26e405533d040da54c2a5b24d5967c5945337cb537ad31aa6e9.png);
        background-size: 11px 12px
    }
}

#list-add p.message {
    padding: 0 0 0 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-private-1d6bdf28b2b8cbf01e7701aeb33e69e18150de25d0d28bb80cb62789fedc5bce.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    #list-add p.message {
        background-image: url(/assets/icon-private-2x-16e21509f9efb26e405533d040da54c2a5b24d5967c5945337cb537ad31aa6e9.png);
        background-size: 11px 12px
    }
}

#list-add ol.scrolling-selection-list li.processing {
    padding-left: 0;
    background-position: 95% 50%
}

#list-add ol.scrolling-selection-list li a strong img.private {
    position: relative;
    top: 1px;
    margin: 0 0 0 2px
}

a.new-good {
    position: absolute;
    top: -4px;
    right: 0
}

.follow-prompt {
    position: relative
}

.follow-prompt .unfollow {
    display: none
}

.follow-prompt a.unfollow,
.follow-prompt a.unblock {
    display: none
}

.follow-prompt .form-btn {
    height: 40px;
    white-space: nowrap
}

body.self .profile-actions .follow-prompt,
ol.player-cards li.self div.player-actions .follow-prompt,
.shot-byline .attribution.self .follow-prompt {
    display: none
}

div.actions-menu.active:hover:before {
    content: '';
    position: absolute;
    right: 0;
    width: 220px;
    height: 30px
}

@media screen and (max-width: 520px) {
    div.actions-menu.active:hover:before {
        width: 0
    }
}

div.actions-menu a.settings {
    padding-right: 9px;
    padding-left: 9px;
    background: none
}

div.actions-menu a.settings span {
    display: inline-block;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    background-image: url(/assets/icon-settings-dd-8884864f0708ba310783a78d0bc3805639fb07a1d9906456dc46633d00bf84ef.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    div.actions-menu a.settings span {
        background-image: url(/assets/icon-settings-dd-2x-df33933b8f261b1ee2223ad2ffd95faf90a548c148ac4378fdf8d4cd0b690e35.png?2);
        background-size: 25px 48px
    }
}

div.actions-menu a.grid {
    padding: 7px 9px;
    background: none
}

div.actions-menu a.grid:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

div.actions-menu a.grid span {
    display: inline-block;
    height: 16px;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    background-image: url(/assets/icon-shot-options-eb68820f549529896c063624f6b27afba4c65cdc568afab7cdf7b9e76ac65b05.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    div.actions-menu a.grid span {
        background-image: url(/assets/icon-shot-options-2x-32a8b89672cc10aa6ea6d3dc990604f0fb3419312171868ca0f2b2536513831d.png?2);
        background-size: 16px 48px
    }
}

div.actions-menu a.accounts {
    padding: 7px 9px;
    background: none
}

div.actions-menu a.accounts:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

div.actions-menu a.accounts span {
    display: inline-block;
    height: 16px;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    background-image: url(/assets/icon-account-options-966705bc428dbfa3d9c08259da7c1265842c890f82465dcce8a427adb9425fe1.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    div.actions-menu a.accounts span {
        background-image: url(/assets/icon-account-options-2x-c3c62787fbbcc428bc14903cb1bd9224c5301f53e42ac1080be78825682ef664.png?2);
        background-size: 16px 48px
    }
}

div.actions-menu:hover a.grid span,
div.actions-menu:hover a.accounts span {
    background-position: 0 -32px
}

div.actions-menu.active a.settings,
div.actions-menu.active a.grid,
div.actions-menu.active a.accounts {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #000;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

div.actions-menu.active a.settings {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

div.actions-menu.active a.settings span {
    background-position: 0 -33px
}

div.actions-menu ul.actions-list {
    display: none;
    position: absolute;
    z-index: 1000;
    right: 0;
    width: 220px;
    padding: 5px 0;
    border-radius: 4px;
    border-top-right-radius: 0;
    background-clip: padding-box;
    background-color: #000;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-align: left
}

div.actions-menu ul.actions-list>li ul li.separate:not(:first-child) {
    margin: 4px 0 0;
    padding: 4px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}

div.actions-menu ul.actions-list>li ul:empty {
    height: 200px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #ff0000
}

div.actions-menu ul.actions-list>li.shot-display {
    padding: 5px 15px
}

div.actions-menu ul.actions-list>li.shot-display h3 {
    padding: 0;
    border: none;
    background: none;
    color: #ccc;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase
}

div.actions-menu ul.actions-list>li.shot-display li {
    width: 23%;
    padding-left: 2.666%;
    float: left
}

div.actions-menu ul.actions-list>li.shot-display li:first-child {
    padding-left: 0
}

div.actions-menu ul.actions-list>li.shot-display li.active a {
    background-color: #9e9ea7
}

div.actions-menu ul.actions-list>li.shot-display li.active svg path {
    fill: #fff
}

div.actions-menu ul.actions-list>li.shot-display li a {
    display: block;
    width: 100%;
    height: 42px;
    margin: 5px 0 0;
    padding: 0;
    border-radius: 2px;
    background: #505050;
    text-align: center
}

div.actions-menu ul.actions-list>li.shot-display li a:hover {
    background-color: #9e9ea7
}

div.actions-menu ul.actions-list>li.shot-display li a svg {
    width: 42px;
    height: 42px
}

div.actions-menu ul.actions-list>li li a {
    display: block;
    padding: 5px 15px;
    color: #9e9ea7;
    font-size: 13px;
    font-weight: normal
}

div.actions-menu ul.actions-list>li li a.processing {
    padding-left: 30px
}

.listed-by-current-user div.actions-menu ul.actions-list>li li a.show-list-ui {
    padding-right: 34px;
    background-repeat: no-repeat;
    background-position: 100% 6px;
    background-image: url(/assets/icon-listed-4f2b26ec79736cf244f5b2db47156f9d368f919d4a756ede336d002d74e3e7aa.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    .listed-by-current-user div.actions-menu ul.actions-list>li li a.show-list-ui {
        background-image: url(/assets/icon-listed-2x-1a494fcf0193f8e04abf8fc8b48a3efbf3db8ecd4916188b42d76d2b401684ee.png?2);
        background-size: 28px 10px
    }
}

div.actions-menu ul.actions-list>li li a.unblock {
    display: none
}

div.actions-menu ul.actions-list>li li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #dbdbde
}

div.actions-menu ul.actions-list>li li a:active {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff
}

div.player-actions div.actions-menu {
    display: inline-block
}

div.player-actions div.actions-menu.active:hover:before {
    right: auto
}

div.player-actions div.actions-menu a.settings {
    padding: 4px 8px 3px
}

div.player-actions div.actions-menu ul.actions-list {
    right: auto;
    border-radius: 4px;
    border-top-left-radius: 0
}

.followed-by-current-user .follow-prompt .unfollow {
    display: inline-block
}

.followed-by-current-user .follow-prompt a.follow,
.followed-by-current-user .follow-prompt a.unblock {
    display: none
}

.followed-by-current-user .follow-prompt a.unfollow {
    display: inline-block
}

.blocked-by-current-user .follow-prompt .unfollow {
    display: none
}

.blocked-by-current-user .follow-prompt a.follow,
.blocked-by-current-user .follow-prompt a.unfollow {
    display: none
}

.blocked-by-current-user .follow-prompt a.unblock {
    display: inline-block
}

.blocked-by-current-user.player .follow-prompt a.unblock {
    display: none
}

.blocked-by-current-user div.actions-menu ul.actions-list>li li a.unblock {
    display: block
}

.blocked-by-current-user div.actions-menu ul.actions-list>li li a.block {
    display: none
}

.subscribe-to-notification,
div.rsvp-mod {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 30px;
    padding: 20px;
    border-radius: 6px;
    background: #000;
    text-align: center
}

body#jobs div.secondary .subscribe-to-notification,
body#jobs div.secondary div.rsvp-mod {
    margin-bottom: 15px
}

body#jobs div.secondary .subscribe-to-notification.subscribe-to-notification-target,
body#jobs div.secondary div.rsvp-mod.subscribe-to-notification-target {
    margin-bottom: 0
}

.subscribe-to-notification h4,
div.rsvp-mod h4 {
    width: auto;
    margin: 0 0 6px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: none
}

.subscribe-to-notification h4.subscribed,
div.rsvp-mod h4.subscribed {
    color: #77e0b5
}

.subscribe-to-notification h4.subscribed span,
div.rsvp-mod h4.subscribed span {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-subscribed-5a41769aa50ebf3ec46b63ffa21d6f27bdee227073300f5d7d31b63e7c978f91.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    .subscribe-to-notification h4.subscribed span,
    div.rsvp-mod h4.subscribed span {
        background-image: url(/assets/icon-subscribed-2x-1091f78cba8b1ba48617cf1399b2b19f51fa8903ac53c50f8400ac26e1f5d134.png);
        background-size: 16px 16px
    }
}

.subscribe-to-notification p,
div.rsvp-mod p {
    width: auto;
    margin: 0 0 15px;
    color: #9e9ea7;
    font-size: 14px;
    line-height: 1.4
}

div.secondary .subscribe-to-notification p,
div.copy .subscribe-to-notification p,
div.secondary div.rsvp-mod p,
div.copy div.rsvp-mod p {
    color: #9e9ea7
}

.subscribe-to-notification p.subscribed,
div.rsvp-mod p.subscribed {
    margin-bottom: 0
}

.subscribe-to-notification p a,
div.rsvp-mod p a {
    color: #dbdbde;
    font-weight: 500
}

.subscribe-to-notification p a:hover,
div.rsvp-mod p a:hover {
    color: #fff
}

.subscribe-to-notification .subscribe-btn span,
.subscribe-to-notification .rsvp-btn span,
div.rsvp-mod .subscribe-btn span,
div.rsvp-mod .rsvp-btn span {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-paperplane-6e6a2cc1f619583e9f01a994377321ebacfd8f148d479d9afd0b6784015f7569.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    .subscribe-to-notification .subscribe-btn span,
    .subscribe-to-notification .rsvp-btn span,
    div.rsvp-mod .subscribe-btn span,
    div.rsvp-mod .rsvp-btn span {
        background-image: url(/assets/icon-paperplane-2x-78835a8173745a200ba73bfa3363f6d1d76202dbcaa39728220f308816068633.png);
        background-size: 16px 16px
    }
}

.subscribe-to-notification.subscribe-to-notification-target,
div.rsvp-mod.subscribe-to-notification-target {
    padding: 0;
    background: none;
    text-align: left
}

.subscribe-to-notification.subscribe-to-notification-target h4.subscribed,
div.rsvp-mod.subscribe-to-notification-target h4.subscribed {
    display: inline;
    font-size: 14px
}

.subscribe-to-notification.subscribe-to-notification-target h4.subscribed span,
div.rsvp-mod.subscribe-to-notification-target h4.subscribed span {
    padding: 0;
    background: none
}

.subscribe-to-notification.subscribe-to-notification-target p.subscribed,
div.rsvp-mod.subscribe-to-notification-target p.subscribed {
    display: inline
}

.subscribe-to-notification.subscribe-to-notification-target p.subscribed a,
div.rsvp-mod.subscribe-to-notification-target p.subscribed a {
    color: #4f3cc9
}

.subscribe-to-notification.subscribe-to-notification-target p.subscribed a:hover,
div.rsvp-mod.subscribe-to-notification-target p.subscribed a:hover {
    color: #7263d4
}

body#story .subscribe-to-notification,
body#story div.rsvp-mod {
    width: 63.917525773196%;
    margin: -20px auto 60px
}

@media only screen and (max-width: 800px) {

    body#story .subscribe-to-notification,
    body#story div.rsvp-mod {
        width: 92%
    }
}

.subscribe-to-notification-target.new-for-you a {
    color: #4f3cc9 !important
}

.subscribe-to-notification-target.new-for-you p.subscribed {
    display: none
}

.subscribe-to-notification-target.overtime {
    margin-bottom: 0
}

.subscribe-to-notification-target.overtime p.subscribed {
    display: none
}

div.rsvp-mod {
    padding: 40px
}

.sidebar-subscribe-link {
    margin-bottom: 20px
}

.scrolling-row.before-promo {
    padding-bottom: 0 !important;
    border-bottom: 0 !important
}

#draftees-subscription-prompt {
    margin: 10px 0 40px;
    padding: 40px 30px;
    border: 1px solid #dbdbde;
    font-size: 16px;
    text-align: center
}

#draftees-subscription-prompt b {
    font-weight: 500
}