.label.svelte-qds75w {
    margin-bottom: 1rem
}

@media screen and (min-width: 80em) {
    .label.svelte-qds75w {
        margin-bottom: .8888888889rem
    }
}

.root.svelte-dmki2p {
    text-align: right
}

.item.svelte-dmki2p {
    display: inline-block
}

.root.svelte-k3has9.svelte-k3has9 {
    position: relative
}

.list.svelte-k3has9.svelte-k3has9 {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.list-item.svelte-k3has9.svelte-k3has9 {
    display: inline-block;
    margin-right: 3rem
}

@media screen and (min-width: 48em) {
    .list-item.svelte-k3has9.svelte-k3has9 {
        margin-right: 2.6666666667rem
    }
}

@media screen and (min-width: 80em) {
    .list-item.svelte-k3has9.svelte-k3has9 {
        margin-right: 2.6666666667rem
    }

    .list-item.svelte-k3has9.svelte-k3has9:last-child {
        margin-right: 0
    }
}

label.svelte-k3has9.svelte-k3has9 {
    padding-left: 3rem;
    position: relative;
    cursor: pointer;
    display: inline-block
}

@media screen and (min-width: 48em) {
    label.svelte-k3has9.svelte-k3has9 {
        padding-left: 2.6666666667rem
    }
}

@media screen and (min-width: 80em) {
    label.svelte-k3has9.svelte-k3has9 {
        padding-left: 2.6666666667rem
    }
}

label.svelte-k3has9.svelte-k3has9:before,
label.svelte-k3has9.svelte-k3has9:after {
    content: "";
    position: absolute;
    aspect-ratio: 1/1
}

label.svelte-k3has9.svelte-k3has9:before {
    width: .625rem;
    opacity: 0;
    transition: opacity .55s;
    left: .1875rem;
    top: 6px
}

@media screen and (min-width: 48em) {
    label.svelte-k3has9.svelte-k3has9:before {
        width: .5555555556rem;
        left: .1666666667rem;
        top: 7px
    }
}

@media screen and (min-width: 80em) {
    label.svelte-k3has9.svelte-k3has9:before {
        width: 12px;
        left: 4px;
        top: 8px
    }
}

@media screen and (min-width: 100em) {
    label.svelte-k3has9.svelte-k3has9:before {
        top: 10px
    }
}

label.svelte-k3has9.svelte-k3has9:after {
    width: 1rem;
    left: 0;
    top: 3px
}

@media screen and (min-width: 48em) {
    label.svelte-k3has9.svelte-k3has9:after {
        width: .8888888889rem;
        top: 4px
    }
}

@media screen and (min-width: 80em) {
    label.svelte-k3has9.svelte-k3has9:after {
        width: 20px;
        top: 4px
    }
}

@media screen and (min-width: 100em) {
    label.svelte-k3has9.svelte-k3has9:after {
        top: 6px
    }
}

label.dark.svelte-k3has9.svelte-k3has9 {
    color: var(--black)
}

label.dark.svelte-k3has9.svelte-k3has9:after {
    border: 1px var(--black) solid
}

label.dark.svelte-k3has9.svelte-k3has9:before {
    background: var(--black)
}

label.dark.svelte-k3has9 a {
    color: var(--black)
}

label.light.svelte-k3has9.svelte-k3has9 {
    color: var(--white)
}

label.light.svelte-k3has9.svelte-k3has9:after {
    border: 1px var(--white) solid
}

label.light.svelte-k3has9.svelte-k3has9:before {
    background: var(--white)
}

label.light.svelte-k3has9 a {
    color: var(--white)
}

input.svelte-k3has9.svelte-k3has9 {
    opacity: 0;
    width: 0;
    position: absolute
}

input.svelte-k3has9:checked+label.svelte-k3has9:before {
    opacity: 1
}

.error.svelte-k3has9.svelte-k3has9 {
    position: absolute;
    top: 100%;
    right: 0
}

.root.svelte-14l42gv {
    position: absolute;
    right: .8888888889rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    line-height: 1.5
}

.root.is-active.svelte-14l42gv {
    opacity: 1;
    visibility: visible
}

.root.is-light.svelte-14l42gv {
    color: var(--red-on-black)
}

.root.is-dark.svelte-14l42gv {
    color: var(--red-on-white)
}

.root.on-center.svelte-14l42gv {
    top: 50%;
    transform: translateY(-50%)
}

.root.on-top.svelte-14l42gv {
    top: .4444444444rem
}

.content.svelte-14l42gv {
    min-width: .4444444444rem;
    display: inline-block
}

.root.svelte-1o3q3nq {
    position: relative
}

.input-wrapper.svelte-1o3q3nq {
    position: relative;
    margin-bottom: .2222222222rem
}

input.svelte-1o3q3nq {
    padding: .4444444444rem .6666666667rem;
    border-radius: 0;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px var(--black);
    background: transparent;
    line-height: inherit;
    font-size: inherit
}

input.svelte-1o3q3nq::placeholder {
    text-transform: initial
}

input.is-uppercase.svelte-1o3q3nq {
    text-transform: capitalize
}

input.is-light.svelte-1o3q3nq {
    box-shadow: inset 0 0 0 1px var(--white);
    color: var(--white)
}

input.is-dark.svelte-1o3q3nq {
    box-shadow: inset 0 0 0 1px var(--black);
    color: var(--black)
}

input.svelte-1o3q3nq:focus {
    outline: none
}

input:focus.is-light.svelte-1o3q3nq {
    box-shadow: inset 0 0 0 2px var(--play-black-70)
}

input:focus.is-dark.svelte-1o3q3nq {
    box-shadow: inset 0 0 0 2px var(--black)
}

input.svelte-1o3q3nq:disabled {
    pointer-events: none
}

input:disabled.is-light.svelte-1o3q3nq {
    background: var(--black);
    box-shadow: inset 0 0 0 1px var(--play-black-60)
}

input:disabled.is-dark.svelte-1o3q3nq {
    background: var(--white);
    box-shadow: inset 0 0 0 1px var(--play-black-80)
}

input.has-error.svelte-1o3q3nq {
    box-shadow: inset 0 0 0 1px red
}

input.has-error.is-light.svelte-1o3q3nq {
    box-shadow: inset 0 0 0 1px var(--red-on-black);
    color: var(--red-on-white)
}

input.has-error.is-dark.svelte-1o3q3nq {
    box-shadow: inset 0 0 0 1px var(--red-on-white);
    color: var(--red-on-black)
}

.error.svelte-1o3q3nq {
    position: absolute;
    top: 100%;
    right: 0
}

.root.svelte-1wa06j8.svelte-1wa06j8 {
    position: relative
}

.list.svelte-1wa06j8.svelte-1wa06j8 {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.list-item.svelte-1wa06j8.svelte-1wa06j8 {
    display: inline-block;
    margin-right: 3rem
}

@media screen and (min-width: 48em) {
    .list-item.svelte-1wa06j8.svelte-1wa06j8 {
        margin-right: 2.6666666667rem
    }
}

@media screen and (min-width: 80em) {
    .list-item.svelte-1wa06j8.svelte-1wa06j8 {
        margin-right: 2.6666666667rem
    }

    .list-item.svelte-1wa06j8.svelte-1wa06j8:last-child {
        margin-right: 0
    }
}

label.svelte-1wa06j8.svelte-1wa06j8 {
    padding-left: 3rem;
    position: relative;
    cursor: pointer
}

@media screen and (min-width: 48em) {
    label.svelte-1wa06j8.svelte-1wa06j8 {
        padding-left: 2.6666666667rem
    }
}

@media screen and (min-width: 80em) {
    label.svelte-1wa06j8.svelte-1wa06j8 {
        padding-left: 2.6666666667rem
    }
}

label.svelte-1wa06j8.svelte-1wa06j8:before,
label.svelte-1wa06j8.svelte-1wa06j8:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 1/1;
    border-radius: 100%
}

label.svelte-1wa06j8.svelte-1wa06j8:before {
    width: .625rem;
    opacity: 0;
    transition: opacity .55s;
    left: .1875rem
}

@media screen and (min-width: 48em) {
    label.svelte-1wa06j8.svelte-1wa06j8:before {
        width: .5555555556rem;
        left: .1666666667rem
    }
}

@media screen and (min-width: 80em) {
    label.svelte-1wa06j8.svelte-1wa06j8:before {
        width: 12px;
        left: 4px
    }
}

label.svelte-1wa06j8.svelte-1wa06j8:after {
    width: 1rem;
    left: 0
}

@media screen and (min-width: 48em) {
    label.svelte-1wa06j8.svelte-1wa06j8:after {
        width: .8888888889rem
    }
}

@media screen and (min-width: 80em) {
    label.svelte-1wa06j8.svelte-1wa06j8:after {
        width: 20px
    }
}

label.dark.svelte-1wa06j8.svelte-1wa06j8 {
    color: var(--black)
}

label.dark.svelte-1wa06j8.svelte-1wa06j8:after {
    border: 1px var(--black) solid
}

label.dark.svelte-1wa06j8.svelte-1wa06j8:before {
    background: var(--black)
}

label.light.svelte-1wa06j8.svelte-1wa06j8 {
    color: var(--white)
}

label.light.svelte-1wa06j8.svelte-1wa06j8:after {
    border: 1px var(--white) solid
}

label.light.svelte-1wa06j8.svelte-1wa06j8:before {
    background: var(--white)
}

input.svelte-1wa06j8.svelte-1wa06j8 {
    opacity: 0;
    width: 0
}

input.svelte-1wa06j8:checked+label.svelte-1wa06j8:before {
    opacity: 1
}

.error.svelte-1wa06j8.svelte-1wa06j8 {
    position: absolute;
    top: 100%;
    right: 0
}

.root.svelte-5runtf.svelte-5runtf {
    position: relative
}

.head.svelte-5runtf.svelte-5runtf {
    padding: .4444444444rem .6666666667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    text-align: left;
    width: 100%;
    cursor: pointer;
    position: relative;
    border: 1px var(--white) solid;
    border-bottom: 0
}

.head.light.svelte-5runtf.svelte-5runtf {
    border-color: var(--white)
}

.head.light.has-error.svelte-5runtf.svelte-5runtf {
    border-color: var(--red-on-black)
}

.head.dark.svelte-5runtf.svelte-5runtf {
    border-color: var(--black)
}

.head.dark.has-error.svelte-5runtf.svelte-5runtf {
    border-color: var(--red-on-white)
}

.head.has-error.light.svelte-5runtf .action-button span {
    color: var(--red-on-black)
}

.head.has-error.dark.svelte-5runtf .action-button span {
    color: var(--red-on-white)
}

.head-selected.svelte-5runtf.svelte-5runtf {
    flex: 1
}

.action-button.svelte-5runtf.svelte-5runtf {
    flex: 0 0 auto
}

.action-button.svelte-5runtf .container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.options.svelte-5runtf.svelte-5runtf {
    list-style-type: none;
    margin: 0;
    padding: 0 1.1111111111rem;
    position: absolute;
    top: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 2
}

@media screen and (min-width: 48em) {
    .options.svelte-5runtf.svelte-5runtf {
        padding: 0 .6666666667rem
    }
}

@media screen and (min-width: 80em) {
    .options.svelte-5runtf.svelte-5runtf {
        padding: 0 .6666666667rem
    }
}

.options.dark.svelte-5runtf.svelte-5runtf {
    border-left: 1px var(--black) solid;
    border-right: 1px var(--black) solid;
    border-bottom: 1px var(--black) solid;
    background: var(--white)
}

.options.dark.has-error.svelte-5runtf.svelte-5runtf {
    border-color: var(--red-on-white)
}

.options.light.svelte-5runtf.svelte-5runtf {
    border-left: 1px var(--white) solid;
    border-right: 1px var(--white) solid;
    border-bottom: 1px var(--white) solid;
    background: var(--black)
}

.options.light.has-error.svelte-5runtf.svelte-5runtf {
    border-color: var(--red-on-black)
}

.option.svelte-5runtf.svelte-5runtf {
    margin-bottom: .4444444444rem
}

.option.svelte-5runtf.svelte-5runtf:first-of-type {
    padding-top: 1.1111111111rem
}

@media screen and (min-width: 48em) {
    .option.svelte-5runtf.svelte-5runtf:first-of-type {
        padding-top: .6666666667rem
    }
}

@media screen and (min-width: 80em) {
    .option.svelte-5runtf.svelte-5runtf:first-of-type {
        padding-top: .6666666667rem
    }
}

.option.svelte-5runtf.svelte-5runtf:last-of-type {
    padding-bottom: 1.1111111111rem
}

@media screen and (min-width: 48em) {
    .option.svelte-5runtf.svelte-5runtf:last-of-type {
        padding-bottom: .6666666667rem
    }
}

@media screen and (min-width: 80em) {
    .option.svelte-5runtf.svelte-5runtf:last-of-type {
        padding-bottom: .6666666667rem
    }
}

@media (hover: hover) {
    .option.svelte-5runtf:hover button.dark.svelte-5runtf {
        color: var(--white)
    }

    .option.svelte-5runtf:hover button.light.svelte-5runtf {
        color: var(--black)
    }

    .option.svelte-5runtf:hover button.svelte-5runtf:after {
        transform: scaleX(1)
    }
}

.button.svelte-5runtf.svelte-5runtf {
    display: block;
    height: 1.8888888889rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: .4444444444rem;
    position: relative;
    transition: color .7s;
    cursor: pointer;
    z-index: 2;
    width: 100%;
    background: transparent;
    border: 0
}

.button.dark.svelte-5runtf.svelte-5runtf {
    color: var(--black)
}

.button.dark.svelte-5runtf.svelte-5runtf:after {
    background: var(--black)
}

.button.light.svelte-5runtf.svelte-5runtf {
    color: var(--white)
}

.button.light.svelte-5runtf.svelte-5runtf:after {
    background: var(--white)
}

.button.svelte-5runtf.svelte-5runtf:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 1px);
    z-index: -1;
    transform: scalex(0);
    transform-origin: left;
    transition: transform .7s
}

.button.active.svelte-5runtf.svelte-5runtf {
    background: transparent
}

.button.active.dark.svelte-5runtf.svelte-5runtf {
    color: var(--white)
}

.button.active.light.svelte-5runtf.svelte-5runtf {
    color: var(--black)
}

.button.active.svelte-5runtf.svelte-5runtf:after {
    transform: scaleX(1)
}

.action-button-error.svelte-5runtf.svelte-5runtf {
    visibility: hidden
}

.action-button-error.is-visible.svelte-5runtf.svelte-5runtf {
    visibility: visible
}

.action-button-error.svelte-5runtf .root {
    right: 3.3333333333rem
}

.root.svelte-vry1wk {
    position: relative
}

select.svelte-vry1wk {
    visibility: hidden;
    height: 0;
    position: absolute;
    pointer-events: none
}

.error.svelte-vry1wk {
    position: absolute;
    top: 100%;
    right: 0
}

.root.svelte-rbbcrm {
    position: relative
}

.textarea-wrapper.svelte-rbbcrm {
    position: relative;
    margin-bottom: .2222222222rem
}

textarea.svelte-rbbcrm {
    padding: .4444444444rem .6666666667rem;
    border-radius: 0;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px var(--black);
    background: transparent;
    line-height: inherit;
    font-size: inherit
}

textarea.is-light.svelte-rbbcrm {
    box-shadow: inset 0 0 0 1px var(--white);
    color: var(--white)
}

textarea.is-dark.svelte-rbbcrm {
    box-shadow: inset 0 0 0 1px var(--black);
    color: var(--black)
}

textarea.svelte-rbbcrm:focus {
    outline: none
}

textarea:focus.is-light.svelte-rbbcrm {
    box-shadow: inset 0 0 0 2px var(--white)
}

textarea:focus.is-dark.svelte-rbbcrm {
    box-shadow: inset 0 0 0 2px var(--black)
}

textarea.svelte-rbbcrm:disabled {
    pointer-events: none
}

textarea:disabled.is-light.svelte-rbbcrm {
    background: var(--black);
    box-shadow: inset 0 0 0 1px var(--play-black-60)
}

textarea:disabled.is-dark.svelte-rbbcrm {
    background: var(--white);
    box-shadow: inset 0 0 0 1px var(--play-black-80)
}

textarea.has-error.svelte-rbbcrm {
    box-shadow: inset 0 0 0 1px red
}

textarea.has-error.is-light.svelte-rbbcrm {
    box-shadow: inset 0 0 0 1px var(--red-on-black);
    color: var(--red-on-white)
}

textarea.has-error.is-dark.svelte-rbbcrm {
    box-shadow: inset 0 0 0 1px var(--red-on-white);
    color: var(--red-on-black)
}

.error.svelte-rbbcrm {
    position: absolute;
    top: 100%;
    right: 0
}

.root.svelte-1mto25k {
    position: relative
}

.button-wrapper.svelte-1mto25k {
    margin-bottom: .8888888889rem
}

@media screen and (min-width: 48em) {
    .button-wrapper.svelte-1mto25k {
        margin-bottom: 0
    }
}

.native-input.svelte-1mto25k {
    visibility: hidden;
    height: 0;
    width: 0;
    overflow: hidden
}

.upload-button.svelte-1mto25k,
.remove-button.svelte-1mto25k {
    display: none
}

.upload-button.is-visible.svelte-1mto25k,
.remove-button.is-visible.svelte-1mto25k {
    display: block
}

@media screen and (min-width: 48em) {
    .field-grid.svelte-1mto25k {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-template-areas: "field message"
    }
}

.field-input.svelte-1mto25k {
    grid-area: field
}

.field-message.svelte-1mto25k {
    grid-area: message
}

@media screen and (min-width: 48em) {
    .field-message.svelte-1mto25k {
        text-align: right
    }
}

.field-error.svelte-1mto25k {
    position: absolute;
    top: 100%;
    right: 0
}

.field-label.svelte-1mto25k,
.field-type.svelte-1mto25k {
    display: none
}

.field-label.is-visible.svelte-1mto25k,
.field-type.is-visible.svelte-1mto25k {
    display: block
}

@media screen and (min-width: 80em) {
    .form-container.svelte-1gxjqln.svelte-1gxjqln {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.footer-container.svelte-1gxjqln.svelte-1gxjqln {
    margin-top: 4.4444444444rem
}

@media screen and (min-width: 48em) {
    .footer-container.svelte-1gxjqln.svelte-1gxjqln {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: top
    }
}

form.svelte-1gxjqln.svelte-1gxjqln {
    transition: opacity .35s
}

form.is-sending.svelte-1gxjqln.svelte-1gxjqln {
    opacity: .5
}

.form-section-label.svelte-1gxjqln.svelte-1gxjqln {
    padding: .4444444444rem 0;
    margin-bottom: 1.7777777778rem;
    position: relative;
    width: 100%;
    margin-top: 4.4444444444rem
}

.field.svelte-1gxjqln.svelte-1gxjqln {
    padding: .4444444444rem 0;
    margin-bottom: 1.7777777778rem;
    position: relative
}

@media screen and (min-width: 80em) {
    .field.svelte-1gxjqln.svelte-1gxjqln {
        flex: 0 0 auto
    }

    .field.is-half.svelte-1gxjqln.svelte-1gxjqln {
        width: calc(var(--col-width) * 5 - var(--grid-gap))
    }

    .field.is-full.svelte-1gxjqln.svelte-1gxjqln {
        width: 100%
    }

    .field.is-upload.svelte-1gxjqln.svelte-1gxjqln {
        width: calc(var(--col-width) * 5 - var(--grid-gap));
        margin-right: calc(var(--col-width) * 5)
    }
}

.footer-item.svelte-1gxjqln.svelte-1gxjqln {
    margin-bottom: 1.7777777778rem;
    position: relative;
    flex: 0 0 calc(var(--col-width) * 8)
}

@media screen and (min-width: 48em) {
    .footer-item.svelte-1gxjqln.svelte-1gxjqln {
        padding-inline: var(--grid-gap)
    }
}

@media screen and (min-width: 80em) {
    .footer-item.svelte-1gxjqln.svelte-1gxjqln {
        flex: 0 0 calc(var(--col-width) * 5 - var(--grid-gap) * 2)
    }
}

.footer-item.is-submit.svelte-1gxjqln.svelte-1gxjqln {
    text-align: right
}

@media screen and (min-width: 48em) {
    .footer-item.is-submit.svelte-1gxjqln.svelte-1gxjqln {
        flex: 0 0 calc(var(--col-width) * 8)
    }
}

@media screen and (min-width: 80em) {
    .footer-item.is-submit.svelte-1gxjqln.svelte-1gxjqln {
        flex: 0 0 calc(var(--col-width) * 10)
    }
}

.state-sendig.svelte-1gxjqln.svelte-1gxjqln,
.state-error.svelte-1gxjqln.svelte-1gxjqln {
    position: fixed;
    top: 3.125rem;
    left: .5555555556rem;
    right: .5555555556rem;
    padding: .5555555556rem 3.6111111111rem
}

@media screen and (min-width: 48em) {

    .state-sendig.svelte-1gxjqln.svelte-1gxjqln,
    .state-error.svelte-1gxjqln.svelte-1gxjqln {
        left: 50%;
        right: auto;
        transform: translate(-50%);
        top: .5555555556rem
    }
}

.state-sendig.is-dark.svelte-1gxjqln.svelte-1gxjqln {
    color: var(--white);
    background: var(--black)
}

.state-sendig.is-light.svelte-1gxjqln.svelte-1gxjqln {
    color: var(--black);
    background: var(--white)
}

@media screen and (min-width: 48em) {
    .state-sendig.svelte-1gxjqln.svelte-1gxjqln {
        top: 1.6666666667rem
    }
}

.state-error.svelte-1gxjqln.svelte-1gxjqln {
    cursor: pointer
}

.state-error.is-dark.svelte-1gxjqln.svelte-1gxjqln {
    color: var(--white);
    background: var(--red-on-white)
}

.state-error.is-light.svelte-1gxjqln.svelte-1gxjqln {
    color: var(--black);
    background: var(--red-on-black)
}

.state-success-container.svelte-1gxjqln.svelte-1gxjqln {
    text-align: center;
    padding-left: var(--grid-gap);
    padding-right: var(--grid-gap)
}

.state-success.svelte-1gxjqln.svelte-1gxjqln {
    color: var(--white);
    display: inline-block;
    padding: .5555555556rem 3.6111111111rem;
    margin-bottom: 5.5555555556rem
}

.state-success.svelte-1gxjqln span.svelte-1gxjqln {
    width: .2777777778rem;
    display: inline-block;
    text-align: center;
    color: var(--white)
}

.state-success.svelte-1gxjqln svg.svelte-1gxjqln {
    width: .5555555556rem;
    display: inline-block
}

.state-success.svelte-1gxjqln svg path.svelte-1gxjqln {
    stroke: var(--white)
}

.state-success.is-dark.svelte-1gxjqln.svelte-1gxjqln,
.state-success.is-light.svelte-1gxjqln.svelte-1gxjqln {
    background: var(--green-on-white)
}