.FloatingPanel__panel--nUHMB {
    inset: auto;
    top: var(--v5a59956a);
    left: var(--v795bbb21);
    min-inline-size: var(--v50ecbd6e);
    max-inline-size: none;
    max-block-size: none;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    overflow: visible;
}
.FloatingPanel__panel--nUHMB::backdrop {
    background: transparent;
}


div.select-field[data-v-d8796886] {
    min-height: 1.5em;

    flex: 1 1 0;

    font-size: inherit;

    --padding-value: .5em;

    width: 0;
    min-width: 100%;

    color: var(--field-text-color, var(--form-field-primary-text-color));
    box-shadow: none !important;

    border: 0;
    background-color: transparent;

    display: grid;
    grid-template-columns: [dropdown-start placeholder-start] 100% [placeholder-end dropdown-end];
    grid-template-rows: [native-select-start] 0 [native-select-end placeholder-start] auto [placeholder-end];
}
div.select-field[data-v-d8796886]:not([aria-disabled='true']) {
        cursor: pointer;
}
div.select-field[data-v-d8796886] {

    outline: none;
}
div.select-field *[data-v-d8796886] {
        cursor: inherit;
        font-size: inherit;
}
div.select-field > select[data-v-d8796886] {
        grid-row: native-select;
        grid-column: dropdown;
        appearance: none;
        outline: 0;
        border: 0;
        padding: 0;
        margin: 0;
}
div.select-field > div.placeholder-wrapper[data-v-d8796886] {
        grid-area: placeholder;

        display: grid;
        grid-template: "placeholder expander" auto / 1fr 2em;

        border: var(--field-border-value);
        border-bottom: var(--field-border-bottom-value);
        border-radius: var(--field-border-radius-value);

        padding: var(--padding-top) var(--padding-left-right) var(--padding-bottom);

        background-color: var(--background-color);
}
div.select-field > div.placeholder-wrapper > span[data-v-d8796886] {
            padding: calc(var(--padding-value, 0));
            white-space: nowrap;
            min-width: 0;
            overflow: clip;
            text-overflow: ellipsis;
}
div.select-field > div.placeholder-wrapper > span > span.item[data-v-d8796886] {
                display: contents;
}
div.select-field > div.placeholder-wrapper > span > span.item[data-v-d8796886]:not(:last-of-type)::after {
                    content: ", ";
}
div.select-field > div.placeholder-wrapper > button[data-v-d8796886] {
            padding: calc(5px - var(--border-width-value, 0));
}
div.select-field > div.placeholder-wrapper > span[data-v-d8796886] {
            grid-area: placeholder;
            box-sizing: border-box;
}
@media print {
div.select-field > div.placeholder-wrapper > button[data-v-d8796886] {
                display: none
}
}
div.select-field > div.placeholder-wrapper > button[data-v-d8796886] {

            grid-area: expander;
            place-self: center;
            width: 2em;
            height: 2em;
            border: 0;
            background-color: transparent;
            box-shadow: none;
            color: inherit;

            outline: none;
}
div.select-field > div.placeholder-wrapper > button > svg[data-v-d8796886] {
                width: 100%;
                height: auto;
                place-content: center;
}
div.select-field ul.dropdown-list[data-v-d8796886] {
        box-sizing: border-box;
        box-shadow: 0 3px 6px var(--form-field-focus-background-color), 0 3px 6px var(--form-field-selected-item-background-color);
        display: flex;
        flex-flow: column nowrap;
        margin: 0;
        padding: 0;
        border: none;
        background-color: rgb(from var(--form-field-primary-background-color) r g b / 100%);

        inline-size: max-content;
        min-inline-size: 100%;

        overflow-y: auto;
        overscroll-behavior: contain;
        max-height: 20em;

        list-style-type: none;
}
div.select-field ul.dropdown-list > li[data-v-d8796886] {
            list-style-type: none;
            width: 100%;
            padding: var(--padding-value);
            color: inherit;
            box-sizing: border-box;
            display: flex;
            gap: 0.5em;
}
div.select-field ul.dropdown-list > li > button[data-v-d8796886] {
                flex: 1 1 100%;
                border: none;
                background-color: transparent;
                box-shadow: none;
                color: inherit;
                font-size: inherit;
                font-weight: normal;
                outline: none;
                text-align: start;
}
div.select-field ul.dropdown-list > li > button[data-v-d8796886]:focus-visible {
                    font-weight: bold;
}
div.select-field ul.dropdown-list > li > input[type="checkbox"][data-v-d8796886] {
                flex: none;
                align-self: flex-start;
                inline-size: 1.25em;
                block-size: 1.25em;
                pointer-events: none;
}
div.select-field ul.dropdown-list > li[data-v-d8796886]:focus-within, div.select-field ul.dropdown-list > li[data-v-d8796886]:hover, div.select-field ul.dropdown-list > li[aria-selected='true'][data-v-d8796886] {
                background-color: var(--form-field-selected-item-background-color);
}


input[data-v-12698a7c] {
    background-color: var(--background-color);
}


input[data-v-52565f9e] {
    background-color: var(--background-color);
}


input[data-v-06e34473] {
    background-color: var(--background-color);
}


div.numbers-input[data-v-381dafbd] {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
div.numbers-input > .current-numbers[data-v-381dafbd] {
        display: flex;
        gap: .25em;
        padding: .25em;

        flex-flow: row wrap;
}
div.numbers-input > .current-numbers[data-v-381dafbd], div.numbers-input > .current-numbers > li[data-v-381dafbd] {
            list-style-type: none;
}
div.numbers-input > .current-numbers > li[data-v-381dafbd] {
            display: flex;
            flex-flow: row nowrap;
            gap: .25em;
            background-color: var(--form-field-focus-background-color);

            place-items: center;
            padding-inline: .5em;
            padding-block: .25em;
            border-radius: .75em;
}
div.numbers-input > .current-numbers > li > button[data-v-381dafbd] {
                background-color: transparent;
                border: none;
                width: 1.25em;
                height: 1.25em;
                cursor: pointer;
                color: inherit;
}
div.numbers-input > .current-numbers > li > button[data-v-381dafbd]:hover, div.numbers-input > .current-numbers > li > button[data-v-381dafbd]:focus-visible {
                    color: var(--field-selected-color);
}
div.numbers-input > .current-numbers > li > button[data-v-381dafbd] > * {
                    width: 100%;
                    height: 100%;
}
div.numbers-input > input[data-v-381dafbd] {
        margin-top: .25em;
        flex: 1 1 100%;
        min-width: 50%;
        padding: .5em;
        outline: none;
        border: none;
}


.RangeFieldElement__range--DgqV0 {
    --thumb-size: 1.25em;
    --range-active: var(--field-selected-color, var(--form-field-focus-background-color));
    --range-inactive: color-mix(in srgb, var(--form-field-primary-text-color) 25%, transparent);
    --range-halo: color-mix(in srgb, var(--range-active) 16%, transparent);
    --range-halo-focus: color-mix(in srgb, var(--range-active) 28%, transparent);
    --range-fill: calc(var(--thumb-size) / 2 + (100% - var(--thumb-size)) * var(--v247edc3e));

    display: flex;
    flex: 1 1 100%;
    align-items: center;
    gap: 1em;
    padding-block: .5em;
    padding-inline: calc(var(--thumb-size) / 2);
}
.RangeFieldElement__slider--S7fi3 {
    flex: 1 1 auto;
    min-width: 0;
    height: .25em;
    margin: 0;
    border-radius: .125em;
    outline: none;
    appearance: none;
    cursor: pointer;
    background: linear-gradient(to right, var(--range-active) var(--range-fill), var(--range-inactive) var(--range-fill));
}
.RangeFieldElement__slider--S7fi3:disabled {
        cursor: default;
}
.RangeFieldElement__slider--S7fi3::-webkit-slider-thumb {
        width: var(--thumb-size);
        height: var(--thumb-size);
        border: none;
        border-radius: 50%;
        appearance: none;
        background-color: var(--range-active);
        box-shadow: 0 0 0 0 var(--range-halo);
        -webkit-transition: box-shadow .15s ease-out;
        transition: box-shadow .15s ease-out;
}
.RangeFieldElement__slider--S7fi3::-moz-range-thumb {
        width: var(--thumb-size);
        height: var(--thumb-size);
        border: none;
        border-radius: 50%;
        background-color: var(--range-active);
        box-shadow: 0 0 0 0 var(--range-halo);
        -moz-transition: box-shadow .15s ease-out;
        transition: box-shadow .15s ease-out;
}
.RangeFieldElement__slider--S7fi3:not(:disabled):hover::-webkit-slider-thumb {
        box-shadow: 0 0 0 .5em var(--range-halo);
}
.RangeFieldElement__slider--S7fi3:not(:disabled):hover::-moz-range-thumb {
        box-shadow: 0 0 0 .5em var(--range-halo);
}
.RangeFieldElement__slider--S7fi3:not(:disabled):focus-visible::-webkit-slider-thumb {
        box-shadow: 0 0 0 .5em var(--range-halo-focus);
}
.RangeFieldElement__slider--S7fi3:not(:disabled):focus-visible::-moz-range-thumb {
        box-shadow: 0 0 0 .5em var(--range-halo-focus);
}
.RangeFieldElement__value--hmY_m {
    flex: 0 0 auto;
    min-width: 2em;
    text-align: end;
    font-variant-numeric: tabular-nums;
    color: var(--field-text-color, inherit);
}


.icon-select-wrapper[data-v-56f8e04f] {
    padding-inline: 1em;
    flex: 1 1 100%;
}


div.textlines-field[data-v-fbc84a1c] {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    gap: .5em;
    padding-inline: .25em;
    padding-block: .5em;
}
div.textlines-field input[type="text"][data-v-fbc84a1c] {
        border: none;
        outline: none;
        padding-inline: .5em;
        padding-block: .5em;

        height: 1em;
}
div.textlines-field > ul[data-v-fbc84a1c] {
        display: contents;
}
div.textlines-field > ul[data-v-fbc84a1c], div.textlines-field > ul > li[data-v-fbc84a1c] {
            list-style-type: none;
}
div.textlines-field > ul > li[data-v-fbc84a1c] {
            background-color: var(--form-field-focus-background-color);
            border-radius: .75em;
            padding: .25em;

            display: grid;
            grid-template-columns: 1fr repeat(2, 1em) 1.5em;
}
div.textlines-field > ul > li > span[data-v-fbc84a1c], div.textlines-field > ul > li > input[data-v-fbc84a1c] {
                grid-column: 1 / 2;
                padding-block: .25em;
                padding-inline: .5em;
}
div.textlines-field > ul > li > button[data-v-fbc84a1c] {
                font-size: inherit;
}
div.textlines-field > ul > li > button > svg[data-v-fbc84a1c] {
                    height: 100%;
                    width: auto;
}
div.textlines-field > ul > li > button.move-up[data-v-fbc84a1c] {
                    grid-column: 2 / 3;
}
div.textlines-field > ul > li > button.move-down[data-v-fbc84a1c] {
                    grid-column: 3 / 4;
}
div.textlines-field > ul > li > button.remove[data-v-fbc84a1c] {
                    grid-column: 4 / 5;

                    height: 1.5em;
}
div.textlines-field > ul > li > button.move-up[data-v-fbc84a1c]:not(:focus-within, :hover), div.textlines-field > ul > li > button.move-down[data-v-fbc84a1c]:not(:focus-within, :hover) {
                        opacity: .5;
}
div.textlines-field > ul > li > button.move-up[data-v-fbc84a1c], div.textlines-field > ul > li > button.move-down[data-v-fbc84a1c] {

                    height: 1.25em;
}
div.textlines-field > ul > li > button[data-v-fbc84a1c] {

                border: none;
                background-color: transparent;
                color: inherit;
                outline: none;
                cursor: pointer;

                place-self: center flex-end;
}
div.textlines-field > ul > li > button[data-v-fbc84a1c]:focus-visible {
                    border-radius: .25em;
                    outline: solid 2px var(--field-selected-color);
}
div.textlines-field > ul > li > button[data-v-fbc84a1c]:hover {
                    color: var(--field-selected-color);
}


div.inlined-svg-selector[data-v-a51c57e8] {
    flex: 1 1 100%;
    container-type: inline-size;

    min-width: 0;
    padding: 1em;
}
.layout[data-v-a51c57e8] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1em 2em;

    min-height: 3em;
}
.layout.empty[data-v-a51c57e8] {
        justify-content: center;
}
.layout > .current-item[data-v-a51c57e8] {
        flex: none;
        overflow: hidden;
}
.layout > .current-item[data-v-a51c57e8]:is(img) {
            object-fit: contain;
}
.layout > .current-item[data-v-a51c57e8]:is(img),
        .layout > .current-item[data-v-a51c57e8] >svg {
            min-width: 3em;
            min-height: 3em;

            max-width: 10em;

            width: auto;
            height: 5em;
}
.layout > div.buttons[data-v-a51c57e8] {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        gap: 0.5em;
}
.layout > div.buttons[data-v-a51c57e8] > * {
            flex: 1 0 auto;
            min-inline-size: max-content;
}
@container (width < 30em) {
.layout[data-v-a51c57e8] {
        flex-direction: column;
}
}


.page-select-wrapper[data-v-1957ea68] {
    padding-inline: 1em;
    padding-block: .5em;
    flex: 1 1 100%;
}
.page-select-wrapper[data-v-1957ea68]:not([aria-disabled='true']), .page-select-wrapper:not([aria-disabled='true']) *[data-v-1957ea68] {
            cursor: pointer;
}
.page-select-wrapper[data-v-1957ea68] {

    display: grid;
    grid-template: "page-id label button" auto  / auto 1fr auto;
    gap: 1em;
    place-items: center flex-start;
}
.page-select-wrapper > .label[data-v-1957ea68], .page-select-wrapper > .selected-page[data-v-1957ea68] {
        grid-area: label;
}
.page-select-wrapper > .page-id[data-v-1957ea68] {
        grid-area: page-id;
        display: flex;
        flex-flow: row nowrap;
        gap: .25em;
}
.page-select-wrapper > .page-id > *[data-v-1957ea68] {
            opacity: .75;
}
.page-select-wrapper > .page-id > input[data-v-1957ea68] {
            flex: 0 0 max-content;

            border: none !important;
            cursor: inherit;
            padding-inline-end: .5em;
            outline: none;
            background-color: transparent;
            font-size: inherit;
            font-weight: normal;
            font-family: inherit;
            pointer-events: none;
            margin: 0;
            padding: 0;
}
.page-select-wrapper > .selected-page[data-v-1957ea68] {
        display: flex;
        flex-flow: row nowrap;
        gap: .5em;
        place-items: center flex-start;
}
.page-select-wrapper > .selected-page > .page-language[data-v-1957ea68] {
            height: .85em;
            width: auto;
}
.page-select-wrapper > .selected-page > .page-title[data-v-1957ea68] {
            flex: 1 1 auto;
}
.page-select-wrapper > .selected-page > button.remove-page[data-v-1957ea68] {
            border: none;
            background-color: transparent;
            border-radius: 50%;
            padding: 0;
            margin: 0;

            width: 1.5em;
            height: 1.5em;
}
.page-select-wrapper > .selected-page > button.remove-page > svg[data-v-1957ea68] {
                width: 100%;
                max-width: 100%;
                max-height: 100%;
}
.page-select-wrapper > .selected-page > button.remove-page[data-v-1957ea68]:hover, .page-select-wrapper > .selected-page > button.remove-page[data-v-1957ea68]:focus-visible {
                color: red;
}
.page-select-wrapper > .selected-page > button.remove-page[data-v-1957ea68]:focus-visible {
                outline: solid 2px var(--field-selected-color, red);
                outline-offset: 3px;
}
.page-select-wrapper > button[data-v-1957ea68] {
        grid-area: button;
}



.url-select-wrapper[data-v-aea46888] {
    flex: 1 1 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    gap: 0.5em;
    min-width: 0;
}
.url-input[data-v-aea46888] {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    border: none;
    background-color: transparent;
    color: var(--field-text-color, inherit);
    font-size: inherit;
    font-family: inherit;
    padding: var(--field-inner-margin-vertical, 0) var(--field-inner-margin-horizontal, 0);
    outline: none;
}
.url-input[data-v-aea46888]::placeholder {
        color: var(--form-field-placeholder-text-color, currentColor);
        opacity: 0.85;
}
.select-button[data-v-aea46888] {
    flex: 0 0 auto;
    align-self: center;
    white-space: nowrap;
}


.HtmlFieldElement__field--Hi4M7 {
    flex: 1 1 100%;
    min-inline-size: 0;
}
.HtmlFieldElement__validity--b6YRJ {
    display: block;
    inline-size: 100%;
    block-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}


input[data-v-496f235c], textarea[data-v-496f235c], select[data-v-496f235c] {
    font-size: inherit;
    margin: 0;

    color: var(--field-text-color);
    box-shadow: none !important;

    border: none;
    background-color: transparent;
}
input[data-v-496f235c]:not([type="radio"], [type="checkbox"]), textarea[data-v-496f235c]:not([type="radio"], [type="checkbox"]), select[data-v-496f235c]:not([type="radio"], [type="checkbox"]) {
        flex: 1 1 100%;
        padding: var(--field-inner-margin-vertical, 0) var(--field-inner-margin-horizontal, 0);
        width: 100%;
}
input[data-v-496f235c]::placeholder, textarea[data-v-496f235c]::placeholder, select[data-v-496f235c]::placeholder {
        color: var(--form-field-placeholder-text-color);
        opacity: .85;
}
input[type="number"][data-v-496f235c], textarea[type="number"][data-v-496f235c], select[type="number"][data-v-496f235c] {
        appearance: textfield;
}
input[data-v-496f235c]:is([type="text"], [type="password"], [type="number"], [type="email"], select, textarea), textarea[data-v-496f235c]:is([type="text"], [type="password"], [type="number"], [type="email"], select, textarea), select[data-v-496f235c]:is([type="text"], [type="password"], [type="number"], [type="email"], select, textarea) {
        border: none;
        outline: none;
        background: transparent;
}
input[data-v-496f235c]:is(textarea), textarea[data-v-496f235c]:is(textarea), select[data-v-496f235c]:is(textarea) {
        box-sizing: border-box;
        min-height: 100%;
}
@media print {
input[data-v-496f235c]::placeholder, textarea[data-v-496f235c]::placeholder, select[data-v-496f235c]::placeholder {
            color: transparent;
}
input[data-v-496f235c]:is(textarea), textarea[data-v-496f235c]:is(textarea), select[data-v-496f235c]:is(textarea) {
            field-sizing: content;
            overflow: visible;
            resize: none;
}
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]) {
        --selectable-button-size: 1.2em;
        --outline-size: calc(var(--selectable-button-size, 0) * var(--outline-size-multiplier, 0));
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):checked, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):checked, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):checked {
            --outline-color: var(--field-selected-color);
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not(:checked), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not(:checked), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not(:checked) {
            --outline-color: var(--form-field-primary-text-color);
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):focus-visible, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):focus-visible, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):focus-visible {
                --outline-opacity: .3;
                --outline-size-multiplier: 1.75;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):not(:focus-visible):focus-within, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):not(:focus-visible):focus-within, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):not(:focus-visible):focus-within {
                    --outline-opacity: .25;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):hover:not(:focus-within), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):hover:not(:focus-within), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):not([disabled]):hover:not(:focus-within) {
                --outline-opacity: .1;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]) {


        appearance: none;

        padding: 0;
        margin: 0;

        background-size: cover;

        height: var(--selectable-button-size);
        width: var(--selectable-button-size);

        border: solid 1px var(--field-border-color);
        background-color: var(--background-color);
        outline: none;

        display: grid;

        place-content: center;
        place-items: center;

        grid-template: 1fr / 1fr;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"])::after, input[data-v-496f235c]:is([type="checkbox"], [type="radio"])::before, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"])::after, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"])::before, select[data-v-496f235c]:is([type="checkbox"], [type="radio"])::after, select[data-v-496f235c]:is([type="checkbox"], [type="radio"])::before {
            grid-column: 1 / 2;
            grid-row: 1 / 2;

            display: inline-grid;
            place-content: center;
            place-self: center;
            content: "";
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"])::before, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"])::before, select[data-v-496f235c]:is([type="checkbox"], [type="radio"])::before {
            width: var(--outline-size);
            height: var(--outline-size);

            border-radius: 50%;
            opacity: var(--outline-opacity, 0);
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):focus-within::before, input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):hover::before, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):focus-within::before, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):hover::before, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):focus-within::before, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):hover::before {
                background-color: var(--outline-color);
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]) {
            background-color: var(--background-color);
            border-radius: 50%;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):not(:focus-visible), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):not(:focus-visible), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):not(:focus-visible) {
                --outline-size-multiplier: 1.33;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"])::after, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"])::after, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"])::after {
                width: auto;
                height: calc(var(--selectable-button-size) * .5);
                aspect-ratio: 1/1;
                border-radius: 50%;
                background-color: transparent;
                place-self: center;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):checked, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):checked, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):checked {
                color: var(--field-selected-color);
                border-color: var(--field-selected-color);
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):checked::after, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):checked::after, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="radio"]):checked::after {
                    background-color: var(--field-text-color);
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]) {
            --checked-content: "✓";
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):not(:focus-visible), textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):not(:focus-visible), select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):not(:focus-visible) {
                --outline-size-multiplier: 1.5;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"])::after, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"])::after, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"])::after {
                line-height: 1em;
                font-size: 1em;
                width: 1em;
                height: 1em;
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):checked, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):checked, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):checked {
                background-color: var(--field-selected-color);
}
input[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):checked::after, textarea[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):checked::after, select[data-v-496f235c]:is([type="checkbox"], [type="radio"]):is([type="checkbox"]):checked::after {
                    color: var(--field-selected-contrast-color);
                    content: var(--checked-content);
                    background-color: transparent;
}


div.overlay-handle[data-v-17360b9b] {
    pointer-events: none;

    position: absolute;
    border-radius: .5em;

    border: solid 2px #000000;
    box-shadow: 0 0 2px 2px rgb(255 255 255 / .8);
}
div.overlay-handle[data-axis="x"][data-v-17360b9b] {
        top: 0;
        bottom: 0;
}
div.overlay-handle[data-axis="y"][data-v-17360b9b] {
        left: 0;
        right: 0;
}
div.overlay-handle[data-axis="y"][data-v-17360b9b], div.overlay-handle[data-axis="xy"][data-v-17360b9b] {
        top: calc(var(--v0b8c6e72) - .25em);
        height: .5em;
}
div.overlay-handle[data-axis="x"][data-v-17360b9b], div.overlay-handle[data-axis="xy"][data-v-17360b9b] {
        left: calc(var(--v09d795d3) - .25em);
        width: .5em;
}


small.helper-texts[data-v-177aaf4d] {
    cursor: default;
    display: inline-flex;
    flex-flow: column nowrap;
    font-size: .9em;
    font-weight: normal;
    color: var(--field-label-color);
    padding-inline-start: .2em;
    padding-block-start: .1em;

    opacity: .85;
}
small.helper-texts[data-v-177aaf4d]:active {
        -webkit-user-select: none;
                user-select: none;
}
@media print {
small.helper-texts[data-v-177aaf4d] {
        display: none;
}
}


label.field-label-text[data-v-f34be76a] {
    color: var(--field-label-color, inherit);

    /*noinspection CssUnresolvedCustomProperty*/
    font-weight: var(--field-label-font-weight, bold);
    /*noinspection CssUnresolvedCustomProperty*/
    font-size: var(--field-label-font-size, 1.1em);

    padding-bottom: var(--field-label-padding-bottom, .25em);

    text-transform: var(--field-label-text-transform, none);
}
label.field-label-text[data-v-f34be76a]:active {
        -webkit-user-select: none;
                user-select: none;
}



fieldset.color-select-wrapper[data-v-9cbd3fee] {
    display: grid;
    grid-template-columns: minmax(50%, 1fr);
    grid-auto-columns: min(50%, 10em);
    grid-template-rows: 0 auto auto 0;
    column-gap: 1em;

    max-width: calc(min(100%, 35em));
    width: calc(min(100%, 35em));
    min-width: 25em;
    margin: 0;
    padding: 0;

    border: none;

    place-content: stretch;
    place-items: stretch;
}
fieldset.color-select-wrapper[data-v-9cbd3fee] > * {
        min-width: 0;
}
fieldset.color-select-wrapper > legend[data-v-9cbd3fee] {
        font-weight: bold;
        font-size: 1.25em;
        padding: .5em;

        grid-row: 2 / 3;
        grid-column: 1 / 3;
        place-self: stretch;
}
fieldset.color-select-wrapper > .role-selector[data-v-9cbd3fee] {
        grid-row: 3 / 4;
        grid-column: 1 / 2;
}
fieldset.color-select-wrapper > .dialog-controls[data-v-9cbd3fee] {
        display: contents;
}
fieldset.color-select-wrapper > .dialog-controls[data-v-9cbd3fee] > * {
            min-width: 0;
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee] {
            grid-row: 3 / 4;
            grid-column: 2 / 3;

            display: grid;
            place-self: stretch;
            place-items: stretch;

            border: solid 1px #cccccc;
            border-radius: .5em;
            overflow: hidden;

            grid-template-columns: 1fr auto 1fr;

            background: repeating-conic-gradient(#686868 0% 25%, #ffffff 0% 50%) 50% / 10px 10px;
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee]:has(button:not(:disabled)) {
                cursor: pointer;
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee]::before, fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee] > * {
                grid-row: 1 / 2;
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee]::before {
                grid-column: 1 / -1;
                content: "";
                background-color: var(--v38418877);
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee] > :is(div, button) {
                grid-column: 2 / 3;

                box-shadow: none;
                border: none;

                color: var(--v5ce7b07c);
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee] > :is(div, button):is(button:not(:disabled)) {
                    cursor: pointer;
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee] > :is(div, button):is(button) {
                    background-color: var(--v62bdc08b);
                    place-self: center;
                    border-radius: .25em;
                    padding: .5em;
}
fieldset.color-select-wrapper > .dialog-controls > .color-preview[data-v-9cbd3fee] > :is(div, button):is(div) {
                    background-color: var(--v38418877);
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper[data-v-9cbd3fee] {
            height: 0;
            overflow: visible;
            width: 100%;
            position: relative;

            grid-column: 1 / 3;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper[data-open-direction="down"][data-v-9cbd3fee] {
                grid-row: 4 / 5;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper[data-open-direction="down"][data-v-9cbd3fee] > * {
                    top: 0;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper[data-open-direction="up"][data-v-9cbd3fee] {
                grid-row: 1 / 2;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper[data-open-direction="up"][data-v-9cbd3fee] > * {
                    bottom: 0;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper[data-v-9cbd3fee] {

            z-index: 999999;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker[data-v-9cbd3fee] {
                position: absolute;
                right: 0;
                left: 0;

                width: 100%;

                background-color: #ffffff;
                border-bottom-left-radius: .5em;
                border-bottom-right-radius: .5em;
                border: solid 1px #cccccc;

                display: flex;
                flex-flow: column nowrap;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > div.color-selectors[data-v-9cbd3fee] {
                    height: 20em;
                    width: 100%;

                    display: flex;
                    flex-flow: row nowrap;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > div.color-selectors > .saturation-selector[data-v-9cbd3fee] {
                        width: calc(100% - 3em);
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > div.color-selectors > .hue-selector[data-v-9cbd3fee] {
                        width: 3em;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > div.color-selectors[data-v-9cbd3fee] > * {
                        height: 100%;
                        position: relative;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .alpha-selector[data-v-9cbd3fee] {
                    width: 100%;
                    height: 2em;

                    background: repeating-conic-gradient(#686868 0% 25%, #ffffff 0% 50%) 50% / 1em 1em;

                    position: relative;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .alpha-selector > .alpha-selector-inner[data-v-9cbd3fee] {
                        height: 2em;
                        width: 100%;
                        background: linear-gradient(to right, var(--v546afb4c) 0%, var(--v62f00113) 100%);
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .fields[data-v-9cbd3fee] {
                    width: 100%;
                    display: flex;
                    flex-flow: row wrap;
                    place-content: center;
                    place-items: stretch;

                    gap: 1em;
                    padding: .5em;
                    box-sizing: border-box;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .fields > label[data-v-9cbd3fee] {
                        display: flex;
                        flex-flow: row nowrap;
                        gap: .5em;
                        flex: 0 0 auto;
                        align-items: center;
                        width: auto !important;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .fields > label > input[data-v-9cbd3fee] {
                            padding-block: .2ch;
                            padding-inline: .5em;
                            border: solid 1px #000000;
                            outline: none;
                            margin: 3px;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .fields > label > input[data-v-9cbd3fee]:focus-visible {
                                outline: solid 2px red;
                                outline-offset: 1px;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .fields > label > input[data-v-9cbd3fee]:not(.hex) {
                            width: 5ch;
                            text-align: end;
}
fieldset.color-select-wrapper > .dialog-controls > .color-picker-wrapper > .inner-color-picker > .fields > label > input.hex[data-v-9cbd3fee] {
                            width: 12ch;
}


div.form-field-v2[data-v-6818e2d0] {
    --background-color: var(--form-field-primary-background-color);
    --icon-color: var(--form-field-primary-text-color);
    --field-text-color: var(--form-field-primary-text-color);
    --field-selected-color: var(--form-field-focus-background-color);
    --field-selected-contrast-color: var(--form-field-focus-text-color);
    --field-label-color: var(--form-field-label-text-color);

    display: flex;

    flex-direction: column;
    color: var(--form-field-primary-text-color, inherit);
}
div.form-field-v2[data-v-6818e2d0]:not(.is-checkbox) {
        min-width: 5em;
}
div.form-field-v2[data-v-6818e2d0]:is(.is-selectable) {
        place-self: var(--selectable-place-self, flex-start);
        align-items: var(--selectable-align-items, normal);
        flex-flow: row nowrap;
        column-gap: var(--selectable-label-spacing, .25em);
}
div.form-field-v2[data-v-6818e2d0]:is(.disabled) {
        opacity: .85;

        --icon-color: var(--form-field-primary-text-color);
        --field-text-color: var(--form-field-primary-text-color);
        --field-selected-color: var(--form-field-primary-text-color);
        --field-selected-contrast-color: var(--form-field-primary-background-color);
        --field-label-color: var(--form-field-primary-text-color);
}
div.form-field-v2[data-v-6818e2d0]:is(:focus-within, [data-focused]) {
        --border-bottom-width-value: var(--border-width-focus, 0);
        --border-width-value: var(--border-width-focus, 0);
        --field-label-color: var(--form-field-focus-label-text-color);
}
div.form-field-v2[data-v-6818e2d0]:is(.is-selectable):has(> .field-help) {
        flex-wrap: wrap;
}
div.form-field-v2 > .field-help[data-v-6818e2d0] {
        flex-basis: 100%;
        margin-block-start: .25em;
        font-size: .85em;
        color: var(--form-field-help-text-color, var(--dialog-color-3, #5b5b5b));
}
div.form-field-v2.error[data-v-6818e2d0]:focus-within:has(:user-invalid, :user-invalid), div.form-field-v2[data-v-6818e2d0]:has(:is(input,select,textarea):user-invalid), div.form-field-v2.error.force-show-error-state[data-v-6818e2d0] {
        --field-border-color: var(--form-field-error-text-color);
        --field-label-color: var(--form-field-error-label-text-color);
        --field-text-color: var(--form-field-error-text-color);
}
div.form-field-v2 > .field[data-v-6818e2d0] {
        --field-border-color: var(--form-field-primary-text-color);
        --max-border-bottom-width: 2px;
        --max-border-top-width: 2px;

        --padding-left-right: calc(4px - var(--border-width-value));
        --padding-bottom: calc(var(--max-border-bottom-width, 0) - var(--border-bottom-width-value));
        --padding-top: calc(var(--max-border-top-width, 0) - var(--border-width-value, 0));

        --field-inner-margin-vertical: .5em;
        --field-inner-margin-horizontal: .5em;

        --border-radius-top: .25em;
        --border-radius-bottom: .25em;

        --field-border-value: var(--border-width-value) var(--border-style) var(--field-border-color, transparent);
        --field-border-bottom-value: var(--border-bottom-width-value, var(--border-width-value, 0)) var(--border-style, none) var(--field-border-color, transparent);
        --field-border-radius-value: var(--border-radius-top) var(--border-radius-top) var(--border-radius-bottom) var(--border-radius-bottom);

        --border-bottom-width-value: var(--border-width, 0);
        --border-width-value: var(--border-width, 0);


        --border-width: 1px;
        --border-width-focus: 2px;
        --border-style: solid;


        --background-color: var(--form-field-primary-background-color);

        font-size: var(--w-font-16-main, 1rem);
        display: flex;
}
div.form-field-v2 > .field[data-v-6818e2d0]:is(:focus-within, [data-focused]) {
            --border-bottom-width-value: var(--border-width-focus, 0);
            --border-width-value: var(--border-width-focus, 0);
            --field-label-color: var(--form-field-focus-label-text-color);
}
div.form-field-v2 > .field[data-v-6818e2d0]:is(.is-textarea) {
            flex-grow: 1;
}
div.form-field-v2 > .field[data-v-6818e2d0]:not(.is-selectable, .is-color-select, .is-html, .is-range):not(.is-dropdown) {
                border: var(--field-border-value);
                border-block-end: var(--field-border-bottom-value);
                border-radius: var(--field-border-radius-value);

                padding: var(--padding-left-right, 0);
                padding-block: var(--padding-top, 0) var(--padding-bottom, 0);
                background-color: var(--background-color);
}
div.form-field-v2 > .field[data-v-6818e2d0]:not(.is-selectable, .is-color-select, .is-html, .is-range):focus-within {
                --icon-color: var(--form-field-focus-text-color);
                --background-color: var(--form-field-focus-background-color);
                --field-text-color: var(--form-field-focus-text-color);
}
div.form-field-v2 > .field[data-v-6818e2d0]:not(.is-selectable, .is-color-select, .is-html, .is-range):focus-within:not(.error) {
                    --field-border-color: var(--form-field-focus-outline-color);
}
div.form-field-v2 > .field:not(.disabled) > button[data-v-6818e2d0] {
            cursor: pointer;
}
div.form-field-v2 > .field > .icon[data-v-6818e2d0]:not(.field-end-button) {
            margin-inline: .25em;
}
div.form-field-v2 > .field > div.prefix-placeholder-text[data-v-6818e2d0] {
            place-self: center;
            font-size: 1em;
            color: var(--form-field-placeholder-text-color);
            opacity: .75;
            padding-inline-start: var(--field-inner-margin-horizontal, 0);
            padding-block: var(--field-inner-margin-vertical, 0);
            white-space: nowrap;
}
div.form-field-v2 > .field > .icon[data-v-6818e2d0] {
            display: grid;
            align-self: center;
            place-items: center center;

            border: 0;

            transform: scale(1.1);
}
div.form-field-v2 > .field > .icon[data-v-6818e2d0]:not(.field-end-button) {
                color: var(--icon-color, inherit);
}
div.form-field-v2 > .field > .icon[data-v-6818e2d0]:is(button) {
                background-color: transparent !important;
                border: none !important;
                box-shadow: none !important;
                border-radius: 0 !important;
                width: auto;
                padding: 0;
}
div.form-field-v2 > .field > .icon[data-v-6818e2d0]:is(button):focus-visible {
                    outline: none;
}
div.form-field-v2 > .field > .icon[data-v-6818e2d0]:is(button):focus-visible > * {
                        outline: solid 2px var(--field-selected-color);
                        outline-offset: 1px;
                        border-radius: .25em;
}
div.form-field-v2 > .field > .icon.field-end-button[data-v-6818e2d0] {
                color: var(--form-field-primary-text-color);
                padding-inline: .25em;
}
div.form-field-v2 > .field > .icon.field-end-button[data-v-6818e2d0]:hover, div.form-field-v2 > .field > .icon.field-end-button[data-v-6818e2d0]:focus-within {
                    color: var(--form-field-focus-outline-color);
}
@media print {
div.form-field-v2 > .field > .icon.field-end-button[data-v-6818e2d0] {
                    display: none
}
}
div.form-field-v2 > .field > .icon[data-v-6818e2d0] svg {
                width: auto;
}