body.mona-sans {
    font-family: 'Mona Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

@font-face {
    font-family: 'Mona Sans';
    font-stretch: 75% 125%;
    font-weight: 200 900;
    src: url(/assets/mona-sans/Mona-Sans-870dff5a10221ba7d01cc47eca10d0b2f911bd4196bb941985490bd8c7363cd9.woff2) format("woff2 supports variations"), url(/assets/mona-sans/Mona-Sans-870dff5a10221ba7d01cc47eca10d0b2f911bd4196bb941985490bd8c7363cd9.woff2) format("woff2-variations")
}

@font-face {
    font-family: 'WF Visual Sans';
    font-style: normal;
    font-weight: normal;
    src: url(/assets/wf-visual-sans/WFVisualSans-RegularText-46461986901f80620e484e70aa8cbb90ede25a01351d464819a4e47a3f38ea43.woff2);
    font-display: swap
}

@font-face {
    font-family: 'WF Visual Sans';
    font-style: normal;
    font-weight: 600;
    src: url(/assets/wf-visual-sans/WFVisualSans-SemiBold-aa0e55353b6a1b897f76a0fcbf5561fa243ce1b8b9f6aebcb5a186f0536713b1.woff2);
    font-display: swap
}

.radio-pills {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.radio-pills label {
    position: relative;
    margin: 0
}

.radio-pills label:focus-within,
.radio-pills label:hover {
    --radio-bg-color: #f5f3f0
}

.radio-pills input[type='radio'] {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.radio-pills input[type='radio']:focus-visible+* {
    outline: 2px solid #5D4CD6;
    outline-offset: 2px
}

.radio-pills input[type='radio']+* {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    padding: 0 var(--radio-padding, 14.5px);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border: 1.5px solid var(--radio-border-color, #f6f4ee);
    border-radius: 9999999px;
    background-color: var(--radio-bg-color, rgba(246, 244, 238, 0.5));
    color: var(--radio-text-color, #3d3d4e);
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-pills input[type='radio']:checked+* {
    --radio-bg-color: #5D4CD6;
    --radio-text-color: #fff;
    --radio-border-color: #5D4CD6
}

label {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: block;
    margin-bottom: 10px;
    color: #000
}

label.required:after {
    content: ' *';
    color: #ff2424
}

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

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

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

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

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

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

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

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

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

.dropdown-checkbox .checkbox-radio-label.checked {
    color: #5D4CD6
}

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

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

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

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

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

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

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

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

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

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

.input-with-prefix,
select,
textarea,
.ql-container .ql-editor,
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 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 18px 20px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border-radius: 12px;
    outline: none;
    background-color: #fff;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-feature-settings: 'ss01';
    font-feature-settings: 'ss01'
}

@media (min-width: 768px) {

    .input-with-prefix,
    select,
    textarea,
    .ql-container .ql-editor,
    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 {
        font-size: 14px
    }
}

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

.braintree-hosted-fields-focused.input-with-prefix,
select.braintree-hosted-fields-focused,
textarea.braintree-hosted-fields-focused,
.ql-container .braintree-hosted-fields-focused.ql-editor,
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,
.input-with-prefix:not(.input2):focus,
select:not(.input2):focus,
textarea:not(.input2):focus,
.ql-container .ql-editor:not(.input2):focus,
input[type='text']:not(.input2):focus,
input[type='number']:not(.input2):focus,
input[type='search']:not(.input2):focus,
input[type='password']:not(.input2):focus,
input[type='email']:not(.input2):focus,
input[type='url']:not(.input2):focus,
input[type='tel']:not(.input2):focus,
.braintree-input:not(.input2):focus,
.selectize-input:not(.input2):focus {
    border-color: rgba(234, 100, 217, 0.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234, 100, 217, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 100, 217, 0.1)
}

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

.input-on-gray-bg.input-with-prefix,
select.input-on-gray-bg,
textarea.input-on-gray-bg,
.ql-container .input-on-gray-bg.ql-editor,
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 {
    border-color: #e7e7e9;
    background-color: #fff
}

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

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

.input-on-dark-bg.input-with-prefix,
select.input-on-dark-bg,
textarea.input-on-dark-bg,
.ql-container .input-on-dark-bg.ql-editor,
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 {
    background-color: #3d3d4e;
    color: #9e9ea7
}

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

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

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

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

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

.input-with-error.input-with-prefix,
select.input-with-error,
textarea.input-with-error,
.ql-container .input-with-error.ql-editor,
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 {
    background: #ffeeee;
    color: #f55
}

.input-with-outline-only.input-with-prefix,
select.input-with-outline-only,
textarea.input-with-outline-only,
.ql-container .input-with-outline-only.ql-editor,
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 {
    height: 48px;
    border-width: 2px;
    border-color: #e7e7e9;
    background-color: #fff
}

.selectize-input .input-with-prefix,
.selectize-input select,
.selectize-input textarea,
.selectize-input .ql-container .ql-editor,
.ql-container .selectize-input .ql-editor,
.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 {
    height: auto;
    padding: 7px 16px
}

fieldset.fieldWithErrors .input-with-prefix,
fieldset.fieldWithErrors select,
fieldset.fieldWithErrors textarea,
fieldset.fieldWithErrors .ql-container .ql-editor,
.ql-container fieldset.fieldWithErrors .ql-editor,
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 {
    background: #ffeeee;
    color: #f55
}

fieldset.fieldWithErrors .input-with-prefix:before,
fieldset.fieldWithErrors select:before,
fieldset.fieldWithErrors textarea:before,
fieldset.fieldWithErrors .ql-container .ql-editor:before,
.ql-container fieldset.fieldWithErrors .ql-editor:before,
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 {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #f55;
    color: #fff
}

fieldset.fieldWithErrors .input-on-dark-bg.input-with-prefix,
fieldset.fieldWithErrors select.input-on-dark-bg,
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 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 {
    border-color: #f55;
    background: #5D4CD6
}

fieldset.fieldWithErrors .input-on-dark-bg.input-with-prefix:before,
fieldset.fieldWithErrors select.input-on-dark-bg: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 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 {
    border: 1px solid #5D4CD6;
    color: #5D4CD6
}

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: 1.5px solid #e7e7e9
}

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

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

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

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

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

input.temp-form-neue[type='text'],
input.temp-form-neue[type='number'],
input.temp-form-neue[type='search'],
input.temp-form-neue[type='password'],
input.temp-form-neue[type='email'],
input.temp-form-neue[type='url'],
input.temp-form-neue[type='tel'],
.braintree-input.temp-form-neue,
.selectize-input.temp-form-neue {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 21px 20px 20px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 1.5px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fff;
    color: #5D4CD6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

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

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

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

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

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

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

.braintree-input {
    padding: 0
}

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

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

textarea,
.ql-container .ql-editor {
    min-height: 108px;
    border: 2px solid #e7e7e9;
    resize: vertical
}

textarea.temp-form-neue,
.ql-container .temp-form-neue.ql-editor {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 21px 20px 20px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 1.5px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fff;
    color: #5D4CD6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

select.temp-form-neue {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 21px 20px 20px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border: 1.5px solid #e7e7e9;
    border-radius: 8px;
    outline: none;
    background-color: #fff;
    color: #5D4CD6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 16px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(243, 243, 244, 0.3);
    box-shadow: 0px 4px 4px rgba(243, 243, 244, 0.3)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-with-icon {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-toggle input {
    display: none
}

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

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

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

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

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

.check-strip fieldset label:hover {
    background-color: #e7e7e9;
    color: #5D4CD6
}

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

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

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

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

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

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

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

.form-field {
    padding: 12px 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #5D4CD6
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

span.counter.warning {
    color: #ea4c89
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.schedule-shot {
    display: none
}

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

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

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

form fieldset.datepicker span {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.site-notifications {
    position: fixed;
    z-index: calc(var(--zi-tipsy) + 1);
    bottom: 20px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    pointer-events: none
}

@media (min-width: 768px) {
    .site-notifications {
        bottom: 48px
    }
}

.site-notifications .site-notification {
    margin-bottom: 10px
}

.site-notifications .site-notification-inner {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 380px;
    margin: 0 auto;
    padding: 16px 16px 16px 48px;
    border-radius: 12px;
    background: #5D4CD6;
    -webkit-box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
    pointer-events: auto
}

.site-notifications .site-notification-inner.has-button {
    max-width: 726px
}

.site-notifications .site-notification-inner.has-button .site-notification-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.site-notifications .site-notification-inner.has-button .site-notification-text {
    max-width: 482px
}

.site-notifications .site-notification-inner.has-button .site-notification-button {
    max-width: 152px;
    height: unset;
    margin: 10px 24px 0 0
}

@media (min-width: 768px) {
    .site-notifications .site-notification-inner.has-button .site-notification-button {
        height: 40px;
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .site-notifications .site-notification-inner {
        padding: 24px 24px 24px 60px
    }
}

.site-notifications .site-notification-icon {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 14px;
    left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%
}

@media (min-width: 768px) {
    .site-notifications .site-notification-icon {
        top: 23px;
        left: 24px
    }
}

.site-notifications .site-notification-icon svg {
    width: 8px;
    height: 8px;
    color: #fff
}

.site-notifications .site-notification-icon.error {
    border-color: #993333;
    background: #f55
}

.site-notifications .site-notification-icon.success {
    border-color: #47866d;
    background: #77e0b5
}

.site-notifications .site-notification-icon.success svg {
    width: 10px;
    height: 10px
}

.site-notifications .site-notification-icon.info {
    border-color: #3f30a1;
    background: #7263d4
}

.site-notifications .site-notification-icon.info svg {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.site-notifications h4 {
    margin: 0;
    padding: 0;
    border: 0
}

.site-notifications .site-notification-tittle {
    padding-right: 20px;
    color: #fff;
    text-align: left;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media (min-width: 768px) {
    .site-notifications .site-notification-tittle {
        padding-right: 24px
    }
}

@media (min-width: 768px) {
    .site-notifications .site-notification-tittle {
        font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.site-notifications .site-notification-message {
    margin-top: 4px;
    color: #dbdbde;
    text-align: left;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.site-notifications .site-notification-message ul {
    padding-left: 16px;
    list-style-type: disc
}

.site-notifications .site-notification-message li {
    margin-top: 8px
}

.site-notifications .site-notification-message a {
    color: #dbdbde;
    text-decoration: underline
}

.site-notifications .site-notification-close {
    position: absolute;
    top: 8px;
    right: 16px;
    -webkit-transition: opacity;
    transition: opacity;
    opacity: 0.6;
    color: #fff
}

@media (min-width: 768px) {
    .site-notifications .site-notification-close {
        top: 16px;
        right: 22px
    }
}

.site-notifications .site-notification-close:hover {
    opacity: 1
}

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

.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 {
    content: '';
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 5px;
    left: 5px;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 50%;
    background-color: #fff
}

.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 {
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px
}

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

button.btn-link {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ea4c89;
    font-family: inherit;
    font-size: 100%;
    cursor: pointer
}

button.btn-link:hover {
    opacity: 0.6
}

button.btn-link:focus {
    outline: none
}

button.btn-link.underlined {
    text-decoration: underline
}

button.btn-link.white {
    color: #fff
}

button.btn-link.blurple {
    color: #4f3cc9
}

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

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

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

.form-sub.text-btn,
.form-btn.text-btn,
.form-blurple.text-btn,
.form-forest.text-btn,
.form-gradient.text-btn,
a.form-sub.text-btn,
a.form-btn.text-btn,
a.form-blurple.text-btn,
a.form-forest.text-btn,
a.form-gradient.text-btn {
    padding: 0;
    border: none;
    background: none
}

.form-sub.text-btn:focus,
.form-sub.text-btn:hover,
.form-sub.text-btn:active,
.form-btn.text-btn:focus,
.form-btn.text-btn:hover,
.form-btn.text-btn:active,
.form-blurple.text-btn:focus,
.form-blurple.text-btn:hover,
.form-blurple.text-btn:active,
.form-forest.text-btn:focus,
.form-forest.text-btn:hover,
.form-forest.text-btn:active,
.form-gradient.text-btn:focus,
.form-gradient.text-btn:hover,
.form-gradient.text-btn:active,
a.form-sub.text-btn:focus,
a.form-sub.text-btn:hover,
a.form-sub.text-btn:active,
a.form-btn.text-btn:focus,
a.form-btn.text-btn:hover,
a.form-btn.text-btn:active,
a.form-blurple.text-btn:focus,
a.form-blurple.text-btn:hover,
a.form-blurple.text-btn:active,
a.form-forest.text-btn:focus,
a.form-forest.text-btn:hover,
a.form-forest.text-btn:active,
a.form-gradient.text-btn:focus,
a.form-gradient.text-btn:hover,
a.form-gradient.text-btn:active {
    background: none
}

.form-sub.text-btn-dark,
.form-btn.text-btn-dark,
.form-blurple.text-btn-dark,
.form-forest.text-btn-dark,
.form-gradient.text-btn-dark,
a.form-sub.text-btn-dark,
a.form-btn.text-btn-dark,
a.form-blurple.text-btn-dark,
a.form-forest.text-btn-dark,
a.form-gradient.text-btn-dark {
    color: #5D4CD6
}

.form-sub.text-btn-dark:hover,
.form-btn.text-btn-dark:hover,
.form-blurple.text-btn-dark:hover,
.form-forest.text-btn-dark:hover,
.form-gradient.text-btn-dark:hover,
a.form-sub.text-btn-dark:hover,
a.form-btn.text-btn-dark:hover,
a.form-blurple.text-btn-dark:hover,
a.form-forest.text-btn-dark:hover,
a.form-gradient.text-btn-dark:hover {
    color: #6e6d7a
}

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

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

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

.form-sub.plain:hover,
.form-btn.plain:hover,
.form-blurple.plain:hover,
.form-forest.plain:hover,
.form-gradient.plain:hover,
a.form-sub.plain:hover,
a.form-btn.plain:hover,
a.form-blurple.plain:hover,
a.form-forest.plain:hover,
a.form-gradient.plain:hover {
    background-color: transparent
}

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

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

.form-sub.outlined:active,
.form-btn.outlined:active,
.form-blurple.outlined:active,
.form-forest.outlined:active,
.form-gradient.outlined:active,
a.form-sub.outlined:active,
a.form-btn.outlined:active,
a.form-blurple.outlined:active,
a.form-forest.outlined:active,
a.form-gradient.outlined:active {
    background-color: #f3f3f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5D4CD6
}

.form-sub.star-btn,
.form-btn.star-btn,
.form-blurple.star-btn,
.form-forest.star-btn,
.form-gradient.star-btn,
a.form-sub.star-btn,
a.form-btn.star-btn,
a.form-blurple.star-btn,
a.form-forest.star-btn,
a.form-gradient.star-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 32px;
    overflow: hidden;
    border: 2px solid rgba(254, 186, 87, 0.5);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(254, 186, 87, 0.05)), to(rgba(254, 186, 87, 0.05))), #fff;
    background: linear-gradient(0deg, rgba(254, 186, 87, 0.05), rgba(254, 186, 87, 0.05)), #fff;
    color: #5D4CD6
}

.form-sub.star-btn:before,
.form-btn.star-btn:before,
.form-blurple.star-btn:before,
.form-forest.star-btn:before,
.form-gradient.star-btn:before,
a.form-sub.star-btn:before,
a.form-btn.star-btn:before,
a.form-blurple.star-btn:before,
a.form-forest.star-btn:before,
a.form-gradient.star-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 13px;
    width: 14px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/assets/icons/dribbble-one-five/star-0e5131a1f36b34c9fd737531f1b2dced3df8bc8d26ee40d6226e07377cfcc0d4.svg) no-repeat;
    background-size: 13px;
    pointer-events: none
}

.form-sub.star-btn:hover,
.form-sub.star-btn:focus,
.form-sub.star-btn:active,
.form-btn.star-btn:hover,
.form-btn.star-btn:focus,
.form-btn.star-btn:active,
.form-blurple.star-btn:hover,
.form-blurple.star-btn:focus,
.form-blurple.star-btn:active,
.form-forest.star-btn:hover,
.form-forest.star-btn:focus,
.form-forest.star-btn:active,
.form-gradient.star-btn:hover,
.form-gradient.star-btn:focus,
.form-gradient.star-btn:active,
a.form-sub.star-btn:hover,
a.form-sub.star-btn:focus,
a.form-sub.star-btn:active,
a.form-btn.star-btn:hover,
a.form-btn.star-btn:focus,
a.form-btn.star-btn:active,
a.form-blurple.star-btn:hover,
a.form-blurple.star-btn:focus,
a.form-blurple.star-btn:active,
a.form-forest.star-btn:hover,
a.form-forest.star-btn:focus,
a.form-forest.star-btn:active,
a.form-gradient.star-btn:hover,
a.form-gradient.star-btn:focus,
a.form-gradient.star-btn:active {
    background-color: transparent;
    color: #5D4CD6
}

.form-sub.star-btn:hover:after,
.form-sub.star-btn:focus:after,
.form-sub.star-btn:active:after,
.form-btn.star-btn:hover:after,
.form-btn.star-btn:focus:after,
.form-btn.star-btn:active:after,
.form-blurple.star-btn:hover:after,
.form-blurple.star-btn:focus:after,
.form-blurple.star-btn:active:after,
.form-forest.star-btn:hover:after,
.form-forest.star-btn:focus:after,
.form-forest.star-btn:active:after,
.form-gradient.star-btn:hover:after,
.form-gradient.star-btn:focus:after,
.form-gradient.star-btn:active:after,
a.form-sub.star-btn:hover:after,
a.form-sub.star-btn:focus:after,
a.form-sub.star-btn:active:after,
a.form-btn.star-btn:hover:after,
a.form-btn.star-btn:focus:after,
a.form-btn.star-btn:active:after,
a.form-blurple.star-btn:hover:after,
a.form-blurple.star-btn:focus:after,
a.form-blurple.star-btn:active:after,
a.form-forest.star-btn:hover:after,
a.form-forest.star-btn:focus:after,
a.form-forest.star-btn:active:after,
a.form-gradient.star-btn:hover:after,
a.form-gradient.star-btn:focus:after,
a.form-gradient.star-btn:active:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation: slide 1.5s infinite;
    animation: slide 1.5s infinite;
    background: linear-gradient(135deg, transparent 44%, rgba(254, 186, 87, 0.1) 45%, rgba(254, 186, 87, 0.1) 66%, transparent 69%)
}

.form-sub.floated,
.form-btn.floated,
.form-blurple.floated,
.form-forest.floated,
.form-gradient.floated,
a.form-sub.floated,
a.form-btn.floated,
a.form-blurple.floated,
a.form-forest.floated,
a.form-gradient.floated {
    float: right
}

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

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

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

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

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

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

.form-sub.follow-btn .follow-buttton-icon,
.form-btn.follow-btn .follow-buttton-icon,
.form-blurple.follow-btn .follow-buttton-icon,
.form-forest.follow-btn .follow-buttton-icon,
.form-gradient.follow-btn .follow-buttton-icon,
a.form-sub.follow-btn .follow-buttton-icon,
a.form-btn.follow-btn .follow-buttton-icon,
a.form-blurple.follow-btn .follow-buttton-icon,
a.form-forest.follow-btn .follow-buttton-icon,
a.form-gradient.follow-btn .follow-buttton-icon {
    display: inline-block;
    vertical-align: middle
}

.form-sub.follow-btn .follow-buttton-icon svg,
.form-btn.follow-btn .follow-buttton-icon svg,
.form-blurple.follow-btn .follow-buttton-icon svg,
.form-forest.follow-btn .follow-buttton-icon svg,
.form-gradient.follow-btn .follow-buttton-icon svg,
a.form-sub.follow-btn .follow-buttton-icon svg,
a.form-btn.follow-btn .follow-buttton-icon svg,
a.form-blurple.follow-btn .follow-buttton-icon svg,
a.form-forest.follow-btn .follow-buttton-icon svg,
a.form-gradient.follow-btn .follow-buttton-icon svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: sub;
    pointer-events: none
}

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

.form-sub.playbook-btn,
.form-sub.btn-interested,
.form-btn.playbook-btn,
.form-btn.btn-interested,
.form-blurple.playbook-btn,
.form-blurple.btn-interested,
.form-forest.playbook-btn,
.form-forest.btn-interested,
.form-gradient.playbook-btn,
.form-gradient.btn-interested,
a.form-sub.playbook-btn,
a.form-sub.btn-interested,
a.form-btn.playbook-btn,
a.form-btn.btn-interested,
a.form-blurple.playbook-btn,
a.form-blurple.btn-interested,
a.form-forest.playbook-btn,
a.form-forest.btn-interested,
a.form-gradient.playbook-btn,
a.form-gradient.btn-interested {
    background-color: #77e0b5
}

.form-sub.playbook-btn:hover,
.form-sub.playbook-btn:focus,
.form-sub.btn-interested:hover,
.form-sub.btn-interested:focus,
.form-btn.playbook-btn:hover,
.form-btn.playbook-btn:focus,
.form-btn.btn-interested:hover,
.form-btn.btn-interested:focus,
.form-blurple.playbook-btn:hover,
.form-blurple.playbook-btn:focus,
.form-blurple.btn-interested:hover,
.form-blurple.btn-interested:focus,
.form-forest.playbook-btn:hover,
.form-forest.playbook-btn:focus,
.form-forest.btn-interested:hover,
.form-forest.btn-interested:focus,
.form-gradient.playbook-btn:hover,
.form-gradient.playbook-btn:focus,
.form-gradient.btn-interested:hover,
.form-gradient.btn-interested:focus,
a.form-sub.playbook-btn:hover,
a.form-sub.playbook-btn:focus,
a.form-sub.btn-interested:hover,
a.form-sub.btn-interested:focus,
a.form-btn.playbook-btn:hover,
a.form-btn.playbook-btn:focus,
a.form-btn.btn-interested:hover,
a.form-btn.btn-interested:focus,
a.form-blurple.playbook-btn:hover,
a.form-blurple.playbook-btn:focus,
a.form-blurple.btn-interested:hover,
a.form-blurple.btn-interested:focus,
a.form-forest.playbook-btn:hover,
a.form-forest.playbook-btn:focus,
a.form-forest.btn-interested:hover,
a.form-forest.btn-interested:focus,
a.form-gradient.playbook-btn:hover,
a.form-gradient.playbook-btn:focus,
a.form-gradient.btn-interested:hover,
a.form-gradient.btn-interested:focus {
    background-color: #92e6c4
}

.form-sub.playbook-btn:active,
.form-sub.btn-interested:active,
.form-btn.playbook-btn:active,
.form-btn.btn-interested:active,
.form-blurple.playbook-btn:active,
.form-blurple.btn-interested:active,
.form-forest.playbook-btn:active,
.form-forest.btn-interested:active,
.form-gradient.playbook-btn:active,
.form-gradient.btn-interested:active,
a.form-sub.playbook-btn:active,
a.form-sub.btn-interested:active,
a.form-btn.playbook-btn:active,
a.form-btn.btn-interested:active,
a.form-blurple.playbook-btn:active,
a.form-blurple.btn-interested:active,
a.form-forest.playbook-btn:active,
a.form-forest.btn-interested:active,
a.form-gradient.playbook-btn:active,
a.form-gradient.btn-interested:active {
    background-color: #5fb391
}

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

.form-sub.transparent-btn:hover,
.form-sub.transparent-btn:focus,
.form-btn.transparent-btn:hover,
.form-btn.transparent-btn:focus,
.form-blurple.transparent-btn:hover,
.form-blurple.transparent-btn:focus,
.form-forest.transparent-btn:hover,
.form-forest.transparent-btn:focus,
.form-gradient.transparent-btn:hover,
.form-gradient.transparent-btn:focus,
a.form-sub.transparent-btn:hover,
a.form-sub.transparent-btn:focus,
a.form-btn.transparent-btn:hover,
a.form-btn.transparent-btn:focus,
a.form-blurple.transparent-btn:hover,
a.form-blurple.transparent-btn:focus,
a.form-forest.transparent-btn:hover,
a.form-forest.transparent-btn:focus,
a.form-gradient.transparent-btn:hover,
a.form-gradient.transparent-btn:focus {
    background-color: #f4f4f4
}

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

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

.form-sub.warning-btn:hover,
.form-sub.warning-btn:focus,
.form-btn.warning-btn:hover,
.form-btn.warning-btn:focus,
.form-blurple.warning-btn:hover,
.form-blurple.warning-btn:focus,
.form-forest.warning-btn:hover,
.form-forest.warning-btn:focus,
.form-gradient.warning-btn:hover,
.form-gradient.warning-btn:focus,
a.form-sub.warning-btn:hover,
a.form-sub.warning-btn:focus,
a.form-btn.warning-btn:hover,
a.form-btn.warning-btn:focus,
a.form-blurple.warning-btn:hover,
a.form-blurple.warning-btn:focus,
a.form-forest.warning-btn:hover,
a.form-forest.warning-btn:focus,
a.form-gradient.warning-btn:hover,
a.form-gradient.warning-btn:focus {
    background-color: #ff2222
}

.form-sub.talent-prompt-btn,
.form-btn.talent-prompt-btn,
.form-blurple.talent-prompt-btn,
.form-forest.talent-prompt-btn,
.form-gradient.talent-prompt-btn,
a.form-sub.talent-prompt-btn,
a.form-btn.talent-prompt-btn,
a.form-blurple.talent-prompt-btn,
a.form-forest.talent-prompt-btn,
a.form-gradient.talent-prompt-btn {
    background-color: #dbdbde;
    color: #6e6d7a
}

.form-sub.talent-prompt-btn:hover,
.form-sub.talent-prompt-btn:focus,
.form-btn.talent-prompt-btn:hover,
.form-btn.talent-prompt-btn:focus,
.form-blurple.talent-prompt-btn:hover,
.form-blurple.talent-prompt-btn:focus,
.form-forest.talent-prompt-btn:hover,
.form-forest.talent-prompt-btn:focus,
.form-gradient.talent-prompt-btn:hover,
.form-gradient.talent-prompt-btn:focus,
a.form-sub.talent-prompt-btn:hover,
a.form-sub.talent-prompt-btn:focus,
a.form-btn.talent-prompt-btn:hover,
a.form-btn.talent-prompt-btn:focus,
a.form-blurple.talent-prompt-btn:hover,
a.form-blurple.talent-prompt-btn:focus,
a.form-forest.talent-prompt-btn:hover,
a.form-forest.talent-prompt-btn:focus,
a.form-gradient.talent-prompt-btn:hover,
a.form-gradient.talent-prompt-btn:focus {
    background-color: #f082ac;
    color: #fff
}

.form-sub.talent-prompt-btn.disabled:hover,
.form-sub.talent-prompt-btn[disabled]:hover,
.form-sub.talent-prompt-btn.disabled:focus,
.form-sub.talent-prompt-btn[disabled]:focus,
.form-btn.talent-prompt-btn.disabled:hover,
.form-btn.talent-prompt-btn[disabled]:hover,
.form-btn.talent-prompt-btn.disabled:focus,
.form-btn.talent-prompt-btn[disabled]:focus,
.form-blurple.talent-prompt-btn.disabled:hover,
.form-blurple.talent-prompt-btn[disabled]:hover,
.form-blurple.talent-prompt-btn.disabled:focus,
.form-blurple.talent-prompt-btn[disabled]:focus,
.form-forest.talent-prompt-btn.disabled:hover,
.form-forest.talent-prompt-btn[disabled]:hover,
.form-forest.talent-prompt-btn.disabled:focus,
.form-forest.talent-prompt-btn[disabled]:focus,
.form-gradient.talent-prompt-btn.disabled:hover,
.form-gradient.talent-prompt-btn[disabled]:hover,
.form-gradient.talent-prompt-btn.disabled:focus,
.form-gradient.talent-prompt-btn[disabled]:focus,
a.form-sub.talent-prompt-btn.disabled:hover,
a.form-sub.talent-prompt-btn[disabled]:hover,
a.form-sub.talent-prompt-btn.disabled:focus,
a.form-sub.talent-prompt-btn[disabled]:focus,
a.form-btn.talent-prompt-btn.disabled:hover,
a.form-btn.talent-prompt-btn[disabled]:hover,
a.form-btn.talent-prompt-btn.disabled:focus,
a.form-btn.talent-prompt-btn[disabled]:focus,
a.form-blurple.talent-prompt-btn.disabled:hover,
a.form-blurple.talent-prompt-btn[disabled]:hover,
a.form-blurple.talent-prompt-btn.disabled:focus,
a.form-blurple.talent-prompt-btn[disabled]:focus,
a.form-forest.talent-prompt-btn.disabled:hover,
a.form-forest.talent-prompt-btn[disabled]:hover,
a.form-forest.talent-prompt-btn.disabled:focus,
a.form-forest.talent-prompt-btn[disabled]:focus,
a.form-gradient.talent-prompt-btn.disabled:hover,
a.form-gradient.talent-prompt-btn[disabled]:hover,
a.form-gradient.talent-prompt-btn.disabled:focus,
a.form-gradient.talent-prompt-btn[disabled]:focus {
    background-color: #dbdbde
}

.form-sub.talent-prompt-btn:active,
.form-btn.talent-prompt-btn:active,
.form-blurple.talent-prompt-btn:active,
.form-forest.talent-prompt-btn:active,
.form-gradient.talent-prompt-btn:active,
a.form-sub.talent-prompt-btn:active,
a.form-btn.talent-prompt-btn:active,
a.form-blurple.talent-prompt-btn:active,
a.form-forest.talent-prompt-btn:active,
a.form-gradient.talent-prompt-btn:active {
    background-color: #bb3d6e;
    color: #fff
}

.form-sub.talent-prompt-btn.disabled:active,
.form-sub.talent-prompt-btn[disabled]:active,
.form-btn.talent-prompt-btn.disabled:active,
.form-btn.talent-prompt-btn[disabled]:active,
.form-blurple.talent-prompt-btn.disabled:active,
.form-blurple.talent-prompt-btn[disabled]:active,
.form-forest.talent-prompt-btn.disabled:active,
.form-forest.talent-prompt-btn[disabled]:active,
.form-gradient.talent-prompt-btn.disabled:active,
.form-gradient.talent-prompt-btn[disabled]:active,
a.form-sub.talent-prompt-btn.disabled:active,
a.form-sub.talent-prompt-btn[disabled]:active,
a.form-btn.talent-prompt-btn.disabled:active,
a.form-btn.talent-prompt-btn[disabled]:active,
a.form-blurple.talent-prompt-btn.disabled:active,
a.form-blurple.talent-prompt-btn[disabled]:active,
a.form-forest.talent-prompt-btn.disabled:active,
a.form-forest.talent-prompt-btn[disabled]:active,
a.form-gradient.talent-prompt-btn.disabled:active,
a.form-gradient.talent-prompt-btn[disabled]:active {
    background-color: #dbdbde
}

.form-sub.auth-google,
.form-sub.auth-figma,
.form-btn.auth-google,
.form-btn.auth-figma,
.form-blurple.auth-google,
.form-blurple.auth-figma,
.form-forest.auth-google,
.form-forest.auth-figma,
.form-gradient.auth-google,
.form-gradient.auth-figma,
a.form-sub.auth-google,
a.form-sub.auth-figma,
a.form-btn.auth-google,
a.form-btn.auth-figma,
a.form-blurple.auth-google,
a.form-blurple.auth-figma,
a.form-forest.auth-google,
a.form-forest.auth-figma,
a.form-gradient.auth-google,
a.form-gradient.auth-figma {
    color: #fff
}

.form-sub.auth-google.auth-nonlink,
.form-sub.auth-figma.auth-nonlink,
.form-btn.auth-google.auth-nonlink,
.form-btn.auth-figma.auth-nonlink,
.form-blurple.auth-google.auth-nonlink,
.form-blurple.auth-figma.auth-nonlink,
.form-forest.auth-google.auth-nonlink,
.form-forest.auth-figma.auth-nonlink,
.form-gradient.auth-google.auth-nonlink,
.form-gradient.auth-figma.auth-nonlink,
a.form-sub.auth-google.auth-nonlink,
a.form-sub.auth-figma.auth-nonlink,
a.form-btn.auth-google.auth-nonlink,
a.form-btn.auth-figma.auth-nonlink,
a.form-blurple.auth-google.auth-nonlink,
a.form-blurple.auth-figma.auth-nonlink,
a.form-forest.auth-google.auth-nonlink,
a.form-forest.auth-figma.auth-nonlink,
a.form-gradient.auth-google.auth-nonlink,
a.form-gradient.auth-figma.auth-nonlink {
    padding-right: 24px;
    border: 1px solid #ccc;
    background-color: rgba(0, 0, 0, 0.05);
    color: #5D4CD6
}

.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-google.auth-nonlink:hover,
.form-btn.auth-google.auth-nonlink:focus,
.form-btn.auth-google.auth-nonlink:active,
.form-btn.auth-figma.auth-nonlink:hover,
.form-btn.auth-figma.auth-nonlink:focus,
.form-btn.auth-figma.auth-nonlink:active,
.form-blurple.auth-google.auth-nonlink:hover,
.form-blurple.auth-google.auth-nonlink:focus,
.form-blurple.auth-google.auth-nonlink:active,
.form-blurple.auth-figma.auth-nonlink:hover,
.form-blurple.auth-figma.auth-nonlink:focus,
.form-blurple.auth-figma.auth-nonlink:active,
.form-forest.auth-google.auth-nonlink:hover,
.form-forest.auth-google.auth-nonlink:focus,
.form-forest.auth-google.auth-nonlink:active,
.form-forest.auth-figma.auth-nonlink:hover,
.form-forest.auth-figma.auth-nonlink:focus,
.form-forest.auth-figma.auth-nonlink:active,
.form-gradient.auth-google.auth-nonlink:hover,
.form-gradient.auth-google.auth-nonlink:focus,
.form-gradient.auth-google.auth-nonlink:active,
.form-gradient.auth-figma.auth-nonlink:hover,
.form-gradient.auth-figma.auth-nonlink:focus,
.form-gradient.auth-figma.auth-nonlink:active,
a.form-sub.auth-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-google.auth-nonlink:hover,
a.form-btn.auth-google.auth-nonlink:focus,
a.form-btn.auth-google.auth-nonlink:active,
a.form-btn.auth-figma.auth-nonlink:hover,
a.form-btn.auth-figma.auth-nonlink:focus,
a.form-btn.auth-figma.auth-nonlink:active,
a.form-blurple.auth-google.auth-nonlink:hover,
a.form-blurple.auth-google.auth-nonlink:focus,
a.form-blurple.auth-google.auth-nonlink:active,
a.form-blurple.auth-figma.auth-nonlink:hover,
a.form-blurple.auth-figma.auth-nonlink:focus,
a.form-blurple.auth-figma.auth-nonlink:active,
a.form-forest.auth-google.auth-nonlink:hover,
a.form-forest.auth-google.auth-nonlink:focus,
a.form-forest.auth-google.auth-nonlink:active,
a.form-forest.auth-figma.auth-nonlink:hover,
a.form-forest.auth-figma.auth-nonlink:focus,
a.form-forest.auth-figma.auth-nonlink:active,
a.form-gradient.auth-google.auth-nonlink:hover,
a.form-gradient.auth-google.auth-nonlink:focus,
a.form-gradient.auth-google.auth-nonlink:active,
a.form-gradient.auth-figma.auth-nonlink:hover,
a.form-gradient.auth-figma.auth-nonlink:focus,
a.form-gradient.auth-figma.auth-nonlink:active {
    background-color: rgba(0, 0, 0, 0.05)
}

.form-sub.auth-google a.remove,
.form-sub.auth-figma a.remove,
.form-btn.auth-google a.remove,
.form-btn.auth-figma a.remove,
.form-blurple.auth-google a.remove,
.form-blurple.auth-figma a.remove,
.form-forest.auth-google a.remove,
.form-forest.auth-figma a.remove,
.form-gradient.auth-google a.remove,
.form-gradient.auth-figma a.remove,
a.form-sub.auth-google a.remove,
a.form-sub.auth-figma a.remove,
a.form-btn.auth-google a.remove,
a.form-btn.auth-figma a.remove,
a.form-blurple.auth-google a.remove,
a.form-blurple.auth-figma a.remove,
a.form-forest.auth-google a.remove,
a.form-forest.auth-figma a.remove,
a.form-gradient.auth-google a.remove,
a.form-gradient.auth-figma a.remove {
    position: absolute;
    z-index: 3;
    top: -2px;
    right: -7px;
    width: 12px;
    height: 12px;
    margin: 6px 12px 0 0;
    padding: 0;
    background: url(/assets/icon-tagx-9255b816b9f742ec6d6c4f8f11d7a44794cecf3e75047d6363e5eb67ee805ee0.png) no-repeat 0 0;
    color: #9e9ea7;
    vertical-align: middle
}

.form-sub.auth-google a.remove:hover,
.form-sub.auth-figma a.remove:hover,
.form-btn.auth-google a.remove:hover,
.form-btn.auth-figma a.remove:hover,
.form-blurple.auth-google a.remove:hover,
.form-blurple.auth-figma a.remove:hover,
.form-forest.auth-google a.remove:hover,
.form-forest.auth-figma a.remove:hover,
.form-gradient.auth-google a.remove:hover,
.form-gradient.auth-figma a.remove:hover,
a.form-sub.auth-google a.remove:hover,
a.form-sub.auth-figma a.remove:hover,
a.form-btn.auth-google a.remove:hover,
a.form-btn.auth-figma a.remove:hover,
a.form-blurple.auth-google a.remove:hover,
a.form-blurple.auth-figma a.remove:hover,
a.form-forest.auth-google a.remove:hover,
a.form-forest.auth-figma a.remove:hover,
a.form-gradient.auth-google a.remove:hover,
a.form-gradient.auth-figma a.remove:hover {
    background-position: 0 -12px
}

.form-sub.auth-google a.remove img,
.form-sub.auth-figma a.remove img,
.form-btn.auth-google a.remove img,
.form-btn.auth-figma a.remove img,
.form-blurple.auth-google a.remove img,
.form-blurple.auth-figma a.remove img,
.form-forest.auth-google a.remove img,
.form-forest.auth-figma a.remove img,
.form-gradient.auth-google a.remove img,
.form-gradient.auth-figma a.remove img,
a.form-sub.auth-google a.remove img,
a.form-sub.auth-figma a.remove img,
a.form-btn.auth-google a.remove img,
a.form-btn.auth-figma a.remove img,
a.form-blurple.auth-google a.remove img,
a.form-blurple.auth-figma a.remove img,
a.form-forest.auth-google a.remove img,
a.form-forest.auth-figma a.remove img,
a.form-gradient.auth-google a.remove img,
a.form-gradient.auth-figma a.remove img {
    height: 0
}

.form-sub.auth-google,
.form-btn.auth-google,
.form-blurple.auth-google,
.form-forest.auth-google,
.form-gradient.auth-google,
a.form-sub.auth-google,
a.form-btn.auth-google,
a.form-blurple.auth-google,
a.form-forest.auth-google,
a.form-gradient.auth-google {
    background-color: #4285f4
}

.form-sub.auth-google:hover,
.form-sub.auth-google:focus,
.form-btn.auth-google:hover,
.form-btn.auth-google:focus,
.form-blurple.auth-google:hover,
.form-blurple.auth-google:focus,
.form-forest.auth-google:hover,
.form-forest.auth-google:focus,
.form-gradient.auth-google:hover,
.form-gradient.auth-google:focus,
a.form-sub.auth-google:hover,
a.form-sub.auth-google:focus,
a.form-btn.auth-google:hover,
a.form-btn.auth-google:focus,
a.form-blurple.auth-google:hover,
a.form-blurple.auth-google:focus,
a.form-forest.auth-google:hover,
a.form-forest.auth-google:focus,
a.form-gradient.auth-google:hover,
a.form-gradient.auth-google:focus {
    background-color: #2a75f3
}

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

.form-sub.auth-figma,
.form-btn.auth-figma,
.form-blurple.auth-figma,
.form-forest.auth-figma,
.form-gradient.auth-figma,
a.form-sub.auth-figma,
a.form-btn.auth-figma,
a.form-blurple.auth-figma,
a.form-forest.auth-figma,
a.form-gradient.auth-figma {
    background-color: #5D4CD6
}

.form-sub.auth-figma:hover,
.form-sub.auth-figma:focus,
.form-btn.auth-figma:hover,
.form-btn.auth-figma:focus,
.form-blurple.auth-figma:hover,
.form-blurple.auth-figma:focus,
.form-forest.auth-figma:hover,
.form-forest.auth-figma:focus,
.form-gradient.auth-figma:hover,
.form-gradient.auth-figma:focus,
a.form-sub.auth-figma:hover,
a.form-sub.auth-figma:focus,
a.form-btn.auth-figma:hover,
a.form-btn.auth-figma:focus,
a.form-blurple.auth-figma:hover,
a.form-blurple.auth-figma:focus,
a.form-forest.auth-figma:hover,
a.form-forest.auth-figma:focus,
a.form-gradient.auth-figma:hover,
a.form-gradient.auth-figma:focus {
    background-color: #1b1948
}

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

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

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

.form-sub.sentence-btn:hover,
.form-sub.sentence-btn:focus,
.form-btn.sentence-btn:hover,
.form-btn.sentence-btn:focus,
.form-blurple.sentence-btn:hover,
.form-blurple.sentence-btn:focus,
.form-forest.sentence-btn:hover,
.form-forest.sentence-btn:focus,
.form-gradient.sentence-btn:hover,
.form-gradient.sentence-btn:focus,
a.form-sub.sentence-btn:hover,
a.form-sub.sentence-btn:focus,
a.form-btn.sentence-btn:hover,
a.form-btn.sentence-btn:focus,
a.form-blurple.sentence-btn:hover,
a.form-blurple.sentence-btn:focus,
a.form-forest.sentence-btn:hover,
a.form-forest.sentence-btn:focus,
a.form-gradient.sentence-btn:hover,
a.form-gradient.sentence-btn:focus {
    background-color: transparent;
    color: #f082ac
}

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

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

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

.form-sub.stripped-btn:hover,
.form-sub.stripped-btn:focus,
.form-btn.stripped-btn:hover,
.form-btn.stripped-btn:focus,
.form-blurple.stripped-btn:hover,
.form-blurple.stripped-btn:focus,
.form-forest.stripped-btn:hover,
.form-forest.stripped-btn:focus,
.form-gradient.stripped-btn:hover,
.form-gradient.stripped-btn:focus,
a.form-sub.stripped-btn:hover,
a.form-sub.stripped-btn:focus,
a.form-btn.stripped-btn:hover,
a.form-btn.stripped-btn:focus,
a.form-blurple.stripped-btn:hover,
a.form-blurple.stripped-btn:focus,
a.form-forest.stripped-btn:hover,
a.form-forest.stripped-btn:focus,
a.form-gradient.stripped-btn:hover,
a.form-gradient.stripped-btn:focus {
    background-color: transparent;
    color: #f082ac
}

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

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

.form-sub svg.icon-16,
.form-btn svg.icon-16,
.form-blurple svg.icon-16,
.form-forest svg.icon-16,
.form-gradient svg.icon-16,
a.form-sub svg.icon-16,
a.form-btn svg.icon-16,
a.form-blurple svg.icon-16,
a.form-forest svg.icon-16,
a.form-gradient svg.icon-16 {
    width: 16px;
    height: 16px;
    margin: 0
}

.listed-by-current-user div.add-to-list .form-sub span.check,
.form-sub.messaged span.check,
.listed-by-current-user div.add-to-list .form-btn span.check,
.form-btn.messaged span.check,
.listed-by-current-user div.add-to-list .form-blurple span.check,
.form-blurple.messaged span.check,
.listed-by-current-user div.add-to-list .form-forest span.check,
.form-forest.messaged span.check,
.listed-by-current-user div.add-to-list .form-gradient span.check,
.form-gradient.messaged span.check,
.listed-by-current-user div.add-to-list a.form-sub span.check,
a.form-sub.messaged span.check,
.listed-by-current-user div.add-to-list a.form-btn span.check,
a.form-btn.messaged span.check,
.listed-by-current-user div.add-to-list a.form-blurple span.check,
a.form-blurple.messaged span.check,
.listed-by-current-user div.add-to-list a.form-forest span.check,
a.form-forest.messaged span.check,
.listed-by-current-user div.add-to-list a.form-gradient span.check,
a.form-gradient.messaged span.check {
    display: block
}

.pinterest-btn svg {
    --btn-icon-color: #bd081c;
    fill: #bd081c
}

.facebook-btn svg {
    --btn-icon-color: #3b5998;
    fill: #3b5998
}

.twitter-btn svg {
    --btn-icon-color: #1da1f2;
    fill: #1da1f2
}

.linkedin-btn svg {
    --btn-icon-color: #0077b5;
    fill: #0077b5
}

.clipboard-btn svg {
    --btn-icon-color: #6e6d7a;
    fill: #6e6d7a
}

.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.disabled:hover,
.form-sub[disabled]:hover,
.form-sub.disabled:focus,
.form-sub[disabled]:focus,
a.form-sub.disabled:hover,
a.form-sub[disabled]:hover,
a.form-sub.disabled:focus,
a.form-sub[disabled]:focus {
    background-color: #ea4c89
}

.form-sub:active,
a.form-sub:active {
    background: #bb3d6e
}

.form-sub.disabled:active,
.form-sub[disabled]:active,
a.form-sub.disabled:active,
a.form-sub[disabled]:active {
    background-color: #ea4c89
}

.form-sub.btn-lg,
a.form-sub.btn-lg {
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px
}

.form-forest,
a.form-forest {
    background: #4bb7bf;
    color: #fff
}

.form-forest:hover,
.form-forest:focus,
a.form-forest:hover,
a.form-forest:focus {
    background: #81cdd2
}

.form-forest.disabled:hover,
.form-forest[disabled]:hover,
.form-forest.disabled:focus,
.form-forest[disabled]:focus,
a.form-forest.disabled:hover,
a.form-forest[disabled]:hover,
a.form-forest.disabled:focus,
a.form-forest[disabled]:focus {
    background-color: #4bb7bf
}

.form-forest:active,
a.form-forest:active {
    background: #6fc5cc
}

.form-forest.disabled:active,
.form-forest[disabled]:active,
a.form-forest.disabled:active,
a.form-forest[disabled]:active {
    background-color: #4bb7bf
}

.form-blurple,
a.form-blurple {
    background: #4f3cc9;
    color: #fff
}

.form-blurple:hover,
.form-blurple:focus,
a.form-blurple:hover,
a.form-blurple:focus {
    background: #8477d9
}

.form-blurple.disabled:hover,
.form-blurple[disabled]:hover,
.form-blurple.disabled:focus,
.form-blurple[disabled]:focus,
a.form-blurple.disabled:hover,
a.form-blurple[disabled]:hover,
a.form-blurple.disabled:focus,
a.form-blurple[disabled]:focus {
    background-color: #4f3cc9
}

.form-blurple:active,
a.form-blurple:active {
    background: #3f30a1
}

.form-blurple.disabled:active,
.form-blurple[disabled]:active,
a.form-blurple.disabled:active,
a.form-blurple[disabled]:active {
    background-color: #4f3cc9
}

.form-sub.disabled,
.form-btn.disabled,
form input[type='submit'][disabled],
a.form-sub[disabled] {
    opacity: 0.4;
    cursor: not-allowed
}

.form-btn,
a.form-btn {
    background: #f3f3f4;
    color: #5D4CD6
}

.form-btn:hover,
.form-btn:focus,
a.form-btn:hover,
a.form-btn:focus {
    background-color: #e7e7e9
}

.form-btn:active,
a.form-btn:active {
    background-color: #dbdbde
}

.form-btn.btn-lg,
a.form-btn.btn-lg {
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px
}

.form-gradient,
a.form-gradient {
    background: linear-gradient(100deg, #ff874f 0%, #ec5e95 100%);
    color: #fff
}

.form-gradient:hover,
.form-gradient:focus,
a.form-gradient:hover,
a.form-gradient:focus {
    background: linear-gradient(100deg, #faa279 0%, #f082ac 100%)
}

.form-gradient:active,
a.form-gradient:active {
    background: linear-gradient(100deg, #d57143 0%, #ea4c89 100%)
}

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

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

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

.btn-dropdown .btn-dropdown-link.plain-item:hover {
    color: #5D4CD6
}

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

.btn-dropdown svg.btn-dropdown-caret {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    fill: currentColor
}

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

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

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

div.btn-dropdown-options {
    --dropdown-rule-color: #dbdbde;
    --dropdown-text-color: #6e6d7a;
    --dropdown-active-text-color: #ea4c89;
    --dropdown-active-bg-color: #fff;
    --dropdown-hover-bg-color: #e7e7e9;
    --dropdown-hover-radius: 0;
    --dropdown-min-width: 180px;
    --dropdown-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
    --dropdown-border-radius: 8px;
    --dropdown-border: 1px solid rgba(0, 0, 0, 0.05);
    --dropdown-ul-padding: 8px 0;
    --dropdown-anchor-padding: 8px 15px;
    display: none;
    position: absolute;
    z-index: 1;
    top: calc(100% + 8px);
    left: 0;
    min-width: var(--dropdown-min-width);
    margin-top: 4px;
    overflow: auto;
    border: var(--dropdown-border);
    border-radius: var(--dropdown-border-radius);
    background: #fff;
    -webkit-box-shadow: var(--dropdown-box-shadow);
    box-shadow: var(--dropdown-box-shadow);
    color: var(--dropdown-text-color);
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

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

div.btn-dropdown-options ul {
    padding: var(--dropdown-ul-padding);
    list-style: none
}

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

div.btn-dropdown-options li.rule {
    margin: 5px 0;
    border-bottom: 1px solid var(--dropdown-rule-color)
}

div.btn-dropdown-options .btn-dropdown-item,
div.btn-dropdown-options span,
div.btn-dropdown-options a {
    display: block;
    position: relative;
    padding: var(--dropdown-anchor-padding);
    color: var(--dropdown-text-color);
    font-size: 13px;
    cursor: pointer;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

div.btn-dropdown-options .btn-dropdown-item:hover,
div.btn-dropdown-options .btn-dropdown-item:active,
div.btn-dropdown-options span:hover,
div.btn-dropdown-options span:active,
div.btn-dropdown-options a:hover,
div.btn-dropdown-options a:active {
    border-radius: var(--dropdown-hover-radius);
    background-color: var(--dropdown-hover-bg-color)
}

div.btn-dropdown-options .disabled {
    color: #9e9ea7
}

div.btn-dropdown-options .disabled:hover,
div.btn-dropdown-options .disabled:active {
    background-color: inherit
}

div.btn-dropdown-options span.active,
div.btn-dropdown-options li.active span,
div.btn-dropdown-options a.active,
div.btn-dropdown-options li.active a {
    border-radius: var(--dropdown-hover-radius);
    background: var(--dropdown-active-bg-color);
    color: var(--dropdown-active-text-color);
    font-weight: 500
}

div.btn-dropdown-options span.active:hover,
div.btn-dropdown-options li.active span:hover,
div.btn-dropdown-options a.active:hover,
div.btn-dropdown-options li.active a:hover {
    background-color: var(--dropdown-hover-bg-color)
}

div.copy div.btn-dropdown-options {
    list-style: none
}

div.copy div.btn-dropdown-options ul {
    margin: 0
}

div.copy div.btn-dropdown-options li {
    margin: 0
}

div.copy div.btn-dropdown-options li.rule {
    margin: 5px 0
}

.hover-dropdown {
    display: inline-block;
    position: relative;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

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

.hover-dropdown .hover-dropdown-target svg {
    width: 10px;
    height: 10px;
    margin-left: 8px;
    fill: currentColor;
    vertical-align: middle
}

.hover-dropdown.outlined .hover-dropdown-link {
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset
}

.hover-dropdown.active .hover-dropdown-link {
    border-radius: 8px;
    background: rgba(13, 12, 34, 0.05);
    font-weight: 500
}

.hover-dropdown .hover-dropdown-link {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 16px;
    border-radius: 8px;
    outline: none;
    color: #5D4CD6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

.hover-dropdown ul li:hover,
.hover-dropdown ul li:active {
    background-color: #e7e7e9
}

.hover-dropdown:hover ul {
    display: block
}

.form-btn.outlined.btn-dropdown-link {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #6e6d7a
}

.form-btn.outlined.btn-dropdown-link:hover,
.hover-dropdown.outlined .hover-dropdown-link:hover {
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

.form-btn.outlined.btn-dropdown-link:focus,
.hover-dropdown.outlined .hover-dropdown-link:focus {
    border-color: rgba(234, 76, 137, 0.4);
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1)
}

.form-btn.outlined.btn-dropdown-link:active,
.hover-dropdown.outlined .hover-dropdown-link:active {
    border: 1px solid #e7e7e9;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-btn.bg-green,
a.form-btn.bg-green {
    background: #068178;
    color: #fff
}

.form-btn.bg-green:hover,
.form-btn.bg-green:focus,
a.form-btn.bg-green:hover,
a.form-btn.bg-green:focus {
    background: #51a7a1
}

.form-btn.bg-green.disabled:hover,
.form-btn.bg-green[disabled]:hover,
.form-btn.bg-green.disabled:focus,
.form-btn.bg-green[disabled]:focus,
a.form-btn.bg-green.disabled:hover,
a.form-btn.bg-green[disabled]:hover,
a.form-btn.bg-green.disabled:focus,
a.form-btn.bg-green[disabled]:focus {
    background-color: #068178
}

.form-btn.bg-green:active,
a.form-btn.bg-green:active {
    background: #389a93
}

.form-btn.bg-green.disabled:active,
.form-btn.bg-green[disabled]:active,
a.form-btn.bg-green.disabled:active,
a.form-btn.bg-green[disabled]:active {
    background-color: #068178
}

.btn-dropdown.btn-dropdown-neue svg.btn-dropdown-caret {
    fill: #9e9ea7
}

.btn-dropdown.btn-dropdown-neue div.btn-dropdown-options li.rule {
    border-color: #e7e7e9
}

.red-text-button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: #f55;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.red-text-button:link,
.red-text-button:visited {
    color: #f55
}

.red-text-button:hover,
.red-text-button:focus {
    color: #ff7777
}

.unstyled-button {
    margin: inherit;
    padding: 0;
    border: none;
    background: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.unstyled-button:focus-visible {
    outline: 1px solid #5D4CD6
}

.btn-icon {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding: 10px 12px;
    -webkit-transition-property: color, background-color, -webkit-box-shadow;
    transition-property: color, background-color, -webkit-box-shadow;
    transition-property: color, background-color, box-shadow;
    transition-property: color, background-color, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    border: none;
    border-radius: 8px;
    outline: none;
    background: #ea4c89;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

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

.btn-icon.highlighted {
    background: #fef6f9;
    color: #ea4c89
}

.btn-icon.highlighted:active,
.btn-icon.highlighted:focus {
    background: #fef6f9
}

.btn-icon.highlighted:hover {
    background: #fbdbe7
}

.btn-icon .loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.btn-icon .loading img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8)
}

.btn-icon.disabled,
.btn-icon[disabled] {
    opacity: 0.4;
    cursor: not-allowed
}

.btn-icon:hover,
.btn-icon:focus {
    background: #f082ac
}

.btn-icon.disabled:hover,
.btn-icon[disabled]:hover,
.btn-icon.disabled:focus,
.btn-icon[disabled]:focus {
    background-color: #ea4c89
}

.btn-icon:active {
    background: #bb3d6e
}

.btn-icon.disabled:active,
.btn-icon[disabled]:active {
    background-color: #ea4c89
}

.btn-icon.secondary {
    background: #f3f3f4;
    color: #5D4CD6
}

.btn-icon.secondary:hover,
.btn-icon.secondary:focus {
    background-color: #e7e7e9
}

.btn-icon.secondary.disabled:hover,
.btn-icon.secondary[disabled]:hover,
.btn-icon.secondary.disabled:focus,
.btn-icon.secondary[disabled]:focus {
    background-color: #f3f3f4
}

.btn-icon.secondary:active {
    background-color: #dbdbde
}

.btn-icon.secondary.disabled:active,
.btn-icon.secondary[disabled]:active {
    background-color: #f3f3f4
}

.btn-icon.tertiary {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    color: #5D4CD6
}

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

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

.btn-icon.tertiary.disabled:active,
.btn-icon.tertiary[disabled]:active {
    background-color: #fff
}

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

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

.btn-icon.with-indicator,
.btn2.with-indicator {
    position: relative;
    overflow: visible
}

.btn-icon.with-indicator .count-indicator,
.btn2.with-indicator .count-indicator {
    display: block;
    position: absolute;
    z-index: 1;
    top: -6px;
    right: -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 20px;
    padding: 0 4px;
    border: 1px solid #e7e7e9;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03);
    color: #6e6d7a;
    font-size: 11px;
    line-height: 18px;
    text-align: center
}

body .form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    background: #5D4CD6;
    color: #fff
}

body .form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus {
    background: #565564
}

body .form-sub.disabled:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-sub[disabled]:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-sub.disabled:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-sub[disabled]:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-sub.disabled:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-sub[disabled]:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-sub.disabled:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-sub[disabled]:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus {
    background-color: #5D4CD6
}

body .form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active {
    background: #565564
}

body .form-sub.disabled:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-sub[disabled]:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-sub.disabled:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-sub[disabled]:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active {
    background-color: #5D4CD6
}

body .form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    background: #f8f7f4;
    color: #5D4CD6
}

body .form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus {
    background-color: #f5f3f0
}

body .form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active {
    background-color: #f5f3f0
}

body .form-sub:focus-visible,
body .form-btn:focus-visible,
body .form-blurple:focus-visible,
body .form-forest:focus-visible,
body .form-gradient:focus-visible,
body a.form-sub:focus-visible,
body a.form-btn:focus-visible,
body a.form-blurple:focus-visible,
body a.form-forest:focus-visible,
body a.form-gradient:focus-visible {
    outline: 1px solid #6e6d7a
}

body .form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    padding: 10px 20px;
    border-radius: 9999999px;
    font-size: 13px;
    font-weight: 600
}

body .form-sub.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    height: 56px;
    font-size: 14px;
    padding-inline: 24px;
    line-height: 36px
}

body .form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    border: 1.5px solid #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5D4CD6;
    line-height: 16px
}

body .form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    border-color: #e7e7e9
}

body .form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-sub.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-btn.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-blurple.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-forest.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-gradient.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-sub.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-sub.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-btn.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-btn.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-blurple.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-blurple.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-forest.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-forest.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-gradient.outlined.tertiary:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-gradient.outlined.tertiary.filters-active:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    border-color: #dbdbde
}

body .form-sub.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined.btn-lg:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    line-height: 32px
}

body .form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active {
    border: 1.5px solid #dbdbde;
    background-color: #fff;
    color: #5D4CD6
}

body .form-sub.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    padding: 21px 12px 20px;
    border: 1.5px solid rgba(231, 231, 233, 0.9);
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.01);
    font-size: 14px;
    font-weight: 500;
    line-height: 19px
}

body .form-sub.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-sub.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-btn.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-blurple.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-forest.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-gradient.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-sub.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-btn.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-blurple.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-forest.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-gradient.outlined.btn-dropdown-link.open:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03)
}

body .form-sub.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined.btn-dropdown-link--small:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    height: 40px;
    padding: 18px 35px 18px 18px
}

body .form-sub.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.outlined.btn-dropdown-link--medium:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    height: 48px
}

body .form-sub.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body .form-btn.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body .form-blurple.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body .form-forest.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body .form-gradient.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body a.form-sub.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body a.form-btn.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body a.form-blurple.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body a.form-forest.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret,
body a.form-gradient.outlined.btn-dropdown-link:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) svg.btn-dropdown-caret {
    fill: #3d3d4e
}

body .form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body a.form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    background: #fdf0fb;
    color: #ea64d9
}

body .form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body .form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body .form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus,
body a.form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):active,
body a.form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):focus {
    background: #fdf0fb
}

body .form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body .form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-sub.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-btn.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-blurple.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-forest.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover,
body a.form-gradient.highlighted:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings):hover {
    background: #fcecfa
}

body .btn-dropdown.disabled .form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-blurple:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-forest:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-gradient:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-sub:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-btn:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-blurple:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-forest:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-gradient:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    background: #f3f3f4
}

body .btn-dropdown.disabled .form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled .form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-sub.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-btn.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-blurple.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-forest.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings),
body .btn-dropdown.disabled a.form-gradient.outlined:not(.sentence-btn):not(.stripped-btn):not(.text-btn):not(.auth-figma):not(.auth-google):not(.settings) {
    background: #f3f3f4
}

body .btn-dropdown-options {
    --dropdown-rule-color: #f3f3f4;
    --dropdown-text-color: #3d3d4e;
    --dropdown-active-text-color: #5D4CD6;
    --dropdown-active-bg-color: #f3f3f4;
    --dropdown-hover-bg-color: rgb(243, 243, 244, 0.5);
    --dropdown-hover-radius: 7px;
    --dropdown-min-width: 180px;
    --dropdown-box-shadow: 0px 4px 4px 0px rgba($black, 0.03);
    --dropdown-border-radius: 8px;
    --dropdown-border: 1.5px solid rgba(231, 231, 233, 0.9);
    --dropdown-ul-padding: 12px;
    --dropdown-anchor-padding: 12px 8px
}

body .btn-dropdown-options.autocomplete-suggestions {
    --dropdown-border-radius: 0
}

body .btn-dropdown-options ul li.active span:after,
body .btn-dropdown-options ul li.active a:after {
    content: '';
    position: absolute;
    top: 41%;
    right: 18px;
    width: 10px;
    height: 8px;
    background-image: url(/assets/icons/check_v2-dcf55f98f734ebb4c3be04c46b6f666c47793b5bf9a40824cc237039c2b3c760.svg);
    background-repeat: no-repeat
}

@media (max-width: 499px) {

    body .btn-dropdown-options ul li.active span:after,
    body .btn-dropdown-options ul li.active a:after {
        right: 8px
    }
}

body .btn-dropdown-options ul a.active:after {
    content: '';
    position: absolute;
    top: 41%;
    right: 18px;
    width: 10px;
    height: 8px;
    background-image: url(/assets/icons/check_v2-dcf55f98f734ebb4c3be04c46b6f666c47793b5bf9a40824cc237039c2b3c760.svg);
    background-repeat: no-repeat
}

body .btn-dropdown-options ul a {
    position: relative
}

:root {
    --btn-bg-color: #5D4CD6;
    --btn-bg-color-hover: #565564;
    --btn-text-color: #fff;
    --btn-text-color-hover: #fff;
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-bg-color-hover);
    --btn-height: 40px;
    --btn-padding: 20px;
    --btn-font-size: 13px;
    --btn-icon-size: 16px
}

.btn2 {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.btn2,
a.btn2 {
    width: var(--btn-width, -webkit-min-content);
    width: var(--btn-width, -moz-min-content);
    width: var(--btn-width, min-content);
    height: var(--btn-height);
    padding: 0 var(--btn-padding);
    -webkit-transition: 0.15s cubic-bezier(0.32, 0, 0.59, 0.03);
    transition: 0.15s cubic-bezier(0.32, 0, 0.59, 0.03);
    -webkit-transition-property: color, background-color, border, border-radius;
    transition-property: color, background-color, border, border-radius;
    border: var(--btn-border-width, 1.5px) solid var(--btn-border-color, var(--btn-bg-color));
    border-radius: var(--btn-border-radius, 9999999px);
    background-color: var(--btn-bg-color);
    color: var(--btn-text-color);
    font-family: inherit;
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight, 600);
    -webkit-font-feature-settings: 'ss01';
    font-feature-settings: 'ss01';
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    gap: var(--btn-gap, 8px)
}

.btn2:before {
    content: '';
    visibility: var(--btn-loading-visibility, hidden);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: var(--btn-loading-opacity, 0);
    background-color: var(--btn-bg-color);
    pointer-events: none
}

.btn2:after {
    content: '';
    display: -ms-flexbox;
    display: flex;
    visibility: var(--btn-loading-visibility, hidden);
    position: absolute;
    z-index: 2;
    top: calc(50% - (var(--btn-icon-size) / 2));
    left: calc(50% - (var(--btn-icon-size) / 2));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--btn-icon-size);
    height: var(--btn-icon-size);
    -webkit-animation: loading-spin-animation 0.35s infinite linear;
    animation: loading-spin-animation 0.35s infinite linear;
    border: 1px solid var(--btn-text-color);
    border-radius: 50%;
    border-top-color: transparent;
    border-right-color: transparent;
    opacity: var(--btn-loading-opacity, 0);
    pointer-events: none
}

.btn2 svg {
    width: var(--btn-icon-width, var(--btn-icon-size));
    height: var(--btn-icon-height, var(--btn-icon-size));
    -webkit-transition: inherit;
    transition: inherit;
    color: var(--btn-icon-color, var(--btn-text-color))
}

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

@media (hover: hover) {

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

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

.btn2--gray {
    --btn-bg-color: #f8f7f4;
    --btn-bg-color-hover: #f5f3f0;
    --btn-text-color: #5D4CD6;
    --btn-text-color-hover: #5D4CD6
}

.btn2--white {
    --btn-bg-color: #fff;
    --btn-bg-color-hover: #fff;
    --btn-text-color: #5D4CD6;
    --btn-text-color-hover: #6e6d7a
}

.btn2--pink {
    --btn-bg-color: #ea4c89;
    --btn-bg-color-hover: #ec5e95;
    --btn-text-color: #fff;
    --btn-text-color-hover: #fff
}

.btn2--light-pink {
    --btn-bg-color: #fdf0fb;
    --btn-bg-color-hover: #fcecfa;
    --btn-text-color: #ea64d9;
    --btn-text-color-hover: #ea64d9
}

.btn2--large {
    --btn-height: 56px;
    --btn-padding: 24px;
    --btn-font-size: 14px
}

.btn2--medium {
    --btn-height: 48px;
    --btn-padding: 24px;
    --btn-font-size: 14px
}

.btn2--x-small {
    --btn-height: 32px;
    --btn-padding: 16px;
    --btn-font-size: 14px;
    --btn-font-weight: 500
}

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

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

.btn2--hover-bordered {
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-text-color);
    --btn-bg-color-hover: var(--btn-bg-color);
    --btn-text-color-hover: var(--btn-text-color)
}

.btn2--loading {
    --btn-loading-opacity: 1;
    --btn-loading-visibility: visible
}

.btn2--icon-expand-animation svg {
    -webkit-transition: none;
    transition: none;
    -webkit-animation: icon-expand-animation 1.2s both cubic-bezier(0.45, 0.05, 0.55, 0.95);
    animation: icon-expand-animation 1.2s both cubic-bezier(0.45, 0.05, 0.55, 0.95)
}

.btn2--primary-alt {
    --btn-bg-color: #ea4c89;
    --btn-bg-color-hover: #ec5e95;
    --btn-text-color: #fff;
    --btn-text-color-hover: #fff;
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-bg-color-hover)
}

.btn2--secondary {
    --btn-bg-color: #fff;
    --btn-bg-color-hover: #fff;
    --btn-text-color: #5D4CD6;
    --btn-text-color-hover: #6e6d7a;
    --btn-border-color: var(--btn-text-color);
    --btn-border-color-hover: var(--btn-text-color-hover)
}

.btn2--secondary-alt {
    --btn-bg-color: #fff;
    --btn-bg-color-hover: #fff;
    --btn-text-color: #5D4CD6;
    --btn-text-color-hover: #6e6d7a;
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-bg-color-hover)
}

.btn2--tertiary {
    --btn-bg-color: #fff;
    --btn-bg-color-hover: #fff;
    --btn-text-color: #5D4CD6;
    --btn-text-color-hover: #6e6d7a;
    --btn-border-color: #e7e7e9;
    --btn-border-color-hover: #dbdbde;
    --btn-text-color-hover: var(--btn-text-color)
}

.btn2--tertiary-alt {
    --btn-bg-color: #f8f7f4;
    --btn-bg-color-hover: #f5f3f0;
    --btn-text-color: #5D4CD6;
    --btn-text-color-hover: #5D4CD6;
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-bg-color-hover)
}

.btn2--danger {
    --btn-bg-color: #d32318;
    --btn-bg-color-hover: #ea554c;
    --btn-text-color: #fff;
    --btn-text-color-hover: #fff;
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-bg-color-hover)
}

.btn2--highlighted {
    --btn-bg-color: #fdf0fb;
    --btn-bg-color-hover: #fcecfa;
    --btn-text-color: #ea64d9;
    --btn-text-color-hover: #ea64d9;
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-bg-color-hover)
}

.btn2--transparent {
    --btn-border-color: var(--btn-bg-color);
    --btn-border-color-hover: var(--btn-bg-color-hover);
    --btn-bg-color: transparent;
    --btn-bg-color-hover: transparent;
    --btn-text-color: var(--btn-text-color, #5D4CD6);
    --btn-text-color-hover: var(--btn-text-color-hover, #6e6d7a)
}

@-webkit-keyframes loading-spin-animation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-spin-animation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes icon-expand-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    15% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }

    32% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icon-expand-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    15% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }

    32% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fade-in-up {
    from {
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes fade-in-up {
    from {
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fade-out-up {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, -40px);
        transform: translate(0, -40px);
        opacity: 0
    }
}

@keyframes fade-out-up {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, -40px);
        transform: translate(0, -40px);
        opacity: 0
    }
}

@-webkit-keyframes fade-in-up-large {
    from {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes fade-in-up-large {
    from {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fade-out-up-large {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        opacity: 0
    }
}

@keyframes fade-out-up-large {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        opacity: 0
    }
}

@-webkit-keyframes fade-in-out {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up
}

.fade-in-up {
    -webkit-animation-name: fade-out-up;
    animation-name: fade-out-up
}

@-webkit-keyframes fade-in-down {
    from {
        -webkit-transform: translate(0, -40px);
        transform: translate(0, -40px);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes fade-in-down {
    from {
        -webkit-transform: translate(0, -40px);
        transform: translate(0, -40px);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fade-out-down {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);
        opacity: 0
    }
}

@keyframes fade-out-down {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);
        opacity: 0
    }
}

@-webkit-keyframes fade-in-down-large {
    from {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes fade-in-down-large {
    from {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fade-out-down-large {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        opacity: 0
    }
}

@keyframes fade-out-down-large {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        opacity: 0
    }
}

@-webkit-keyframes bounce-fade {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounce-fade {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes bounce-in {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounce-in {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes zoom-in-fade {
    from {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes zoom-in-fade {
    from {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes slide {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

@keyframes slide {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

@-webkit-keyframes slide-in-right {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-in-right {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-out-right {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

@keyframes slide-out-right {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

@-webkit-keyframes spin-animation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin-animation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

.fade-in-down {
    -webkit-animation-name: fade-out-down;
    animation-name: fade-out-down
}

.fade-in-enter-active {
    -webkit-animation: fade-in 0.4s;
    animation: fade-in 0.4s
}

.fade-in-leave-active {
    -webkit-animation: fade-out 0.4s;
    animation: fade-out 0.4s
}

.fade-in-up-enter-active {
    -webkit-animation: fade-in-up 0.3s;
    animation: fade-in-up 0.3s
}

.fade-in-up-leave-active {
    -webkit-animation: fade-out-up 0.3s;
    animation: fade-out-up 0.3s
}

.fade-in-up-large-enter-active {
    -webkit-animation: fade-in-up-large 0.35s ease;
    animation: fade-in-up-large 0.35s ease
}

.fade-in-up-large-leave-active {
    -webkit-animation: fade-out-up-large 0.3s ease;
    animation: fade-out-up-large 0.3s ease
}

.fade-in-down-enter-active {
    -webkit-animation: fade-in-down 0.3s;
    animation: fade-in-down 0.3s
}

.fade-in-down-leave-active {
    -webkit-animation: fade-out-down 0.3s;
    animation: fade-out-down 0.3s
}

.fade-in-down-large-enter-active {
    -webkit-animation: fade-in-down-large 0.35s ease;
    animation: fade-in-down-large 0.35s ease
}

.fade-in-down-large-leave-active {
    -webkit-animation: fade-out-down-large 0.3s ease;
    animation: fade-out-down-large 0.3s ease
}

.bounce-fade-enter-active {
    -webkit-animation: bounce-fade 0.4s;
    animation: bounce-fade 0.4s
}

.bounce-fade-leave-active {
    animation: bounce-fade 0.4s reverse
}

.slide-enter-active {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in, cubic-bezier(0.82, 0.1, 0.14, 1.12);
    transition-timing-function: ease-in, cubic-bezier(0.82, 0.1, 0.14, 1.12)
}

.slide-leave-active {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out, cubic-bezier(0.82, 0.1, 0.14, 1.12);
    transition-timing-function: ease-out, cubic-bezier(0.82, 0.1, 0.14, 1.12)
}

.slide-enter-to,
.slide-leave {
    max-height: 200px;
    overflow: hidden
}

.slide-enter,
.slide-leave-to {
    max-height: 0;
    overflow: hidden
}

.bounce-in-enter-active {
    -webkit-animation: bounce-in 0.4s;
    animation: bounce-in 0.4s
}

.bounce-in-leave-active {
    -webkit-animation: fade-out 0.2s;
    animation: fade-out 0.2s
}

.zoom-in-fade-enter-active {
    -webkit-animation: zoom-in-fade 0.4s;
    animation: zoom-in-fade 0.4s
}

.zoom-in-fade-leave-active {
    animation: zoom-in-fade 0.3s reverse
}

.slide-in-out {
    overflow: hidden
}

.slide-in-out-enter-active,
.slide-in-out-leave-active {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: max-height 400ms, opacity 300ms, -webkit-transform 300ms ease;
    transition: max-height 400ms, opacity 300ms, -webkit-transform 300ms ease;
    transition: max-height 400ms, opacity 300ms, transform 300ms ease;
    transition: max-height 400ms, opacity 300ms, transform 300ms ease, -webkit-transform 300ms ease;
    opacity: 1
}

.slide-in-out-leave-active {
    max-height: 250px
}

.slide-in-out-enter,
.slide-in-out-leave-to {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.slide-in-out-leave-to {
    max-height: 0
}

.slide-in-right-enter-active,
.slide-in-right-leave-active {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.slide-in-right-enter,
.slide-in-right-leave-to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
}

.slide-in-up-enter-active,
.slide-in-up-leave-active {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.slide-in-up-enter,
.slide-in-up-leave-to {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.webflow-auth-sidebar {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 426px;
    height: 100%;
    background: #080808
}

@media (min-width: 960px) {
    .webflow-auth-sidebar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: 24px
    }
}

.webflow-auth-sidebar__upper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    padding: 68px 32px 0px
}

.webflow-auth-sidebar__heading {
    margin: 20px 0;
    color: #fff;
    font-family: "WF Visual Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-stretch: semi-expanded;
    font-weight: 600;
    line-height: 39px;
    -webkit-font-feature-settings: 'ss01' 0, 'ss02' 0, 'ss03' 0;
    font-feature-settings: 'ss01' 0, 'ss02' 0, 'ss03' 0
}

.webflow-auth-sidebar__description {
    color: #d8d8d8;
    font-family: "WF Visual Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal
}

.webflow-auth-sidebar__btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    margin-top: 20px;
    padding: 0 24px;
    border: none;
    border-radius: 4px;
    background-color: #146ef5;
    color: #fff !important;
    font-family: inherit;
    font-size: 14px;
    font-stretch: normal;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    gap: 6px
}

.webflow-auth-sidebar__btn svg {
    width: 16px;
    height: 16px;
    opacity: 0.5;
    color: #fff
}

.webflow-auth-sidebar__btn--icon {
    padding: 0 12px 0 18px
}

.webflow-auth-sidebar__logo {
    display: block;
    width: 141px;
    color: #000
}

.webflow-auth-sidebar__logo svg {
    width: 100%;
    height: 100%
}

.webflow-auth-sidebar__lower {
    overflow: hidden
}

.webflow-auth-sidebar__media {
    display: block;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1800 / 2000
}

.webflow-auth-sidebar+.content {
    z-index: 2
}

@media (min-width: 960px) {
    .webflow-auth-sidebar+.content {
        -webkit-box-shadow: -2px 0 32px rgba(6, 3, 24, 0.2);
        box-shadow: -2px 0 32px rgba(6, 3, 24, 0.2)
    }
}

.wix-auth-sidebar {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 388px;
    height: 100%;
    background: #0c0c21;
    font-family: 'Wix Madefor Text', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto
}

@media (min-width: 960px) {
    .wix-auth-sidebar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: 48px
    }
}

.wix-auth-sidebar__upper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    padding: 68px 32px 0px
}

.wix-auth-sidebar__heading {
    margin: 40px 0 8px;
    color: #fff;
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px
}

.wix-auth-sidebar__description {
    margin-top: 16px;
    color: #d8d8d8;
    font-family: 'Wix Madefor Text', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 31px
}

.wix-auth-sidebar__arrow-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
    gap: 6px
}

.wix-auth-sidebar__arrow-link span {
    text-decoration: underline
}

.wix-auth-sidebar__arrow-link img {
    width: 15px
}

.wix-auth-sidebar__btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    margin-top: 20px;
    padding: 0 24px;
    border: none;
    border-radius: 4px;
    background-color: #fff;
    color: #000 !important;
    font-family: inherit;
    font-size: 14px;
    font-stretch: normal;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    gap: 6px
}

.wix-auth-sidebar__btn svg {
    width: 16px;
    height: 16px;
    opacity: 0.5;
    color: #fff
}

.wix-auth-sidebar__btn--icon {
    padding: 0 12px 0 18px
}

.wix-auth-sidebar__logo {
    display: block;
    width: 191px
}

.wix-auth-sidebar__logo svg {
    width: 100%;
    height: 100%
}

.wix-auth-sidebar__lower {
    overflow: hidden
}

.wix-auth-sidebar__media {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 704px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 388 / 704;
    -o-object-position: 50%;
    object-position: 50%
}

.wix-auth-sidebar+.content {
    z-index: 2
}

@media (min-width: 960px) {
    .wix-auth-sidebar+.content {
        -webkit-box-shadow: -2px 0 32px rgba(6, 3, 24, 0.2);
        box-shadow: -2px 0 32px rgba(6, 3, 24, 0.2)
    }
}

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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1;
    vertical-align: baseline
}

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

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

ol,
ul {
    list-style: none
}

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

.font-serif {
    font-family: Georgia, 'Times New Roman', serif
}

.font-heading-1 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px
}

.font-heading-2 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px
}

.font-heading-3 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

.font-heading-4 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px
}

.font-heading-5 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.font-heading-mobile-3 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.font-label {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.font-sublabel {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.font-sublabel-bold {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.font-body {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.font-body-small {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.font-body-xs {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.font-body-xxs {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-size: 10px;
    line-height: 14px
}

.font-body-xs-bold {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.font-body-large {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

.font-small {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.font-pre-title {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 14px;
    text-transform: uppercase
}

.font-pre-title-bold {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 14px;
    text-transform: uppercase
}

.type-heading-1 {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 42px;
    font-stretch: condensed;
    font-weight: 600;
    line-height: 42px
}

@media (min-width: 768px) {
    .type-heading-1 {
        font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 52px;
        font-stretch: condensed;
        font-weight: 600;
        line-height: 52px
    }
}

.type-body-s {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.type-body-m {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px
}

.type-body-l {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px
}

.type-callout-s {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: normal
}

.type-callout-m {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: normal
}

.type-callout-l {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal
}

.type-callout-xl {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal
}

.type-heading-s {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: normal
}

.type-heading-l {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: normal
}

.type-label-s {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px
}

.type-label-m {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px
}

.type-label-l {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.type-headline-s {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

.type-headline-l {
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-700 {
    font-weight: 700
}

.font-style-italic {
    font-style: italic
}

.text-nowrap {
    white-space: nowrap
}

.text-wrap {
    white-space: normal
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.color-white {
    color: #fff
}

.color-forest {
    color: #4bb7bf
}

.color-forest-medium {
    color: #4bb7bf
}

.color-bee {
    color: #feba57
}

.color-flamingo {
    color: #ea4c89
}

.color-flamingo-light-10 {
    color: #ec5e95
}

.color-lobster {
    color: #f55
}

.color-seafoam-dream {
    color: #77e0b5
}

.color-deep-blue-sea {
    color: #5D4CD6
}

.color-deep-blue-sea-light-20 {
    color: #3d3d4e
}

.color-deep-blue-sea-light-40 {
    color: #6e6d7a
}

.color-deep-blue-sea-light-60 {
    color: #9e9ea7
}

.color-deep-blue-sea-light-85 {
    color: #dbdbde
}

.color-primary {
    color: #ea4c89
}

.color-secondary {
    color: #5761b4
}

.color-secondary-alt-pink {
    color: #d86ad4
}

.color-neutrals-grey-1 {
    color: #3a3546
}

.color-neutrals-grey-2 {
    color: #98959f
}

.striked {
    text-decoration: line-through
}

.underline {
    text-decoration: underline
}

.link-deep-blue-sea {
    color: #5D4CD6 !important
}

.link-deep-blue-sea:hover {
    color: #3d3d4e !important
}

.display-none {
    display: none
}

.display-block {
    display: block
}

.display-inline {
    display: inline
}

.display-inline-block {
    display: inline-block
}

.display-contents {
    display: contents
}

.hidden {
    visibility: hidden
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: 0.5
}

.no-events {
    pointer-events: none
}

.display-flex {
    display: -ms-flexbox;
    display: flex
}

.display-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.justify-space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justify-flex-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-flex-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.align-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.align-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-center {
    -ms-flex-align: center;
    align-items: center
}

.align-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.align-self-start {
    -ms-flex-item-align: start;
    align-self: start
}

.direction-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.direction-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.direction-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.direction-col-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-1 {
    -ms-flex: 1;
    flex: 1
}

.flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-grow-1 {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-2-desktop {
    display: grid;
    grid-template: auto / 1fr;
    gap: 40px
}

@media (min-width: 768px) {
    .grid-2-desktop {
        grid-template: auto/repeat(2, 1fr)
    }
}

.margin-0 {
    margin: 0
}

.margin-l-auto {
    margin-left: auto
}

.margin-l-4 {
    margin-left: 4px
}

.margin-l-8 {
    margin-left: 8px
}

.margin-l-12 {
    margin-left: 12px
}

.margin-l-16 {
    margin-left: 16px
}

.margin-l-20 {
    margin-left: 20px
}

.margin-l-24 {
    margin-left: 24px
}

.margin-l-40 {
    margin-left: 40px
}

.margin-r-4 {
    margin-right: 4px
}

.margin-r-8 {
    margin-right: 8px
}

.margin-r-10 {
    margin-right: 10px
}

.margin-r-12 {
    margin-right: 12px
}

.margin-r-16 {
    margin-right: 16px
}

.margin-r-24 {
    margin-right: 24px
}

.margin-r-32 {
    margin-right: 32px
}

.margin-r-40 {
    margin-right: 40px
}

.margin-r-56 {
    margin-right: 56px
}

.margin-t-72 {
    margin-top: 72px
}

.margin-t-2 {
    margin-top: 2px
}

.margin-t-4 {
    margin-top: 4px
}

.margin-t-8 {
    margin-top: 8px
}

.margin-t-10 {
    margin-top: 10px
}

.margin-t-12 {
    margin-top: 12px
}

.margin-t-16 {
    margin-top: 16px
}

.margin-t-20 {
    margin-top: 20px
}

.margin-t-24 {
    margin-top: 24px
}

.margin-t-28 {
    margin-top: 28px
}

.margin-t-32 {
    margin-top: 32px
}

.margin-t-40 {
    margin-top: 40px
}

.margin-t-48 {
    margin-top: 48px
}

.margin-t-64 {
    margin-top: 64px
}

.margin-b-0 {
    margin-bottom: 0
}

.margin-b-4 {
    margin-bottom: 4px
}

.margin-b-8 {
    margin-bottom: 8px
}

.margin-b-12 {
    margin-bottom: 12px
}

.margin-b-16 {
    margin-bottom: 16px
}

.margin-b-20 {
    margin-bottom: 20px
}

.margin-b-24 {
    margin-bottom: 24px
}

.margin-b-32 {
    margin-bottom: 32px
}

.margin-b-36 {
    margin-bottom: 36px
}

.margin-b-40 {
    margin-bottom: 40px
}

.margin-b-48 {
    margin-bottom: 48px
}

.margin-b-64 {
    margin-bottom: 64px
}

.margin-h-4 {
    margin-right: 4px;
    margin-left: 4px
}

.margin-h-8 {
    margin-right: 8px;
    margin-left: 8px
}

.margin-h-24 {
    margin-right: 24px;
    margin-left: 24px
}

.margin-h-32 {
    margin-right: 32px;
    margin-left: 32px
}

.margin-v-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

.margin-v-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.margin-v-32 {
    margin-top: 32px;
    margin-bottom: 32px
}

.padding-h-8 {
    padding-right: 8px;
    padding-left: 8px
}

.padding-h-16 {
    padding-right: 16px;
    padding-left: 16px
}

.padding-h-32 {
    padding-right: 32px;
    padding-left: 32px
}

.padding-t-8 {
    padding-top: 8px
}

.padding-t-10 {
    padding-top: 10px
}

.padding-t-16 {
    padding-top: 16px
}

.padding-b-32 {
    padding-bottom: 32px
}

.padding-t-32 {
    padding-top: 32px
}

.padding-t-40 {
    padding-top: 40px
}

.padding-b-40 {
    padding-bottom: 40px
}

.padding-t-80 {
    padding-top: 80px
}

.padding-b-80 {
    padding-bottom: 80px
}

.padding-r-32 {
    padding-right: 32px
}

.padding-t-20 {
    padding-top: 20px
}

.padding-b-20 {
    padding-bottom: 20px
}

.padding-t-12 {
    padding-top: 12px
}

.padding-b-12 {
    padding-bottom: 12px
}

.width-100 {
    width: 100%
}

.width-75 {
    width: 75%
}

.width-50 {
    width: 50%
}

.width-25 {
    width: 25%
}

.height-100 {
    height: 100%
}

.text-align-end {
    text-align: end
}

.text-align-start {
    text-align: start
}

.text-align-center {
    text-align: center
}

.spin-loading-icon {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    -webkit-animation: spin-animation 0.35s infinite linear;
    animation: spin-animation 0.35s infinite linear;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    border-right-color: transparent;
    vertical-align: middle
}

.spin-loading-icon.dark {
    border-bottom-color: #5D4CD6;
    border-left-color: #5D4CD6
}

@media (min-width: 500px) {
    .show-only-on-mobile {
        display: none
    }
}

@media (max-width: 499px) {
    .hide-on-mobile {
        display: none
    }
}

@media (max-width: 767px) {
    .hide-mobile-small-screens {
        display: none
    }
}

@media (min-width: 920px) {
    .hide-small-medium-screens {
        display: none
    }
}

@media (min-width: 768px) {
    .hide-medium-screens {
        display: none
    }
}

.cursor-pointer {
    cursor: pointer
}

.orchid-text-link {
    -webkit-box-shadow: 0 2px 0 #fff, 0 4px 0 #ea64d9;
    box-shadow: 0 2px 0 #fff, 0 4px 0 #ea64d9
}

.accessibility-text {
    position: absolute;
    width: 0;
    overflow: hidden;
    opacity: 0
}

.lazyloading-hidden .lazyload,
.lazyloading-hidden.lazyload,
.lazyloading-hidden .lazyloading,
.lazyloading-hidden.lazyloading {
    visibility: hidden
}

.lazyload-hidden-container.lazyload .lazyload-hidden-element,
.lazyload-hidden-container.lazyloading .lazyload-hidden-element {
    visibility: hidden
}

.position-fixed {
    position: fixed
}

.position-absolute {
    position: absolute
}

.position-relative {
    position: relative
}

.fill-screen {
    position: fixed;
    inset: 0
}

.overflow-x-hidden {
    overflow-x: hidden
}

.divider {
    border-top: 1px solid #dbdbde
}

.lazyfadein {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0.001
}

.lazyfadein.lazyloaded {
    opacity: 1
}

.fill-current,
.fill-current svg {
    fill: currentColor
}

.animation-prevent,
.animation-prevent * {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important
}

.link-button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    text-decoration: underline;
    cursor: pointer
}

html,
body {
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #5D4CD6;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%
}

a {
    color: #5D4CD6;
    text-decoration: none
}

a:hover {
    color: #3d3d4e
}

a:active {
    color: #3d3d4e
}

a.form-btn:hover {
    color: #5D4CD6
}

div.auth {
    text-align: center
}

h1 {
    font: bold 32px/38px "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

h2 {
    margin-bottom: 40px;
    font: bold 24px/29px "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.shift-down h2 {
    margin-bottom: 0
}

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

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

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

h4 strong {
    font-weight: bold
}

hr.divider {
    height: 1px;
    margin: 30px 0;
    padding: 0;
    overflow: visible;
    border: none;
    background-color: #e7e7e9;
    color: #6e6d7a;
    text-align: center
}

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

hr.divider.sign-in:after {
    content: "or sign in with email"
}

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

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

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

.auth-connections .auth-google svg {
    margin-right: 12px
}

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

.auth-connections .auth-google-form .auth-google-new {
    background-color: var(--btn-bg-color)
}

.auth-connections .auth-google-form .auth-google-new:hover {
    background-color: var(--btn-bg-color-hover)
}

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

form fieldset {
    margin: 0 0 -3px;
}

label {
    display: block;
    margin: 14px 0 4px;
    color: #000;
    font: normal 14px / 32px "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

label.password a {
    position: relative;
    top: 6px;
    float: right;
    color: #959595;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline
}

label.password a:visited {
    color: #959595;
}

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

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

.opt-in fieldset {
    display: -ms-flexbox;
    display: flex
}

.opt-in input[type='checkbox'] {
    border-radius: 0
}

.opt-in input[type='checkbox']:checked {
    border: 1px solid #ea64d9;
    background-color: #ea64d9
}

.opt-in label {
    position: relative;
    margin: 0;
    color: #5D4CD6;
    font: normal 14px/18px "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

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

.opt-in a,
.opt-in a:visited {
    color: #5D4CD6;
    text-decoration: underline
}

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 {
    background-color: #f082ac;
    text-decoration: none
}

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

p {
    margin: 20px 0 0;
    color: #000;
    font: normal 14px/20px "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

p.message {
    margin: 2px 0 0
}

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

@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;
    background: #fff;
    color: #f55;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.5;
    text-align: left
}

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

.errorExplanation ul {
    padding: 0
}

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

fieldset.fieldWithErrors {
    background: #fff url(/assets/icon-formerror-222b148094bdda0222e6690955ee3128848d911f5559f6aa0a5eecadf7169a72.png) no-repeat 4px 30%;
    background-size: 14px
}

fieldset.fieldWithErrors>label {
    position: relative;
    left: 22px
}

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

div.notice h2 {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

div.error {
    background-color: #f55
}

div.info {
    background-color: #ea64d9
}

div.success {
    background-color: #5D4CD6
}

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

#main-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

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

.back-btn {
    margin: 20px 0
}

@media (min-width: 550px) {
    .back-btn {
        position: absolute;
        top: 40px;
        left: 40px;
        margin: 0
    }
}

@media (min-width: 960px) {
    .back-btn {
        left: 490px
    }
}

@media (min-width: 1100px) {
    .back-btn {
        left: 440px
    }
}

.back-btn svg {
    width: 12px;
    height: 12px;
    fill: #5D4CD6
}

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

.auth-sidebar .auth-sidebar-credit {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 40px;
    color: #fff;
    font-weight: 500;
    line-height: 14px;
    text-decoration: unset;
    font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media (min-width: 960px) {
    .auth-sidebar .auth-sidebar-credit {
        display: block
    }
}

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

    .sign-in .auth-sidebar,
    .forgot-password .auth-sidebar,
    .reset-password .auth-sidebar {
        background: none;
        color: #fff
    }

    .sign-up .auth-sidebar,
    .connect-with-application .auth-sidebar {
        background: #f2d184;
        color: #866118
    }
}

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

@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: center;
        height: 100%;
        background-color: #5d4cd61c;
        align-items: center;
        -webkit-user-select: none;
        /* Safari */
        -ms-user-select: none;
        /* IE 10 and IE 11 */
        user-select: none;
        /* Standard syntax */
    }
}

.auth-sidebar .auth-sidebar-logo {
    display: none;
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 40px;
    fill: #fff;
    color: #fff
}

.man-size {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.auth-sidebar .auth-sidebar-logo img {
    width: 90px;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

@media (min-width: 960px) {
    .auth-sidebar .auth-sidebar-logo {
        display: block
    }
}

.auth-sidebar .auth-sidebar-video {
    display: none;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

@media (min-width: 960px) {
    .auth-sidebar .auth-sidebar-video {
        display: block
    }
}

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

.auth-sidebar header {
    max-width: 416px;
    margin: 0 auto;
    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 {
    width: 90px;
    height: auto;
    fill: currentColor;
    color: inherit
}

.auth-sidebar header h1 {
    display: none;
    color: inherit;
    font: bold 32px/38px "Mona Sans", "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-positive: 1;
        flex-grow: 1;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.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-9beb5e3fe30912fdf62b75dc6c469ecfd02fa9054522c20956fd735a52f93e7f.jpg)
}

.connect-with-application .auth-sidebar .artwork .artwork-image,
.sign-up .auth-sidebar .artwork .artwork-image {
    background-image: url(/assets/auth/sign-up-9e414c6923eef0ecbf4fb1a58c09db8644567f9077cf0097598d4b41f3768d6e.png)
}

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

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

.content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.content.shift-down {
    height: 100%;
    padding-top: 16px
}

@media (min-width: 400px) {
    .content.shift-down {
        height: auto
    }
}

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

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

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

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

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

    .auth-nav .back-link:hover {
        border-color: #dbdbde;
        color: #5D4CD6
    }

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

main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px
}

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

@media (min-width: 1200px) {
    main {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

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

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

@media (min-width: 1200px) {
    .auth-content {
        margin-left: 100px
    }
}

.auth-content .signup-form {
    -webkit-animation: fade-in-down 0.3s;
    animation: fade-in-down 0.3s
}

.google-connect-btn {
    min-width: 100%
}

.google-connect-btn span {
    overflow: initial !important
}

.g-recaptcha {
    height: 65px
}

.auth-link {
    text-align: center;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: nowrap;
}

.auth-link a,
.auth-link a:visited {
    color: #000;
    text-decoration: underline;
    padding: 0px 10px 0px 10px;
}

.terms-disclaimer {
    line-height: 18px
}

.terms-disclaimer a,
.terms-disclaimer a:visited {
    color: #000
}

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

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

.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;
    margin-bottom: 12px;
    font-weight: bold
}

.auth-register-container,
.auth-connect-account-container {
    display: none
}

@media (min-width: 960px) {
    .connect-with-application main {
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 80px 0 0
    }
}

.connect-with-application.show-register-container .auth-register-container {
    display: block
}

.connect-with-application.show-connect-account-container .auth-connect-account-container {
    display: block
}


.auth-title-group {
    margin-bottom: 14px;
}

.auth-title-group .auth-title {
    border-left: 4px solid #5d4cd6;
    font-weight: 800;
    font-size: 25px;
    padding-left: 15px;
    margin-bottom: 6px;
}

.auth-title-group small {
    color: #404040;
    padding-left: 20px;
    font-size: 11px;
}

.error-message {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0px;
    color: #f23b4d;
}

.captcha-code {}

.captcha-code img {
    width: 85px;
    padding: 10px 0px;
    display: flex;
}

.delivery-msg {
    /* padding: 40px 50px; */
}

.head-msg {}

.head-msg h3 {
    color: #000000;
    text-transform: math-auto;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 40px;
}

.head-msg small {
    color: #000;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 30px;
    display: flex;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: start;
}

.app-btn {
    width: 45%;
    max-width: 160px;
    color: #fff;
    padding: 0px 30px;
    text-align: left;
    border-radius: 5px;
    text-decoration: none;
    font-family: "Lucida Grande", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    height: 60px;
}

.app-btn.blu {
    background-color: #101010;
    transition: background-color 0.25s linear;
    color: #fff;
}

.app-btn.blu:hover {
    background-color: #454545;
}

.app-btn svg {
    width: 20%;
    text-align: center;
    font-size: 28px;
    margin-right: 7px;
}

.app-btn .big-txt {
    font-size: 17px;
    text-transform: capitalize;
}

.app-btn p {
    margin: 0 !important;
    color: #fef6f9 !important;
    font: unset !important;
}

@media (max-width: 768px) {
    #main-container {
        flex-direction: column;
    }

    .auth-sidebar {
        width: 100%;
        display: block;
        padding: 20px;
        text-align: center;
    }

    .content main{
        padding: 0 !important;
    }

    .content {
        padding: 30px;
    }

    .auth-content {
        padding: 20px;
    }

}