input[type='checkbox'] {
    display: none;
    margin: 0;
    padding: 0
}

input[type='checkbox'] + label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

input[type='checkbox'] + label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

input[type='checkbox'] + label:hover, input[type='checkbox'] + label:focus {
    cursor: pointer
}

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

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

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

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

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

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;
    color: #9e9ea7;
    margin-top: 4px
}

.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;
    color: #3d3d4e;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

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

.checkbox-radio-label:hover input {
    cursor: pointer;
    -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)
}

.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: 24px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 16px;
    outline: none;
    border-radius: 8px;
    -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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #0d0c22;
    background-color: #f3f3f4
}

@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 {
    background-color: #fff;
    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)
}

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 {
    background-color: #fff;
    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)
}

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 {
    background-color: #fff;
    border-color: #e7e7e9;
    -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 {
    background-color: #fff;
    border-color: #e7e7e9
}

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:-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) {
    background-color: #f3f3f4;
    border-color: transparent;
    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) {
    background-color: #f3f3f4;
    border-color: transparent;
    -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 {
    background-color: #0d0c22;
    border-color: transparent;
    -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 {
    background-color: #0d0c22;
    border-color: rgba(0, 0, 0, 0.3);
    -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 {
    background-color: #0d0c22;
    border-color: #3d3d4e;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

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:-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 {
    background-color: #3d3d4e;
    border-color: transparent;
    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 {
    background-color: #3d3d4e;
    border-color: transparent;
    -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 {
    background-color: #fff;
    border-color: #e7e7e9;
    border-width: 2px;
    height: 48px
}

.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: ' ';
    width: 16px;
    height: 16px;
    color: #fff;
    border: 1px solid #fff;
    background: #ff5555;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0
}

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 {
    background: #0d0c22;
    border-color: #ff5555
}

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']:-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
}

.braintree-input {
    padding: 0
}

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

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

select {
    width: auto;
    background-color: #fff;
    padding: 8px 32px 10px 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e7e7e9;
    color: #6e6d7a;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
    background-size: 10px 6px;
    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>')
}

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

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

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

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

.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 {
    border: 1px solid transparent;
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.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;
    line-height: 10px;
    font-size: 12px;
    background: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    color: #6e6d7a;
    margin: 0;
    display: inline-block;
    white-space: nowrap
}

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

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

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

.input-with-prefix input:active {
    background-color: transparent;
    border-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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    left: 16px;
    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-bottom: 0;
        margin-right: 18px
    }
}

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

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

input[type='checkbox'], input[type='radio'] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    padding: 0;
    position: relative;
    margin: 0 12px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #dbdbde;
    outline: none;
    -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
}

input:checked[type='checkbox'], input:checked[type='radio'] {
    background-color: #ea4c89;
    border-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='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 {
    will-change: transform;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 38px;
    height: 22px;
    border-radius: 20px;
    background-color: #e7e7e9;
    position: relative;
    cursor: pointer
}

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

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

.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 {
    background-color: #ea4c89;
    left: 20px
}

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

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

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

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

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

@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.with-messages div.form-field {
    position: relative
}

form.with-messages div.form-field span.counter {
    position: absolute;
    top: 12px;
    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 {
        float: none;
        width: auto
    }
}

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;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 4px
}

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;
    color: #9e9ea7;
    margin: 4px 0 8px
}

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

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 {
    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);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 12px 16px;
    position: absolute;
    width: 172px;
    z-index: 9998;
    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;
    font-size: 14px;
    padding: 7px 0;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

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

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

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

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

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

.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;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.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 {
    color: #ea4c89;
    background: #fff
}

.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 {
    font-size: 12px;
    font-weight: bold;
    color: #9e9ea7
}

span.counter.warning {
    color: #ea4c89
}

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

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

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

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

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

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

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

div.copy div.echo-plan p, div.echo-plan p {
    color: #9e9ea7;
    margin: 10px 0 0;
    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 {
    color: #9e9ea7;
    margin: 5px 0 0
}

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;
    padding-top: 25px;
    margin-top: 20px;
    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--moz-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 {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em;
    color: #0d0c22;
    background-color: #fff;
    border-radius: 6px;
    z-index: 999
}

#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 {
    font-size: 12px;
    margin: 10px 0 20px;
    padding: 20px 20px 20px 65px;
    border-radius: 6px;
    text-align: left;
    border: 1px solid #ddd;
    background: #fff;
    position: relative
}

#meetup-message-overlay div.prompt svg, .contact-overlay div.prompt svg, div.for-hire-preview div.prompt svg {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 30px;
    width: 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 {
    font-weight: 500;
    color: #444;
    margin-bottom: 5px;
    font-size: 15px
}

#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;
    max-height: 504px;
    min-height: 168px
}

.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']:-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-color: #e7e7e9;
    border-radius: 8px 8px 0 0
}

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

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 {
    background-color: #fff;
    background-image: url(/assets/icon-dropdown-arrow-9d1d87d88a8135dd97afee188fbe243d8d2c89dca1a3b6a5e8936fe4c623f951.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border-radius: 4px;
    border: 1px solid #dbdbde;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 25px 10px 8px
}

#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 {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #dbdbde;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding: 8px;
    position: absolute;
    width: 100%;
    z-index: 1
}

#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 {
    font-size: 14px;
    font-weight: 400;
    margin: 8px 0
}

@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) {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    padding: 0 20px;
    color: #ff5555
}

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

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 {
    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);
    width: 12px;
    height: 12px;
    left: 8px;
    top: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.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
}

input[type='checkbox'] {
    display: none;
    margin: 0;
    padding: 0
}

input[type='checkbox'] + label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal;
    font-size: 14px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

input[type='checkbox'] + label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

input[type='checkbox'] + label:hover, input[type='checkbox'] + label:focus {
    cursor: pointer
}

.dd-toggle .dd-toggle-control {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: 50px;
    height: 30px;
    display: block;
    border-radius: 20px;
    background-color: #bbbbbb;
    position: relative
}

.dd-toggle .dd-toggle-control:hover, .dd-toggle .dd-toggle-control:focus {
    cursor: pointer;
    -webkit-filter: brightness(105%);
    filter: brightness(105%)
}

.dd-toggle .dd-toggle-control:after {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    content: '';
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px
}

.dd-toggle input {
    display: none
}

.dd-toggle input:checked + .dd-toggle-control {
    background-color: #ea4c89
}

.dd-toggle input:checked + .dd-toggle-control:after {
    left: 25px
}

.dd-toggle.dd-toggle-small .dd-toggle-control {
    width: 38px;
    height: 22px
}

.dd-toggle.dd-toggle-small .dd-toggle-control:after {
    width: 14px;
    height: 14px;
    top: 4px;
    left: 4px
}

.dd-toggle.dd-toggle-small input:checked + .dd-toggle-control:after {
    left: 20px
}

.dd-toggle.dd-toggle-light .dd-toggle-control {
    background-color: #e7e7e9
}

.dd-toggle.dd-toggle-light .dd-toggle-control:after {
    background-color: #9e9ea7
}

.dd-toggle.dd-toggle-light input:checked + .dd-toggle-control {
    background-color: #fbdbe7
}

.dd-toggle.dd-toggle-light input:checked + .dd-toggle-control:after {
    background-color: #ea4c89
}

.dd-toggle-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.dd-toggle-group .dd-label {
    margin: 0 10px 0 0
}

.form-sub, .form-btn, .form-forest, a.form-sub, a.form-btn, a.form-forest {
    display: inline-block;
    padding: 10px 16px;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background: #ea4c89;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    outline: none;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.form-sub.highlighted, .form-btn.highlighted, .form-forest.highlighted, a.form-sub.highlighted, a.form-btn.highlighted, a.form-forest.highlighted {
    background: #fef6f9;
    color: #ea4c89
}

.form-sub.highlighted:hover, .form-btn.highlighted:hover, .form-forest.highlighted:hover, a.form-sub.highlighted:hover, a.form-btn.highlighted:hover, a.form-forest.highlighted:hover {
    background: #fbdbe7
}

.form-sub.loading svg.dribbble-loader, .form-btn.loading svg.dribbble-loader, .form-forest.loading svg.dribbble-loader, a.form-sub.loading svg.dribbble-loader, a.form-btn.loading svg.dribbble-loader, a.form-forest.loading svg.dribbble-loader {
    fill: none
}

.form-sub.tiny, .form-btn.tiny, .form-forest.tiny, a.form-sub.tiny, a.form-btn.tiny, a.form-forest.tiny {
    font-size: 12px;
    padding: 4px 8px;
    height: auto
}

.form-sub.plain, .form-btn.plain, .form-forest.plain, a.form-sub.plain, a.form-btn.plain, a.form-forest.plain {
    border: none;
    background: none
}

.form-sub.outlined, .form-btn.outlined, .form-forest.outlined, a.form-sub.outlined, a.form-btn.outlined, a.form-forest.outlined {
    color: #0d0c22;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset
}

.form-sub.outlined:hover, .form-sub.outlined:focus, .form-btn.outlined:hover, .form-btn.outlined:focus, .form-forest.outlined:hover, .form-forest.outlined:focus, a.form-sub.outlined:hover, a.form-sub.outlined:focus, a.form-btn.outlined:hover, a.form-btn.outlined:focus, a.form-forest.outlined:hover, a.form-forest.outlined:focus {
    color: #0d0c22;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #dbdbde inset;
    box-shadow: 0px 0px 0px 1px #dbdbde inset
}

.form-sub.outlined:active, .form-btn.outlined:active, .form-forest.outlined:active, a.form-sub.outlined:active, a.form-btn.outlined:active, a.form-forest.outlined:active {
    color: #0d0c22;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-sub.star-btn, .form-btn.star-btn, .form-forest.star-btn, a.form-sub.star-btn, a.form-btn.star-btn, a.form-forest.star-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 32px;
    overflow: hidden;
    color: #0d0c22;
    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;
    border: 2px solid rgba(254, 186, 87, 0.5)
}

.form-sub.star-btn:before, .form-btn.star-btn:before, .form-forest.star-btn:before, a.form-sub.star-btn:before, a.form-btn.star-btn:before, a.form-forest.star-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/assets/icons/dribbble-one-five/star-c8c96060df21974480b2cd936160a5bae964f991a4245ef146da1c67ca07cc32.svg) no-repeat;
    height: 14px;
    width: 14px;
    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-forest.star-btn:hover, .form-forest.star-btn:focus, .form-forest.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-forest.star-btn:hover, a.form-forest.star-btn:focus, a.form-forest.star-btn:active {
    color: #0d0c22;
    background-color: transparent
}

.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-forest.star-btn:hover:after, .form-forest.star-btn:focus:after, .form-forest.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-forest.star-btn:hover:after, a.form-forest.star-btn:focus:after, a.form-forest.star-btn:active:after {
    content: '';
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    -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-forest.floated, a.form-sub.floated, a.form-btn.floated, a.form-forest.floated {
    float: right
}

.form-sub.compact, .form-btn.compact, .form-forest.compact, a.form-sub.compact, a.form-btn.compact, a.form-forest.compact {
    padding: 6px;
    line-height: 1;
    font-size: 0;
    height: auto
}

.form-sub.compact span, .form-btn.compact span, .form-forest.compact span, a.form-sub.compact span, a.form-btn.compact span, a.form-forest.compact span {
    display: none
}

.form-sub.compact svg, .form-btn.compact svg, .form-forest.compact svg, a.form-sub.compact svg, a.form-btn.compact svg, a.form-forest.compact svg {
    margin-right: 0;
    height: 12px;
    width: 12px;
    margin-top: 0
}

.form-sub.compact-with-text, .form-btn.compact-with-text, .form-forest.compact-with-text, a.form-sub.compact-with-text, a.form-btn.compact-with-text, a.form-forest.compact-with-text {
    font-size: 13px;
    font-weight: 500
}

.form-sub span.check, .form-btn span.check, .form-forest span.check, a.form-sub span.check, a.form-btn span.check, a.form-forest span.check {
    display: none;
    position: absolute;
    bottom: -4px;
    right: -4px;
    background-color: #9e9ea7;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 2px;
    line-height: 1;
    font-size: 0
}

.form-sub span.check svg, .form-btn span.check svg, .form-forest span.check svg, a.form-sub span.check svg, a.form-btn span.check svg, a.form-forest span.check svg {
    height: 6px;
    width: 6px;
    vertical-align: baseline;
    margin: 0;
    display: block;
    fill: #fff
}

.form-sub.follow-btn .follow-buttton-icon, .form-btn.follow-btn .follow-buttton-icon, .form-forest.follow-btn .follow-buttton-icon, a.form-sub.follow-btn .follow-buttton-icon, a.form-btn.follow-btn .follow-buttton-icon, a.form-forest.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-forest.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-forest.follow-btn .follow-buttton-icon svg {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: sub;
    margin: 0;
    pointer-events: none
}

.form-sub.follow-btn .follow-button-text, .form-btn.follow-btn .follow-button-text, .form-forest.follow-btn .follow-button-text, a.form-sub.follow-btn .follow-button-text, a.form-btn.follow-btn .follow-button-text, a.form-forest.follow-btn .follow-button-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.form-sub.playbook-btn, .form-sub.btn-interested, .form-btn.playbook-btn, .form-btn.btn-interested, .form-forest.playbook-btn, .form-forest.btn-interested, a.form-sub.playbook-btn, a.form-sub.btn-interested, a.form-btn.playbook-btn, a.form-btn.btn-interested, a.form-forest.playbook-btn, a.form-forest.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-forest.playbook-btn:hover, .form-forest.playbook-btn:focus, .form-forest.btn-interested:hover, .form-forest.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-forest.playbook-btn:hover, a.form-forest.playbook-btn:focus, a.form-forest.btn-interested:hover, a.form-forest.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-forest.playbook-btn:active, .form-forest.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-forest.playbook-btn:active, a.form-forest.btn-interested:active {
    background-color: #5fb391
}

.form-sub.transparent-btn, .form-btn.transparent-btn, .form-forest.transparent-btn, a.form-sub.transparent-btn, a.form-btn.transparent-btn, a.form-forest.transparent-btn {
    background-color: transparent;
    border: 0;
    color: #6e6d7a
}

.form-sub.transparent-btn:hover, .form-sub.transparent-btn:focus, .form-btn.transparent-btn:hover, .form-btn.transparent-btn:focus, .form-forest.transparent-btn:hover, .form-forest.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-forest.transparent-btn:hover, a.form-forest.transparent-btn:focus {
    background-color: #f4f4f4
}

.form-sub.transparent-btn.is-active, .form-btn.transparent-btn.is-active, .form-forest.transparent-btn.is-active, a.form-sub.transparent-btn.is-active, a.form-btn.transparent-btn.is-active, a.form-forest.transparent-btn.is-active {
    background-color: rgba(79, 60, 201, 0.15);
    color: #4f3cc9
}

.form-sub.warning-btn, .form-btn.warning-btn, .form-forest.warning-btn, a.form-sub.warning-btn, a.form-btn.warning-btn, a.form-forest.warning-btn {
    background-color: #ff5555;
    border: 0;
    color: #fff
}

.form-sub.warning-btn:hover, .form-sub.warning-btn:focus, .form-btn.warning-btn:hover, .form-btn.warning-btn:focus, .form-forest.warning-btn:hover, .form-forest.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-forest.warning-btn:hover, a.form-forest.warning-btn:focus {
    background-color: #ff2222
}

.form-sub.talent-prompt-btn, .form-btn.talent-prompt-btn, .form-forest.talent-prompt-btn, a.form-sub.talent-prompt-btn, a.form-btn.talent-prompt-btn, a.form-forest.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-forest.talent-prompt-btn:hover, .form-forest.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-forest.talent-prompt-btn:hover, a.form-forest.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-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], 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-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] {
    background-color: #dbdbde
}

.form-sub.talent-prompt-btn:active, .form-btn.talent-prompt-btn:active, .form-forest.talent-prompt-btn:active, a.form-sub.talent-prompt-btn:active, a.form-btn.talent-prompt-btn:active, a.form-forest.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-forest.talent-prompt-btn:active.disabled, .form-forest.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-forest.talent-prompt-btn:active.disabled, a.form-forest.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-forest.auth-twitter, .form-forest.auth-google, .form-forest.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-forest.auth-twitter, a.form-forest.auth-google, a.form-forest.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-forest.auth-twitter.auth-nonlink, .form-forest.auth-google.auth-nonlink, .form-forest.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-forest.auth-twitter.auth-nonlink, a.form-forest.auth-google.auth-nonlink, a.form-forest.auth-figma.auth-nonlink {
    color: #0d0c22;
    border: 1px solid #ccc;
    background-color: rgba(0, 0, 0, 0.05);
    padding-right: 24px
}

.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-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, 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-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 {
    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-forest.auth-twitter a.remove, .form-forest.auth-google a.remove, .form-forest.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-forest.auth-twitter a.remove, a.form-forest.auth-google a.remove, a.form-forest.auth-figma a.remove {
    position: absolute;
    top: -2px;
    right: -7px;
    margin: 6px 12px 0 0;
    padding: 0;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    color: #9e9ea7;
    background: url(/assets/icon-tagx-a74c6290779cc955ffc024dc7ad59138bbe4a9b8bdddffa374b24725dfb84dda.png) no-repeat 0 0;
    z-index: 3
}

.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-forest.auth-twitter a.remove:hover, .form-forest.auth-google a.remove:hover, .form-forest.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-forest.auth-twitter a.remove:hover, a.form-forest.auth-google a.remove:hover, a.form-forest.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-forest.auth-twitter a.remove img, .form-forest.auth-google a.remove img, .form-forest.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-forest.auth-twitter a.remove img, a.form-forest.auth-google a.remove img, a.form-forest.auth-figma a.remove img {
    height: 0
}

.form-sub.auth-twitter, .form-btn.auth-twitter, .form-forest.auth-twitter, a.form-sub.auth-twitter, a.form-btn.auth-twitter, a.form-forest.auth-twitter {
    background-color: #1da1f2
}

.form-sub.auth-twitter span.new, .form-btn.auth-twitter span.new, .form-forest.auth-twitter span.new, a.form-sub.auth-twitter span.new, a.form-btn.auth-twitter span.new, a.form-forest.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-forest.auth-twitter.connected, .form-forest.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-forest.auth-twitter.connected, a.form-forest.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-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, 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-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 {
    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-forest.auth-twitter.connected span.new, .form-forest.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-forest.auth-twitter.connected span.new, a.form-forest.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-forest.auth-twitter:hover, .form-forest.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-forest.auth-twitter:hover, a.form-forest.auth-twitter:focus {
    background-color: #0d95e8
}

.form-sub.auth-twitter:active, .form-btn.auth-twitter:active, .form-forest.auth-twitter:active, a.form-sub.auth-twitter:active, a.form-btn.auth-twitter:active, a.form-forest.auth-twitter:active {
    background-color: #0d8cda
}

.form-sub.auth-google, .form-btn.auth-google, .form-forest.auth-google, a.form-sub.auth-google, a.form-btn.auth-google, a.form-forest.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-forest.auth-google:hover, .form-forest.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-forest.auth-google:hover, a.form-forest.auth-google:focus {
    background-color: #2a75f3
}

.form-sub.auth-google:active, .form-btn.auth-google:active, .form-forest.auth-google:active, a.form-sub.auth-google:active, a.form-btn.auth-google:active, a.form-forest.auth-google:active {
    background-color: #1b6cf2
}

.form-sub.auth-figma, .form-btn.auth-figma, .form-forest.auth-figma, a.form-sub.auth-figma, a.form-btn.auth-figma, a.form-forest.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-forest.auth-figma:hover, .form-forest.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-forest.auth-figma:hover, a.form-forest.auth-figma:focus {
    background-color: #1b1948
}

.form-sub.auth-figma:active, .form-btn.auth-figma:active, .form-forest.auth-figma:active, a.form-sub.auth-figma:active, a.form-btn.auth-figma:active, a.form-forest.auth-figma:active {
    background-color: #191740
}

.form-sub.pinterest-btn svg, .form-btn.pinterest-btn svg, .form-forest.pinterest-btn svg, a.form-sub.pinterest-btn svg, a.form-btn.pinterest-btn svg, a.form-forest.pinterest-btn svg {
    fill: #bd081c
}

.form-sub.facebook-btn svg, .form-btn.facebook-btn svg, .form-forest.facebook-btn svg, a.form-sub.facebook-btn svg, a.form-btn.facebook-btn svg, a.form-forest.facebook-btn svg {
    fill: #3b5998
}

.form-sub.twitter-btn svg, .form-btn.twitter-btn svg, .form-forest.twitter-btn svg, a.form-sub.twitter-btn svg, a.form-btn.twitter-btn svg, a.form-forest.twitter-btn svg {
    fill: #1da1f2
}

.form-sub.linkedin-btn svg, .form-btn.linkedin-btn svg, .form-forest.linkedin-btn svg, a.form-sub.linkedin-btn svg, a.form-btn.linkedin-btn svg, a.form-forest.linkedin-btn svg {
    fill: #0077b5
}

.form-sub.clipboard-btn svg, .form-btn.clipboard-btn svg, .form-forest.clipboard-btn svg, a.form-sub.clipboard-btn svg, a.form-btn.clipboard-btn svg, a.form-forest.clipboard-btn svg {
    fill: #6e6d7a
}

.form-sub.sentence-btn, .form-btn.sentence-btn, .form-forest.sentence-btn, a.form-sub.sentence-btn, a.form-btn.sentence-btn, a.form-forest.sentence-btn {
    background-color: transparent;
    color: #ea4c89;
    display: inline;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
    overflow: visible
}

.form-sub.sentence-btn.processing, .form-btn.sentence-btn.processing, .form-forest.sentence-btn.processing, a.form-sub.sentence-btn.processing, a.form-btn.sentence-btn.processing, a.form-forest.sentence-btn.processing {
    background-color: transparent !important;
    background-size: 17px 17px !important;
    padding-left: 17px !important
}

.form-sub.sentence-btn:hover, .form-sub.sentence-btn:focus, .form-btn.sentence-btn:hover, .form-btn.sentence-btn:focus, .form-forest.sentence-btn:hover, .form-forest.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-forest.sentence-btn:hover, a.form-forest.sentence-btn:focus {
    background-color: transparent;
    color: #f082ac
}

.form-sub.sentence-btn:active, .form-btn.sentence-btn:active, .form-forest.sentence-btn:active, a.form-sub.sentence-btn:active, a.form-btn.sentence-btn:active, a.form-forest.sentence-btn:active {
    background-color: transparent;
    color: #bb3d6e
}

.form-sub.stripped-btn, .form-btn.stripped-btn, .form-forest.stripped-btn, a.form-sub.stripped-btn, a.form-btn.stripped-btn, a.form-forest.stripped-btn {
    background-color: transparent;
    color: inherit;
    display: inline;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    overflow: visible
}

.form-sub.stripped-btn.processing, .form-btn.stripped-btn.processing, .form-forest.stripped-btn.processing, a.form-sub.stripped-btn.processing, a.form-btn.stripped-btn.processing, a.form-forest.stripped-btn.processing {
    background-color: transparent !important;
    background-size: 17px 17px !important;
    padding-left: 17px !important
}

.form-sub.stripped-btn:hover, .form-sub.stripped-btn:focus, .form-btn.stripped-btn:hover, .form-btn.stripped-btn:focus, .form-forest.stripped-btn:hover, .form-forest.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-forest.stripped-btn:hover, a.form-forest.stripped-btn:focus {
    background-color: transparent;
    color: #f082ac
}

.form-sub.stripped-btn:active, .form-btn.stripped-btn:active, .form-forest.stripped-btn:active, a.form-sub.stripped-btn:active, a.form-btn.stripped-btn:active, a.form-forest.stripped-btn:active {
    background-color: transparent;
    color: #bb3d6e
}

.form-sub svg, .form-btn svg, .form-forest svg, a.form-sub svg, a.form-btn svg, a.form-forest svg {
    fill: currentColor;
    height: 13px;
    width: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px
}

.form-sub svg.icon-16, .form-btn svg.icon-16, .form-forest svg.icon-16, a.form-sub svg.icon-16, a.form-btn svg.icon-16, a.form-forest 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-forest span.check, .form-forest.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-forest span.check, a.form-forest.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-forest, a.form-forest {
    color: #fff;
    background: #4bb7bf
}

.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-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
}

.btn-dropdown {
    position: relative;
    display: inline-block;
    white-space: nowrap
}

.btn-dropdown .btn-dropdown-link {
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 35px
}

.btn-dropdown .btn-dropdown-link.btn-link {
    padding-right: 16px;
    color: #6e6d7a
}

.btn-dropdown .btn-dropdown-link.btn-link:hover {
    color: #0d0c22
}

.btn-dropdown .btn-dropdown-link.btn-link svg.btn-dropdown-caret {
    top: 6px;
    right: 0
}

.btn-dropdown svg.btn-dropdown-caret {
    position: absolute;
    right: 15px;
    top: 15px;
    fill: currentColor;
    width: 10px;
    height: 10px;
    margin: 0;
    -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
}

.btn-dropdown svg.btn-dropdown-option {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px
}

.btn-dropdown.open .btn-dropdown-link svg.btn-dropdown-caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-dropdown.open div.btn-dropdown-options {
    z-index: 2;
    display: block
}

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;
    margin-top: 4px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    background: #fff;
    display: none;
    left: 0;
    min-width: 180px;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 1
}

div.btn-dropdown-options.right {
    right: 0;
    left: auto
}

div.btn-dropdown-options ul {
    list-style: none;
    padding: 8px 0
}

div.btn-dropdown-options .option-padding {
    padding-left: 15px;
    padding-right: 15px
}

div.btn-dropdown-options li.rule {
    border-bottom: 1px solid #dbdbde;
    margin: 5px 0
}

div.btn-dropdown-options a {
    display: block;
    padding: 8px 15px;
    font-size: 13px;
    color: #6e6d7a
}

div.btn-dropdown-options a:hover, div.btn-dropdown-options a:active {
    background-color: #e7e7e9
}

div.btn-dropdown-options a.active, div.btn-dropdown-options li.active a {
    font-weight: 500;
    color: #ea4c89
}

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 {
    position: relative;
    display: inline-block;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.hover-dropdown .hover-dropdown-target:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px
}

.hover-dropdown .hover-dropdown-target svg {
    margin-left: 8px;
    fill: currentColor;
    width: 10px;
    height: 10px;
    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 {
    font-weight: 500;
    background: rgba(13, 12, 34, 0.05);
    border-radius: 8px
}

.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;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 16px;
    color: #0d0c22
}

.hover-dropdown .hover-dropdown-link:hover {
    opacity: 1
}

.hover-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    background: #fff;
    display: none;
    left: 0;
    min-width: 180px;
    position: absolute;
    z-index: 3;
    text-align: left
}

.hover-dropdown ul a {
    padding: 8px 15px;
    font-size: 13px;
    color: #6e6d7a
}

.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
}

.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;
    border: none;
    margin: 0;
    padding: 0;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: transparent;
    color: #ff5555;
    cursor: pointer;
    text-align: center;
    -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
}

.btn-icon {
    display: inline-block;
    height: 40px;
    padding: 10px 12px;
    border-radius: 8px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    background: #ea4c89;
    cursor: pointer;
    border: none;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -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
}

.btn-icon:not(.btn-custom-icon-size) svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: currentColor
}

.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;
    vertical-align: middle;
    width: 16px;
    height: 16px
}

.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 {
    color: #0d0c22;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset
}

.btn-icon.tertiary:hover, .btn-icon.tertiary:focus {
    color: #0d0c22;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #dbdbde inset;
    box-shadow: 0px 0px 0px 1px #dbdbde inset
}

.btn-icon.tertiary:active {
    color: #0d0c22;
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.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;
    top: -6px;
    right: -8px;
    padding: 0 4px;
    min-width: 20px;
    text-align: center;
    border: 1px solid #e7e7e9;
    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);
    border-radius: 50%;
    z-index: 1;
    font-size: 11px;
    line-height: 18px;
    color: #6e6d7a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn-icon .btn-text-right {
    margin-left: 4px;
    vertical-align: middle
}

.btn-icon .btn-text-left {
    margin-right: 4px;
    vertical-align: middle
}

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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

a img, :link img, :visited img {
    border: 0
}

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

ol, ul {
    list-style: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: ''
}

html, body {
    height: 100%
}

body {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    color: #0d0c22;
    background: #fff;
    padding: 0;
    margin: 0
}

a {
    color: #4f3cc9;
    text-decoration: none
}

a:hover {
    color: #7263d4
}

a:active {
    color: #3f30a1
}

div.auth {
    text-align: center
}

h1 {
    font: bold 32px/38px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif
}

h2 {
    font: bold 24px/29px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 26px
}

h3 {
    margin: 20px 0 10px;
    padding: 20px 0 0;
    font: normal 1.4em "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

h3.or {
    margin: 0 0 10px;
    padding: 0;
    font-weight: normal;
    text-transform: none;
    border-top: none;
    color: #9e9ea7
}

h4 {
    margin: 20px 0 10px;
    padding: 20px 0 0;
    font: normal 1.8em "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.4;
    font-weight: normal;
    text-align: left;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

h4 strong {
    font-weight: bold
}

hr.divider {
    overflow: visible;
    padding: 0;
    margin-bottom: 10px;
    border: none;
    border-top: 1px solid #e0e0e0;
    color: #6e6d7a;
    text-align: center
}

hr.divider:after {
    content: 'Or';
    display: inline-block;
    position: relative;
    top: -7px;
    font: normal 14px/14px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 16px;
    background: #fff
}

span.handle {
    margin: 0 2px;
    padding: 2px 4px;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    border: 2px solid rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px
}

.auth-connections {
    margin: 0 0 40px;
    display: -ms-flexbox;
    display: flex
}

.auth-connections .auth-google {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.auth-connections a.auth-twitter {
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 10px
}

@media (min-width: 400px) {
    .auth-connections a.auth-twitter {
        margin-left: 16px
    }
}

.auth-connections .auth-google-form {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.auth-twitter, a.auth-twitter, a.form-btn.auth-twitter {
    background-color: #f2f2f2;
    color: #6e6d7a
}

.auth-twitter:hover, a.auth-twitter:hover, a.form-btn.auth-twitter:hover {
    background-color: #e5e5e5
}

.auth-twitter:active, a.auth-twitter:active, a.form-btn.auth-twitter:active {
    background-color: #d9d9d9
}

div.sign-connections-full a.alt-link {
    display: block;
    margin: 12px 0 0;
    font-size: 1.2em
}

form fieldset {
    margin: 0 0 12px
}

label {
    display: block;
    font: bold 15px/24px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 14px 0 4px;
    color: #0d0c22
}

input[type='checkbox'] + label {
    display: block
}

.opt-in label {
    font: normal 14px/18px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6e6d7a;
    margin: 18px 0 0;
    position: relative;
    padding-left: 26px
}

.opt-in label:before {
    position: absolute;
    top: 0;
    left: 0
}

label.password a {
    font-weight: normal;
    float: right;
    position: relative;
    top: 6px;
    font-size: 14px
}

input[type='checkbox']:checked + label:before {
    background: #4f3cc9 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

input[type='checkbox'] + label:before {
    border-radius: 2px
}

input[type='checkbox']:checked + label:before {
    border: 1px solid #4f3cc9
}

input.text-input {
    width: 100%;
    margin-right: 8px
}

input.button {
    display: block;
    width: 100%;
    margin-top: 22px
}

@media (min-width: 960px) {
    input.button {
        max-width: 200px
    }
}

input.button:hover, input.button:focus {
    text-decoration: none;
    background-color: #f082ac
}

input.button:active, a.form-sub:active {
    text-decoration: none;
    background-color: #bb3d6e
}

p {
    font: normal 14px/20px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    margin: 20px 0 0
}

p.message {
    margin: 2px 0 0
}

p.alt-link {
    float: left;
    margin: 10px 0 0 10px
}

@media (min-width: 400px) {
    div.form-field-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    div.form-field-group .form-field {
        width: 48%
    }
}

form .errorExplanation {
    margin: 15px 0;
    font-size: 1.4em;
    line-height: 1.5;
    font-weight: normal;
    text-align: left;
    color: #ff5555;
    background: #fff
}

.errorExplanation h2 {
    padding: 10px 0;
    font-size: 1.4em;
    line-height: 1;
    color: #ff5555;
    display: none
}

.errorExplanation ul {
    padding: 0
}

.errorExplanation ul li {
    margin: 0 0 5px 20px;
    list-style: disc
}

fieldset.fieldWithErrors {
    background: #fff url(/assets/icon-formerror-36bd19bd97f089245a3ddf3698b3f520cee04c0b2037dfd341b21a822d178677.png) no-repeat 20px 50%
}

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

div.notice h2 {
    max-width: 940px;
    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.error {
    background-color: #ff5555
}

div.info {
    background-color: #4f3cc9
}

div.success {
    background-color: #77e0b5
}

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
}

@media (min-width: 960px) {
    #main-container {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden
    }
}

.auth-sidebar {
    position: relative;
    color: #000
}

@media (min-width: 960px) {
    .auth-sidebar {
        width: 450px;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .sign-in .auth-sidebar, .forgot-password .auth-sidebar, .reset-password .auth-sidebar {
        background: #f1cdd7;
        color: #865c6c
    }

    .sign-up .auth-sidebar {
        background: #f2d184;
        color: #866118
    }
}

@media (min-width: 1100px) {
    .auth-sidebar {
        width: 514px
    }
}

@media (min-width: 960px) {
    .auth-sidebar .auth-sidebar-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%
    }
}

.auth-sidebar a {
    color: inherit;
    text-decoration: underline
}

.auth-sidebar header {
    margin: 0 auto;
    max-width: 416px;
    padding: 48px 20px 0;
    text-align: left
}

@media (min-width: 960px) {
    .auth-sidebar header {
        max-width: 100%;
        margin: 0;
        padding: 40px 40px 30px
    }
}

@media (min-width: 1100px) {
    .auth-sidebar header {
        padding: 64px 64px 30px
    }
}

.auth-sidebar header .logo {
    display: block;
    margin-bottom: 30px
}

@media (min-width: 960px) {
    .auth-sidebar header .logo {
        opacity: 0.7
    }

    .auth-sidebar header .logo:hover {
        opacity: 0.9
    }
}

.auth-sidebar header .dribbble-logo {
    fill: currentColor;
    color: inherit;
    width: 90px;
    height: auto
}

.auth-sidebar header h1 {
    color: inherit;
    display: none;
    font: bold 32px/38px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 960px) {
    .auth-sidebar header h1 {
        display: block;
        padding-right: 30px
    }
}

@media (max-height: 850px) {
    .auth-sidebar header h1 {
        font-size: 25px;
        line-height: 30px
    }
}

.auth-sidebar .artwork {
    display: none
}

@media (min-width: 960px) {
    .auth-sidebar .artwork {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.auth-sidebar .artwork .artwork-image {
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

@media (max-width: 961px), (max-height: 730px) {
    .auth-sidebar .artwork .artwork-image {
        display: none
    }
}

@media (min-height: 960px) {
    .auth-sidebar .artwork .artwork-image {
        max-height: 70%
    }
}

.sign-in .auth-sidebar .artwork .artwork-image, .forgot-password .auth-sidebar .artwork .artwork-image, .reset-password .auth-sidebar .artwork .artwork-image {
    background-image: url(/assets/auth/sign-in-a63d9cf6c1f626ccbde669c582b10457b07523adb58c2a4b46833b7b4925d9a3.jpg)
}

.sign-up .auth-sidebar .artwork .artwork-image {
    background-image: url(/assets/auth/sign-up-2b63dbffcc69046adb0ec414be26771ce10d91a8f9b4de7c281bcbee9e95d9f9.png)
}

.auth-sidebar .artwork .artwork-attribution {
    font-size: 14px;
    line-height: 14px;
    color: inherit;
    padding: 25px 64px 35px;
    margin: 0
}

@media (max-width: 961px), (max-height: 730px) {
    .auth-sidebar .artwork .artwork-attribution {
        display: none
    }
}

.content {
    width: 100%
}

@media (min-width: 960px) {
    .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1;
        flex: 1;
        overflow: auto
    }
}

.auth-nav {
    display: none;
    position: relative
}

@media (min-width: 960px) {
    .auth-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 30px 30px 0
    }

    .auth-nav p {
        margin: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: right
    }

    .auth-nav .back-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #e0e0e0;
        color: #6e6d7a
    }

    .auth-nav .back-link:hover {
        border-color: #dbdbde;
        color: #0d0c22
    }

    .auth-nav .back-link svg {
        width: 16px;
        height: auto;
        fill: currentColor
    }
}

main {
    margin: 0 auto;
    padding: 0 20px
}

@media (min-width: 960px) {
    main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        padding: 0
    }
}

.auth-content {
    width: 100%;
    max-width: 416px;
    margin: auto
}

@media (min-width: 960px) {
    .auth-content {
        padding: 30px 60px 0;
        margin: 0
    }
}

.auth-link-mobile {
    text-align: center
}

@media (min-width: 960px) {
    .auth-link-mobile {
        display: none
    }
}

.grecaptcha-badge {
    visibility: hidden;
    border: 1px solid #ff0000
}

.recaptcha-terms {
    font: normal 11px/16px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    max-width: 300px;
    color: #9e9ea7
}

.password-instructions {
    margin-bottom: 26px
}

.hide {
    display: none
}

.auth-confirmation-field .confirm-identity-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 12px
}

.login-siderbar-title {
    background: rgba(56, 25, 43, 0.5);
    padding: 12px;
    border-radius: 8px;
}