/*!
 * Bootstrap Grid v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex: 1 0 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex: 1 0 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex: 1 0 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media(min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.ui-datepicker {
    padding: 1rem;
    margin-top: 3px;
    border-radius: 5px;
    background: #f7f9fa;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, .175);
    display: none;
    width: 350px !important
}

.ui-datepicker .ui-datepicker-calendar {
    margin-top: 1rem
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 50%;
    display: inline-flex
}

.ui-datepicker .ui-datepicker-prev:hover span,
.ui-datepicker .ui-datepicker-next:hover span {
    cursor: pointer;
    background: var(--cl-brand-dark)
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    position: relative;
    margin: 11px;
    background: var(--cl-brand)
}

.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
    content: "";
    display: inline-block;
    border-color: rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 4px 5px 4px 0px;
    height: 0px;
    width: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ui-datepicker .ui-datepicker-next {
    justify-content: flex-end
}

.ui-datepicker .ui-datepicker-next span:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.ui-datepicker .ui-datepicker-title {
    display: flex;
    justify-content: center;
    align-items: center
}

.ui-datepicker th {
    padding-bottom: 1rem
}

.ui-datepicker td {
    padding: 0
}

.ui-datepicker tr td a {
    padding: .4em .2em;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: initial;
    border-bottom: 1px solid #f7f9fa;
    background: #fff;
    text-align: center
}

.ui-datepicker tr td a:focus,
.ui-datepicker tr td a:hover {
    color: #fff;
    background-color: var(--cl-brand-dark)
}

#sg-patterns {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 .5em
}

.demo-animate {
    background: #ddd;
    padding: 1em;
    margin-bottom: 1em;
    text-align: center;
    border-radius: 8px;
    cursor: pointer
}

.sg-colors {
    display: flex;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important
}

.sg-colors li {
    flex: 1 1 auto;
    padding: .3em;
    margin: 0 .5em .5em 0;
    min-width: 5em;
    max-width: 14em;
    border: 1px solid #ddd;
    border-radius: 8px
}

.sg-swatch {
    display: block;
    height: 4em;
    margin-bottom: .3em;
    border-radius: 5px
}

.sg-label {
    font-size: 90%;
    line-height: 1
}

.row>f19-labeled-field,
.row>f19-dropdown,
.row>f19-labeled-dropdown {
    margin-block-start: var(--spacing-3)
}

.row.row--v-end {
    align-items: flex-end
}

*,
*::before,
*::after {
    box-sizing: inherit
}

*::before,
*::after {
    color: currentColor;
    font-family: inherit;
    font-weight: inherit
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: "InterV", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    line-height: 1.4;
    scroll-behavior: smooth;
    color: var(--cl-body);
    font-size: var(--fs-body);
    font-weight: 450;
    background-color: var(--cl-body-background)
}

body.toolBar {
    background-color: rgba(0, 0, 0, 0)
}

.container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

.form-popup {
    margin: 0
}

.form-popup p {
    margin: 0
}

.sr-only {
    width: 1px;
    height: 1px;
    display: block;
    overflow: hidden;
    position: absolute;
    border: 0;
    background: none;
    clip: rect(0, 0, 0, 0)
}

[hidden]:not([hidden=false]),
[hidden=true] {
    display: none !important
}

@media(prefers-reduced-motion: no-preference) {

    body,
    f19-body {
        scroll-behavior: smooth
    }
}

@media(prefers-reduced-motion: reduce) {

    body,
    f19-body {
        scroll-behavior: auto !important
    }

    * {
        animation-duration: 0s !important;
        transition-duration: 0s !important
    }
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 1 1000;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-style: italic;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "slnt" -10
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 100;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 100
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 200;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 200
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 300;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 300
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-style: normal;
    font-weight: 400;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 425
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 500;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 500
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 600;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 600
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 700;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 700
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 800;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 800
}

@font-face {
    font-family: "InterV";
    font-display: swap;
    src: url("/assets/inter.var.woff2");
    font-weight: 900;
    font-feature-settings: "ss01" 1, "cv05" 1, "cv08" 1;
    font-variation-settings: "wght" 900
}

@font-face {
    font-family: "Fira Code";
    font-display: swap;
    src: url("/files.ashx/res/F19.UI/assets/dist/fonts/firacode-vf.woff2");
    font-weight: 1 1000;
    font-feature-settings: "ss02" 0, "ss08" 0
}

body {
    --cl-purple: #400F6B;
    --cl-purple-light: #741FAF;
    --cl-purple-light-2: #9551C4;
    --cl-purple-light-3: #d4ceec;
    --cl-purple-light-4: #EDE7F0;
    --cl-purple-light-5: #FAF7FB;
    --cl-purple-dark: #100045;
    --cl-grey-dark: rgba(50, 50, 50);
    --cl-grey: rgb(100, 100, 100);
    --cl-grey-light: rgb(185, 185, 185);
    --cl-grey-light-2: rgb(220, 220, 220);
    --cl-grey-light-3: rgb(235, 235, 235);
    --cl-grey-light-4: rgb(245, 245, 245);
    --cl-grey-light-5: rgb(250, 250, 250);
    --cl-blue: #359BE0;
    --cl-blue-light: rgba(53, 155, 224, 0.4);
    --cl-blue-dark: rgb(0, 22, 137);
    --cl-brand: var(--cl-purple);
    --cl-brand-dark: var(--cl-purple-dark);
    --cl-brand-light: var(--cl-purple-light);
    --cl-brand-light-2: var(--cl-purple-light-2);
    --cl-brand-light-3: var(--cl-purple-light-3);
    --cl-brand-light-4: var(--cl-purple-light-4);
    --cl-brand-light-5: var(--cl-purple-light-5);
    --cl-brand-accent: var(--cl-brand-light-2);
    --cl-brand-secondary: var(--cl-brand-dark);
    --logo-max-inline: 7rem;
    --logo-max-block: clamp(1.2rem, 10vw, 3.2rem);
    --cl-input: var(--cl-brand);
    --cl-disabled-txt: var(--cl-grey-light);
    --cl-disabled-bg: var(--cl-grey-light-3);
    --cl-url: #1271A0;
    --cl-url-hover: #2e4354;
    --cl-action-txt: var(--cl-body);
    --cl-action-txt-hover: var(--cl-brand-light-5);
    --cl-action-bg: transparent;
    --cl-action-bg-hover: var(--cl-brand-light);
    --cl-action-border: var(--cl-body);
    --cl-action-border-hover: var(--cl-brand-light);
    --btn-cl-brand: var(--cl-brand);
    --cl-message-neutral: #11afc7;
    --cl-message-success: #37a04f;
    --cl-message-warning: #e6ae0b;
    --cl-message-danger: #d40d1d;
    --cl-message-disabled: var(--cl-grey-light);
    --cl-message-incomplete: var(--cl-grey-light-2);
    --cl-state-active: var(--cl-brand-accent);
    --cl-headings: var(--cl-brand-dark);
    --cl-body: #333;
    --cl-body-background: rgb(243, 237, 230);
    --cl-island-background: rgb(253, 253, 253);
    --cl-island-background-alpha: rgba(253, 253, 253, 0.7);
    --cl-popup-background: rgba(0, 0, 0, 0.5);
    --cl-background-blur: blur(0.2rem);
    --cl-menu-text: var(--cl-body);
    --cl-menu-background: var(--cl-brand);
    --cl-menu-url: #fff;
    --cl-menu-url-hover: #fff;
    --cl-menu-url-border: var(--cl-brand-light);
    --cl-menu-url-bg: transparent;
    --cl-menu-url-bg-hover: var(--cl-brand-dark);
    --cl-menu-url-bg-active: var(--cl-brand-dark);
    --tabs-bg: #fff;
    --tabs-bg-hover: var(--cl-brand-light-4);
    --tabs-bg-active: var(--cl-brand-light);
    --tabs-txt: var(--cl-url);
    --tabs-txt-hover: var(--cl-url);
    --tabs-txt-active: #fff;
    --cl-loader: var(--cl-brand-accent);
    --cl-progress: var(--cl-brand-accent);
    --cl-tr-hover: rgba(0, 22, 137, 0.05);
    --fs-body: 1.6rem;
    --box-shadow-xxs: 0 0 .1rem 0 rgba(0, 0, 0, 0.15), 0 0.1rem .16rem 0 rgba(0, 0, 0, 0.1);
    --box-shadow-xs: 0 0 .1rem 0 rgba(0, 0, 0, .2), 0 .1rem .2rem 0 rgba(0, 0, 0, .15);
    --box-shadow-sm: 0 0 .1rem 0 rgba(0, 0, 0, .2), 0 .2rem .4rem 0 rgba(0, 0, 0, .15);
    --box-shadow-nm: 0 .1rem .2rem -.1rem rgba(0, 0, 0, .15), 0 .2rem .8rem 0 rgba(0, 0, 0, .1);
    --box-shadow-lg: 0 0 .2rem 0 rgba(0, 0, 0, .15), 0 .1rem .8rem -.1rem rgba(0, 0, 0, .15), 0 .1rem 3.2rem 0 rgba(0, 0, 0, .1);
    --border-radius-xs: 0.3rem;
    --border-radius-sm: 0.7rem;
    --border-radius-nm: 1.1rem;
    --border-radius-lg: 1.5rem;
    --border-radius-xl: 2.4rem;
    --border-radius-circle: 50% 50%;
    --spacing-1: 0.2rem;
    --spacing-2: 0.4rem;
    --spacing-3: 0.8rem;
    --spacing-4: 1.6rem;
    --spacing-5: 2.4rem;
    --spacing-6: 3.2rem;
    --spacing-7: 4rem;
    --spacing-8: 4.8rem;
    --spacing-9: 5.6rem;
    --spacing-10: 6.4rem
}

:where(input[type=button]),
:where(input[type=submit]),
:where(a[class*=f19-btn]),
:where(button) {
    --btn-min-height: 4.2rem;
    --btn-cl-text: var(--btn-cl-brand);
    --btn-cl-text-hover: #fff;
    --btn-cl-border: var(--btn-cl-brand);
    --btn-cl-border-hover: var(--btn-cl-brand);
    --btn-cl-background: transparent;
    --btn-cl-background-hover: var(--btn-cl-brand);
    --btn-padding-inline: 1em;
    --btn-padding-block: 0.5em;
    cursor: pointer;
    user-select: none;
    font: inherit;
    font-weight: 500
}

:where(input[type=button])[disabled],
:where(input[type=submit])[disabled],
:where(a[class*=f19-btn])[disabled],
:where(button)[disabled] {
    filter: grayscale(1);
    cursor: default
}

.f19-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: var(--btn-min-height);
    inline-size: max-content;
    max-inline-size: 100%;
    margin-block: 0;
    padding-inline: var(--btn-padding-inline);
    padding-block: var(--btn-padding-block);
    border-radius: .4rem;
    vertical-align: middle;
    display: inline-flex;
    place-content: center;
    place-items: center;
    flex-flow: row nowrap;
    gap: .45em;
    line-height: 1.3;
    color: var(--btn-cl-text);
    border: .1rem solid var(--btn-cl-border);
    background-color: var(--btn-cl-background)
}

.f19-btn.f19-btn--choice:has(f19-icon) {
    padding-inline-start: var(--btn-padding-block)
}

.f19-btn.type--segmented {
    --btn-cl-background-hover: var(--cl-brand-light-2);
    --btn-cl-border-hover: var(--cl-brand-light-2)
}

.f19-btn:where(a[href]):hover,
.f19-btn:where(a[href]):focus,
.f19-btn:hover:not(.is-selected):not(.is-current),
.f19-btn:focus-visible:not(.is-selected) {
    color: var(--btn-cl-text-hover);
    border-color: var(--btn-cl-border-hover);
    background-color: var(--btn-cl-background-hover);
    outline: none;
    text-decoration: none
}

.f19-btn:where(a[href]):hover :where(f19-icon[status]),
.f19-btn:where(a[href]):focus :where(f19-icon[status]),
.f19-btn:hover:not(.is-selected):not(.is-current) :where(f19-icon[status]),
.f19-btn:focus-visible:not(.is-selected) :where(f19-icon[status]) {
    color: inherit
}

.f19-btn:focus-visible:not(.is-selected) {
    outline-width: .2rem;
    outline-style: solid;
    outline-offset: .2rem
}

.f19-btn:focus-visible:not(.is-current):not(:hover) {
    text-decoration: 1px solid currentColor underline;
    outline-color: var(--btn-cl-text)
}

.f19-btn:active {
    transform: translateY(1px)
}

.f19-btn span {
    cursor: pointer
}

.f19-btn.style--secondary {
    --btn-cl-brand: var(--cl-brand-secondary)
}

.f19-btn.style--accent {
    --btn-cl-brand: var(--cl-brand-accent)
}

.f19-btn:where(.type--text) {
    --btn-cl-text: var(--cl-url);
    --btn-cl-text-hover: var(--cl-url-hover);
    --btn-cl-border: transparent;
    --btn-cl-border-hover: transparent;
    --btn-cl-background: transparent;
    --btn-cl-background-hover: transparent
}

.f19-btn:where(.type--filled),
.f19-btn.is-current,
.f19-btn.is-selected,
.selected>.f19-btn {
    --btn-cl-text: #fff;
    --btn-cl-text-hover: var(--btn-cl-brand);
    --btn-cl-border: transparent;
    --btn-cl-border-hover: var(--btn-cl-brand);
    --btn-cl-background: var(--btn-cl-brand);
    --btn-cl-background-hover: transparent
}

.f19-btn:where(.style--neutral) {
    --btn-cl-brand: var(--cl-message-neutral)
}

.f19-btn:where(.style--succes) {
    --btn-cl-brand: var(--cl-message-success)
}

.f19-btn:where(.style--warning) {
    --btn-cl-brand: var(--cl-message-warning)
}

.f19-btn:where(.style--danger) {
    --btn-cl-brand: var(--cl-message-danger)
}

.f19-btn:where(.type--icon) {
    --btn-cl-border: transparent;
    padding-inline: var(--btn-padding-block)
}

.f19-btn:where(.type--float) {
    --btn-cl-border: transparent;
    box-shadow: var(--box-shadow-sm)
}

.f19-btn:where(.style--format) {
    --btn-cl-text: #333;
    --btn-cl-border: rgba(0, 0, 0, 0.1);
    --btn-cl-border-hover: var(--cl-brand-accent);
    --btn-cl-background: rgba(0, 0, 0, 0.03);
    --btn-cl-background-hover: var(--cl-brand-accent)
}

.f19-btn:where(.style--format).active {
    --btn-cl-text: var(--btn-cl-text-hover);
    --btn-cl-border: var(--btn-cl-border-hover);
    --btn-cl-background: var(--btn-cl-background-hover)
}

.f19-btn:where(.type--paging) {
    --btn-padding-inline: 0.5em;
    --btn-padding-block: 0.25em;
    --btn-cl-text-hover: #fff;
    --btn-cl-border-hover: var(--cl-brand-light);
    --btn-cl-background-hover: var(--cl-brand-light);
    min-width: 3.6rem;
    min-height: 3.6rem;
    font-size: 1.4rem;
    font-weight: 600
}

f19-paging[size=xs] .f19-btn:where(.type--paging) {
    --btn-padding-inline: 0.2em;
    --btn-padding-block: 0.1em;
    min-inline-size: 2.8rem;
    min-block-size: 2.8rem;
    font-size: 1.3rem
}

f19-paging[size=sm] .f19-btn:where(.type--paging) {
    --btn-padding-inline: 0.35em;
    --btn-padding-block: 0.2em;
    min-inline-size: 3.2rem;
    min-block-size: 3.2rem
}

.f19-btn.size--sm {
    --btn-padding-inline: 0.8em;
    --btn-padding-block: 0.35em;
    --btn-min-height: 3.2rem;
    font-size: 1.5rem;
    letter-spacing: .01em
}

.f19-btn.size--sm:where(.type--icon) {
    min-inline-size: var(--btn-min-height);
    inline-size: auto
}

.f19-btn.size--xs {
    --btn-padding-inline: 0.5em;
    --btn-padding-block: 0.25em;
    --btn-min-height: 2.4rem;
    font-size: 1.4rem;
    font-weight: 550;
    letter-spacing: .015em
}

.f19-btn.size--xs:where(.type--icon) {
    min-inline-size: var(--btn-min-height);
    inline-size: auto
}

.f19-btn.size--xxs {
    --btn-padding-inline: 0;
    --btn-padding-block: 0;
    --btn-min-height: 1.6rem;
    letter-spacing: .02em
}

.f19-btn.size--xxs:where(.type--icon) {
    min-inline-size: var(--btn-min-height);
    inline-size: auto
}

.f19-btn.f19-btn-first f19-icon,
.f19-btn.f19-btn-prev f19-icon {
    transition: transform ease-in-out .15s
}

.f19-btn.f19-btn-first:focus f19-icon,
.f19-btn.f19-btn-first:hover f19-icon,
.f19-btn.f19-btn-prev:focus f19-icon,
.f19-btn.f19-btn-prev:hover f19-icon {
    transform: translateX(-0.25rem)
}

.f19-btn.f19-btn-last f19-icon,
.f19-btn.f19-btn-next f19-icon {
    transition: transform ease-in-out .15s
}

.f19-btn.f19-btn-last:focus f19-icon,
.f19-btn.f19-btn-last:hover f19-icon,
.f19-btn.f19-btn-next:focus f19-icon,
.f19-btn.f19-btn-next:hover f19-icon {
    transform: translateX(0.25rem)
}

.f19-btn[disabled]:not(.style--info),
.f19-btn.is-disabled:not(.style--info) {
    filter: grayscale(1);
    cursor: default;
    --btn-cl-text: rgba(0, 0, 0, 0.4);
    --btn-cl-text-hover: rgba(0, 0, 0, 0.4);
    --btn-cl-border: rgba(0, 0, 0, 0.2);
    --btn-cl-border-hover: rgba(0, 0, 0, 0.2);
    --btn-cl-background: rgb(220, 203, 232);
    --btn-cl-background-hover: rgb(220, 203, 232)
}

.f19-btn[disabled]:not(.style--info)[class*=channel--],
.f19-btn.is-disabled:not(.style--info)[class*=channel--] {
    cursor: pointer
}

.f19-btn[disabled]:not(.style--info):active,
.f19-btn.is-disabled:not(.style--info):active {
    cursor: not-allowed;
    transform: none
}

.f19-btn[disabled]:is(.style--info),
.f19-btn.is-disabled:is(.style--info) {
    cursor: default;
    --btn-cl-text-hover: rgba(0, 0, 0, 0.5);
    --btn-cl-border-hover: transparent;
    --btn-cl-background-hover: transparent
}

.f19-btn[disabled]:is(.style--info):active,
.f19-btn.is-disabled:is(.style--info):active {
    transform: none
}

.f19-btn[disabled]:is(.style--info):hover f19-icon,
.f19-btn.is-disabled:is(.style--info):hover f19-icon {
    color: inherit
}

.f19-buttons-segmented .f19-btn {
    display: inline-flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    border-radius: 0;
    margin-inline-start: -0.1rem
}

.f19-buttons-segmented .f19-btn:first-of-type {
    margin-left: 0;
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs)
}

.f19-buttons-segmented .f19-btn:last-of-type {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs)
}

.f19-buttons-segmented:has(.f19-btn-reset[hidden]) .f19-btn {
    border-radius: var(--border-radius-xs)
}

.f19-btn f19-icon,
.f19-btn svg,
.f19-btn i {
    pointer-events: none
}

.f19-btn-show-password {
    position: absolute;
    margin-inline: 0;
    margin-block: auto;
    inset-inline-end: .4em;
    inset-block-end: .55em
}

.table-submenu .f19-btn {
    --btn-cl-background: #fff;
    --btn-cl-background-hover: var(--btn-cl-brand)
}

.f-node {
    --node-cl-text: #333;
    --node-cl-border: var(--cl-brand-light-3);
    container-type: inline-size;
    container-name: fbmlnode;
    flex: 1 1 auto;
    position: relative;
    display: block;
    border: 1px solid var(--node-cl-border);
    border-radius: var(--spacing-3);
    inline-size: 100%;
    min-block-size: 4.2rem;
    color: var(--node-cl-text);
    transition-property: height, border-color, box-shadow, opacity, color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    scroll-margin-top: var(--spacing-4)
}

[alias=table]>.f-node,
[alias=heading]>.f-node,
[alias=paragraph]>.f-node {
    --node-cl-border: transparent
}

.f-node f-toolbox-group[type=name],
.f-node f-toolbox-group[type=action],
.f-node f-toolbox-group[type=sync-details],
.f-node f-toolbox-group[type=correct] {
    opacity: 0
}

.is-hovered>.f-node {
    --node-cl-border: var(--cl-brand-light-3)
}

.is-hovered>.f-node f-toolbox-group[type=name],
.is-hovered>.f-node f-toolbox-group[type=action],
.is-hovered>.f-node f-toolbox-group[type=sync-details],
.is-hovered>.f-node f-toolbox-group[type=correct] {
    opacity: 1
}

.f-fbml_compare-spacer {
    --spacer-height: 0px;
    block-size: var(--spacer-height)
}

.f-toolbar_footer {
    margin-inline-start: var(--spacing-7);
    margin-block-end: var(--spacing-3);
    display: none;
    padding-block: var(--spacing-1);
    padding-inline: var(--spacing-3);
    position: relative;
    font-size: 1.3rem;
    font-weight: 500
}

.f-toolbar_footer::before {
    content: "";
    inline-size: 1.4rem;
    block-size: 1.8rem;
    border-left: .2rem solid var(--cl-grey-light-2);
    border-bottom: .2rem solid var(--cl-grey-light-2);
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    transform: translateX(-100%);
    border-bottom-left-radius: var(--border-radius-xs)
}

[alias=image] .f-toolbar_footer:not(.is-collapsed .f-toolbar_footer),
[alias=video] .f-toolbar_footer:not(.is-collapsed .f-toolbar_footer),
[alias=chart] .f-toolbar_footer:not(.is-collapsed .f-toolbar_footer),
[alias=table] .f-toolbar_footer:not(.is-collapsed .f-toolbar_footer) {
    display: inline-flex
}

.f-toolbar_footer:empty+.f-toolbar_footer {
    margin-block-start: 1.6rem
}

.f19-node-fbml_label {
    order: -1;
    color: var(--cl-grey);
    cursor: default
}

.f19-node-fbml_label:hover,
.f19-node-fbml_label:focus {
    border-color: rgba(0, 0, 0, 0) !important
}

.f19-node-fbml_label f19-icon {
    pointer-events: none
}

.f-node_compare-change-deleted {
    background-color: #de4949
}

.f-node_compare-change-added {
    background-color: #91fe77
}

.f-node_compare-change-changed {
    background-color: #e8eef5
}

.f-node_compare-change-replaced {
    background-color: #fff1d9
}

.f-node_compare-change-moved {
    border-color: var(--cl-purple);
    border-style: dashed
}

.f-node_compare-change-metadatachanged {
    border-color: var(--cl-purple);
    border-style: dashed
}

[class*=f-inline_compare-change] {
    text-decoration-line: none
}

.f-inline_compare-change-added {
    background-color: #7df65f
}

.f-inline_compare-change-changed {
    background-color: #8fa4c0
}

.f-inline_compare-change-deleted {
    background-color: #f06b6b;
    text-decoration-line: line-through
}

.f-inline_compare-change-replaced {
    background-color: #ffd27a
}

.f-inline_compare-change-added,
.f-inline_compare-change-changed,
.f-inline_compare-change-deleted,
.f-inline_compare-change-replaced {
    border-radius: .15em;
    padding-inline: .12em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

.f19-area-list-item {
    position: relative
}

.f19-area-list-item.with-before::before {
    min-inline-size: 1.4em;
    content: var(--custom-content);
    position: absolute;
    inset-block-start: 1.2em;
    inset-inline-start: -2.25em;
    font-size: 1.2rem;
    font-weight: 600;
    color: currentColor;
    text-align: right
}

.f19-area-list-item.fbml-nested-list::before {
    content: none
}

.f19-node-fbml_area-list {
    padding-left: var(--spacing-4)
}

.f19-area-note {
    position: relative
}

.f19-area-note.with-before::before {
    min-inline-size: 1.4em;
    content: var(--custom-content);
    position: absolute;
    inset-block-start: 1.2em;
    inset-inline-start: -2.25em;
    font-size: 1.2rem;
    font-weight: 600;
    color: currentColor;
    text-align: right
}

.f19-node-fbml_note-list {
    padding-left: var(--spacing-4)
}

f-fbml>f-container>* {
    flex: 1 1 100%;
    display: block
}

f-fbml>f-container>*>:first-child {
    margin-block-start: 0
}

f-fbml>f-container>*>:last-child {
    margin-block-end: 0
}

f-fbml>f-container::part(node) {
    border: none !important
}

f-fbml>f-container::part(node_header_group) {
    display: none
}

f-fbml>f-container::part(node_content) {
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-3)
}

f-fbml>f-container::part(node_content)>:first-child {
    margin-block-start: 0
}

f-fbml>f-container::part(node_content)>:first-child>:first-child {
    margin-block-start: 0
}

f-fbml>f-container::part(node_content)>:last-child {
    margin-block-end: 0
}

f-fbml>f-container::part(node_content)>:last-child>:last-child {
    margin-block-end: 0
}

f-fbml h1,
f-fbml h2,
f-fbml h3,
f-fbml h4,
f-fbml h5,
f-fbml h6,
f-fbml p {
    margin-block: 0
}

f-container f-container::part(node_content),
f-area::part(node_content) {
    padding-block-start: var(--spacing-6)
}

f-area::part(node_content) {
    padding-inline-start: 2em
}

f-container::part(node_content) {
    display: flex;
    flex-flow: column nowrap;
    align-items: normal;
    justify-content: flex-start;
    gap: var(--spacing-3)
}

.f19-node-fbml_area-blockquote {
    margin: 0
}

f-container>*>:first-child {
    margin-block-start: 0
}

f-container>*>:last-child {
    margin-block-end: 0
}

f-toolbox-group[type=sync-details] {
    margin-inline-start: auto
}

.f-toolbar_message-container f19-feedback-message {
    border-radius: var(--border-radius-sm)
}

f-heading[level="1"] {
    margin-block: 0
}

.f-fbml-expand {
    inline-size: calc(100% - clamp(.8rem, 1.2vw, 1.6rem)*2);
    margin-inline: auto;
    display: block;
    position: relative;
    text-align: center
}

.f-fbml-expand:focus-within::before,
.f-fbml-expand:has(.f-fbml-expand_btn:hover)::before {
    background-color: var(--cl-grey-dark)
}

.f-fbml-expand::before {
    content: "";
    inline-size: 100%;
    block-size: .5rem;
    display: block;
    opacity: .6;
    border-radius: var(--border-radius-sm);
    background-color: var(--cl-message-neutral);
    z-index: 1;
    position: absolute;
    inset-inline: 0;
    inset-block-start: 50%;
    transform: translateY(-50%)
}

.f-fbml-expand_btn {
    z-index: 2;
    position: relative;
    background-color: #fff;
    box-shadow: var(--box-shadow-sm)
}

.f-fbml-expand_icon {
    transform: rotate(90deg)
}

.form-legacy input[type=checkbox] {
    inline-size: 2rem;
    block-size: 2rem;
    vertical-align: middle
}

.form-legacy input[type=checkbox]+label {
    margin-inline-start: .8rem
}

input[type=checkbox][disabled] {
    cursor: default
}

:where(f19-checkbox) {
    display: inline-flex;
    place-items: center;
    place-content: center;
    gap: .8rem;
    position: relative;
    isolation: isolate
}

:where(f19-checkbox)[count]::after {
    content: "[" attr(count) "]";
    display: inline-flex;
    margin-left: auto;
    color: var(--cl-grey-dark)
}

:where(f19-checkbox)[count=""]::after {
    display: none;
    content: none
}

:where(f19-checkbox)[label] {
    display: flex;
    place-items: center;
    place-content: flex-start
}

:where(f19-checkbox)[disabled] {
    cursor: default
}

.f19-checkbox_input-style {
    inline-size: 2.1rem;
    block-size: 2.1rem;
    aspect-ratio: 1/1;
    flex: 0 0 auto;
    background-color: #fff;
    position: relative;
    line-height: 1;
    contain: paint;
    border: .1rem solid var(--cl-grey-dark);
    border-radius: var(--border-radius-xs)
}

[disabled]>.f19-checkbox_input-style {
    border-color: var(--cl-grey-light)
}

[indeterminate] .f19-checkbox_input-style,
[checked] .f19-checkbox_input-style {
    border-color: rgba(0, 0, 0, 0)
}

.f19-checkbox_input-style:has(input:focus-visible) {
    outline: 1px solid var(--cl-input);
    outline-offset: .2rem
}

[size=sm]>.f19-checkbox_input-style,
.size--sm>.f19-checkbox_input-style {
    inline-size: 1.6rem;
    block-size: 1.6rem
}

.f19-checkbox_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    inline-size: 100%;
    block-size: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border-radius: var(--border-radius-xs);
    user-select: none
}

.f19-checkbox_input[checked],
[checked] .f19-checkbox_input,
.f19-checkbox_input:checked,
[indeterminate] .f19-checkbox_input,
.f19-checkbox_input:indeterminate {
    outline: none;
    border-color: var(--cl-input)
}

[disabled] .f19-checkbox_input,
.f19-checkbox_input[disabled] {
    border-color: var(--cl-grey-light)
}

[checked][disabled] .f19-checkbox_input,
.f19-checkbox_input[checked][disabled] {
    background-color: rgba(0, 0, 0, 0)
}

.f19-checkbox_input-check {
    inline-size: 100%;
    block-size: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    content: "";
    inline-size: calc(100% + .15rem);
    block-size: calc(100% + .15rem);
    margin: 0;
    padding: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    transition-delay: .05s;
    transition: clip-path ease-in-out .1s 0s, background-color ease-in-out .1s .05s;
    aspect-ratio: 1/1;
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 78% 0, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 78.1% 0, 0 0)
}

[checked] .f19-checkbox_input-check,
[indeterminate] .f19-checkbox_input-check,
input:checked+.f19-checkbox_input-check,
input:indeterminate+.f19-checkbox_input-check {
    background-color: var(--cl-input);
    transition: clip-path ease-in-out .1s .05s, background-color ease-in-out .1s 0s
}

[checked] .f19-checkbox_input-check,
input:checked+.f19-checkbox_input-check {
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 78.33% 0px, 86.33% 27.67%, 45.99% 74.33%, 39.34% 74.67%, 16.33% 54.33%, 27.67% 43%, 41.33% 56%, 73.66% 17.66%, 86.33% 28%, 78.67% 0px, 0px 0px)
}

[indeterminate] .f19-checkbox_input-check,
input:indeterminate+.f19-checkbox_input-check {
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 80% 0, 80% 60%, 80% 60%, 50% 60%, 20% 60%, 20% 40%, 50% 40%, 80% 40%, 80% 40%, 80% 0, 0 0)
}

[disabled] .f19-checkbox_input-check {
    --cl-input: var(--cl-grey-light);
    border-color: var(--cl-grey)
}

[disabled] .f19-checkbox_input-check::after {
    cursor: default;
    background-color: var(--cl-grey-light)
}

[disabled][checked] .f19-checkbox_input-check {
    background-color: var(--cl-input);
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 78.33% 0px, 86.33% 27.67%, 45.99% 74.33%, 39.34% 74.67%, 16.33% 54.33%, 27.67% 43%, 41.33% 56%, 73.66% 17.66%, 86.33% 28%, 78.67% 0px, 0px 0px)
}

.f19-checkbox_description {
    margin-inline: 0;
    margin-block: var(--spacing-3) 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

:where(.f19-form_item-component)>.f19-checkbox_description {
    inline-size: 100%
}

.f19-fragment {
    min-block-size: 4.2rem;
    max-block-size: 20rem;
    block-size: auto;
    margin: 0;
    padding: var(--spacing-3);
    display: block;
    overflow: auto;
    font-family: "InterV", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    background-color: #fff;
    border: 1px solid #a7b7c2;
    border-radius: var(--border-radius-xs)
}

.f19-fragment>*:first-child {
    margin-block-start: 0
}

.f19-fragment>*:last-child {
    margin-block-end: 0
}

.f19-fragment[disabled] {
    background-color: var(--cl-disabled-bg)
}

.f19-fragment h1 {
    font-size: clamp(2.2rem, 1.8vw, var(--fs-h1));
    font-weight: 400;
    line-height: 1.282;
    letter-spacing: -0.021em
}

.f19-fragment h2 {
    font-size: clamp(1.9rem, 1.5vw, var(--fs-h2));
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: -0.019em;
    margin-block-end: 1.6rem
}

.f19-fragment h3 {
    margin-block: 2.4rem .4rem;
    font-size: clamp(1.8rem, 1.5vw, var(--fs-h3));
    font-weight: 500;
    line-height: 1.358;
    letter-spacing: -0.018em
}

.f19-fragment h4 {
    margin-block: 1.2rem .4rem;
    font-size: clamp(1.6rem, 1.5vw, var(--fs-h4));
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.017em
}

.f19-fragment h5 {
    margin-block: 1.2rem .4rem;
    font-size: clamp(1.4rem, 1.5vw, var(--fs-h5));
    font-weight: 500;
    line-height: 1.39;
    letter-spacing: -0.014em
}

.f19-fragment h6 {
    margin-block: .8rem .2rem;
    font-size: clamp(1.3rem, 1.5vw, var(--fs-h6));
    font-weight: 500;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.006em
}

.f19-fragment p {
    margin-bottom: 3.2rem
}

.f19-fragment:focus {
    outline: none;
    border-color: var(--cl-url);
    box-shadow: 0 0 0 2px rgba(53, 155, 224, .4)
}

.f19-fragment--textarea {
    min-height: 160px;
    overflow: auto
}

:where(.label),
:where(label) {
    min-height: 2.4rem;
    margin-block: var(--spacing-1) var(--spacing-2);
    display: inline-flex;
    gap: var(--spacing-2);
    align-items: center;
    flex-flow: row nowrap;
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    font-size: clamp(1.3rem, 1.4vw, var(--fs-body))
}

.f19-browser_container .f19-table-list :where(.label),
.f19-browser_container .f19-table-list :where(label) {
    display: block
}

.f19-browser_container .f19-table-list :where(.label) br,
.f19-browser_container .f19-table-list :where(label) br {
    display: none
}

.f19-aside :where(.label),
.f19-aside :where(label) {
    --fs-body: 1.4rem
}

f19-checkbox>:where(.label),
.f19-checkbox>:where(.label),
f19-checkbox>:where(label),
.f19-checkbox>:where(label) {
    margin-block: 0
}

.f19-checkbox_label,
.f19-label {
    display: inline-flex;
    gap: var(--spacing-2);
    position: relative;
    user-select: none;
    cursor: pointer;
    flex: 1 1 auto
}

.is-disabled .f19-checkbox_label,
[disabled] .f19-checkbox_label,
.f19-checkbox_label[disabled],
.is-disabled .f19-label,
[disabled] .f19-label,
.f19-label[disabled] {
    opacity: .8;
    cursor: default
}

.form-legacy input[type=radio] {
    inline-size: 1.8rem;
    block-size: 1.8rem;
    vertical-align: middle
}

.form-legacy input[type=radio]+label {
    margin-inline-start: .8rem
}

.f19-radio {
    display: inline-flex;
    place-items: center;
    place-content: center;
    gap: .4rem;
    position: relative;
    isolation: isolate
}

.f19-radio[count]::after {
    content: "[" attr(count) "]";
    display: inline-flex;
    margin-inline-start: auto;
    color: var(--cl-grey-dark)
}

.f19-radio[count=""]::after {
    display: none;
    content: none
}

.f19-radio[label] {
    display: flex
}

.f19-radio_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    inline-size: 1.8rem;
    block-size: 1.8rem;
    padding: .3rem;
    border: .1rem solid var(--cl-grey-dark);
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 50% 50%;
    transform: translateZ(0px);
    transition: background-color ease-in-out .15s;
    transition-delay: .05s;
    cursor: pointer;
    aspect-ratio: 1/1;
    background-color: #fff;
    background-clip: content-box
}

[checked]>.f19-radio_input,
.f19-radio_input:checked {
    background-color: var(--cl-input)
}

[disabled]>.f19-radio_input,
.f19--disabled .f19-radio_input {
    cursor: default;
    padding: 0;
    border-color: var(--cl-disabled-txt);
    background-color: var(--cl-disabled-bg)
}

.f19-radio_label {
    position: relative;
    user-select: none;
    cursor: pointer;
    flex: 1 1 auto
}

[disabled] .f19-radio_label {
    color: var(--cl-disabled-txt)
}

.f19-radio-button-list_description {
    margin: 0 0 .8rem 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

f19-dropdown {
    display: block
}

f19-dropdown.f19--is-ie select {
    padding-right: 0
}

select {
    margin: .2rem 0;
    max-inline-size: 62rem;
    inline-size: 100%;
    display: block;
    padding-inline: .8em;
    padding-block: .5em;
    min-height: 4.2rem;
    border-radius: var(--border-radius-xs);
    border: 1px solid #a7b7c2;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background-color: #fff
}

f19-header select {
    max-width: 30rem
}

.f-c-todo-group_content select {
    max-width: 21rem
}

select[disabled] {
    background-color: var(--cl-disabled-bg)
}

select.size--sm {
    min-block-size: 3.2rem;
    padding-block: .35em;
    font-size: 1.5rem
}

select.size--xs {
    min-block-size: 2.4rem;
    padding-block: .25em;
    padding-inline: .5em;
    font-size: 1.4rem
}

select:focus {
    outline-width: 0;
    border-color: var(--cl-url);
    box-shadow: 0 0 0 2px rgba(53, 155, 224, .4)
}

select:focus-visible {
    outline-width: 1px
}

option {
    font-family: inherit;
    font-size: inherit
}

textarea {
    margin: .2rem 0;
    max-width: 100%;
    width: 100%;
    min-height: calc(4.8rem*2);
    padding-inline: .8em;
    padding-block: .65em .5em;
    display: block;
    border: 1px solid #a7b7c2;
    font-family: "InterV", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: inherit;
    font-weight: inherit;
    resize: vertical;
    border-radius: var(--border-radius-sm)
}

.f19-form--log textarea {
    font-size: clamp(1.2rem, 1.4vw, 1.6rem)
}

textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(53, 155, 224, .4);
    border-color: var(--cl-url)
}

textarea[disabled] {
    background-color: #f7f9fa
}

input,
.input {
    margin: var(--spacing-1) 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    background-color: #fff
}

input[disabled]:not(.f19-btn),
.input[disabled]:not(.f19-btn) {
    background-color: var(--cl-disabled-bg)
}

input::-ms-clear,
.input::-ms-clear {
    display: none
}

.form-legacy input input[type=checkbox]+label,
.form-legacy .input input[type=checkbox]+label {
    margin-inline-start: .8rem
}

.input.f19-fragment,
input[type=search],
input[type=text],
input[type=number],
input[type=password],
input[type=date],
input[type=email] {
    min-block-size: 4.2rem;
    inline-size: 100%;
    display: block;
    padding: var(--spacing-3);
    border-radius: var(--border-radius-xs);
    border: 1px solid var(--cl-grey-light)
}

.input.f19-fragment:hover,
input[type=search]:hover,
input[type=text]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=date]:hover,
input[type=email]:hover {
    border-color: var(--cl-grey)
}

.input.f19-fragment:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=email]:focus {
    outline: none;
    border-color: var(--cl-url);
    box-shadow: 0 0 0 2px var(--cl-brand-light)
}

.input.f19-fragment.size--md,
input[type=search].size--md,
input[type=text].size--md,
input[type=number].size--md,
input[type=password].size--md,
input[type=date].size--md,
input[type=email].size--md {
    min-block-size: 3.2rem;
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3)
}

.input.f19-fragment.size--sm,
input[type=search].size--sm,
input[type=text].size--sm,
input[type=number].size--sm,
input[type=password].size--sm,
input[type=date].size--sm,
input[type=email].size--sm {
    min-block-size: 2.4rem;
    padding-block: .6rem;
    padding-inline: var(--spacing-2)
}

.input.f19-fragment::internal-input-suggested,
input[type=search]::internal-input-suggested,
input[type=text]::internal-input-suggested,
input[type=number]::internal-input-suggested,
input[type=password]::internal-input-suggested,
input[type=date]::internal-input-suggested,
input[type=email]::internal-input-suggested {
    font-family: "InterV", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif
}

.input.f19-fragment::input-placeholder,
input[type=search]::input-placeholder,
input[type=text]::input-placeholder,
input[type=number]::input-placeholder,
input[type=password]::input-placeholder,
input[type=date]::input-placeholder,
input[type=email]::input-placeholder {
    font-family: "InterV", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif
}

.f19-color-group {
    margin-block: var(--spacing-3);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
    gap: var(--spacing-4)
}

.f19-color-group.f19-color-group--vertical {
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

f19-color {
    --selector-color: #000;
    max-width: 100%;
    min-height: 4.2rem;
    min-inline-size: 16rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4);
    flex: 0 0 auto;
    position: relative;
    z-index: 1
}

f19-color:hover .f19-label::before,
f19-color:focus-within .f19-label::before {
    transform: translateX(0.6rem);
    box-shadow: .3rem 0 .1rem 0 rgba(0, 0, 0, .15), .2rem .1rem .2rem 0 rgba(0, 0, 0, .1)
}

f19-color:hover .f19-color_style,
f19-color:focus-within .f19-color_style {
    border-width: .7rem;
    border-color: #fff
}

f19-color:hover .f19-color_feedback,
f19-color:focus-within .f19-color_feedback {
    display: block
}

f19-color:focus-within .f19-color_style {
    box-shadow: 0 0 .1rem .1rem rgba(0, 0, 0, .9)
}

f19-color .f19-label {
    flex: 1 1 auto
}

f19-color .f19-label::before {
    inline-size: 2rem;
    block-size: .7rem;
    margin-block: auto;
    position: absolute;
    inset-block: .1rem 0;
    inset-inline-start: -3.5rem;
    content: "";
    z-index: 2;
    border-radius: .3rem;
    background-color: var(--selector-color);
    transition: transform .15s cubic-bezier(0.63, 0.14, 0.43, 1.73), box-shadow .15s cubic-bezier(0.63, 0.14, 0.43, 1.73);
    box-shadow: .3rem 0 0rem 0 rgba(0, 0, 0, .1), .3rem 0rem .2rem 0 rgba(0, 0, 0, .05)
}

f19-color[color=unset] .f19-label::before {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.f19-color_visual {
    flex: 0 0 auto;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    border-radius: 50% 50%;
    place-content: center;
    place-items: center;
    position: relative;
    z-index: 1;
    isolation: isolate
}

.f19-color_unset {
    inline-size: max-content;
    position: absolute;
    inset-block-start: -2.4rem;
    margin-inline: auto;
    z-index: 10;
    cursor: pointer;
    color: #333;
    border-radius: 50% 50% 0 50%;
    display: inline-flex;
    place-content: center;
    place-items: center;
    border: .2rem solid hsla(0, 0%, 100%, .9);
    opacity: 0;
    contain: paint;
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 .1rem .1rem rgba(0, 0, 0, .3);
    transform: rotate(45deg)
}

.f19-color_unset:active {
    transform: rotate(45deg)
}

.f19-color_unset.is-hidden {
    visibility: hidden
}

.f19-color_unset f19-icon {
    transform: rotate(-45deg)
}

f19-color:hover .f19-color_unset,
f19-color:focus-within .f19-color_unset {
    opacity: 1;
    border-color: rgba(0, 0, 0, 0)
}

f19-color:hover .f19-color_unset f19-icon,
f19-color:focus-within .f19-color_unset f19-icon {
    transform: rotate(-45deg)
}

.f19-color_style,
.f19-color_input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.f19-color_style {
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    border-radius: 50% 50%;
    background-color: var(--selector-color, #333);
    border: .3rem solid hsla(0, 0%, 100%, .85);
    background-clip: content-box;
    box-shadow: var(--box-shadow-sm);
    transition: border-width .15s cubic-bezier(0.42, 0.09, 0.21, 1.51)
}

[color=unset] .f19-color_style {
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box;
    display: flex;
    place-content: center;
    place-items: center
}

.f19-color_input {
    appearance: none;
    opacity: .001;
    z-index: 2
}

.f19-color_description {
    margin: 0 0 .8rem 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

f19-range,
.f19-range {
    width: 100%
}

.f19-range_container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: .7rem;
    margin: 1.6rem auto 1.2rem auto
}

.f19-range_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 1 1 auto;
    width: 100%;
    height: .6rem;
    border-radius: .4rem;
    background-color: #359be0
}

.f19-range_input:hover,
.f19-range_input:focus {
    background-color: #359be0
}

.f19-range_input:hover::-webkit-slider-thumb,
.f19-range_input:focus::-webkit-slider-thumb {
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}

.f19-range_input:hover::-moz-range-thumb,
.f19-range_input:focus::-moz-range-thumb {
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}

.f19-range_input:focus-visible::-webkit-slider-thumb {
    border-color: rgba(0, 0, 0, .5)
}

.f19-range_input:focus-visible::-moz-range-thumb {
    border-color: rgba(0, 0, 0, .5)
}

.f19-range_input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border: 2px solid #359be0;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 50% 50%;
    background: #fff
}

.f19-range_input::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border: 2px solid #359be0;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 50% 50%;
    background: #fff
}

.f19-range_none,
.f19-range_current {
    display: block;
    margin: 0 auto;
    max-width: min-content;
    white-space: nowrap;
    font-weight: 500
}

.f19-range_none {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .025em;
    text-transform: uppercase
}

.f19-range_none::after,
.f19-range_none::before {
    content: "-";
    display: inline-block
}

.f19-range-min,
.f19-range-max {
    font-size: 1.2rem;
    flex: 0 0 auto
}

header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem
}

f19-icon {
    inline-size: 2.4rem;
    block-size: 2.4rem;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    fill: currentColor;
    line-height: 1;
    vertical-align: middle;
    flex: 0 0 auto
}

f19-icon[mirror=y] {
    transform: scale(-1, 1)
}

f19-icon[mirror=x] {
    transform: scale(1, -1)
}

f19-icon[mirror=yx],
f19-icon[mirror=xy] {
    transform: scale(-1, -1)
}

f19-icon[size=xs] {
    inline-size: 1.6rem;
    block-size: 1.6rem
}

f19-icon[size=sm] {
    inline-size: 2rem;
    block-size: 2rem
}

f19-icon[size=nm] {
    inline-size: 2.8rem;
    block-size: 2.8rem
}

f19-icon[size=lg] {
    inline-size: 3.2rem;
    block-size: 3.2rem
}

f19-icon[size=xl] {
    inline-size: 4.8rem;
    block-size: 4.8rem
}

f19-icon[status=locked] {
    color: var(--cl-message-danger)
}

f19-icon[status=completed] {
    color: var(--cl-message-success)
}

f19-icon[status=enabled],
f19-icon[status=inform] {
    color: var(--cl-blue-dark)
}

f19-icon[status=warning] {
    color: var(--cl-message-warning)
}

f19-icon[status=error] {
    color: var(--cl-message-danger)
}

f19-icon[status=incomplete] {
    color: var(--cl-message-incomplete)
}

f19-icon[status=disabled] {
    color: var(--cl-message-disabled)
}

f19-icon.on-closed {
    display: inline-flex
}

f19-icon.on-closed.is-open,
.is-open f19-icon.on-closed {
    display: none
}

f19-icon.type--float {
    background-color: var(--cl-island-background);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-sm)
}

f19-icon.on-open {
    display: none
}

f19-icon.on-open.is-open,
.is-open f19-icon.on-open {
    display: inline-flex
}

f19-icon use {
    pointer-events: none
}

.f19-icon_svg {
    inline-size: 100%;
    block-size: 100%
}

.f19-icon-group {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

figure {
    padding: 0;
    display: block;
    box-sizing: border-box
}

img {
    max-inline-size: 100%;
    margin: 0;
    border-style: none;
    box-sizing: content-box
}

svg {
    max-inline-size: 100%;
    border-style: none;
    box-sizing: content-box
}

svg:not(:root) {
    overflow: hidden
}

svg use {
    fill: currentColor;
    pointer-events: none
}

.f19-svg-icon {
    width: 2.4rem;
    height: 2.4rem
}

f19-badge {
    min-height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: .8rem;
    padding-right: .8rem;
    margin-left: .2rem;
    margin-right: .2rem;
    border-radius: 3px;
    border: .1rem solid var(--cl-brand-dark);
    color: var(--cl-brand-dark)
}

f19-badge span {
    font-size: 1.2rem;
    user-select: none;
    white-space: nowrap;
    max-width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.f19-loading {
    --loader-size: 1.5rem;
    min-block-size: 4rem;
    margin: .8rem auto;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    gap: var(--spacing-5)
}

.f19-loading:not([hidden]),
.f19-loading[hidden=false],
.f19-loading.is-loading {
    display: flex !important
}

.f19-loading.f19-loading--ontop {
    inline-size: 100%;
    block-size: 100%;
    margin: 0;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 100;
    background-color: hsla(0, 0%, 100%, .8)
}

.f19-browser_container .f19-loading.f19-loading--ontop,
f19-info-box .f19-loading.f19-loading--ontop {
    position: absolute
}

.f19-browser_container .f19-loading.f19-loading--ontop {
    inline-size: calc(100% + 1.6rem);
    block-size: calc(100% + 1.6rem);
    inset-block-start: -0.8rem;
    inset-inline-start: -0.8rem;
    border-radius: var(--border-radius-sm)
}

.f19-loading.f19-loading--popup {
    max-inline-size: 100%;
    min-inline-size: 20rem;
    inline-size: max-content;
    margin-inline: auto;
    margin-block: auto;
    padding: 2.4rem;
    border-radius: .4rem;
    background-color: hsla(0, 0%, 100%, .95)
}

.f19-loading.size--sm {
    min-block-size: 3.2rem;
    margin: .2rem auto
}

.f19-loading.size--sm.f19-loading--ontop {
    margin: 0 auto
}

.f19-loading_animation {
    inline-size: calc(var(--loader-size)*1.8);
    aspect-ratio: 1;
    position: relative;
    transform: translateZ(1px)
}

.size--sm .f19-loading_animation {
    --loader-size: 0.9rem
}

.f19-loading_animation .size--lg {
    --loader-size: 2.2rem
}

.f19-loading_animation:before,
.f19-loading_animation:after {
    content: "";
    position: absolute;
    border-radius: var(--loader-size);
    box-shadow: 0 0 0 3px inset var(--cl-loader);
    animation: l4 2.5s infinite
}

.f19-loading_animation:after {
    animation-delay: -1.25s
}

@keyframes l4 {
    0% {
        inset: 0 var(--loader-size) var(--loader-size) 0
    }

    12.5% {
        inset: 0 var(--loader-size) 0 0
    }

    25% {
        inset: var(--loader-size) var(--loader-size) 0 0
    }

    37.5% {
        inset: var(--loader-size) 0 0 0
    }

    50% {
        inset: var(--loader-size) 0 0 var(--loader-size)
    }

    62.5% {
        inset: 0 0 0 var(--loader-size)
    }

    75% {
        inset: 0 0 var(--loader-size) var(--loader-size)
    }

    87.5% {
        inset: 0 0 var(--loader-size) 0
    }

    100% {
        inset: 0 var(--loader-size) var(--loader-size) 0
    }
}

.f19-loading_logo {
    flex: 1 1 100%;
    margin: 0 0 1.6rem 0;
    text-align: center
}

.f19-loading_logo img {
    margin: 0
}

.f19-loading_img {
    max-inline-size: 100%;
    inline-size: 5rem;
    max-block-size: 5rem;
    color: var(--cl-url)
}

.size--sm>.f19-loading_img {
    inline-size: 2.8rem;
    max-block-size: 2.8rem
}

.f19-loading_message,
.f19-loading_label {
    max-inline-size: 46ch;
    margin: 0;
    font-weight: 500;
    color: var(--cl-brand-dark);
    text-align: left
}

.f19-loading_message {
    font-size: 1.6rem
}

.f19-loading_label {
    font-size: 1.4rem;
    max-inline-size: 44ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.size--sm>.f19-loading_label {
    font-size: 1.2rem
}

f19-status-indicator {
    block-size: 2.4rem;
    inline-size: 2.4rem;
    line-height: 1;
    display: inline-flex;
    place-content: center;
    place-items: center;
    vertical-align: middle;
    border-radius: var(--border-radius-md)
}

f19-status-indicator[status=pending] {
    color: #e6ae0b
}

f19-status-indicator[status=warning] {
    color: #e6ae0b
}

f19-status-indicator[status=problem] {
    color: #d40d1d
}

f19-status-indicator[status=success] {
    color: #37a04f
}

f19-status-indicator[status=neutral] {
    color: #11afc7
}

f19-status-indicator[status=unlocked] {
    color: #f7f9fa
}

f19-status-indicator[status=invite] {
    color: #e6ae0b
}

f19-status-indicator[status=lock] {
    color: #d40d1d
}

f19-status-indicator[status=pass-expired] {
    color: #e6ae0b
}

f19-status-indicator[status=readonly] {
    color: var(--cl-grey-dark)
}

f19-status-indicator[status=user-absent] {
    color: var(--cl-grey-dark)
}

f19-content-indicator {
    max-inline-size: 100%;
    inline-size: max-content;
    display: inline-flex;
    place-content: center;
    place-items: center;
    vertical-align: middle;
    gap: var(--spacing-2);
    padding-inline: 1.6rem;
    padding-block: 1.2rem;
    margin-block: 1.2rem;
    color: #fff;
    font-weight: 500;
    border-radius: 5rem;
    border: 1px solid var(--cl-brand-dark);
    background-color: var(--cl-brand-dark)
}

f19-content-indicator:first-child {
    margin-block-start: 0
}

f19-content-indicator:last-child {
    margin-block-end: 0
}

f19-content-indicator[status=pending] {
    color: #856404;
    background-color: #fff3cd
}

f19-content-indicator[status=progress] {
    color: var(--cl-brand-dark);
    background-color: var(--cl-progress);
    animation: indicator-progress 1s ease 1 both;
    transition: all ease .8s
}

f19-content-indicator[status=updated] {
    animation: indicator-updated 1s ease 1 both;
    transition: all ease .8s
}

@keyframes indicator-updated {
    75% {
        opacity: 1;
        color: var(--cl-brand-dark);
        background-color: var(--cl-progress);
        transform: translateY(0%)
    }

    100% {
        opacity: 0;
        transform: translateY(-150%)
    }
}

@keyframes indicator-progress {
    100% {
        opacity: 0
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    --fs-h1: 3.2rem;
    --fs-h2: 2.4rem;
    --fs-h3: 2.2rem;
    --fs-h4: 1.8rem;
    --fs-h5: 1.6rem;
    --fs-h6: 1.4rem;
    margin-block: var(--spacing-1) var(--spacing-5);
    font-weight: 500;
    line-height: 1.4;
    flex: 0 1 auto;
    color: var(--cl-headings);
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word
}

h1 {
    font-size: clamp(2.2rem, 1.8vw, var(--fs-h1));
    font-weight: 400;
    line-height: 1.282;
    letter-spacing: -0.021em
}

[id=fbml-header] h1 {
    font-weight: 300
}

h2 {
    font-size: clamp(1.9rem, 1.5vw, var(--fs-h2));
    line-height: 1.42;
    letter-spacing: -0.019em
}

h3 {
    margin-block: var(--spacing-5) var(--spacing-2);
    font-size: clamp(1.8rem, 1.5vw, var(--fs-h3));
    line-height: 1.358;
    letter-spacing: -0.018em
}

h4 {
    margin-block: var(--spacing-4) var(--spacing-2);
    font-size: clamp(1.6rem, 1.5vw, var(--fs-h4));
    line-height: 1.4;
    letter-spacing: -0.017em
}

h5 {
    margin-block: var(--spacing-4) var(--spacing-2);
    font-size: clamp(1.4rem, 1.5vw, var(--fs-h5));
    line-height: 1.39;
    letter-spacing: -0.014em
}

h6 {
    margin-block: var(--spacing-3) var(--spacing-1);
    font-size: clamp(1.3rem, 1.5vw, var(--fs-h6));
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.006em
}

:where(a[href]) {
    color: var(--cl-url);
    cursor: pointer;
    text-decoration: none;
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

:where(a[href]):focus,
:where(a[href]):hover {
    color: var(--cl-url-hover);
    outline: none;
    text-decoration: underline
}

:where(a[href]):focus-visible:not(:hover) {
    outline: auto;
    text-decoration: 1px solid currentColor underline
}

:where(a[href]) mark {
    text-decoration: underline;
    color: inherit;
    background-color: inherit
}

p {
    max-width: 76rem;
    margin-block: 0 var(--spacing-6);
    color: inherit;
    letter-spacing: -0.014em;
    line-height: 1.43;
    font-weight: 450
}

.mce-content-body p {
    max-width: none
}

f19-user-avatar {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    place-items: center;
    place-content: center;
    border-radius: 50% 50%;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1;
    text-align: center;
    border: .2rem solid #fff;
    background-color: var(--cl-brand-light-5);
    color: var(--cl-brand-light);
    background-size: cover;
    box-shadow: inset 0 2px 6px 2px rgba(0, 0, 0, .2);
    border-style: solid;
    background-clip: content-box
}

f19-user-avatar:not(.avatar-btn) {
    cursor: default
}

f19-user-avatar[color="1"] {
    background-color: #85e4f9;
    color: rgb(2.3671875, 39.84765625, 48.1328125)
}

f19-user-avatar[color="2"] {
    background-color: #27a1bb;
    color: hsl(190.5405405405, 65.4867256637%, 109.3137254902%)
}

f19-user-avatar[color="3"] {
    background-color: #6ab552;
    color: hsl(105.4545454545, 40.0809716599%, -13.431372549%)
}

f19-user-avatar[color="4"] {
    background-color: #117b43;
    color: rgb(221.175, 250.325, 234.925)
}

f19-user-avatar[color="5"] {
    background-color: #e4d500;
    color: hsl(56.0526315789, 100%, -20.2941176471%)
}

f19-user-avatar[color="6"] {
    background-color: #966924;
    color: hsl(36.3157894737, 61.2903225806%, 101.4705882353%)
}

f19-user-avatar[color="7"] {
    background-color: #ffcec7;
    color: rgb(122.5, 15.3125, 0)
}

f19-user-avatar[color="8"] {
    background-color: #c30000;
    color: hsl(0, 100%, 103.2352941176%)
}

f19-user-avatar[color="9"] {
    background-color: #ff5cff;
    color: rgb(15.5, 0, 15.5)
}

f19-user-avatar[color="10"] {
    background-color: indigo;
    color: rgb(234.4807692308, 206.5, 255)
}

f19-user-avatar[size=sm] {
    width: 2.4rem;
    height: 2.4rem;
    font-size: .9rem
}

f19-user-avatar[size=md] {
    width: 4.8rem;
    height: 4.8rem;
    font-size: 1.2rem
}

f19-user-avatar[size=lg] {
    width: 6.4rem;
    height: 6.4rem;
    font-size: 4.2rem
}

f19-user-avatar[size=xl] {
    width: 12.8rem;
    height: 12.8rem;
    font-size: 4.2rem
}

f19-user-avatar[size=xxl] {
    width: 18rem;
    height: 18rem;
    font-size: 7.1rem
}

pre {
    max-width: 112rem;
    width: 100%;
    overflow: auto;
    position: relative
}

@media screen and (max-width: 1600px) {
    pre {
        max-width: 95rem
    }
}

@media screen and (max-width: 1400px) {
    pre {
        max-width: 72rem
    }
}

@media screen and (max-width: 1200px) {
    pre {
        max-width: 50rem
    }
}

@media screen and (max-width: 1000px) {
    pre {
        max-width: 37rem
    }
}

@media screen and (max-width: 800px) {
    pre {
        max-width: 30rem
    }
}

@media screen and (max-width: 768px) {
    pre {
        max-width: 100vw
    }
}

kbd,
code {
    font-family: "Fira Code", monospace;
    font-size: 1.3rem;
    font-weight: 450;
    position: relative
}

kbd:not(.hljs),
code:not(.hljs) {
    margin-block: .1rem;
    padding: .4rem .8rem;
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.5;
    border: .1rem solid #c8c8c8;
    border-radius: .3rem;
    background-color: #f0f0f0
}

.f19-main-wrapper--cg kbd:not(.hljs),
.f19-main-wrapper--cg code:not(.hljs) {
    line-height: 1;
    font-size: 1.2rem;
    text-align: center
}

kbd.is-copied,
code.is-copied {
    animation: flicker .4s ease alternate;
    animation-iteration-count: 2
}

.code-preview {
    white-space: pre-wrap;
    width: 100%
}

.f19-draghandler {
    min-height: 100%;
    min-width: 2rem;
    width: auto;
    cursor: move;
    cursor: grab;
    position: relative;
    align-self: stretch;
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    color: rgba(0, 22, 137, .075)
}

f19-node:hover .f19-draghandler {
    color: var(--cl-grey-dark)
}

.ghost .f19-draghandler,
.f19-draghandler:active {
    opacity: .4
}

.f19-error-code {
    max-width: 128rem;
    width: 100%;
    overflow: auto;
    margin-block: .8rem
}

.f19-seperator::before {
    content: "-";
    display: inline-flex
}

.f19-seperator--list {
    margin-inline: .2rem .8rem
}

.f19-seperator--list::before {
    content: ", ";
    font-weight: 600
}

.sr-only:not(:focus):not(:focus-within) {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.f19-version {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end
}

.f19-button-group {
    display: inline-flex;
    justify-content: flex-start;
    flex-grow: 1;
    gap: .8rem
}

.f19-button-group.orient--vertical {
    flex: 0 0 auto;
    display: inline-flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center
}

.f19-button-group.size--sm {
    gap: var(--spacing-1)
}

.f19-button-group.size--md {
    gap: var(--spacing-3)
}

.f19-button-group.size--lg {
    gap: var(--spacing-5)
}

.f19-button-group.f19-button-group--float {
    padding: .2em;
    background-color: var(--cl-island-background);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-sm)
}

.f19-button-group.f19-button-group--end {
    display: flex;
    justify-content: flex-end
}

.f19-button-group.f19-button-group--center {
    display: flex;
    justify-content: center
}

.f19-button-group.f19-button-group--between {
    display: flex;
    justify-content: space-between
}

.f19-button-group.f19-button-group--sticky {
    padding-block: var(--spacing-2);
    position: sticky;
    top: 0;
    border-bottom: .1rem solid var(--cl-brand-light-4)
}

.f19-button-group.f19-button-group--actions {
    flex-direction: column;
    gap: var(--spacing-3) var(--spacing-4);
    align-items: flex-end
}

.f19-button-group.f19-button-group--actions .f19-header_content-actions,
.f19-button-group.f19-button-group--actions .f19-header_page-actions {
    flex: 0 0 auto
}

.f19-button-group:empty {
    margin: 0;
    display: none
}

@media only screen and (max-width: 102.4rem) {
    .f19-button-group {
        flex-wrap: wrap
    }
}

f19-scrollto {
    position: relative;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity ease-in-out .2s
}

f19-scrollto[fixed] {
    position: fixed;
    z-index: 105
}

f19-scrollto[direction=up][fixed] {
    bottom: 4.2rem
}

f19-scrollto[direction=up][fixed][horizontal] {
    right: var(--spacing-8);
    bottom: 1.2rem
}

f19-scrollto[direction=down][fixed] {
    bottom: .6rem
}

f19-scrollto[direction=down][fixed][horizontal] {
    right: var(--spacing-4);
    bottom: 1.2rem
}

f19-scrollto.is-visible {
    pointer-events: all;
    opacity: 1
}

.f19-buttons-segmented {
    display: inline-flex;
    place-content: center;
    place-items: stretch;
    flex-flow: row nowrap;
    gap: 0
}

.f19-buttons-segmented.f19-buttons-segmented--wrap {
    flex-wrap: wrap
}

.f19-buttons-segmented.f19-buttons-segmented--start {
    justify-content: flex-start
}

.f19-buttons-segmented.f19-buttons-segmented--end {
    justify-content: flex-end
}

.f19-buttons-segmented.f19-buttons-segmented--between {
    justify-content: space-between
}

.f19-buttons-segmented.f19-buttons-segmented--stretch {
    justify-content: stretch
}

.f19-buttons-segmented.f19-buttons-segmented--stretch :where(.f19-btn) {
    flex: 1 1 auto
}

.internal-link-picker .f19-buttons-segmented .f19-btn {
    font-size: 1.3rem
}

f19-cards,
.f19-cards {
    --card-size: 15rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--card-size), 1fr));
    gap: 1.2rem
}

f19-cards.f19-cards--thumbnails,
.f19-cards.f19-cards--thumbnails {
    --card-size: 12rem;
    max-height: 36rem;
    overflow-y: scroll
}

.article-property f19-cards,
.article-property .f19-cards {
    --card-size: 6rem
}

f19-card,
.f19-card {
    padding: 0;
    background-color: #fff;
    display: inline-flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.6rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-radius: .4rem;
    overflow: hidden;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    transition: border ease-in-out .12s, box-shadow ease-in-out .12s, transform ease-in-out .12s;
    transform-origin: bottom center;
    will-change: transform, box-shadow, border
}

.f19-cards--images f19-card,
.f19-cards--images .f19-card {
    padding: 0;
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box
}

f19-card.f19--is-selected,
f19-card.selected,
f19-card:focus-visible,
f19-card:hover,
.f19-card.f19--is-selected,
.f19-card.selected,
.f19-card:focus-visible,
.f19-card:hover {
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0);
    transform: translateY(-0.2rem);
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1)
}

f19-card.f19--is-selected svg,
f19-card.selected svg,
f19-card:focus-visible svg,
f19-card:hover svg,
.f19-card.f19--is-selected svg,
.f19-card.selected svg,
.f19-card:focus-visible svg,
.f19-card:hover svg {
    color: var(--cl-url)
}

f19-card.f19--is-selected,
f19-card.selected,
.f19-card.f19--is-selected,
.f19-card.selected {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1), 0 0 0 .4rem var(--cl-url)
}

f19-card:active,
.f19-card:active {
    border-color: rgba(0, 0, 0, 0);
    transform: translateY(-0.1rem);
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1), 0 0 0 .2rem var(--cl-url)
}

.f19-card_label {
    width: 100%;
    margin: 0;
    padding: 1.2rem;
    font-size: 1.5rem;
    font-weight: 450;
    text-align: center;
    background-color: rgba(0, 22, 137, .075);
    overflow: hidden
}

.f19-card_visual {
    width: 100%;
    margin: auto;
    padding: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1
}

.f19-cards--charts .f19-card_visual {
    max-width: 9.6rem
}

.f19-card_image {
    max-width: 100%;
    max-height: 100%;
    min-height: 100%;
    display: block;
    margin: 0 auto;
    background: no-repeat center rgba(0, 0, 0, 0);
    background-size: contain
}

.f19-cards--charts .f19-card_image {
    width: 100%;
    height: 100%
}

.f19-cards--thumbnails .f19-card_image {
    min-height: 0
}

.f19-card_image .f19-svg-icon {
    width: 100%;
    height: 100%
}

.f19-card_image.type--donut {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_donut.svg")
}

.f19-card_image.type--bar {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_bars.svg")
}

.f19-card_image.type--pie {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_pie.svg")
}

.f19-card_image.type--line {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_line.svg")
}

.f19-card_image.type--column {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_columns.svg")
}

.f19-card_image.type--spider {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_spider.svg")
}

.f19-card_image.type--area {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_area.svg")
}

.f19-card_image.type--stackedbar,
.f19-card_image.type--stackedbarpercent {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_bars-stacked.svg")
}

.f19-card_image.type--stackedcolumn,
.f19-card_image.type--stackedcolumnpercent {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_columns-stacked.svg")
}

.f19-card_image.type--dualcolumn {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_columns-dual.svg")
}

.f19-card_image.type--dualcolumnline {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_columns-dual-line.svg")
}

.f19-card_image.type--stackedarea,
.f19-card_image.type--stackedareapercent {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_area-stacked.svg")
}

.f19-card_image.type--waterfall {
    background-image: url("/files.ashx/res/F19.UI/assets/dist/svg/fb-chart_waterfall-1.svg")
}

.f19-image-item,
f19-image-item {
    min-height: 8.4rem;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform ease-out .05s;
    transform-origin: center center;
    transition: border ease-in-out .12s, box-shadow ease-in-out .12s, transform ease-in-out .12s;
    transform-origin: bottom center;
    will-change: transform, box-shadow, border;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box;
    background-clip: padding-box
}

@media(max-width: 64rem) {

    .f19-image-item,
    f19-image-item {
        min-height: 5rem
    }
}

.f19-image-item.f19--is-selected,
.f19-image-item:focus-visible,
.f19-image-item:hover,
f19-image-item.f19--is-selected,
f19-image-item:focus-visible,
f19-image-item:hover {
    cursor: pointer;
    border-color: rgba(0, 0, 0, .3);
    transform: translateY(-0.2rem);
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1)
}

.f19-image-item.f19--is-selected.f19-image-item--detail,
.f19-image-item:focus-visible.f19-image-item--detail,
.f19-image-item:hover.f19-image-item--detail,
f19-image-item.f19--is-selected.f19-image-item--detail,
f19-image-item:focus-visible.f19-image-item--detail,
f19-image-item:hover.f19-image-item--detail {
    transform: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, .08);
    cursor: default
}

.f19-image-item:focus,
.f19-image-item:focus-within,
f19-image-item:focus,
f19-image-item:focus-within {
    z-index: 2
}

.f19-image-item.f19--is-selected,
f19-image-item.f19--is-selected {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1), 0 0 0 .4rem var(--cl-url)
}

.f19-image-item:active,
f19-image-item:active {
    border-color: rgba(0, 0, 0, 0);
    transform: translateY(-0.1rem);
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1), 0 0 0 .2rem var(--cl-url)
}

.f19-image-item:active.f19-image-item--detail,
f19-image-item:active.f19-image-item--detail {
    transform: none;
    box-shadow: none
}

.f19-image-item.f19-image-item--detail,
f19-image-item.f19-image-item--detail {
    min-inline-size: 14rem;
    max-width: 100%;
    min-height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    border-radius: var(--border-radius-nm);
    border: 1px solid var(--cl-grey-light);
    border-bottom: 1px solid #dde4ea;
    padding: 0;
    overflow: visible;
    background: none
}

.f19-image-item.f19-image-item--detail .f19-image-item_preview,
f19-image-item.f19-image-item--detail .f19-image-item_preview {
    flex: 0 0 auto;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: calc(var(--border-radius-nm) - .1rem) calc(var(--border-radius-nm) - .1rem) 0 0;
    overflow: hidden;
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box
}

.f19-image-item.f19-image-item--detail .f19-image-item_options,
f19-image-item.f19-image-item--detail .f19-image-item_options {
    margin: 0;
    padding: var(--spacing-2) var(--spacing-3)
}

.f19-image-item.f19-image-item--detail .f19-image-item_options--top,
f19-image-item.f19-image-item--detail .f19-image-item_options--top {
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 100;
    background-color: hsla(0, 0%, 100%, .85);
    border-bottom: 1px solid hsla(0, 0%, 100%, .7);
    box-shadow: 1px 2px 0px -1px rgba(0, 0, 0, .1);
    border-radius: calc(var(--border-radius-nm) - .1rem) calc(var(--border-radius-nm) - .1rem) 0 0
}

.f19-image-item.f19-image-item--detail .f19-image-item_preview-img,
f19-image-item.f19-image-item--detail .f19-image-item_preview-img {
    inline-size: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 200/150;
    display: block;
    margin-inline: auto;
    margin-block: 0;
    cursor: zoom-in;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0
}

.f19-image-item.f19-image-item--detail .f19-image-item_warning,
f19-image-item.f19-image-item--detail .f19-image-item_warning {
    margin-inline-start: auto;
    position: relative;
    inset: auto;
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0)
}

.f19-image-item .article-teaser,
f19-image-item .article-teaser {
    min-height: 6rem
}

.f19-image-item label,
f19-image-item label {
    display: none;
    width: 100%;
    margin: 0 0 -0.1rem 0;
    padding: .8rem .4rem;
    flex: 0 0 auto;
    font-size: 1.2rem;
    border-top: .1rem solid rgba(0, 22, 137, .075);
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

.f19-image-item .f19-image-item_warning,
f19-image-item .f19-image-item_warning {
    position: absolute;
    inset-block-end: .5rem;
    inset-inline-end: .5rem;
    border-radius: var(--border-radius-xs);
    box-shadow: var(--box-shadow-xs);
    background-color: hsla(0, 0%, 100%, .9)
}

.f19-image-item .f19-image-item_options,
f19-image-item .f19-image-item_options {
    margin-block-start: .2rem;
    margin-block-end: .2rem;
    display: flex;
    flex: 0 0 auto;
    min-height: 2rem;
    width: 100%;
    padding: 0 1rem;
    gap: .4rem;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.f19-image-item .f19-image-item_options f19-checkbox,
f19-image-item .f19-image-item_options f19-checkbox {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.f19-image-item .f19-image-item_options f19-action-list,
f19-image-item .f19-image-item_options f19-action-list {
    display: inline-block;
    vertical-align: middle
}

.f19-image-item .f19-image-item_options .f19-image-item_linked,
f19-image-item .f19-image-item_options .f19-image-item_linked {
    margin-inline-start: auto
}

.f19-image-item .f19-image-item_options .f19-image-item_linked,
.f19-image-item .f19-image-item_options .f19-image-item_date,
f19-image-item .f19-image-item_options .f19-image-item_linked,
f19-image-item .f19-image-item_options .f19-image-item_date {
    cursor: help;
    color: var(--cl-grey-dark);
    justify-self: flex-end
}

.f19-image-item .f19-image-item_options .f19-image-item_linked:hover,
.f19-image-item .f19-image-item_options .f19-image-item_date:hover,
f19-image-item .f19-image-item_options .f19-image-item_linked:hover,
f19-image-item .f19-image-item_options .f19-image-item_date:hover {
    color: #333
}

.f19-image-item .f19-image-item_options .f19-image-item_filesize,
f19-image-item .f19-image-item_options .f19-image-item_filesize {
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--cl-grey-dark)
}

.f19-image-item .f19-image-item_options .f19-image-item_filesize:hover,
f19-image-item .f19-image-item_options .f19-image-item_filesize:hover {
    color: #333
}

.f19-image-item_details {
    flex: 1 1 auto;
    position: relative;
    margin-block: var(--spacing-2) var(--spacing-3);
    padding: var(--spacing-3);
    font-size: 1.2rem;
    font-weight: 450;
    border-bottom: .1rem solid var(--cl-grey-light-2);
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: var(--spacing-3)
}

.f19-image-item--detail .f19-image-item_details {
    margin: 0;
    padding: clamp(.8rem, .8vw, 1.6rem)
}

.f19-image-item_details .f19-image-item_title {
    font-weight: 500;
    max-inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.f19-image-item_attached {
    flex: 0 0 auto;
    min-block-size: 2.2rem;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: var(--spacing-2)
}

.f19-image-item_attached-link {
    --cl-url: #2774A8;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: max-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.f19-image-item_attached-link:last-of-type::after {
    content: none;
    display: none
}

.f19-image-item_attached-title {
    display: block;
    font-weight: 700;
    flex: 1 1 100%
}

.f19-image-item_img {
    max-inline-size: 100%;
    max-block-size: 9rem;
    margin: auto;
    display: block
}

f19-popup-body .f19-image-item_img {
    max-block-size: 15rem
}

f19-map-card {
    width: 100%;
    display: inline-block;
    position: relative;
    background: #f7f9fa
}

.f19-map-card_content {
    padding: 1.6rem
}

.f19-map-card_content h2 {
    margin-top: 0
}

.f19-map-card_link-list {
    list-style: none;
    margin: 0 0 1.6rem;
    padding: 0
}

.f19-map-card_link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 2.4rem
}

.f19-map-card_count {
    color: var(--cl-brand-dark)
}

f19-labeled-checkbox {
    display: flex;
    align-items: center;
    gap: .8rem
}

f19-labeled-checkbox[count]::after {
    content: "[" attr(count) "]";
    display: inline-flex;
    margin-left: auto;
    color: var(--cl-grey-dark)
}

f19-labeled-checkbox[count=""]::after {
    display: none;
    content: none
}

f19-labeled-dropdown {
    flex: 1 1 auto;
    display: block
}

f19-labeled-dropdown label {
    font-weight: 500;
    margin-bottom: .4rem;
    user-select: none
}

f19-labeled-dropdown .f19-dropdown_description {
    margin: 0 0 .8rem 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

f19-labeled-dropdown f19-info {
    height: unset
}

f19-labeled-dropdown[tooltip] {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start
}

f19-labeled-dropdown[tooltip] f19-info {
    flex: 0 0 auto
}

f19-labeled-dropdown[tooltip] label {
    flex: 0 1 auto
}

f19-labeled-dropdown[tooltip] f19-dropdown {
    flex: 1 1 100%
}

.f19-labeled-field,
f19-labeled-field {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    place-items: flex-start;
    position: relative;
    gap: 0
}

.f19-labeled-field label,
f19-labeled-field label {
    font-weight: 500;
    user-select: none
}

.f19-labeled-field .f19-labeled-text-field_description,
f19-labeled-field .f19-labeled-text-field_description {
    margin: 0 0 .8rem 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

.f19-labeled-field[tooltip],
f19-labeled-field[tooltip] {
    position: relative
}

.f19-labeled-field[tooltip] f19-info,
f19-labeled-field[tooltip] f19-info {
    flex: 0 0 auto
}

.f19-labeled-field[tooltip] label,
f19-labeled-field[tooltip] label {
    flex: 0 1 auto
}

.f19-labeled-field[tooltip] input,
f19-labeled-field[tooltip] input {
    flex: 1 1 100%
}

.f19-labeled-fragment {
    display: block;
    margin-block-end: var(--spacing-3)
}

.f19-labeled-fragment:not([class*=col]) {
    inline-size: 100%
}

.f19-labeled-fragment .f19-labeled-fragment_description {
    margin: 0 0 var(--spacing-3) 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

f19-labeled-radio-button {
    display: flex;
    align-items: center;
    gap: .8rem
}

f19-labeled-radio-button[count]::after {
    content: "[" attr(count) "]";
    display: inline-flex;
    margin-left: auto;
    color: var(--cl-grey-dark)
}

f19-labeled-radio-button[count=""]::after {
    display: none;
    content: none
}

f19-labeled-range {
    flex: 1 1 auto;
    display: block
}

f19-labeled-range label {
    font-weight: 500;
    margin-bottom: .4rem;
    user-select: none
}

f19-labeled-range .f19-labeled-range_description {
    margin: 0 0 .8rem 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

f19-labeled-range f19-info {
    height: unset
}

f19-labeled-range[tooltip] {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start
}

f19-labeled-range[tooltip] f19-info {
    flex: 0 0 auto
}

f19-labeled-range[tooltip] label {
    flex: 0 1 auto
}

f19-labeled-range[tooltip] f19-range {
    flex: 1 1 100%
}

f19-labeled-textarea {
    display: block;
    width: 100%
}

f19-labeled-textarea+f19-labeled-dropdown {
    margin-top: .8rem
}

f19-labeled-textarea[size^=s] {
    font-size: 1.3rem
}

f19-labeled-textarea[size^=m] {
    font-size: 1.4rem
}

f19-labeled-textarea[type=code],
f19-labeled-textarea[type=json] {
    font-weight: 450
}

f19-labeled-textarea[type=code] textarea,
f19-labeled-textarea[type=json] textarea {
    min-height: 35vh
}

f19-labeled-textarea span {
    font-weight: 500;
    margin-bottom: .4rem;
    display: block
}

.f19-filter {
    inline-size: 100%
}

.f19-filter+.f19-filter {
    display: block;
    margin-block-start: var(--spacing-2)
}

.f19-filter.max-size--md {
    max-block-size: 30rem;
    overflow-y: auto
}

.f19-filter.style--indented {
    padding-block: .8rem;
    border-bottom: .1rem solid rgba(0, 22, 137, .075)
}

.f19-filter.f19-filter--nested {
    font-size: 1.4rem
}

.f19-filter:last-of-type {
    border-bottom: none
}

.f19-filter>* {
    inline-size: 100%
}

.f19-filter_header {
    inline-size: 100%;
    display: flex;
    place-items: center;
    gap: var(--spacing-2)
}

.f19-filter-grouped .f19-filter_header {
    min-block-size: 4.6rem;
    padding-inline: var(--spacing-4) var(--spacing-3);
    padding-block: var(--spacing-2);
    background-color: var(--cl-grey-light-4);
    border-bottom: .1rem solid var(--cl-grey-light-3);
    border-radius: var(--border-radius-sm)
}

.max-size--md .f19-filter_header {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff
}

.f19-filter_header>* {
    margin-block: 0;
    display: flex;
    place-items: center;
    gap: var(--spacing-2)
}

.f19-filter_header h2,
.f19-filter_header h3,
.f19-filter_header h4 {
    flex-grow: 1
}

.f19-filter_header .f19-btn {
    margin-block-end: .4rem;
    margin-block-start: auto
}

.f19-aside .f19-filter_header .f19-btn {
    margin-inline-start: auto
}

.f19-filter-grouped .f19-filter_header .f19-btn {
    margin-block: 0
}

.f19-filter_header .f19-button-group {
    margin-block-end: .4rem;
    margin-block-start: auto
}

.f19-filter_header .f19-button-group .f19-btn {
    margin-inline-end: auto;
    margin-inline-start: unset
}

.style--indented .f19-filter_header>* {
    margin-block: 0
}

.f19-filter_list {
    margin: 0;
    padding-inline: 0;
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    place-content: flex-start;
    place-items: flex-start;
    gap: var(--spacing-2);
    padding-block-end: var(--spacing-3)
}

.f19-filter-grouped .f19-filter_list {
    padding-block-start: var(--spacing-3);
    padding-inline-start: var(--spacing-4)
}

.f19-filter_list .f19-radio_label {
    margin-block: 0
}

.style--indented .f19-filter_list {
    padding-inline-start: var(--spacing-5)
}

.f19-filter_list .f19-filter_list {
    padding-inline-start: 1.8em;
    margin-block: .2em .6em
}

.f19-filter_list li {
    width: 100%
}

.f19-progress-message {
    max-inline-size: 100%;
    margin-block: var(--spacing-2);
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-4);
    font-size: clamp(1.1rem, 1.4vw, 1.4rem);
    overflow-wrap: anywhere
}

.f19-progress-message::before {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin-block-start: .4em;
    content: "";
    display: inline-block;
    border-radius: var(--border-radius-circle);
    background-color: var(--cl-grey-light-4)
}

.f19-progress-message.priority-info {
    color: var(--cl-grey)
}

.f19-progress-message.priority-info::before {
    background-color: var(--cl-grey-light-3)
}

.f19-progress-message.kind-general {
    color: var(--cl-grey-dark)
}

.f19-progress-message.kind-general::before {
    background-color: var(--cl-message-neutral)
}

.f19-progress-message.kind-success {
    color: var(--cl-grey-dark);
    font-weight: 600
}

.f19-progress-message.kind-success::before {
    background-color: var(--cl-message-success)
}

.f19-progress-message.priority-warning {
    color: var(--cl-grey-dark);
    font-weight: 500
}

.f19-progress-message.priority-warning::before {
    background-color: var(--cl-message-warning)
}

.f19-progress-message.priority-problem {
    color: var(--cl-grey-dark);
    font-weight: 600
}

.f19-progress-message.priority-problem::before {
    background-color: var(--cl-message-danger)
}

.f19-progress-message.priority-problem+.priority-warning,
.f19-progress-message.priority-problem+.priority-debug,
.f19-progress-message.priority-problem+.priority-info {
    margin-block-start: var(--spacing-4)
}

.f19-progress-message.priority-debug {
    margin-block: var(--spacing-4);
    color: var(--cl-grey-dark)
}

.f19-progress-message.priority-debug::before {
    background-color: var(--cl-grey)
}

.f19-progress-message.type--item,
.f19-progress-message.kind-itemline {
    padding-inline-start: var(--spacing-5)
}

.f19-progress-message.type--iconitem {
    padding-inline-start: var(--spacing-9)
}

.f19-progress-message.type--header {
    color: var(--cl-grey-dark);
    font-weight: 500
}

.f19-progress-message.type-iconheader {
    color: var(--cl-grey-dark);
    font-weight: 600
}

.f19-progress-message.type-iconheader::before {
    width: 0
}

.f19-progress-message:first-child {
    margin-top: 0
}

.f19-progress-message:last-child {
    margin-bottom: 0
}

.f19-progress-message span {
    text-align: left
}

f19-search {
    display: block;
    position: relative
}

f19-search i,
f19-search .f19-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.2rem
}

f19-search .f19-search-icon {
    left: .8rem;
    color: var(--cl-grey-dark)
}

f19-search [type=search],
f19-search [type=text] {
    width: 100%;
    padding-left: 3.2rem;
    appearance: none
}

f19-search [type=search]::-webkit-search-cancel-button,
f19-search [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

f19-search.f19-search--page {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    z-index: 10
}

f19-search [type=reset] {
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    margin: auto 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    z-index: 50;
    display: none;
    --btn-cl-text-hover: var(--cl-brand-accent);
    --btn-cl-border: transparent;
    --btn-cl-border-hover: transparent;
    --btn-cl-background: transparent;
    --btn-cl-background-hover: transparent
}

f19-search.type--inline {
    position: relative;
    top: auto;
    right: auto
}

f19-search f19-info {
    margin-block: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.link-picker-search {
    display: flex;
    flex-flow: row nowrap;
    place-items: flex-start
}

.link-picker-search f19-search {
    flex: 1 1 auto
}

.link-picker-search f19-info {
    flex: 0 0 auto
}

f19-search-filter .input-container {
    display: flex;
    place-items: stretch;
    flex-flow: row nowrap;
    position: relative;
    gap: .4rem
}

f19-search-filter f19-search {
    flex: 1 1 auto
}

f19-search-filter input {
    margin: 0
}

f19-search-filter [type=button] {
    flex: 0 0 auto;
    width: 8rem
}

f19-search-filter .f19-filter_list {
    padding-block: 0
}

f19-color-option {
    width: 2.4rem;
    height: 1.6rem;
    display: inline-block
}

f19-color-option--red {
    background: red
}

f19-color-option--green {
    background: green
}

f19-color-option--blue {
    background: blue
}

f19-json-editor {
    max-height: calc(100vh - 40rem);
    width: 100%;
    height: 68rem;
    border: 1px solid var(--cl-grey-light);
    border-radius: var(--border-radius-sm);
    overflow: hidden
}

f19-json-editor #monaco {
    height: 100%;
    width: 100%
}

f19-json-editor .monaco-editor {
    --vscode-editor-background: rgb(248, 249, 255)
}

.f19-date {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-3);
    container: datepicker/inline-size;
    position: relative;
    z-index: 1
}

.f19-date_inputs {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    gap: var(--spacing-5)
}

.f19-date_inputs .f19-label {
    width: 100%;
    font-weight: 500
}

@container datepicker (max-width: 490px) {
    .f19-date_inputs {
        flex-wrap: wrap
    }
}

.f19-date_input {
    flex: 1 1 50%
}

.f19-date_action {
    flex: 0 0 auto;
    margin-block-end: .2rem;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center
}

.f19-dropdown_custom {
    inline-size: clamp(4rem, 100%, 32rem);
    padding: 0;
    position: relative;
    z-index: 2;
    isolation: isolate;
    list-style: none;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(1.3rem, .8vw, 1.6rem)
}

.f19-dropdown_custom:focus-within:not(.is-disabled)::before,
.f19-dropdown_custom:hover:not(.is-disabled)::before {
    inline-size: calc(100% + var(--spacing-4));
    block-size: calc(100% + var(--spacing-4));
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    inset-block-end: calc(var(--spacing-4)/2*-1);
    inset-inline-start: calc(var(--spacing-4)/2*-1)
}

.f19-dropdown_custom:focus-within:not(.is-disabled) .f19-dropdown_custom_list,
.f19-dropdown_custom:hover:not(.is-disabled) .f19-dropdown_custom_list {
    display: block
}

.f19-dropdown_custom:focus-within:not(.is-disabled) .f19-select-arrow,
.f19-dropdown_custom:hover:not(.is-disabled) .f19-select-arrow {
    transform: rotate(180deg)
}

.f19-dropdown_custom.f19-dropdown_custom--apps.is-disabled::after,
.f19-dropdown_custom.f19-dropdown_custom--apps.is-single::after {
    inline-size: .1rem;
    block-size: 1.4rem;
    content: "";
    display: inline-block;
    margin-inline-start: 1.2rem;
    background-color: rgba(53, 155, 224, .4)
}

.f19-dropdown_custom.f19-dropdown_custom--charts {
    inline-size: clamp(4rem, 100%, 42rem)
}

.f19-dropdown_custom.f19-dropdown_custom--charts div {
    inline-size: 100%
}

.f19-dropdown_custom.is-single li {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center
}

.f19-dropdown_custom.is-single a {
    inline-size: auto;
    padding: .4rem 0;
    color: var(--cl-url);
    background-color: rgba(0, 0, 0, 0)
}

.f19-dropdown_custom.hidden {
    visibility: hidden
}

.f19-dropdown_custom_list {
    max-height: calc(100vh - 18rem);
    inline-size: 100%;
    margin: 0;
    padding: var(--spacing-1);
    overflow-y: auto;
    display: none;
    list-style: none;
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: .2rem;
    z-index: 999;
    background: #fff;
    border-radius: var(--border-radius-xs);
    box-shadow: var(--box-shadow-sm);
    transform: translateY(100%)
}

f19-menu .f19-dropdown_custom_list {
    min-inline-size: 24rem
}

.set-from-bottom .f19-dropdown_custom_list {
    transform: translateY(-3.2rem)
}

.f19-dropdown_custom_list:focus,
.f19-dropdown_custom_list:hover {
    display: inline-block
}

.f19-dropdown_custom_list:focus li,
.f19-dropdown_custom_list:hover li {
    position: relative;
    z-index: 2
}

.is-disabled .f19-dropdown_custom_list {
    display: none !important
}

.f19-dropdown_custom_list span {
    flex: 1 1 auto;
    inline-size: max-content;
    display: block
}

.f19-dropdown_custom_current {
    inline-size: 100%;
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-2);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-3);
    overflow: hidden;
    color: inherit;
    font-weight: 500;
    cursor: default;
    outline-width: 0;
    border: 1px solid #a7b7c2;
    border-radius: var(--border-radius-sm);
    background-color: #fbfbfb
}

.is-disabled .f19-dropdown_custom_current {
    cursor: inherit;
    opacity: .6
}

f19-menu:not([expanded]) .f19-dropdown_custom_current .f19-dropdown_custom_item,
f19-menu:not([expanded]) .f19-dropdown_custom_current .f19-dropdown_custom_name {
    display: none
}

.f19-select-arrow {
    margin-inline-start: auto;
    flex: 0 0 auto
}

@media(max-width: 64rem) {
    .f19-select-arrow {
        display: none
    }
}

.f19-dropdown_custom_item {
    inline-size: 100%;
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3) var(--spacing-2);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-3);
    color: inherit;
    text-decoration: none;
    border-radius: var(--border-radius-xs);
    flex: 1 1 auto
}

.f19-dropdown_custom--apps .f19-dropdown_custom_item {
    padding-inline-end: var(--spacing-3)
}

.f19-dropdown_custom_item[aria-selected=true] {
    font-weight: 600
}

.f19-dropdown_custom_item:focus,
.f19-dropdown_custom_item:hover {
    color: #fff;
    background-color: var(--cl-brand-light);
    text-decoration: none
}

.f19-dropdown_custom_item:focus span,
.f19-dropdown_custom_item:hover span {
    text-decoration: underline
}

.f19-dropdown_custom_item:focus f19-icon,
.f19-dropdown_custom_item:hover f19-icon {
    text-decoration: none
}

.f19-dropdown_custom_item span {
    flex: 1 1 auto
}

.f19-dropdown_custom_item f19-icon {
    margin-block-start: -0.14em;
    flex: 0 0 auto
}

.f19-dropdown_custom_name {
    flex: 1 1 auto;
    display: inline-block;
    max-inline-size: 24rem;
    min-inline-size: 6rem;
    margin: 0 .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit
}

.f19-dropdown_custom--charts .f19-dropdown_custom_name {
    max-inline-size: 42rem
}

f19-link-picker-field {
    inline-size: 100%
}

f19-header,
f19-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    gap: var(--spacing-5)
}

@media only screen and (max-width: 102.4rem) {

    f19-header,
    f19-footer {
        flex-wrap: wrap
    }
}

.f19-sticky-observer {
    position: sticky;
    top: -1px
}

f19-header {
    inline-size: 100%
}

f19-header[actions] {
    align-items: flex-start
}

.f19-main-wrapper-article f19-header {
    flex-wrap: wrap
}

f19-header.is-pinned {
    position: sticky;
    top: 0px;
    inline-size: calc(100% + 2rem);
    margin-inline: -1rem;
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-5);
    z-index: 1000;
    font-size: clamp(1.2rem, .9vw, 1.4rem);
    font-weight: 500;
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
    background-color: var(--cl-island-background);
    box-shadow: var(--box-shadow-lg);
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

f19-header.is-pinned h1 {
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: clamp(1.6rem, 1.3vw, 2.4rem);
    overflow: hidden
}

@container main (max-width: 90rem) {
    f19-header.is-pinned h1 {
        display: none
    }
}

f19-header.is-pinned .f19-btn {
    --btn-min-height: 2.4rem;
    --btn-padding-inline: 0.75em;
    --btn-padding-block: 0.4em
}

f19-header.is-pinned .f19-header_page-actions {
    flex-flow: row nowrap;
    justify-content: flex-end
}

@container main (max-width: 90rem) {
    f19-header.is-pinned .f19-header_page-actions {
        flex-wrap: wrap
    }
}

.f19-main--review-mode f19-header {
    align-items: flex-start;
    min-height: 3rem;
    padding: var(--spacing-5);
    border-radius: 0;
    border-top: 1px solid #c8c8c8
}

.mn-chart-sync f19-header,
.mn-editor-menu f19-header,
.f-sync f19-header {
    margin-block-end: clamp(2.4rem, 2vw, 4.8rem)
}

f19-header h1,
f19-header h2,
f19-header h3,
f19-header h4,
f19-header h5,
f19-header h6,
f19-header p {
    margin: 0
}

f19-header>span {
    display: block;
    font-size: 1.6rem
}

f19-header>.f19-btn:first-of-type {
    margin-inline-start: auto
}

.f19-header_content-actions,
.f19-header_page-actions {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
    gap: var(--spacing-2)
}

.f19-footer,
f19-footer {
    padding-inline: 3.2rem;
    padding-block: .8rem 3.2rem
}

.f19-popup .f19-footer,
.f19-popup f19-footer {
    padding-block: 2.4rem;
    position: sticky;
    bottom: 0;
    background: hsl(200, 23.0769230769%, 95.9509803922%)
}

.f19-popup--xbrl-overview-tag .f19-footer,
.f19-popup--xbrl-multi-tag .f19-footer,
.f19-popup--xbrl-table-tag .f19-footer,
.f19-popup--xbrl-overview-tag f19-footer,
.f19-popup--xbrl-multi-tag f19-footer,
.f19-popup--xbrl-table-tag f19-footer {
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-3) var(--spacing-4);
    min-height: 6.6rem
}

.f19-footer h1,
f19-footer h1 {
    margin: 0
}

.f19-filetype {
    height: 3.2rem;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-left: .4rem solid var(--cl-brand)
}

.f19-filetype span {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: 0 1.2rem
}

f19-labeled-status-indicator {
    display: inline-flex;
    align-items: center
}

f19-labeled-status-indicator .f19-labeled-status-indicator_label {
    margin-right: .8rem
}

.f19-action,
f19-action {
    inline-size: 100%;
    padding-block: .8em;
    padding-inline: 1.2em;
    display: flex;
    flex-flow: row nowrap;
    gap: .4rem;
    border: none;
    border-radius: 0;
    justify-content: flex-start;
    border-bottom: 1px solid #dde4ea;
    cursor: pointer;
    color: var(--cl-action-txt);
    background-color: var(--cl-action-bg);
    font-size: 1.4rem;
    text-align: left
}

.f19-action:hover:not([disabled]),
.f19-action:focus:not([disabled]),
f19-action:hover:not([disabled]),
f19-action:focus:not([disabled]) {
    color: var(--cl-action-txt-hover);
    background-color: var(--cl-action-bg-hover)
}

.f19-action:active:not([disabled]),
f19-action:active:not([disabled]) {
    filter: contrast(0.9)
}

.f19-action f19-icon,
.f19-action span,
f19-action f19-icon,
f19-action span {
    pointer-events: none;
    user-select: none
}

[disabled]>.f19-action,
.f19-action[disabled],
[disabled]>f19-action,
f19-action[disabled] {
    --cl-action-txt: var(--cl-disabled-txt);
    --cl-action-txt-hover: var(--cl-disabled-txt);
    --cl-action-bg: var(--cl-disabled-bg);
    --cl-action-bg-hover: var(--cl-disabled-bg);
    cursor: default
}

.f19-action.f19--is-selected:not([disabled]),
f19-action.f19--is-selected:not([disabled]) {
    --cl-action-txt: var(--cl-action-txt-hover);
    --cl-action-bg: var(--cl-action-bg-hover);
    filter: contrast(0.9)
}

.f19-action[key=delete]:not([disabled]),
.f19-action[key=destructive]:not([disabled]),
.f19-action[destructive]:not([disabled]),
f19-action[key=delete]:not([disabled]),
f19-action[key=destructive]:not([disabled]),
f19-action[destructive]:not([disabled]) {
    --cl-action-txt-hover: #fff;
    --cl-action-bg-hover: var(--cl-message-danger)
}

.f19-action--selectable {
    padding-inline: var(--spacing-5);
    block-size: var(--spacing-8);
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--cl-action-bg-hover)
}

.f19-action-list_label {
    max-inline-size: min(70vw, 46rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.f19-editor-drag-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    gap: .8rem;
    word-break: break-word;
    overflow-wrap: break-word
}

.f19-editor-drag-items span::-moz-selection {
    color: initial;
    background: none
}

.f19-editor-drag-items span::selection {
    color: initial;
    background: none
}

.f19-editor-drag-item {
    min-width: 14rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: stretch;
    background: #fff;
    cursor: move;
    cursor: grab;
    gap: 0;
    transition: background-color ease .04s .02s, opacity ease .2s .02s, border-color ease .04s .02s
}

.f19-editor-drag-item::-moz-selection {
    color: initial;
    background: none
}

.f19-editor-drag-item::selection {
    color: initial;
    background: none
}

.f19-editor-drag-item {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    position: relative;
    z-index: 10;
    transition: border ease-in-out .12s, box-shadow ease-in-out .12s, transform ease-in-out .12s;
    will-change: transform, box-shadow, border
}

.f19-editor-drag-item:hover {
    cursor: grab;
    z-index: 15;
    border-color: rgba(0, 0, 0, .05);
    border-bottom-color: rgba(0, 0, 0, 0);
    transform: translateY(-0.2rem);
    transition-delay: .2s;
    box-shadow: 0 .2rem .2rem -0.1rem rgba(0, 0, 0, .2), 0 .4rem .8rem 0 rgba(0, 0, 0, .15)
}

.f19-editor-drag-item.sortable-chosen {
    cursor: move;
    cursor: grabbing;
    background-color: hsl(204, 11.3636363636%, 97.7450980392%)
}

.f19-editor-drag-item.sortable-ghost {
    position: relative;
    z-index: 10;
    opacity: .5
}

.f19-editor-drag-item.ghost {
    background-color: #fff;
    border-color: #ced4d8
}

.f19-editor-drag-item .f19-draghandler {
    margin-left: auto
}

.f19-editor-drag-item.f19--is-disabled {
    cursor: no-drop;
    position: relative;
    pointer-events: none;
    opacity: .4
}

.f19-editor-drag-item.f19--is-disabled .f19-editor-drag_visual,
.f19-editor-drag-item.f19--is-disabled .f19-editor-drag_label,
.f19-editor-drag-item.f19--is-disabled .f19-draghandler {
    background-color: var(--cl-grey-light)
}

.f19-draghandler {
    flex: 0 0 auto
}

.f19-editor-drag_visual {
    flex: 0 0 auto;
    min-height: 100%;
    padding: .8rem;
    background-color: #f7f9fa
}

.f19-editor-drag_label {
    min-width: 0px;
    flex: 1 1 auto;
    max-width: 100%;
    padding: .85em;
    cursor: inherit;
    font-size: 1.3rem;
    font-weight: 500;
    background-color: #fff;
    letter-spacing: .025em;
    border-left: .1rem solid rgba(0, 0, 0, .06);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.f19--is-hidden {
    display: none !important
}

.f19-settings-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.f19-settings-list>li {
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
    padding: 0 .8rem
}

.f19-settings-list>li .f19-settings-label {
    width: 50%
}

.f19-settings-value {
    display: flex;
    align-items: center
}

.f19-document-settings {
    position: relative
}

.f19-editor-add-drag-item {
    margin-top: .4rem;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--cl-brand);
    cursor: pointer
}

.f19-editor-add-drag-item span {
    color: var(--cl-brand)
}

.f19-editor-add-drag-item:hover {
    border: 1px solid var(--cl-brand)
}

.f19-editor-settings {
    display: flex;
    flex-flow: column nowrap
}

f19-setting {
    --cl-setting: rgb(229 229 229);
    min-height: 3.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    gap: var(--spacing-2)
}

f19-setting span {
    flex-grow: 1
}

f19-setting::before {
    inline-size: 2rem;
    block-size: 2rem;
    content: "";
    display: inline-block;
    border-radius: var(--border-radius-circle);
    border: 1px solid var(--cl-setting);
    background-color: var(--cl-setting)
}

f19-setting[color=color-default]::before {
    border-color: var(--cl-grey-light)
}

f19-setting[color=color-1]::before {
    --cl-setting: #85e4f9
}

f19-setting[color=color-2]::before {
    --cl-setting: #27a1bb
}

f19-setting[color=color-3]::before {
    --cl-setting: #6ab552
}

f19-setting[color=color-4]::before {
    --cl-setting: #117b43
}

f19-setting[color=color-5]::before {
    --cl-setting: #e4d500
}

f19-setting[color=color-6]::before {
    --cl-setting: #966924
}

f19-setting[color=color-7]::before {
    --cl-setting: #ffcec7
}

f19-setting[color=color-8]::before {
    --cl-setting: #c30000
}

f19-setting[color=color-9]::before {
    --cl-setting: #FF5CFF
}

f19-setting[color=color-10]::before {
    --cl-setting: #4B0082
}

.f19-download_body {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dde4ea;
    padding-right: 1.2rem
}

.f19-download_body .f19-download_btn {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.f19-download_body .f19-download_filename {
    flex-grow: 1
}

.f19-download_body .f19-button-group i {
    margin-left: .8rem
}

.f19-download_footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f7f9fa;
    padding-right: 1.2rem
}

.f19-download_footer .f19-download_publication-name {
    font-weight: 500
}

.f19-download_footer .f19-download_date,
.f19-download_footer .f19-download_filesize {
    margin-left: .8rem
}

.f19-download_footer .f19-download_filesize {
    opacity: .333
}

.f19-download_footer .f19-download_publication {
    flex-grow: 1
}

.f19-draglist {
    padding-inline: var(--spacing-1);
    padding-block: var(--spacing-2);
    border-radius: var(--border-radius-sm);
    background-color: var(--cl-brand-light-4);
    border: 1px solid var(--cl-brand-light-3)
}

.f19-draglist .f19-draglist_item {
    padding-inline: 0;
    font-size: 1.4rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

.f19-draglist .f19-draglist_icon {
    cursor: grab;
    color: var(--cl-brand-dark)
}

.f19-draglist .f19-draglist_icon:active {
    cursor: grabbing
}

.f19-hierarchy-item {
    display: flex;
    flex-direction: row;
    align-items: center
}

.f19-hierarchy-item_open-close {
    width: 1.6rem;
    height: 1.6rem;
    color: var(--cl-brand-dark);
    margin-right: 1.2rem
}

.f19-hierarchy-item--lvl-1 {
    padding-left: calc(1.2rem + 1.6rem)
}

f19-paging {
    margin-block: 1.6rem;
    display: flex;
    flex-flow: row wrap;
    place-items: flex-start;
    gap: .4rem;
    flex: 1 1 auto
}

f19-paging.f19-paging--align-end {
    justify-content: flex-end
}

f19-paging.f19-paging--bottom-page {
    display: block;
    text-align: right
}

f19-page-size-selector,
f19-paging-indicator {
    flex: 0 0 auto
}

f19-paging-indicator[size=xs] {
    font-size: 1.2rem
}

f19-paging-indicator[size=sm] {
    font-size: 1.4rem
}

.f19-paging-indicator_total,
.f19-paging-indicator_indices {
    font-weight: 700
}

.f19-sorting,
f19-sortable-article-list {
    min-block-size: 13.5rem;
    inline-size: 100%;
    margin-block: var(--spacing-1) var(--spacing-3);
    padding: var(--spacing-3);
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-3);
    border: .1rem solid var(--cl-grey-light-3);
    border-radius: var(--border-radius-sm);
    font-size: 1.4rem
}

.f19-sorting_list {
    max-block-size: 47rem;
    overflow-y: auto;
    flex: 1 1 auto;
    padding: 0;
    margin: 0
}

.f19-sorting_item {
    margin: 0;
    padding-inline: var(--spacing-2) var(--spacing-1);
    padding-block: var(--spacing-1);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2);
    cursor: pointer
}

.f19-sorting_item:hover {
    border-radius: var(--border-radius-xs);
    background-color: var(--cl-grey-light-4)
}

.f19-sorting_item.f19-is-selected {
    color: var(--cl-brand-dark);
    font-weight: 600;
    border-radius: var(--border-radius-xs);
    background-color: var(--cl-brand-light-4)
}

.f19-sorting_item-label {
    flex: 1 1 auto;
    padding: 0
}

.f19-sorting_icon {
    flex: 0 0 auto;
    margin: 0
}

.f19-sorting_item-btn {
    flex: 0 0 auto;
    margin: 0
}

.f19-sorting_buttons {
    flex: 0 0 auto
}

.f19-sorting_button:nth-child(2) {
    margin-block-end: auto
}

.f19-toc-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.f19-toc-item {
    min-block-size: 4.6rem;
    padding-block: clamp(.2rem, .5vh, .8rem);
    padding-inline: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .8rem;
    border-block-end: 1px solid var(--cl-brand-light-4)
}

.f19-toc-item:last-child {
    border: none
}

.f19-toc-item f19-dropdown {
    inline-size: 200px;
    flex: 0 0 auto
}

.f19-toc-item select {
    min-block-size: 3.2rem;
    margin-block: 0;
    padding-block: clamp(.3em, .5vh, .6em) clamp(.3em, .5vh, .6em)
}

.f19-toc-item_title {
    flex-grow: 1;
    cursor: pointer;
    user-select: none;
    position: relative;
    inset-block-start: 1px;
    margin-block: 0;
    display: revert
}

f19-user-avatar-editor {
    flex: 0 0 content;
    display: inline-flex;
    width: max-content;
    height: max-content;
    flex-flow: column nowrap;
    align-items: center;
    align-self: flex-start
}

.f19-user-avatar-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding-inline-start: .5rem
}

.f19-user-avatar-list>* {
    padding: 0;
    display: inline-flex;
    place-items: center;
    place-content: center;
    margin-inline-start: -0.6rem
}

.f19-user-avatar-list a:focus,
.f19-user-avatar-list a:hover {
    z-index: 5
}

.f19-popup_list {
    inline-size: 100%;
    margin: 0;
    padding-inline-start: 1em;
    display: flex;
    flex-flow: column nowrap;
    line-height: 1.1
}

.f19-popup_list-item {
    inline-size: 100%;
    border-radius: var(--border-radius-xs);
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-3)
}

.f19-popup_list-item:focus-within,
.f19-popup_list-item:hover {
    background-color: rgba(0, 0, 0, .1)
}

.f19-popup_list-item-values {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-2);
    justify-content: space-between
}

f19-image-preview {
    flex: 0 0 content;
    inline-size: max-content;
    block-size: max-content;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    flex-flow: column nowrap;
    border-radius: var(--border-radius-sm);
    border: .1rem solid var(--cl-grey-light);
    position: relative
}

[id=article-editor-tabs] f19-image-preview,
f19-application-settings f19-image-preview {
    flex: 1 1 auto;
    inline-size: 100%;
    block-size: max-content
}

f19-image-preview>* {
    flex: 0 0 auto
}

f19-image-preview .f19-btn,
f19-image-preview .f19-button-group {
    inline-size: 100%;
    flex: 1 1 auto;
    aspect-ratio: auto
}

f19-image-preview .f19-btn:first-of-type {
    border-radius: var(--border-radius-sm) 0 0 0
}

f19-image-preview .f19-btn:last-of-type {
    border-radius: 0 var(--border-radius-sm) 0 0
}

.f19-image-preview_wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

f19-application-settings .f19-image-preview_wrapper {
    inline-size: 100%;
    max-inline-size: 36rem
}

.f19-image-preview_warning {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-radius: .4rem;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    background-color: hsla(0, 0%, 100%, .7)
}

.f19-image-preview_image-wrapper {
    inline-size: 36rem;
    block-size: 26rem;
    overflow: hidden;
    display: flex;
    place-content: center;
    place-items: center;
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box
}

[id=article-editor-tabs] .f19-image-preview_image-wrapper,
f19-application-settings .f19-image-preview_image-wrapper {
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 12rem;
    min-block-size: 12rem;
    aspect-ratio: 1/.75
}

[id=article-editor-tabs] .f19-image-preview_image-wrapper {
    aspect-ratio: 1/.5
}

.f19-image-preview_image {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
    object-position: center center
}

f19-focal-point-picker .f19-focal-point-picker {
    display: block;
    min-width: 23rem;
    max-width: 100%;
    margin: 0;
    padding: 1.2rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .8rem
}

.f19-focal-point-picker_container {
    max-inline-size: max-content;
    max-block-size: max-content;
    flex: 0 0 auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box
}

.f19-focal-point-picker_image {
    max-block-size: 100%;
    margin: 0;
    border: 0;
    display: block
}

.f19-focal-point-picker_image[src*=".svg"] {
    inline-size: clamp(16rem, 100vw, 48rem)
}

@keyframes focus-changed {
    50% {
        transform: translateX(-50%) translateY(-50%) scale(0.5)
    }
}

.f19-focal-point-picker_indicator {
    width: 2rem;
    height: 2rem;
    padding: 0;
    position: absolute;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    place-content: center;
    place-items: center;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50% 50%;
    border: .2rem solid hsla(0, 0%, 100%, .9);
    will-change: transform;
    box-shadow: var(--box-shadow-xs);
    top: var(--pos-y, 50%);
    left: var(--pos-x, 50%);
    transform: translateX(-50%) translateY(-50%) scale(1);
    transform-origin: center center
}

.focus-changed .f19-focal-point-picker_indicator {
    animation: focus-changed .2s ease-in-out 1 both
}

.f19-focal-point-picker_indicator::before {
    width: .4rem;
    height: .4rem;
    content: "";
    display: block;
    border-radius: 50% 50%;
    background-color: hsla(0, 0%, 100%, .95)
}

.f19-focal-point-picker_label {
    font-size: 1.4rem;
    text-align: center;
    margin-block-start: 0;
    margin-block-end: var(--spacing-3)
}

.f19-plugin {
    width: 100%;
    min-height: 3rem;
    margin: -2.4rem 0 1.2rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    transition: border ease-in-out .2s, transform ease-in-out .15s, box-shadow ease-in-out .15s;
    container: f19plugin/inline-size
}

.article-teaser .f19-plugin {
    margin-top: -1.2rem
}

.mn-sync-merge .f19-plugin {
    border: 2px solid rgba(0, 0, 0, 0)
}

.f19-plugin>* {
    width: 100%;
    flex: 1 1 auto
}

.f19-plugin:last-child:is(.ui-draggable) {
    margin-bottom: 0
}

li>.f19-plugin:last-child:is(.ui-draggable) {
    margin-bottom: 1.2rem
}

.is-dragged>.f19-plugin,
.f19-plugin.is-dragged {
    min-height: 32px;
    max-height: 200px;
    width: 96%;
    overflow: hidden;
    position: relative;
    opacity: .3
}

.is-dragged>.f19-plugin .fbmlToolbarBlock,
.f19-plugin.is-dragged .fbmlToolbarBlock {
    opacity: .6
}

.article-property .f19-plugin-import .f19-btn-type--remove {
    display: none
}

.f19-plugin-options {
    margin-left: auto;
    margin-right: 1.2rem;
    padding-block: .4rem;
    padding-inline: 1.2rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: .4rem;
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    border-radius: var(--border-radius-nm)
}

.mn-sync-merge .f19-plugin-options {
    align-items: center
}

.multi-selected>.fbmlToolbar .f19-plugin-options,
.selected>.fbmlToolbar .f19-plugin-options,
.f19-plugin:focus-within>.fbmlToolbar .f19-plugin-options,
.f19-plugin:hover>.fbmlToolbar .f19-plugin-options,
.f19-plugin.is-dragged>.fbmlToolbar .f19-plugin-options {
    background-color: #fdfdfd
}

.multi-selected>.fbmlToolbar .f19-plugin-options .f19-btn,
.selected>.fbmlToolbar .f19-plugin-options .f19-btn,
.f19-plugin:focus-within>.fbmlToolbar .f19-plugin-options .f19-btn,
.f19-plugin:hover>.fbmlToolbar .f19-plugin-options .f19-btn,
.f19-plugin.is-dragged>.fbmlToolbar .f19-plugin-options .f19-btn {
    opacity: 1
}

.f19-plugin-options .f19-btn:not(.f19-btn--sync) {
    opacity: 0;
    --btn-cl-text: #333;
    --btn-cl-text-hover: #fff;
    --btn-cl-border: transparent;
    --btn-cl-border-hover: transparent;
    --btn-cl-background: transparent;
    --btn-cl-background-hover: var(--cl-brand)
}

@container f19plugin (max-width: 575px) {
    .f19-plugin-options .f19-btn:not(.f19-btn--sync) .f19-btn_label {
        display: none
    }
}

.f19-plugin-options :where(.f19-btn--sync) {
    --btn-cl-background: #fdfdfd
}

.f19-plugin-options .f19-remark-counter {
    height: auto;
    border-radius: var(--border-radius-sm);
    --btn-cl-background: #fff
}

.f19-plugin-options .f19-remark-counter:not(.no-remarks) {
    opacity: 1
}

.is-readonly .f19-plugin-options .f19-btn:not(.f19-remark-counter) {
    display: none
}

.f19-plugin_type {
    max-width: 44%;
    flex: 0 1 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: .4rem;
    margin-inline: .8rem .4rem;
    padding-inline: .8rem;
    background-color: #fdfdfd;
    overflow: hidden;
    border-radius: var(--border-radius-nm)
}

.mn-sync-merge .f19-plugin_type {
    padding-block: .6rem;
    align-items: flex-start;
    flex-flow: column wrap
}

.mn-sync-merge .f19-plugin_type>* {
    flex: 0 1 auto
}

.f19-plugin_type-icon {
    padding: 0;
    flex: 0 0 auto
}

[class*=f19-plugin-heading] {
    color: var(--cl-headings)
}

[class*=f19-plugin-heading--] [class*=icon-type-format-header] svg {
    display: none
}

[class*=icon-type-format-header]::after {
    display: inline-block;
    margin: 0 0 0 .3rem;
    letter-spacing: .05em;
    font-weight: 600;
    font-size: 1.3rem
}

.f19-plugin-heading--h1 [class*=icon-type-format-header]::after {
    content: "T"
}

.f19-plugin-heading--h2 [class*=icon-type-format-header]::after {
    content: "H2"
}

.f19-plugin-heading--h3 [class*=icon-type-format-header]::after {
    content: "H3"
}

.f19-plugin-heading--h4 [class*=icon-type-format-header]::after {
    content: "H4"
}

.f19-plugin-heading--h5 [class*=icon-type-format-header]::after {
    content: "H5"
}

.f19-plugin-heading--h6 [class*=icon-type-format-header]::after {
    content: "H6"
}

.f19-plugin_content-heading-1 .f19-plugin_run {
    font-size: 3.6rem;
    font-weight: 300
}

.f19-plugin_content-heading-2 .f19-plugin_run {
    font-size: 3rem;
    font-weight: 450
}

.f19-plugin_content-heading-3 .f19-plugin_run {
    font-size: 2.8rem;
    font-weight: 450
}

.f19-plugin_content-heading-4 .f19-plugin_run {
    font-size: 2.2rem;
    font-weight: 600
}

.f19-plugin_content-heading-5 .f19-plugin_run {
    font-size: 1.8rem;
    font-weight: 700
}

.f19-plugin_content-heading-6 .f19-plugin_run {
    font-size: 1.4rem;
    font-weight: 700
}

.f19-plugin_type-label {
    min-width: 0;
    flex: 1 1 auto;
    max-width: 100%;
    padding: .4rem .4rem;
    cursor: inherit;
    letter-spacing: .025em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    display: none
}

@container f19plugin (max-width: 400px) {
    .f19-plugin_type-label {
        display: none !important
    }
}

.mn-sync-merge .f19-plugin_type-label {
    padding-inline: 0
}

.mn-sync-merge .f19-plugin_type-label,
.toolbar-options:hover .f19-plugin_type-label {
    opacity: 1;
    display: block
}

.tpl-backend-webtemplateinstance .f19-plugin_type-label {
    opacity: 1;
    display: block
}

.f19-plugin_children,
.f19-plugin_display {
    display: none
}

.f19-plugin_children.is-visible,
.f19-plugin_display.is-visible {
    display: block
}

.f19-plugin_buttons-children {
    margin-top: .8rem;
    display: none
}

.f19-plugin_buttons-children.is-visible {
    display: flex
}

.f19-plugin_buttons-children .f19-plugin_button-svg {
    width: 1.6rem;
    height: 1.6rem
}

.f19-plugin_paragraph {
    max-width: none;
    width: 100%;
    margin: 0
}

.f19-plugin_dragdrop-window.f-is-empty,
.f-is-empty .f19-plugin_dragdrop-window {
    border: .2rem dashed rgba(0, 0, 0, .2)
}

.f19-plugin_display-notice {
    margin-bottom: 1.2rem
}

.f19-checkbox_label-component,
.f19-plugin_display-tag_label {
    min-width: 16rem;
    margin-right: .4rem;
    font-weight: 500
}

.f19-plugin_display-wrapper .f19-checkbox_label-component::after,
.f19-plugin_display-wrapper .f19-plugin_display-tag_label::after {
    content: ":";
    display: inline
}

.article-property .editor-settings {
    display: none
}

.f19-plugin_channels {
    padding-top: .8rem;
    margin-block: .2rem 1.6rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.f19-plugin_channels-description {
    margin: 0 0 1.6rem 0;
    font-weight: 600
}

.f19-plugin_channels {
    container: channels/inline-size
}

@container channels (max-width: 600px) {
    .f19-plugin_channels-options {
        flex-wrap: wrap
    }
}

@container channels (max-width: 805px) {
    .ch-label {
        font-size: 1.3rem;
        letter-spacing: .03em
    }

    .channel--ChIxbrl .ch-label,
    .channel--ChIcml .ch-label,
    .channel--ChXhtml .ch-label,
    .channel--ChWebsite .ch-label,
    .channel--ChTablet .ch-label,
    .channel--ChPhone .ch-label,
    .channel--ChPdf .ch-label {
        display: none
    }
}

.f19-plugin_tags {
    column-count: auto;
    column-width: 26rem;
    column-gap: 3.2rem
}

.fbmlHalfWidth .f19-plugin_tags {
    column-count: 1
}

.f19-plugin_tags-group_description {
    margin: .8rem 0 .4rem 0;
    display: block;
    font-weight: 450
}

.f19-plugin_tags-group_title+.f19-plugin_tags-group_description {
    margin-top: -0.4rem
}

.f19-plugin_tag-description {
    margin: 0 0 .8rem 0;
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

.f19-plugin_tags-group-wrapper {
    padding: .8rem 0;
    width: 100%;
    display: block
}

.f19-plugin_tags-group {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    width: 100%;
    display: inline-block
}

.f19-plugin_tags-group_title {
    margin: 0;
    padding: 0 0 .4rem 0;
    break-after: avoid;
    font-weight: 500
}

.f19-plugin_tag {
    width: 100%;
    display: inline-block;
    padding: .8rem 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.f19-plugin_tag--check {
    padding-top: .2rem;
    padding-bottom: .2rem;
    line-height: 1.2
}

.f19-plugin_tag .f19-button-group {
    padding-top: .2rem
}

.f19-plugin_tag-range-wrapper {
    width: 100%
}

.f19-plugin_tag-range {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: .7rem;
    margin: 1.6rem auto 1.2rem auto
}

.f19-plugin_tag-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 1 1 auto;
    width: 100%;
    height: .6rem;
    border-radius: .4rem;
    background-color: var(--cl-url)
}

.f19-plugin_tag-range-input:hover,
.f19-plugin_tag-range-input:focus {
    background-color: rgb(30.0686695279, 129.0042918455, 195.9313304721)
}

.f19-plugin_tag-range-input:hover::-webkit-slider-thumb,
.f19-plugin_tag-range-input:focus::-webkit-slider-thumb {
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}

.f19-plugin_tag-range-input:hover::-moz-range-thumb,
.f19-plugin_tag-range-input:focus::-moz-range-thumb {
    box-shadow: 0 0 .2rem -0.1rem rgba(0, 0, 0, .3), 0 .2rem .6rem 0 rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}

.f19-plugin_tag-range-input:focus-visible::-webkit-slider-thumb {
    border-color: rgba(0, 0, 0, .5)
}

.f19-plugin_tag-range-input:focus-visible::-moz-range-thumb {
    border-color: rgba(0, 0, 0, .5)
}

.f19-plugin_tag-range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border: 2px solid var(--cl-url);
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 50% 50%;
    background: #fff
}

.f19-plugin_tag-range-input::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border: 2px solid var(--cl-url);
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 50% 50%;
    background: #fff
}

.f19-plugin_tag-range-none,
.f19-plugin_tag-range-current {
    display: block;
    margin: 0 auto;
    max-width: min-content;
    white-space: nowrap;
    font-weight: 500
}

.f19-plugin_tag-range-none {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .025em;
    text-transform: uppercase
}

.f19-plugin_tag-range-none::after,
.f19-plugin_tag-range-none::before {
    content: "-";
    display: inline-block
}

.f19-plugin_tag-range-min,
.f19-plugin_tag-range-max {
    font-size: 1.2rem;
    flex: 0 0 auto
}

.f19-plugin_tip {
    width: 1.6rem;
    height: 1.6rem;
    color: var(--cl-url);
    cursor: help
}

.f19-plugin_tip.is-hidden {
    display: none
}

.f19-plugin_channel-settings {
    margin: 0 0 1.2rem 0
}

table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    font-variant: tabular-nums
}

table a,
table p {
    word-wrap: break-word;
    overflow-wrap: break-word
}

thead {
    font-weight: 600
}

tbody {
    font-weight: 480
}

tfoot {
    font-weight: 600
}

/*!
    [@Dev]
    Using :where() to make sure this is the lowest CSS specificity possible (0).
    It is important that the core styling can be easily overridden since
    th/td cells will need slighly different styling depending on table type.
    [No IE11 support]
*/
:where(tr) {
    vertical-align: middle
}

:where(tr).is-open,
:where(tr):focus-within,
:where(tr):focus,
:where(tr):hover {
    background-color: var(--cl-tr-hover)
}

:where(tr).is-open:has(.f19-cell_subcontent),
:where(tr):focus-within:has(.f19-cell_subcontent),
:where(tr):focus:has(.f19-cell_subcontent),
:where(tr):hover:has(.f19-cell_subcontent) {
    position: relative
}

thead :where(tr).is-open,
thead :where(tr):focus-within,
thead :where(tr):focus,
thead :where(tr):hover {
    background-color: rgba(0, 0, 0, 0)
}

:where(th, td) {
    min-inline-size: max-content;
    inline-size: 1px;
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-3);
    border: 0;
    text-align: start;
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

.table--legacy-popup :where(th, td) {
    inline-size: unset
}

:where(th, td):first-of-type {
    padding-left: var(--spacing-3)
}

:where(th, td):last-of-type {
    padding-right: var(--spacing-3)
}

.tbe-toolbox :where(th, td) {
    padding: 0
}

.tbe-toolbox :where(th, td)>* {
    vertical-align: unset
}

:where(th, td)>* {
    vertical-align: top
}

:where(th, td).size--auto {
    inline-size: unset;
    max-inline-size: unset
}

:where(th, td).size--xs {
    inline-size: 8rem
}

:where(th, td).size--sm {
    inline-size: 16rem
}

:where(th, td).size--md {
    inline-size: 24rem
}

:where(th, td).size--nm {
    inline-size: 32rem
}

:where(th, td).size--lg {
    inline-size: 40rem
}

:where(th, td).size--1 {
    inline-size: 4.2rem
}

:where(th, td).size--2 {
    inline-size: 8.4rem
}

:where(th, td).size--3 {
    inline-size: 12.6rem
}

:where(th, td).size--4 {
    inline-size: 16.8rem
}

:where(th, td).size--5 {
    inline-size: 21rem
}

:where(th, td).size--6 {
    inline-size: 25.2rem
}

:where(th, td).size--7 {
    inline-size: 29.4rem
}

:where(th, td).size--8 {
    inline-size: 33.6rem
}

:where(th, td).size--9 {
    inline-size: 37.8rem
}

:where(th, td).size--10 {
    inline-size: 42rem
}

:where(th, td).size--11 {
    inline-size: 46.2rem
}

:where(th, td).size--12 {
    inline-size: 50.4rem
}

:where(th, td).inline--start {
    text-align: start
}

:where(th, td).inline--start .f19-cell_content {
    justify-content: flex-start
}

:where(th, td).inline--center {
    text-align: center
}

:where(th, td).inline--center .f19-cell_content {
    justify-content: center
}

:where(th, td).inline--end {
    text-align: end
}

:where(th, td).inline--end .f19-cell_content {
    justify-content: flex-end
}

:where(th, td).type--nowrap {
    white-space: nowrap
}

:where(th, td).type--warning {
    padding: 0
}

:where(th, td).type--title {
    min-inline-size: min-content;
    inline-size: auto
}

:where(th, td).type--url,
:where(th, td).type--string {
    inline-size: auto;
    min-inline-size: auto;
    vertical-align: middle
}

@container main (max-width: 79rem) {
    :where(th, td).type--workflow .f19-cell_header-text {
        display: none
    }
}

:where(th, td).type--url {
    width: 30%
}

:where(th, td).type--avatar {
    max-inline-size: max-content;
    min-inline-size: 3.6rem;
    padding-inline: var(--spacing-1)
}

:where(th, td).type--inform {
    color: rgba(0, 22, 137, .075)
}

:where(th, td).type--size,
:where(th, td).type--template {
    min-inline-size: min-content;
    inline-size: auto
}

:where(th, td).type--template {
    max-inline-size: 18rem
}

:where(th, td).type--time {
    max-inline-size: 45rem;
    white-space: nowrap
}

:where(th, td).type--error-label {
    min-inline-size: 11rem
}

:where(th, td).type--sync-state {
    inline-size: 11rem
}

:where(th, td).type--project {
    inline-size: 24rem
}

:where(th, td).type--alias {
    inline-size: 24rem
}

:where(th, td).type--sync-action {
    inline-size: 20rem
}

:where(th, td).type--email {
    inline-size: 30rem
}

:where(th, td).type--code,
:where(th, td).type--input {
    min-inline-size: 22rem
}

.compare-table :where(th, td),
.editor-display :where(th, td),
.preview-content :where(th, td),
.change-content :where(th, td) {
    min-inline-size: min-content;
    inline-size: auto
}

.table-tagger :where(th, td) {
    min-inline-size: min-content;
    inline-size: auto;
    padding-block: var(--spacing-1);
    padding-inline: var(--spacing-2)
}

:where(th, td) td::selection,
:where(th, td) th::selection,
:where(th, td) p::selection {
    appearance: none
}

.f19-table-list :where(td) {
    padding-block: var(--spacing-3)
}

.f19-table-list--sm :where(td) {
    padding-block: var(--spacing-2)
}

.f19-table-list--xs :where(td) {
    padding-block: var(--spacing-1)
}

.f19-table-list--recentchanges :where(td) {
    padding-block: var(--spacing-2)
}

:where(th) {
    padding-block: var(--spacing-4);
    letter-spacing: .025em;
    font-weight: 500;
    word-break: normal
}

f19-style-items-table :where(th) {
    font-weight: 600;
    border-block-end: 2px solid var(--cl-grey-light-3)
}

.data-sortable {
    cursor: pointer
}

.data-sortable f19-icon {
    margin-inline-start: var(--spacing-2)
}

.f19-cell_header {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-3)
}

.type--number .f19-cell_header {
    min-width: 4.2rem;
    justify-content: center
}

.type--template .f19-cell_header {
    justify-content: flex-end
}

.inline--start .f19-cell_header {
    justify-content: flex-end
}

.inline--center .f19-cell_header {
    justify-content: center
}

.inline--end .f19-cell_header {
    justify-content: flex-end
}

.f19-cell_content-nr {
    display: block;
    inline-size: 100%;
    text-align: center
}

.f19-table-filter {
    margin: 0;
    padding: 0;
    list-style: none
}

.f19-table-filter ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.f19-table-filter li {
    height: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    gap: .8rem;
    font-weight: 500
}

.f19-table-filter li>span {
    max-width: calc(100% - 4.3rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--cl-url)
}

.f19-table-filter li:focus,
.f19-table-filter li:hover {
    color: var(--cl-brand-dark);
    text-decoration: none
}

.f19-table-filter li:focus>span,
.f19-table-filter li:hover>span {
    text-decoration: underline
}

.f19-table-filter li.f19--selected>span {
    color: var(--cl-brand-dark);
    text-decoration: underline
}

.f19-table-filter li.f19--selected .f19-table-filter_count {
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--cl-brand-dark)
}

.f19-table-filter li .f19-table-filter_count {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    font-size: 1.2rem;
    border: 1px solid var(--cl-grey-light);
    background-color: rgba(0, 0, 0, 0)
}

.f19-table-filter_groupname {
    width: 100%;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--cl-text)
}

.f19-table-options {
    padding-left: .8rem;
    padding-right: .8rem;
    margin-block-end: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.f19-table-options f19-labeled-dropdown {
    flex-grow: 0
}

.f19-table-options_multiselect {
    display: flex;
    align-items: center;
    margin-right: 1.2rem
}

.f19-table-options_filter {
    margin-right: 1.2rem
}

.f19-table-options_search {
    flex-grow: 1
}

.f19-table-options_search f19-search {
    width: 100%
}

.f19-paging-options {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.4rem, 1.2vw, 3.2rem)
}

@container main (max-width: 56rem) {
    .f19-paging-options {
        flex-wrap: wrap
    }
}

f19-header+.f19-paging-options {
    margin-block-start: 0
}

.f19-paging-options>* {
    margin-block: auto
}

.f19-paging-options f19-labeled-dropdown {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 1.2rem
}

:where(th, td) {
    --line-color: rgba(0, 0, 0, 0.025);
    outline: .1rem solid rgba(0, 0, 0, 0);
    outline-offset: -0.2rem;
    position: relative
}

.compare-container :where(th, td):focus,
.table-tagger :where(th, td):focus,
.compare-container :where(th, td):hover,
.table-tagger :where(th, td):hover {
    outline-color: var(--cl-grey-light-2);
    background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 2px, var(--line-color) 3px, var(--line-color) 7px, rgba(255, 255, 255, 0.15) 8.25px);
    background-clip: padding-box;
    background-size: cover
}

:where(th, td).is-cell-selected,
:where(th, td).is-cell-hover,
:where(th, td).is-selected {
    background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 2px, var(--line-color) 3px, var(--line-color) 7px, rgba(255, 255, 255, 0.15) 8.25px);
    background-clip: padding-box;
    background-size: cover;
    border-radius: .3rem
}

:where(th, td).is-cell-selected:hover,
:where(th, td).is-cell-hover:hover,
:where(th, td).is-selected:hover {
    --line-color: rgba(0, 0, 0, 0.1);
    outline-color: var(--cl-grey-light)
}

:where(th, td).is-cell-hover {
    outline-color: var(--cl-grey-light-2)
}

:where(th, td).is-cell-selected,
:where(th, td).is-selected {
    --line-color: rgba(0, 0, 0, 0.06);
    outline-color: var(--cl-grey-light-2)
}

.compare-container :where(th, td).is-cell-selected,
.compare-container :where(th, td).is-selected {
    --line-color: rgba(0, 0, 0, 0.09);
    outline-color: var(--cl-grey)
}

:where(th, td).is-tagged {
    outline-color: var(--cl-purple-light-2);
    outline-width: .2rem;
    outline-offset: -0.3rem;
    position: relative;
    border-radius: .3rem;
    box-shadow: inset 0 0 0rem .4rem hsla(0, 0%, 100%, .5)
}

:where(th, td).is-tagged::before {
    content: "";
    inline-size: .7rem;
    block-size: .7rem;
    display: block;
    position: absolute;
    inset-block-start: .1rem;
    inset-inline-start: .1rem;
    overflow: hidden;
    border-radius: .3rem 0 .3rem 0;
    border: .1rem solid hsla(0, 0%, 100%, .85);
    border-left: none;
    border-top: none;
    background-color: var(--cl-purple-light-2);
    box-shadow: var(--box-shadow-sm)
}

:where(th, td).is-tagged:focus,
:where(th, td).is-tagged:hover {
    outline-color: var(--cl-purple)
}

:where(th, td).is-tagged:focus::before,
:where(th, td).is-tagged:hover::before {
    background-color: var(--cl-purple)
}

.f19-heading-with-separator {
    margin-top: 2.4rem;
    margin-bottom: 1.2rem
}

.f19-heading-with-separator::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #f7f9fa;
    margin-top: .4rem
}

.f19-content-group .f19-heading-with-separator::after {
    background-color: rgba(0, 22, 137, .075)
}

.f19-heading-with-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.6rem
}

.f19-heading-with-icon svg,
.f19-heading-with-icon i {
    display: flex;
    align-items: center;
    justify-content: center
}

.f19-heading-with-icon i {
    font-size: 4rem
}

.f19-heading-with-icon h1,
.f19-heading-with-icon h2,
.f19-heading-with-icon h3,
.f19-heading-with-icon h4,
.f19-heading-with-icon h5,
.f19-heading-with-icon h6 {
    margin: 0 0 .2rem 0
}

.f19-heading-with-icon p {
    margin: 0
}

.f19-heading-with-icon_title {
    display: flex;
    flex-direction: column
}

f19-text-mark {
    padding: 0 .4rem;
    border-radius: .2rem;
    border: 1px dashed
}

f19-text-mark.f19--success,
f19-text-mark[status=success] {
    color: #155724;
    background-color: #d4edda;
    border-color: #155724
}

f19-text-mark.f19--problem,
f19-text-mark[status=problem] {
    color: #8e3232;
    background-color: #f8d7da;
    border-color: #8e3232
}

f19-text-mark.f19--warning,
f19-text-mark[status=warning] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #856404
}

f19-text-mark.f19--neutral,
f19-text-mark[status=neutral] {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #0c5460
}

.f19-profile {
    display: flex;
    flex-flow: nowrap row;
    gap: var(--spacing-3);
    align-items: center;
    justify-content: flex-start
}

f19-menu:not([expanded]) .f19-profile {
    justify-content: center
}

.f19-profile_avatar {
    flex: 0 0 auto;
    margin-block-start: .3rem;
    text-decoration: none
}

.f19-profile_avatar:hover f19-user-avatar,
.f19-profile_avatar:focus f19-user-avatar {
    border-width: .4rem
}

.f19-profile_avatar f19-user-avatar {
    max-width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    cursor: pointer;
    transition: border ease-in-out .1s
}

.f19-profile_data {
    flex: 1 1 auto
}

f19-menu:not([expanded]) .f19-profile_data {
    display: none
}

.f19-profile_name {
    display: block;
    font-size: 1.4rem;
    font-weight: 500
}

.f19-profile_name.f19-menu_nav_url {
    --size-block: 1vh;
    --size-inline: 0.6vw
}

@media(max-width: 120rem) {
    .f19-profile_name.f19-menu_nav_url {
        --size-block: 1vh
    }
}

@media(max-width: 100rem) {
    .f19-profile_name.f19-menu_nav_url {
        --size-block: 1vh
    }
}

.f19-profile_company {
    display: block;
    font-size: 1.2rem
}

.f19-clipboard {
    margin-block: var(--spacing-4) 0;
    padding-block: var(--spacing-4) 0;
    display: flex;
    flex-flow: column nowrap;
    place-content: flex-start;
    gap: .8rem
}

.f19-main-wrapper--article .f19-clipboard {
    border-top: 2px solid var(--cl-grey-light)
}

.f19-clipboard.is-copied {
    animation: a-copy both .5s ease-in-out 3
}

.f19-clipboard .f19-btn {
    font-size: clamp(1rem, .8vw, 1.5rem)
}

.f19-clipboard_descr {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

@keyframes a-copy {
    50% {
        border-top-color: var(--cl-brand-dark)
    }
}

.f19-image-preview {
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    position: relative;
    background-color: #f7f9fa;
    z-index: 2
}

f19-info {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    cursor: help;
    color: var(--cl-url);
    background: none;
    border: none;
    font-size: 1.6rem;
    aspect-ratio: 1/1
}

f19-info.f19-info--aside {
    position: absolute;
    inset-inline-end: .2rem;
    inset-block-start: .2rem;
    z-index: 5
}

.fbml-toolbox f19-info.f19-info--aside {
    inset-inline: .4rem auto
}

.f19-infobox {
    --infobox-max-size: 65rem;
    display: none;
    inline-size: max-content;
    max-inline-size: min(100vw - var(--spacing-4) - var(--pos-x), var(--infobox-max-size));
    min-inline-size: 20rem;
    min-block-size: 6rem;
    padding: 0;
    position: absolute;
    inset-block-start: var(--pos-y, unset);
    z-index: 105;
    overflow: hidden;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: .4rem;
    background-color: #fff;
    box-shadow: var(--box-shadow-nm)
}

.f19-infobox.set-aligned--left {
    inset-inline-end: var(--pos-x, unset)
}

.f19-infobox.set-aligned--center {
    inset-inline-start: var(--pos-x, unset)
}

.f19-infobox.set-aligned--right {
    inset-inline-start: var(--pos-x, unset)
}

.f19-infobox:not([hidden]) {
    display: flex !important
}

.f19-infobox.f19-info-box--charts {
    --infobox-max-size: 72rem;
    inline-size: var(--infobox-max-size);
    block-size: 52rem
}

.f19-infobox.f19-info-box--tables {
    --infobox-max-size: 72rem;
    max-block-size: 62rem
}

.f19-infobox.f19-info-box--images {
    max-inline-size: 128rem
}

.f19-infobox[alwayscentered] {
    --pos-y: 50%;
    --pos-x: 50%;
    max-inline-size: 94vw;
    max-block-size: 94vh;
    min-inline-size: 24rem;
    min-block-size: 24rem;
    position: fixed;
    transform: translate(-50%, -50%)
}

.f19-infobox_bg-layer {
    inline-size: 100%;
    block-size: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .35)
}

.f19-infobox_close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    inline-size: 3.2rem;
    block-size: 100%;
    min-block-size: 3.6rem;
    margin: 0 0 0 auto;
    flex: 0 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #333;
    transition: background ease .1s;
    background-color: var(--cl-grey-light-3)
}

.mn-overview-articles .f19-infobox_close {
    display: none
}

.f19-infobox_close:focus,
.f19-infobox_close:focus-within,
.f19-infobox_close:hover {
    cursor: pointer;
    background-color: rgba(0, 22, 137, .075)
}

.f19-infobox_close:active {
    background-color: var(--cl-grey-dark)
}

.f19-infobox_close:active .fa,
.f19-infobox_close:active .fas {
    transform: scale(0.8)
}

.f19-infobox_close .fa,
.f19-infobox_close .fas {
    font-size: 2rem;
    display: inline-block;
    vertical-align: middle;
    backface-visibility: visible;
    transform-origin: center center;
    transition: all ease-in-out .1s
}

.f19-infobox_header {
    inline-size: 100%;
    margin: 0;
    padding: 0;
    font-weight: 500;
    background: #f7f9fa;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.f19-infobox_title {
    flex: 1 1 auto;
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-4) var(--spacing-3);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-inline-size: 100%
}

.f19-infobox_content {
    flex: 1 1 auto;
    max-inline-size: 78rem;
    max-block-size: 48rem;
    min-block-size: 3.6rem;
    inline-size: 100%;
    padding: var(--spacing-4);
    overflow: auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    font-size: 1.3rem;
    overflow-wrap: break-word;
    word-break: break-word
}

.f19-infobox_content>select {
    flex: 0 0 auto
}

.f19-infobox_content ul {
    inline-size: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.f19-infobox_content ul ul {
    padding-inline-start: var(--spacing-4);
    list-style: initial
}

.mn-overview-articles .f19-infobox_content>ul {
    padding: 0;
    list-style: none
}

.f19-infobox_content table p {
    font-size: 1.2rem
}

.f19-info-box--charts .f19-infobox_content {
    max-block-size: initial
}

.f19-infobox_content iframe {
    block-size: 100%
}

.f19-info-box--images .f19-infobox_content {
    max-inline-size: 128rem;
    max-block-size: initial;
    padding: var(--spacing-3)
}

.f19-infobox_content img {
    max-block-size: 100%
}

.f19-info-box--images .f19-infobox_content img {
    max-block-size: calc(96vh - 8rem)
}

.f19-info-box--images .f19-infobox_content img[src*=".svg"] {
    inline-size: clamp(16rem, 100vw, 82rem)
}

.f19-infobox_content-container {
    inline-size: 100%;
    flex: 1 1 auto
}

.f19-info-box--images .f19-infobox_content-container {
    display: flex;
    flex-flow: row nowrap;
    place-items: center;
    place-content: center;
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box
}

.f19-infobox_content-overview {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-4)
}

.f19-infobox_content_info {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-3)
}

.f19-infobox_content_info-list {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-2)
}

.f19-infobox_content_info-list li {
    flex: 1 1 auto;
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

.f19-infobox_content_info-list li:has(a):has(.f19-button-group:hover):hover a,
.f19-infobox_content_info-list li:has(a):has(.f19-button-group:hover):focus-visible a,
.f19-infobox_content_info-list li:has(a):has(button:hover):hover a,
.f19-infobox_content_info-list li:has(a):has(button:hover):focus-visible a {
    text-decoration: underline
}

.f19-infobox_content_info-list .f19-button-group {
    flex: 0 1 auto;
    margin-inline-start: auto;
    flex-wrap: nowrap
}

.f19-infobox_content_info-link {
    flex: 0 1 auto;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-2)
}

.f19-infobox_content_info-link f19-icon {
    margin-block-start: .1em
}

.f19-infobox_content_info-label {
    min-inline-size: 10.2rem;
    display: inline-block;
    font-weight: 600
}

.f19-infobox_task-status {
    color: var(--cl-brand)
}

.f19-infobox-sublist {
    margin: 0 0 .4rem 0;
    padding: .4rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.f19-infobox-sublist:last-of-type {
    border: none
}

.f19-infobox-sublist ul {
    font-size: 1.2rem
}

.f19-infobox_task-state-icon {
    color: var(--cl-grey)
}

.f19-infobox-task {
    inline-size: 100%;
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3) 0;
    padding: .6rem 0 .6rem .6rem;
    border-bottom: 1px solid rgba(0, 22, 137, .12)
}

.f19-infobox-task:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.f19-infobox-task.is-completed .f19-infobox_task-state-icon {
    color: #37a04f
}

.f19-infobox-task.is-disabled {
    opacity: .4
}

.f19-infobox_task-user {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 0 .4rem 0;
    font-weight: 600
}

.f19-infobox_task-label {
    flex: 0 1 auto;
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

.f19-infobox_task-icon {
    min-inline-size: 2.6rem;
    margin: 0;
    display: inline-block;
    flex: 0 0 auto
}

.is-completed .f19-infobox_task-icon {
    color: #19a384
}

.f19-infobox_task-user .f19-infobox_task-icon {
    color: var(--cl-url);
    display: inline-block;
    vertical-align: text-bottom
}

.f19-infobox_task-descr {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

.f19-infobox-sublist_name {
    font-weight: 500
}

.f19-infobox_loader {
    padding: 1.2rem;
    text-align: center
}

.f19-infobox_loader-img {
    inline-size: 3.2rem;
    block-size: 3.2rem
}

.f19-loading-overlay {
    display: none;
    background: rgba(0, 22, 137, .15);
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 84px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2
}

.f19-infobox .f19-loading-overlay,
f19-info-box .f19-loading-overlay {
    position: absolute
}

.f19-loading-message {
    display: flex;
    align-items: center
}

.f19-loading-message i {
    margin-right: .8rem;
    transform-origin: center;
    animation: spin 3s linear infinite
}

.f19-loading-message p {
    position: relative;
    top: 1px
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

f19-notification {
    min-inline-size: 12rem;
    inline-size: max-content;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    padding-inline: 1.6rem;
    padding-block: 1.2rem;
    border-radius: var(--border-radius-sm);
    border: 1px solid hsla(0, 0%, 100%, .9);
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    background-color: var(--cl-message-neutral);
    box-shadow: var(--box-shadow-sm);
    isolation: isolate;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(150%);
    bottom: .8rem;
    z-index: 105;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.55);
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-play-state: paused
}

f19-notification[direction*=top] {
    top: .8rem;
    bottom: auto;
    transform: translateX(-50%) translateY(-150%)
}

f19-notification[animation-speed*=slow] {
    animation-duration: 1.2s
}

f19-notification[animation-speed*=fast] {
    animation-duration: .4s
}

f19-notification[animation*=in] {
    animation-name: notification-in;
    animation-play-state: running
}

f19-notification[animation*=in][direction*=top] {
    animation-name: notification-top-in
}

f19-notification[animation*=out] {
    animation-name: notification-out;
    animation-play-state: running
}

f19-notification[animation*=out][direction*=top] {
    animation-name: notification-top-out
}

f19-notification p {
    margin: 0
}

f19-notification[animation*=no] {
    animation-duration: 0s
}

f19-notification[type*=success] {
    color: #11afc7;
    background-color: #d1ecf1
}

f19-notification[type*=warning] {
    color: #856404;
    background-color: #fff3cd
}

f19-notification[type*=error] {
    color: #8e3232;
    background-color: #f8d7da
}

.f19-notification_close {
    color: #fff;
    margin-inline-end: -1.2rem;
    --btn-cl-text-hover: var(--cl-brand-dark);
    --btn-cl-border-hover: #fff;
    --btn-cl-background-hover: #fff
}

@keyframes notification-in {
    0% {
        transform: translateX(-50%) translateY(150%)
    }

    100% {
        transform: translateX(-50%) translateY(0%)
    }
}

@keyframes notification-out {
    0% {
        transform: translateX(-50%) translateY(0%)
    }

    100% {
        transform: translateX(-50%) translateY(150%)
    }
}

@keyframes notification-top-in {
    0% {
        transform: translateX(-50%) translateY(-150%)
    }

    100% {
        transform: translateX(-50%) translateY(0%)
    }
}

@keyframes notification-top-out {
    0% {
        transform: translateX(-50%) translateY(0%)
    }

    100% {
        transform: translateX(-50%) translateY(-150%)
    }
}

.f19-nav-env_notification {
    grid-column: 1/-1;
    clear: both;
    --pattern-color: rgba(0, 0, 0, 0.15);
    inline-size: calc(100% - .1rem);
    flex: 1 1 auto;
    margin-block: -0.1rem 0;
    margin-inline: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    background-clip: padding-box;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden
}

@media(max-width: 64rem) {
    .f19-nav-env_notification {
        padding-inline-end: var(--spacing-4);
        justify-content: flex-end
    }
}

.f19-nav-env_notification.type--trial {
    --pattern-color: rgba(255, 140, 15, 0.75)
}

.f19-nav-env_notification::before {
    inline-size: 100vw;
    block-size: .4rem;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 1;
    border-radius: var(--border-radius-sm);
    background-image: repeating-linear-gradient(45deg, var(--pattern-color), var(--pattern-color) 0.6rem, white 0.6rem, white 1.2rem)
}

.f19-nav-env_notification p {
    margin: 0;
    padding-block: .4rem;
    padding-inline: .8rem;
    color: #333;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.f19-nav-env_notification p::before {
    inline-size: 100%;
    block-size: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: var(--border-radius-sm);
    border-image-width: 3px;
    border-image-slice: 1;
    border-image-source: repeating-linear-gradient(45deg, var(--pattern-color), var(--pattern-color) 0.6rem, white 0.6rem, white 1.2rem)
}

@media(max-width: 85.38rem) {
    .f19-nav-env_notification_part2 {
        display: none
    }
}

.f19-popup-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 105;
    background-color: var(--cl-popup-background);
    backdrop-filter: var(--cl-background-blur)
}

.f19-popup-wrapper--extreme {
    z-index: 2000
}

.f19-popup-wrapper+.f19-popup-wrapper .f19-popup:not(.f19-messagebox) {
    max-width: 85vw;
    inline-size: 110rem
}

.f19-popup-wrapper.look-under-overlay {
    justify-content: normal;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .15);
    backdrop-filter: none
}

.f19-popup {
    inline-size: 128rem;
    max-width: 90vw;
    max-height: calc(100vh - 8rem);
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    position: relative;
    contain: paint;
    border-radius: var(--border-radius-nm)
}

.f19-popup.size--xxl {
    inline-size: 185rem;
    max-width: 96vw;
    max-height: calc(100vh - 4rem)
}

.f19-popup.size--md {
    inline-size: 102.4rem
}

.f19-popup.size--sm {
    inline-size: 86rem
}

.f19-popup.size--xs {
    inline-size: 68rem
}

.f19-popup.size--xxs {
    inline-size: 48rem
}

.f19-popup.f19-popup--full-height {
    max-block-size: 120rem;
    block-size: calc(100vh - 4rem)
}

.f19-popup.size--widget-m {
    inline-size: 45rem;
    min-block-size: 16rem;
    block-size: max-content;
    inset-block-start: 10rem;
    inset-inline-start: 2rem
}

.cg-part_body .f19-popup {
    inset-block-start: auto;
    transform: none
}

.f19-popup .f19-icon {
    inline-size: 4rem;
    block-size: 4rem
}

.f19-popup .svg-icon {
    inline-size: 100%;
    block-size: 100%
}

.f19-popup_content {
    overflow-x: hidden;
    overflow-y: auto;
    max-block-size: calc(100vh - 10rem);
    flex-grow: 1
}

.f19-popup-feedback {
    font-size: 1.3rem
}

.f19-popup-scrollable {
    max-block-size: var(--max-height, calc(100% - 5rem));
    overflow: auto;
    padding-inline: var(--spacing-3)
}

body.f19-popup-active {
    overflow: hidden
}

.f19-popup--small {
    max-width: 600px;
    margin: 0 auto
}

.f19-popup--medium {
    max-width: 1000px;
    margin: 0 auto
}

f19-popup-footer,
f19-popup-header {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    padding-inline: 3.2rem;
    padding-block: 2.4rem;
    gap: 1.6rem;
    background: hsl(200, 23.0769230769%, 95.9509803922%)
}

f19-popup-header {
    min-height: 9rem;
    box-shadow: 0 .2rem .2rem -0.2rem rgba(0, 0, 0, .1)
}

f19-popup-header .f19-button-group {
    align-self: flex-start
}

.f19-popup--xbrl-overview-tag f19-popup-header,
.f19-popup--xbrl-multi-tag f19-popup-header,
.f19-popup--xbrl-table-tag f19-popup-header {
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-4);
    min-height: 6rem
}

.f19-popup f19-popup-header {
    box-shadow: 0 .2rem .2rem -0.2rem rgba(0, 0, 0, .1)
}

.f19-popup f19-popup-header .f19-button-group {
    align-self: flex-start
}

f19-popup-header h1,
f19-popup-header h2,
f19-popup-header h3,
f19-popup-header h4,
f19-popup-header h5,
f19-popup-header h6,
f19-popup-header p {
    margin: 0
}

f19-popup-header>span {
    display: block;
    font-size: 1.6rem
}

f19-popup-body {
    max-block-size: calc(100% - 16.6rem);
    flex: 1 1 auto;
    display: block;
    padding-inline: 3.2rem;
    padding-block: 2.4rem;
    background-color: #fff;
    overflow-y: auto
}

f19-popup-body::-webkit-scrollbar {
    inline-size: .6rem;
    block-size: .6rem
}

f19-popup-body::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #b2b2b2
}

f19-popup-body::-webkit-scrollbar-track {
    background: #f7f9fa;
    border-top: 1px solid hsl(200, 23.0769230769%, 92.4509803922%);
    border-bottom: 1px solid hsl(200, 23.0769230769%, 92.4509803922%);
    border-left: 1px solid hsl(200, 23.0769230769%, 90.4509803922%);
    border-right: 1px solid hsl(200, 23.0769230769%, 90.4509803922%)
}

f19-popup-body {
    scrollbar-color: #b2b2b2 #f7f9fa
}

.f19-popup--content-group-popup f19-popup-body {
    min-height: 22rem
}

f19-wizard f19-popup-body {
    position: relative
}

f19-popup-body.type--legacy {
    padding: 2.4rem
}

f19-popup-body iframe {
    max-block-size: 98%
}

.f19-popup-section {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid #dde4ea
}

.f19-popup-section:first-child {
    border-top: none;
    padding-top: 0
}

.f19-popup-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.f19-popup-section>*:first-child {
    margin-block-start: 0
}

.f19-popup-section>*:last-child {
    margin-block-end: 0
}

.f19-popup-section .row {
    margin-inline: 0
}

.f19-popup-section.f19-popup-section--progress {
    display: none
}

.f19-popup-section.f19-popup-section--progress:has(.f19-progress-stopped),
.f19-popup-section.f19-popup-section--progress:has(.f19-progress-active),
.f19-popup-section.f19-popup-section--progress:has(.f19-progress-feedback) {
    display: block
}

.f19-popup-section_label {
    margin-block: var(--spacing-1) var(--spacing-3)
}

f19-popup-footer {
    bottom: 0
}

@keyframes progress-indicator-start-container {
    50% {
        border-color: var(--cl-brand-light-2)
    }
}

f19-progress-indicator {
    inline-size: 100%;
    position: relative
}

f19-progress-indicator.f19-progress-active {
    display: block;
    margin-block: var(--spacing-2) var(--spacing-3);
    overflow: hidden;
    border-radius: var(--border-radius-nm)
}

.f19-progress-container {
    inline-size: 100%;
    position: relative;
    border-radius: var(--border-radius-nm);
    transition: block-size ease-in-out .3s .1s;
    transform: translateZ(1px)
}

.f19-progress-active .f19-progress-container {
    animation: progress-indicator-start-container 2s infinite;
    border: .2rem solid var(--cl-progress);
    padding: .2rem;
    background-color: var(--cl-brand-light-4);
    transition-delay: .1s
}

.f19-progress-container .f19-progress-text {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    text-align: center;
    font-size: 0;
    line-height: 1
}

.f19-progress-percentage {
    will-change: inline-size;
    inline-size: 33%;
    background-color: var(--cl-progress);
    border-radius: var(--border-radius-nm);
    transition: inline-size .5s linear;
    transform: translateZ(-1px)
}

.f19-progress-active .f19-progress-percentage {
    block-size: .8rem
}

f19-tooltip {
    position: relative;
    display: inline-block;
    background: var(--cl-brand-dark);
    color: #fff;
    padding: 1.2rem 1.6rem;
    border-radius: .4rem
}

f19-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -0.8rem;
    width: 0;
    height: 0;
    border-top: solid .8rem var(--cl-brand-dark);
    border-left: solid .8rem rgba(0, 0, 0, 0);
    border-right: solid .8rem rgba(0, 0, 0, 0)
}

.f19-empty-indicator {
    min-height: 100%;
    inline-size: 100%;
    padding: 4rem;
    overflow: hidden;
    border: 2px solid var(--cl-brand-dark);
    border-radius: var(--border-radius-sm)
}

.f19-empty-indicator.f19-empty-indicator--centered {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2)
}

.f19-empty-indicator p {
    margin-block: 0
}

.f19-empty-indicator p+.f19-btn {
    margin-block-start: var(--spacing-3)
}

f19-content-group-editor {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cl-brand-light-4);
    border-radius: var(--border-radius-sm)
}

f19-content-group-editor>f19-feedback-message {
    margin: var(--spacing-4) !important;
    inline-size: calc(100% - var(--spacing-4)*2)
}

f19-content-group-editor.is-collapsed>f19-feedback-message {
    display: none
}

.f19-content-group-editor_header {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: var(--spacing-4);
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3);
    background-color: var(--cl-brand-light-5);
    border-radius: var(--border-radius-xs)
}

@container main (max-width: 86rem) {
    .f19-content-group-editor_header {
        font-size: 1.3rem
    }
}

@container main (max-width: 62rem) {
    .f19-content-group-editor_header {
        flex-wrap: wrap
    }
}

.is-collapsed .f19-content-group-editor_header {
    border-radius: var(--border-radius-sm)
}

.f19-content-group-editor_header .f19-content-group-editor_actions {
    margin-inline-start: auto
}

.f19-content-group-editor_container {
    margin-block-start: -0.6rem;
    padding: var(--spacing-4)
}

.is-collapsed .f19-content-group-editor_container {
    visibility: hidden;
    display: none
}

.f19-content-group-editor_container .f19-form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4)
}

.f19-content-group-editor_container .f19-form .f19-form_section {
    margin: unset
}

.f19-content-group-editor_container .f19-content-group-editor_section {
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-4);
    border-radius: var(--border-radius-sm);
    border: .1rem solid var(--cl-brand-light-4);
    background-color: var(--cl-brand-light-5)
}

.f19-content-group-editor_permission-container {
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 auto;
    gap: var(--spacing-4)
}

@container main (max-width: 82rem) {
    .f19-content-group-editor_permission-container {
        flex-flow: column nowrap
    }
}

.f19-content-group-editor_header-frozen {
    min-width: 14rem
}

.f19-content-group-editor_header-title {
    font-size: 1.4rem;
    color: var(--cl-brand)
}

.f19-content-group-editor_collapse-toggle .f19-icon-state-2 {
    display: none
}

.is-collapsed .f19-content-group-editor_collapse-toggle .f19-icon-state-2 {
    display: block
}

.f19-content-group-editor_collapse-toggle .f19-icon-state-1 {
    display: block
}

.is-collapsed .f19-content-group-editor_collapse-toggle .f19-icon-state-1 {
    display: none
}

f19-fbml-editor {
    display: flex;
    flex-direction: column;
    position: relative
}

.is-loading f19-fbml-editor {
    display: none
}

f19-fbml-editor[has-drop-zone] {
    flex-grow: 1
}

.f19-editor-header .f19-node-fbml_content {
    min-block-size: 4rem
}

.f19-editor-nodes-actions {
    z-index: 1;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: calc(-1*var(--spacing-6));
    display: flex;
    justify-content: flex-end;
    margin-inline-start: auto;
    margin-block-start: 0
}

.f19-editor-website-route .f19-editor-nodes-actions,
.f19-editor-nodes-actions.is-hidden {
    display: none
}

.f19-editor-nodes-actions .f19-button-group {
    flex-flow: column nowrap;
    gap: var(--spacing-2)
}

.f19-editor-header .f19-editor-nodes-actions {
    display: none
}

.f19-editor-content {
    margin-block-start: var(--spacing-2)
}

.f19-editor-nodes {
    z-index: 2;
    display: flex;
    flex-flow: row wrap;
    gap: var(--spacing-4);
    padding-block: var(--spacing-3)
}

.f19-editor-nodes>.fbml-editor-drop-indicator {
    inline-size: calc(80% - var(--spacing-5)*2 - 22px);
    block-size: var(--spacing-3);
    margin-block-end: 0 !important;
    margin-inline: calc(10% + 11px);
    position: absolute;
    border-radius: var(--border-radius-sm);
    background: var(--cl-brand-secondary)
}

.f19-editor-nodes:not(:has(f19-fbml-editor-node)) {
    block-size: 100%;
    inline-size: calc(100% - var(--spacing-5)*2);
    padding: var(--spacing-2);
    margin-inline: auto;
    border: .3rem dashed var(--cl-brand-light-4);
    border-radius: var(--border-radius-sm);
    transition: transform .2s ease-in-out, border .15s ease-in-out
}

.f19-editor-nodes:not(:has(f19-fbml-editor-node)).is-being-dragged-over {
    border-color: var(--cl-brand-light-2);
    transform: scaleY(0.98) scaleX(0.98);
    background-color: var(--cl-grey-light-3)
}

f19-fbml-editor:has(f19-fbml-editor-node) .f19-editor-empty-state-message {
    display: none
}

.f19-editor-empty-state-message {
    padding: var(--spacing-4) var(--spacing-5);
    display: flex;
    justify-content: center;
    gap: var(--spacing-2);
    font-size: 1.4rem;
    color: var(--cl-grey);
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

@media(max-width: 48rem) {
    .f19-editor-empty-state-message {
        display: none
    }
}

.f19-editor-empty-state-message>p {
    margin-block-start: .2rem
}

.clipboard-submenu-wrapper {
    position: relative
}

.clipboard-submenu-wrapper:hover .clipboard-submenu,
.clipboard-submenu-wrapper:focus-within .clipboard-submenu {
    display: flex;
    inline-size: max-content
}

.clipboard-submenu-wrapper:has(.f19-btn-clipboard[disabled]) .clipboard-submenu {
    display: none
}

.clipboard-submenu {
    display: none;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2);
    position: absolute;
    inset-block-end: -0.4rem;
    inset-inline: 50%;
    transform: translateY(100%) translateX(-50%);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-sm);
    background-color: var(--cl-island-background)
}

.clipboard-submenu::before {
    inline-size: 1.2rem;
    block-size: 1.2rem;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    inset-block-start: 1.2rem;
    inset-inline-start: 50%;
    transform: translateX(-50%) translateY(50%) rotate(45deg);
    border-radius: var(--border-radius-xs);
    box-shadow: -0.2rem -0.1rem .1rem 0 rgba(0, 0, 0, .05), -0.1rem -0.2rem .1rem 0 rgba(0, 0, 0, .05);
    background-color: var(--cl-island-background)
}

.clipboard-submenu::after {
    inline-size: calc(100% + 1.6rem);
    block-size: calc(100% + 1.6rem);
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    inset-block-start: -1rem;
    inset-inline-start: -0.8rem
}

.clipboard-items-count {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4rem;
    border: 1px solid rgba(0, 0, 0, 0);
    padding-block: .2rem;
    padding-inline: .3rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background-color: var(--cl-brand)
}

.f19-btn-clipboard[disabled] .clipboard-items-count {
    opacity: 0
}

.clipboard-items-count.an-nudge {
    animation: nudge 1s linear
}

@keyframes nudge {
    0% {
        transform: translateY(0px)
    }

    15% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(0px)
    }

    65% {
        transform: translateY(-5px)
    }
}

.an-pulse {
    animation: pulse-animation .45s ease-in-out 1;
    animation-direction: normal;
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px rgba(0, 0, 0, .1)
}

.an-pulse.is-grayed-out {
    --node-cl-border: var(--cl-brand)
}

.an-pulse-prominent {
    animation: pulse-animation .9s ease-in-out 3;
    animation-direction: normal;
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px rgba(0, 0, 0, .1)
}

f19-fbml-editor-node {
    --node-cl-text: #333;
    --node-cl-border: transparent;
    container-type: inline-size;
    container-name: fbmlnode;
    flex: 1 1 auto;
    position: relative;
    display: block;
    border: 1px solid var(--node-cl-border);
    border-radius: var(--spacing-3);
    inline-size: 100%;
    min-block-size: 4.2rem;
    color: var(--node-cl-text);
    transition-property: height, border-color, box-shadow, opacity, color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    scroll-margin-top: var(--spacing-4)
}

f19-fbml-editor-node:focus-visible {
    outline-width: 0
}

.f19-editor-header f19-fbml-editor-node,
f19-fbml-editor-node:where(:not([alias=paragraph]):not([alias=heading]):not([alias=image]):not([alias=video]):not(.is-hovered):not(.is-selected)) {
    border-color: var(--cl-brand-light-3)
}

.f19-editor-header f19-fbml-editor-node {
    min-block-size: 6rem
}

f19-fbml-editor-node f19-fbml-editor-node:not(.is-selected):has(f19-feedback-message[status=problem]),
f19-fbml-editor-node f19-fbml-editor-node:not(.is-selected):has(f19-feedback-message[status=warning]),
f19-fbml-editor-node f19-fbml-editor-node:not(.is-selected):has(.f19-node-fbml_content>*:empty),
f19-fbml-editor-node f19-fbml-editor-node:not(.is-selected):has(.f19-node-fbml_content.is-empty) {
    border-color: var(--cl-brand-light-3)
}

f19-fbml-editor-node:where([alias=list]),
f19-fbml-editor-node:where([is-half]) {
    border-color: var(--cl-brand-light-3)
}

.has-pending-drop-action f19-fbml-editor-node:not(.is-being-dragged) {
    border-color: var(--cl-grey-light);
    border-style: dashed
}

f19-fbml-editor-node[alias=heading]:not(.is-hovered):not(.is-selected)>.f19-node-fbml_header:has(.no-remarks) .group-type-name,
f19-fbml-editor-node[alias=paragraph]:not(.is-hovered):not(.is-selected)>.f19-node-fbml_header:has(.no-remarks) .group-type-name {
    display: none
}

.f19-editor-header f19-fbml-editor-node[alias=heading]:not(.is-hovered):not(.is-selected)>.f19-node-fbml_header:has(.no-remarks) .group-type-name,
.f19-editor-header f19-fbml-editor-node[alias=paragraph]:not(.is-hovered):not(.is-selected)>.f19-node-fbml_header:has(.no-remarks) .group-type-name {
    display: inline-flex
}

f19-fbml-editor-node:has(>.f19-node-fbml_content:empty):has(f19-node-fbml_children:empty) {
    border-color: var(--cl-grey-light-3)
}

f19-fbml-editor-node:has(>.f19-node-fbml_children>f19-fbml-editor-node[is-half])>.f19-node-fbml_children {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

f19-fbml-editor-node[is-half] {
    flex: 0 0 calc(50% - var(--spacing-4)/2);
    display: flex;
    flex-direction: column
}

@container main (max-width: 95rem) {
    f19-fbml-editor-node[is-half] {
        flex: 1 1 100%
    }
}

f19-fbml-editor-node.is-grayed-out>.f19-node-fbml_content {
    opacity: .1
}

:where(.f19-editor-content f19-fbml-editor-node).is-hovered:not(.is-editing):not(.is-grayed-out) {
    cursor: move
}

:where(.f19-editor-content f19-fbml-editor-node).is-hovered:not(.is-editing):not(.is-grayed-out):not(.is-selected) {
    border-color: var(--cl-grey-light);
    box-shadow: 0 0 0 .1rem var(--cl-brand-light-4)
}

f19-fbml-editor-node.is-selected {
    border-color: var(--cl-brand-light-2);
    box-shadow: 0 0 0 .1rem var(--cl-brand-light-3)
}

f19-fbml-editor-node.is-editing {
    border-color: var(--cl-brand-light);
    box-shadow: 0 0 0 .2rem var(--cl-brand-light)
}

f19-fbml-editor-node.is-editing>.f19-node-fbml_header .f19-button-group {
    visibility: visible
}

f19-fbml-editor-node.is-editing>.f19-node-fbml_content>* {
    cursor: text
}

f19-fbml-editor-node.is-collapsed {
    block-size: 4.2rem;
    transition-property: visibility, border, margin, padding, opacity;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0
}

f19-fbml-editor-node.is-collapsed:not(.is-selected) {
    border-color: var(--cl-grey-light-2)
}

f19-fbml-editor-node.is-collapsed>.f19-node-fbml_header {
    border-block-end: unset
}

f19-fbml-editor-node.is-collapsed .f19-node-fbml_metatags {
    display: none
}

f19-fbml-editor-node.is-disabled {
    cursor: inherit;
    opacity: .6
}

f19-fbml-editor-node.is-being-dragged {
    opacity: .3
}

f19-fbml-editor-node.is-being-dragged .f19-node-fbml_children {
    background-color: rgba(0, 0, 0, 0) !important
}

f19-fbml-editor-node.is-being-dragged .fbml-editor-node-drop-indicator,
f19-fbml-editor-node.is-being-dragged .fbml-editor-node-children-drop-indicator {
    display: none
}

f19-fbml-editor-node.with-before::before {
    min-inline-size: 1.4em;
    content: var(--custom-content);
    position: absolute;
    inset-block-start: 1.2em;
    inset-inline-start: -2.25em;
    font-size: 1.2rem;
    font-weight: 600;
    color: currentColor;
    text-align: right
}

f19-fbml-editor-node:first-of-type>.f19-node-fbml_header .f19-btn-up {
    display: none
}

f19-fbml-editor-node:last-of-type>.f19-node-fbml_header .f19-btn-down {
    display: none
}

f19-fbml-editor-node .tox-tinymce {
    border: none;
    border-bottom-right-radius: var(--spacing-3);
    border-bottom-left-radius: var(--spacing-3)
}

f19-fbml-editor-node .tox-tinymce .tox-editor-container {
    border-start-start-radius: .6rem;
    border-start-end-radius: .6rem
}

f19-fbml-editor-node .tox-tinymce .tox-editor-container .tox-toolbar-overlord {
    animation: tinymce-toolbar-init .2s ease-in-out
}

f19-fbml-editor-node .tox-tinymce .tox-edit-area {
    border: none;
    border-bottom-right-radius: var(--spacing-3);
    border-bottom-left-radius: var(--spacing-3)
}

.f-video {
    --aspect-ratio: 16/9;
    inline-size: 100%;
    margin: 0 auto
}

.f-video_video,
.f-video_iframe {
    max-block-size: 62rem;
    max-inline-size: 100%;
    display: block;
    aspect-ratio: auto var(--aspect-ratio)
}

@supports(aspect-ratio: auto) {

    .f-video_video,
    .f-video_iframe {
        block-size: auto
    }
}

.f-video_video {
    aspect-ratio: var(--aspect-ratio)
}

body .tox .tox-label {
    color: #fcfcfc
}

body .tox .tox-dialog {
    background-color: var(--cl-brand);
    border-radius: var(--border-radius-nm)
}

body .tox .tox-dialog__header,
body .tox .tox-dialog__footer {
    background-color: var(--cl-brand-dark)
}

body .tox .tox-toolbar,
body .tox .tox-dialog__body {
    background-color: var(--cl-brand-dark)
}

.fbml-editor-node-drop-indicator {
    inline-size: calc(80% - var(--spacing-4)*2 + 2px);
    block-size: var(--spacing-3);
    position: absolute;
    border-radius: var(--spacing-3);
    margin-block-end: 0 !important;
    margin-inline: calc(10% + var(--spacing-4) - 1px);
    background: var(--cl-brand-secondary)
}

.is-being-dragged>.fbml-editor-node-drop-indicator f19-fbml-editor-node .fbml-editor-node-drop-indicator {
    display: none
}

.f19-editor-header .f19-node-fbml-collapse-toggle {
    display: none
}

.f19-node-fbml-collapse-toggle f19-icon[icon=plus] {
    display: none
}

.is-collapsed .f19-node-fbml-collapse-toggle f19-icon[icon=plus] {
    display: block
}

.f19-node-fbml-collapse-toggle f19-icon[icon=minus] {
    display: block
}

.is-collapsed .f19-node-fbml-collapse-toggle f19-icon[icon=minus] {
    display: none
}

.f19-node-fbml_content {
    padding-block: clamp(.8rem, 1.2vw, 1.6rem);
    padding-inline: clamp(.8rem, 1.2vw, 1.6rem);
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.f19-node-fbml_content:empty:not(.has-content) {
    padding-block: 0
}

.f19-node-fbml_content * {
    margin: 0;
    max-inline-size: unset;
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

.f19-node-fbml_content span[id] {
    text-decoration: dotted underline;
    text-decoration-color: var(--cl-brand);
    text-underline-offset: 3px
}

.f19-node-fbml_content span[id] span [id] {
    text-decoration-color: #1faf74
}

.f19-node-fbml_content span[id] span [id] span[id] {
    text-decoration-color: #e67e22
}

.f19-node-fbml_content var {
    font-style: normal;
    background-color: var(--cl-brand-light-4)
}

.f19-node-fbml_content var::before {
    content:"{";
    color: var(--cl-brand-light);
    font-weight: bold
}

.f19-node-fbml_content var::after {
    content: "}";
    color: var(--cl-brand-light);
    font-weight: bold
}

.f19-node-fbml_content dfn {
    font-style: normal;
    background-color: var(--cl-brand-light-4)
}

.f19-node-fbml_content dfn::before {
    content: "[";
    color: var(--cl-brand-light);
    font-weight: bold
}

.f19-node-fbml_content dfn::after {
    content: "]";
    color: var(--cl-brand-light);
    font-weight: bold
}

.f19-editor-header .f19-node-fbml_content h1:empty::before {
    content: "[Set article title]";
    display: block;
    font-style: italic;
    font-size: 2rem;
    color: var(--cl-grey-light)
}

.f19-node-fbml_content a {
    pointer-events: none
}

.f19-node-fbml_anchor {
    position: relative;
    inset-inline-start: -0.5rem;
    inset-block-start: .05em;
    display: inline-flex;
    inline-size: 2rem;
    block-size: 2rem
}

.f19-node-fbml_feedback {
    margin-block: clamp(.8rem, 1.2vw, 1.6rem);
    margin-inline: clamp(.8rem, 1.2vw, 1.6rem)
}

.f19-node-fbml_feedback:empty {
    display: none
}

.f19-node-fbml_content-name {
    margin-inline-start: var(--spacing-7);
    margin-block-end: var(--spacing-3);
    display: none;
    padding-block: var(--spacing-1);
    padding-inline: var(--spacing-3);
    position: relative;
    font-size: 1.3rem;
    font-weight: 500
}

.f19-node-fbml_content-name::before {
    content: "";
    inline-size: 1.4rem;
    block-size: 1.8rem;
    border-left: .2rem solid var(--cl-grey-light-2);
    border-bottom: .2rem solid var(--cl-grey-light-2);
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    transform: translateX(-100%);
    border-bottom-left-radius: var(--border-radius-xs)
}

[alias=image] .f19-node-fbml_content-name:not(.is-collapsed .f19-node-fbml_content-name),
[alias=video] .f19-node-fbml_content-name:not(.is-collapsed .f19-node-fbml_content-name),
[alias=chart] .f19-node-fbml_content-name:not(.is-collapsed .f19-node-fbml_content-name),
[alias=table] .f19-node-fbml_content-name:not(.is-collapsed .f19-node-fbml_content-name) {
    display: inline-flex
}

.f19-node-fbml_content:empty+.f19-node-fbml_content-name {
    margin-block-start: 1.6rem
}

.f19-node-fbml_name-collapsed {
    display: none
}

.f19-node-fbml_name-collapsed .collapsed-suffix {
    margin-inline-start: 4px;
    font-style: italic
}

.is-collapsed>.f19-node-fbml_name-collapsed {
    display: flex;
    place-items: center;
    place-content: flex-start;
    padding-block: clamp(.8rem, 1vw, 1.2rem);
    padding-inline: clamp(.8rem, 1vw, 1.6rem);
    block-size: 100%;
    font-size: 1.4rem;
    font-weight: 550
}

.f19-fbml-meta-editor_tags .section-heading_title {
    margin-block: var(--spacing-2) var(--spacing-1);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-2)
}

.f19-fbml-meta-editor_tags .section-description {
    margin-inline: 0;
    margin-block: 0 var(--spacing-3);
    display: block;
    font-weight: 400;
    font-size: 1.2rem
}

.f19-fbml-meta-editor_tags .f19-form_item {
    margin: 0
}

.f19-node-fbml_metatags_toggle {
    display: none;
    gap: var(--spacing-2);
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center
}

.is-open>.f19-node-fbml_metatags_toggle {
    padding-block-end: var(--spacing-3);
    margin-block-end: var(--spacing-3);
    border-bottom: .1rem solid var(--cl-brand-light-3)
}

.f19-node-fbml_metatags_toggle .f19-node-fbml_metatags_toggle-btn {
    font-size: 1.2rem
}

.f19-node-fbml_metatags {
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    background-color: var(--cl-brand-light-5)
}

.f19-node-fbml_metatags:empty {
    display: none
}

.f19-node-fbml_metatags_editor-text {
    max-inline-size: none;
    inline-size: 100%;
    flex: 1 1 auto;
    margin-block: 0;
    padding-inline: clamp(var(--spacing-2), 1.4vw, var(--spacing-4));
    padding-block: clamp(var(--spacing-2), 1.4vw, var(--spacing-4));
    font-size: 1.3rem;
    font-weight: 450;
    border-radius: .6rem .6rem 0 0;
    background-color: var(--cl-brand-light-4)
}

.f19-node-fbml_metatags-list {
    padding-block: clamp(var(--spacing-2), 1.4vw, var(--spacing-4));
    padding-inline: clamp(var(--spacing-2), 1.4vw, var(--spacing-4));
    list-style: none;
    font-size: 1.3rem;
    display: flex;
    flex-flow: row wrap;
    gap: var(--spacing-2);
    align-items: flex-start;
    justify-content: flex-start
}

.f19-node-fbml_metatags>.f19-node-fbml_metatags-list {
    margin-block: 0
}

.f19-node-fbml_metatag {
    min-inline-size: 23rem;
    flex: 1 1 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-3)
}

.f19-node-fbml_metatag.no-child-tags {
    flex-wrap: nowrap
}

.f19-node-fbml_metatag.has-child-tags:has(:not(.f19-node-fbml_metatag-name)) {
    grid-row-gap: var(--spacing-1);
    flex: 1 1 calc(25% - var(--spacing-3))
}

.f19-node-fbml_metatag.has-child-tags:has(:not(.f19-node-fbml_metatag-name))>.f19-node-fbml_metatags-list {
    padding-block: var(--spacing-1) var(--spacing-2);
    gap: var(--spacing-1)
}

.f19-node-fbml_metatag-name {
    font-weight: 500;
    min-inline-size: 12rem;
    display: inline-block
}

.no-child-tags.nested-lvl-1>.f19-node-fbml_metatag-name,
.f19-node-fbml_metatag-name.is-groupname {
    font-weight: 650
}

.f19-node-fbml_metatag-name.is-groupname {
    flex: 1 1 100%
}

.f19-node-fbml_metatag-value {
    margin-inline-end: var(--spacing-2)
}

.f19-node-fbml_metatag-value.type-boolean-true {
    color: var(--cl-message-success)
}

.f19-node-fbml_metatag-value.type-boolean-false {
    color: var(--cl-message-danger)
}

.f19-node-fbml_preview-wrapper {
    background-image: repeating-linear-gradient(45deg, #fdfdfd 25%, transparent 25%, transparent 75%, #fdfdfd 75%, #fdfdfd), repeating-linear-gradient(45deg, #fdfdfd 25%, #e6e6ec 25%, #e6e6ec 75%, #fdfdfd 75%, #fdfdfd);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    background-color: #e6e6ec;
    background-origin: border-box
}

.fbml-is-editing .f19-node-fbml_preview-wrapper {
    background-color: #fff
}

.f19-node-fbml_preview-chart {
    max-height: 47rem
}

.f19-node-fbml_preview-video {
    display: block;
    margin: 0 auto
}

.f19-node-fbml_preview-video .f-video {
    max-block-size: 36rem;
    inline-size: auto;
    aspect-ratio: var(--aspect-ratio)
}

.f19-node-fbml_preview-table {
    width: 100%;
    overflow: auto;
    display: inline-block;
    border-bottom: 2px solid var(--cl-grey-light-2);
    border-radius: var(--border-radius-xs)
}

.f19-node-fbml_preview-image {
    display: inline-block;
    overflow: hidden;
    min-block-size: 2rem
}

.f19-node-fbml_preview-image>img {
    max-block-size: 42rem;
    min-block-size: 10rem;
    min-inline-size: 10rem;
    display: block;
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    opacity: 1;
    pointer-events: none
}

.f19-node-fbml_feedback,
.f19-node-fbml_content,
.f19-node-fbml_children,
.f19-node-fbml_buttons-tools {
    transition-property: opacity;
    transition-duration: .1s;
    transition-timing-function: ease-in-out;
    transition-delay: .2s;
    opacity: 1
}

.f19-node-fbml_feedback.with-before::before,
.f19-node-fbml_content.with-before::before,
.f19-node-fbml_children.with-before::before,
.f19-node-fbml_buttons-tools.with-before::before {
    min-inline-size: 1.4em;
    content: var(--custom-content);
    position: absolute;
    inset-block-start: 1.2em;
    inset-inline-start: -2.25em;
    font-size: 1.2rem;
    font-weight: 600;
    color: currentColor;
    text-align: right
}

.is-collapsed .f19-node-fbml_feedback,
.is-collapsed .f19-node-fbml_content,
.is-collapsed .f19-node-fbml_children,
.is-collapsed .f19-node-fbml_buttons-tools {
    visibility: hidden !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.is-collapsed .f19-node-fbml_feedback *,
.is-collapsed .f19-node-fbml_content *,
.is-collapsed .f19-node-fbml_children *,
.is-collapsed .f19-node-fbml_buttons-tools * {
    visibility: hidden !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.f19-node-fbml_children:not(:empty),
.f19-node-fbml_buttons-tools:not(:empty) {
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-4)
}

.f19-node-fbml_children {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    border-radius: var(--border-radius-sm)
}

.f19-node-fbml_children>:first-child {
    margin-block-start: var(--spacing-3)
}

.f19-node-fbml_children>:nth-child(2)[is-half] {
    margin-block-start: var(--spacing-3)
}

.f19-node-fbml_children.type-list>f19-fbml-editor-node:not(.is-selected):not(.is-hovered) {
    border-left-color: var(--cl-grey-light-2)
}

.f19-node-fbml_children.type-list:not(:empty) {
    padding-inline-start: 2em
}

.f19-node-fbml_children>.fbml-editor-node-children-drop-indicator {
    inline-size: calc(80% - var(--spacing-4)*4 + 8px);
    block-size: var(--spacing-3);
    margin-block-end: 0 !important;
    margin-inline: calc(10% + var(--spacing-4)*2 - 4px);
    position: absolute;
    border-radius: var(--spacing-3);
    background: var(--cl-brand-secondary)
}

[is-container]>.f19-node-fbml_children:empty {
    min-block-size: var(--spacing-10);
    position: relative
}

[is-container]>.f19-node-fbml_children:empty:before {
    content: "";
    display: block;
    block-size: calc(100% - var(--spacing-5));
    inline-size: calc(100% - var(--spacing-5));
    margin: auto;
    inset: 0;
    position: absolute;
    transform: scale(1);
    border-radius: var(--border-radius-sm);
    border: .3rem dashed var(--cl-brand-light-4);
    transition: transform .2s ease-in-out, border .15s ease-in-out
}

[is-container]>.f19-node-fbml_children.is-being-dragged-over:empty:before {
    border-color: var(--cl-brand-light-2);
    transform: scaleY(0.94) scaleX(0.98)
}

.f19-node-fbml_children.is-being-dragged-over:not(:has(f19-fbml-editor-node)) {
    background-color: var(--cl-grey-light-3)
}

.f19-node-fbml_buttons-tools {
    margin-block-start: auto
}

.f19-node-fbml_buttons-tools .f19-btn {
    font-size: 1.3rem;
    font-weight: 500
}

@container fbmlnode (max-width: 30rem) {
    .f19-node-fbml_buttons-tools .f19-btn {
        --btn-padding-inline: 0.35em;
        --btn-padding-block: 0.2em;
        --btn-min-height: 2.4rem;
        font-size: 1.2rem
    }
}

.f19-node-fbml_header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-3);
    margin-block-start: -2rem;
    padding-block: 0;
    padding-inline: var(--spacing-3);
    inline-size: 100%;
    z-index: 10;
    position: absolute;
    inset-block-start: 0
}

.f19-editor-website-route .f19-node-fbml_header {
    margin-block-start: .6rem;
    gap: var(--spacing-3)
}

@container fbmlnode (max-width: 30rem) {
    .f19-node-fbml_header {
        gap: var(--spacing-1)
    }

    .f19-node-fbml_header .f19-btn {
        --btn-padding-inline: 0.15em;
        --btn-padding-block: 0.15em;
        --btn-min-height: 2.4rem
    }
}

.group-type-name {
    gap: var(--spacing-2)
}

.group-type-name>.f19-node-fbml_icon {
    cursor: default
}

.f19-editor-website-route .group-type-name {
    display: none
}

.f19-editor-nodes>f19-fbml-editor-node>.f19-node-fbml_header>.group-type-name {
    position: absolute;
    inset-inline-start: -4.2rem;
    inset-block-start: 3.4rem;
    flex-flow: column nowrap
}

.f19-editor-nodes>f19-fbml-editor-node>.f19-node-fbml_header>.group-type-name::before {
    content: "";
    block-size: 7.2rem;
    inline-size: 150%;
    position: absolute;
    inset-inline-end: -25%;
    inset-block-start: -0.4rem
}

.f19-editor-nodes>f19-fbml-editor-node.is-collapsed>.f19-node-fbml_header>.group-type-name {
    inset-block-start: 2.4rem
}

.f19-editor-website-route .group-type-edit {
    margin-inline-start: auto
}

.is-editing>.f19-node-fbml_header .group-type-edit {
    margin-block-start: -1.2rem
}

.group-type-delete:has(button[hidden=""]) {
    opacity: 0 !important
}

.group-type-order {
    margin-inline-start: auto
}

.f19-editor-website-route .group-type-order {
    display: none !important
}

.f19-editor-header .group-type-order,
.group-type-order:has(.f19-node-fbml-collapse-toggle[hidden]):has(.f19-btn-up[hidden]):has(.f19-btn-down[hidden]) {
    opacity: 0 !important
}

.group-type-states {
    gap: var(--spacing-3);
    margin-inline-start: .7rem
}

.f19-editor-website-route .group-type-states {
    display: none
}

.group-type-states>f19-icon {
    cursor: help
}

.group-type-states:has(.channel-visibility[hidden]):has(.channels-with-settings[hidden]):has(.f19-block_tag-counter[hidden]) {
    opacity: 0 !important
}

.f19-node-fbml_header-buttons {
    flex: 0 0 auto;
    gap: var(--spacing-02)
}

.f19-node-fbml_header-buttons .style--danger {
    margin-inline-start: .8rem
}

.f19-node-fbml_name {
    font-size: 1.3rem;
    font-weight: 550
}

@container fbmlnode (max-width: 50rem) {
    .f19-node-fbml_name {
        display: none
    }
}

.f19-node-fbml_header-group:not(.is-visible) {
    opacity: 0
}

.f19-editor-website-route .f19-node-fbml_header>.f19-node-fbml_header-group:not(.is-visible),
f19-fbml-editor-node:focus-within:not(:has(f19-fbml-editor-node:hover))>.f19-node-fbml_header>.f19-node-fbml_header-group:not(.is-visible),
f19-fbml-editor-node.is-hovered:not(.is-grayed-out)>.f19-node-fbml_header>.f19-node-fbml_header-group:not(.is-visible),
f19-fbml-editor-node.is-selected>.f19-node-fbml_header>.f19-node-fbml_header-group:not(.is-visible),
f19-fbml-editor-node.is-editing>.f19-node-fbml_header>.f19-node-fbml_header-group:not(.is-visible) {
    opacity: 1;
    display: inline-flex
}

f-toolbar.is-hovered .f19-node-fbml_header-group:not(.is-visible) {
    opacity: 1;
    display: inline-flex
}

.f19-node-fbml_header-group {
    display: inline-flex;
    place-content: center;
    place-items: center;
    padding: .25em;
    background-color: var(--cl-island-background);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-sm)
}

@container fbmlnode (max-width: 30rem) {
    .f19-node-fbml_header-group {
        padding: .15em
    }
}

.f19-node-fbml_meta-editor-container {
    display: none;
    inline-size: clamp(42rem, 36vw, 67rem);
    padding-block: var(--spacing-3);
    position: absolute;
    inset-inline-end: calc(-1*(clamp(42rem, 36vw, 67rem) + var(--spacing-3)));
    inset-block-start: -0.3rem;
    z-index: 102;
    background-image: radial-gradient(at right bottom, var(--cl-purple-light-4), var(--cl-purple-light-5));
    border: .3rem solid var(--cl-brand-light);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-sm)
}

[meta-editor-position=bottom] .f19-node-fbml_meta-editor-container {
    inline-size: calc(100% + .6rem);
    inset-inline-start: -0.3rem;
    inset-block: 0 auto;
    border-top-width: .1rem;
    position: relative;
    border-top-width: .1rem;
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm)
}

[meta-editor-position=bottom] f19-fbml-editor-node[alias=heading]>.f19-node-fbml_meta-editor-container,
[meta-editor-position=bottom] f19-fbml-editor-node[alias=paragraph]>.f19-node-fbml_meta-editor-container {
    inset-block: auto .5rem;
    transform: translateY(100%);
    box-shadow: 0 .2rem .1rem 0 rgba(0, 0, 0, .2), 0 .3rem .2rem 0 rgba(0, 0, 0, .15);
    border-start-start-radius: 0;
    border-start-end-radius: 0
}

@media(max-width: 64rem) {
    .f19-node-fbml_meta-editor-container {
        inline-size: calc(100% + .6rem);
        inset-inline-start: -0.3rem;
        inset-block: 0 auto;
        border-top-width: .1rem;
        position: relative
    }

    [meta-editor-position=bottom] .f19-node-fbml_meta-editor-container,
    f19-fbml-editor-node[alias=heading]>.f19-node-fbml_meta-editor-container,
    f19-fbml-editor-node[alias=paragraph]>.f19-node-fbml_meta-editor-container {
        inset-block: auto .5rem;
        transform: translateY(100%);
        box-shadow: 0 .2rem .1rem 0 rgba(0, 0, 0, .2), 0 .3rem .2rem 0 rgba(0, 0, 0, .15);
        border-start-start-radius: 0;
        border-start-end-radius: 0
    }
}

.f19-node-fbml_meta-editor-container.is-visible {
    display: block
}

.f19-node-fbml_meta-editor-container::before {
    content: "";
    inline-size: var(--spacing-3);
    block-size: .4rem;
    position: absolute;
    inset-block-start: 1.8rem;
    inset-inline-start: 0;
    transform: translateX(-100%);
    background-color: var(--cl-brand-light);
    box-shadow: var(--box-shadow-xs)
}

@media(max-width: 64rem) {
    .f19-node-fbml_meta-editor-container::before {
        display: none
    }
}

[meta-editor-position=bottom] .f19-node-fbml_meta-editor-container::before {
    display: none
}

.f19-aside_content h1,
.f19-aside_content h2,
.f19-aside_content h3,
.f19-aside_content h4,
.f19-aside_content h5,
.f19-aside_content h6,
f19-fbml-meta-editor h1,
f19-fbml-meta-editor h2,
f19-fbml-meta-editor h3,
f19-fbml-meta-editor h4,
f19-fbml-meta-editor h5,
f19-fbml-meta-editor h6 {
    --fs-h1: 2.4rem;
    --fs-h2: 2.0rem;
    --fs-h3: 1.9rem;
    --fs-h4: 1.6rem;
    --fs-h5: 1.4rem;
    --fs-h6: 1.3rem
}

f19-fbml-meta-editor {
    max-block-size: 80vh;
    min-block-size: 12rem;
    display: none;
    padding-block: clamp(.6rem, .6vw, 1.2rem);
    padding-inline: clamp(1.4rem, 1.2vw, 3.2rem);
    overflow-y: auto;
    border-radius: var(--border-radius-sm);
    font-size: 1.4rem;
    font-weight: 500;
    --fs-body: 1.4rem
}

.is-visible f19-fbml-meta-editor {
    display: block
}

f19-fbml-meta-editor .f19-fbml-meta-editor_channel-selection {
    margin-block-end: var(--spacing-2)
}

.f19-btn.f19-fbml-meta-editor_reset {
    max-inline-size: max-content;
    display: block;
    margin-inline-start: auto;
    font-size: 1.2rem;
    text-transform: uppercase;
    inset-inline-end: clamp(1.2rem, 1vw, 2.4rem);
    z-index: 2
}

.f19-fbml-meta-editor_channel-hide {
    margin-block-start: 2.6rem
}

.f19-fbml-meta-editor_header {
    max-inline-size: max-content;
    margin-inline: auto;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-3);
    border-radius: var(--border-radius-sm);
    border: .2rem solid var(--cl-brand-light);
    font-size: 1.2rem;
    font-weight: 550;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: 2;
    transform: translateY(-52%);
    color: #fff;
    background-color: var(--cl-brand-light)
}

[meta-editor-position=bottom] .f19-fbml-meta-editor_header::before {
    display: none
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px #fff, 0 0 0 0px rgba(0, 0, 0, .05)
    }

    50% {
        box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(0, 0, 0, .3)
    }

    85% {
        box-shadow: 0 0 0 7px #fff, 0 0 0 8px rgba(0, 0, 0, .2)
    }

    100% {
        box-shadow: 0 0 0 10px #fff, 0 0 0 9px rgba(0, 0, 0, 0)
    }
}

@keyframes tinymce-init {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes tinymce-toolbar-init {
    0% {
        height: 0
    }

    100% {
        height: 40px
    }
}

f19-fbml-editor-drop-zone {
    flex-grow: 1
}

f19-fbml-editor-clipboard-menu {
    --pos-x: 0;
    --pos-y: 0;
    position: fixed;
    z-index: 10000;
    inset-block-start: var(--pos-y);
    inset-inline-start: var(--pos-x)
}

.fbml-editor-keyboard-shortcuts {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
    font-size: 1.4rem
}

.fbml-editor-keyboard-shortcuts .shortcut-category {
    display: flex;
    flex-direction: column
}

.fbml-editor-keyboard-shortcuts .shortcut-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3)
}

.fbml-editor-keyboard-shortcuts .shortcut {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    flex-wrap: wrap
}

.fbml-editor-keyboard-shortcuts .key-combination {
    flex: 0 0 20rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    flex-wrap: wrap
}

.fbml-editor-keyboard-shortcuts .key {
    border: 1px solid var(--cl-grey-light-2);
    border-radius: var(--border-radius-xs);
    padding: var(--spacing-1) var(--spacing-3);
    font-family: monospace;
    line-height: 1.4;
    white-space: nowrap;
    background-color: var(--cl-grey-light-4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.fbml-editor-keyboard-shortcuts .action {
    flex: 1;
    color: var(--cl-grey-dark)
}

.f19-table-editor_button-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.f19-table-editor_button-row span {
    display: block;
    font-weight: 500;
    margin-block-end: var(--spacing-2)
}

.f19-table-editor_button-col {
    margin-inline-end: var(--spacing-5)
}

.f19-form_item--small {
    margin: 0
}

.f19-form_item--small .f19-labeled-field,
.f19-form_item--small f19-labeled-field {
    display: inline-block;
    inline-size: auto;
    margin-inline-end: var(--spacing-4)
}

.f19-form_item--small .f19-labeled-field label,
.f19-form_item--small f19-labeled-field label {
    font-weight: 400;
    margin-block-end: 0;
    margin-inline-end: var(--spacing-2);
    display: inline-block;
    user-select: none
}

.f19-form_item--small .f19-labeled-field input[type=text],
.f19-form_item--small f19-labeled-field input[type=text] {
    inline-size: var(--spacing-7);
    block-size: var(--spacing-6);
    border-radius: var(--spacing-2)
}

.f19-table-settings_styles {
    margin-block-start: var(--spacing-8);
    padding: 1rem;
    border: 1px solid #dde4ea
}

.f19-table-settings_styles .f19-list-item:first-child {
    border-top: none
}

.f19-table-settings_styles .f19-table-settings_style f19-checkbox,
.f19-table-settings_styles .f19-table-settings_style .f19-draghandler {
    margin-inline-end: var(--spacing-4)
}

.f19-table-settings_styles .f19-table-settings_style .f19-button-group {
    justify-content: flex-end
}

.f19-table-view {
    position: relative
}

.f19-table-view ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.f19-table-view_header,
.f19-table-view_body {
    display: flex;
    flex-direction: row
}

.f19-table-view_col-selectors {
    display: flex;
    flex-direction: row;
    flex-grow: 1
}

.f19-table-view_col-selectors li {
    inline-size: 33.3333%
}

.f19-table-view_row-selectors {
    display: flex;
    flex-direction: column
}

.f19-table-view_table {
    flex-grow: 1
}

.f19-table-view_table th,
.f19-table-view_table td {
    inline-size: 33.3333%;
    block-size: var(--spacing-6);
    padding: 0 var(--spacing-2)
}

.f19-table-view_corner {
    inline-size: var(--spacing-8)
}

.f19-table-view_corner i {
    transform: rotate(45deg)
}

.f19-table-view_selector {
    position: relative;
    background: var(--cl-brand);
    block-size: var(--spacing-6);
    min-inline-size: var(--spacing-8);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.f19-table-view_selector::before,
.f19-table-view_selector::after {
    content: "";
    display: inline-block;
    position: absolute;
    inline-size: 100%;
    block-size: 1px;
    inset-block-end: 0;
    inset-inline-start: 0;
    background: hsla(0, 0%, 100%, .25)
}

.f19-table-view_selector::before {
    inline-size: 100%;
    block-size: 1px
}

.f19-table-view_selector::after {
    inline-size: 1px;
    block-size: 100%
}

.f19-table-view_selector i {
    color: #fff
}

.xbrl-tag-overview-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 2rem;
    flex: 1 1 auto
}

.xbrl-tag-overview-container f19-xbrl-tag-picker {
    max-inline-size: 100%;
    overflow-y: hidden
}

.xbrl-tag-overview-container f19-xbrl-tag-editor {
    max-inline-size: 100%;
    overflow-y: hidden
}

.xbrl-table-tag-container {
    display: grid;
    grid-template-columns: 8fr 4fr;
    grid-gap: clamp(1.2rem, 1vw, 2.4rem);
    flex: 1 1 auto
}

.table-tagger {
    font-weight: 500;
    font-size: clamp(1.2rem, 1.4vw, 1.4rem);
    user-select: none;
    --cl-tr-hover: transparent
}

.table-tagger p:last-child,
.table-tagger p.last {
    margin-block-end: 0
}

.table-tagger.show-presentation-values .value-xbrl {
    display: none
}

.table-tagger.show-xbrl-values .value-presentation {
    display: none
}

.table-tagger.show-xbrl-values .value-xbrl {
    font-size: small
}

.xbrl-tag-selection-message {
    font-size: 1.4rem
}

.xbrl-table-title {
    display: block;
    padding-block-end: var(--spacing-3);
    margin-block-end: var(--spacing-3);
    border-bottom: .1rem solid var(--cl-grey-light)
}

.xbrl-orphan-tag-overview-container .f19-form_item {
    inline-size: 100%
}

.xbrl-orphan-tag-overview-container .f19-form_item ul p {
    margin-block-end: 0
}

.xbrl-orphan-tag-overview-container .f19-form_item>ul {
    padding-inline-start: 4rem;
    margin-block-start: .5rem;
    margin-block-end: 1rem
}

.xbrl-orphan-tag-overview-container .f19-form_item li>ul {
    margin-block-start: .5rem;
    margin-block-end: .5rem
}

f19-user-avatar-editor {
    flex: 0 0 content;
    display: inline-flex;
    width: max-content;
    height: max-content;
    flex-flow: column nowrap;
    align-items: center;
    align-self: flex-start
}

f19-feedback-message {
    inline-size: 100%;
    display: block;
    padding-inline: var(--spacing-5);
    padding-block: var(--spacing-4);
    margin-block: var(--spacing-4);
    border-radius: var(--border-radius-xs);
    color: #fff;
    font-weight: 500;
    border: 1px solid var(--cl-brand-dark);
    background-color: var(--cl-brand-dark)
}

f19-feedback-message.is-flexed {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start
}

td>f19-feedback-message {
    font-size: 1.2rem;
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2)
}

.f-c-table-sync f19-feedback-message {
    border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0
}

f19-feedback-message+f19-feedback-message {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    margin-block-start: calc(-1*(var(--spacing-4) + .3rem))
}

.f19-popup>f19-feedback-message {
    margin-block: 0;
    border-radius: 0
}

f19-feedback-message.size--sm {
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-3);
    margin-block: var(--spacing-3)
}

f19-feedback-message.size--xs {
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2);
    margin-block: var(--spacing-3)
}

f19-feedback-message:first-child {
    margin-block-start: 0
}

f19-feedback-message:last-child {
    margin-block-end: 0
}

f19-feedback-message.f19--success,
f19-feedback-message[status=success] {
    color: #155724;
    background-color: #d4edda;
    border-color: var(--cl-message-success)
}

f19-feedback-message[status=error],
f19-feedback-message[status=problem] {
    color: #8e3232;
    background-color: #f8d7da;
    border-color: var(--cl-message-danger)
}

f19-feedback-message[status=warning] {
    color: #856404;
    background-color: #fff3cd;
    border-color: var(--cl-message-warning)
}

f19-feedback-message[status=info],
f19-feedback-message[status=neutral] {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: var(--cl-message-neutral)
}

f19-feedback-message f19-status-indicator {
    margin-inline-end: var(--spacing-3);
    display: none
}

f19-feedback-message[inline] {
    display: inline-block;
    inline-size: auto;
    padding-inline: var(--spacing-1);
    margin-inline: var(--spacing-1);
    padding-block: 0;
    margin-block: 0
}

f19-feedback-message:empty {
    display: none
}

.f19-filtered-message_clear {
    margin-inline-start: auto
}

.f19-feedback-message_label {
    margin-inline-end: var(--spacing-2);
    text-decoration: none
}

.f19-feedback-message_details {
    cursor: pointer;
    opacity: .667
}

.is-flexed .f19-feedback-message_details {
    margin-inline-start: auto
}

.f19-feedback-message_details:focus,
.f19-feedback-message_details:hover {
    opacity: 1
}

.f19-feedback-message_main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.f19-feedback-message_extra {
    margin-block-start: var(--spacing-4);
    padding-block-start: var(--spacing-4);
    border-top: 1px solid
}

.f19-file-selector-dropzone {
    margin-block-end: var(--spacing-4);
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-3);
    transition: all .4s ease;
    text-align: center;
    border: 3px dashed var(--cl-brand-light-4);
    border-radius: var(--border-radius-lg)
}

f19-file-selector.disabled .f19-file-selector-dropzone {
    border: 4px dashed #f4f6f7;
    color: var(--cl-grey-dark)
}

.f19-file-selector-dropzone.f19-file-selector-dropzone--hover {
    border: 4px dashed #2e4354
}

.f19-file-selector-dropzone.f-is-active .f19-file-selector-dropzone_upload-files {
    display: block
}

.f19-file-selector-dropzone_instructions {
    max-inline-size: 100%;
    margin-inline: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-3) 0
}

.f19-file-selector-dropzone_drag-instruction {
    margin: 0;
    display: block;
    font-size: 1.6rem;
    font-weight: 400
}

.f19-file-selector-dropzone_seperator {
    margin: 0 1em;
    display: block;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase
}

.f19-file-selector-dropzone_progress {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

f19-file-selector-item {
    margin-inline-end: var(--spacing-3);
    margin-block-end: var(--spacing-3);
    padding-inline: var(--spacing-3);
    border: .1rem solid var(--cl-brand-light);
    background-color: var(--cl-brand-light-5);
    border-radius: var(--border-radius-sm);
    display: inline-flex;
    align-items: center;
    text-align: left;
    font-size: clamp(1.2rem, 1.4vw, 1.4rem)
}

f19-file-selector-item f19-status-indicator,
f19-file-selector-item .f19-status-indicator_filename {
    margin-inline-end: .8rem
}

f19-file-selector-item .f19-status-indicator_progress {
    font-weight: 600
}

.f19-status-indicator_progress {
    min-inline-size: 4.8rem;
    display: block;
    min-height: 100%;
    padding-block: var(--spacing-3);
    padding-inline-start: var(--spacing-3);
    border-left: 1px solid var(--cl-brand-light-2);
    text-align: center
}

.f19-status-indicator_filename {
    padding-block: var(--spacing-3)
}

f19-project-browser {
    width: 100%
}

.f19-form_item>:first-child>*:where(h1, h2, h3, h4),
.f19-form_item>:first-child>*>*:where(h1, h2, h3, h4) {
    margin-block-start: 0
}

.f19-projects-import-overview {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: clamp(.6rem, .6vw, 1.2rem)
}

.f19-project-import-options_descr {
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2);
    font-size: 1.2rem;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--border-radius-sm) 0;
    background-color: var(--cl-brand-light-4)
}

f19-project-import-options {
    inline-size: 100%;
    display: block;
    padding-block: var(--spacing-7) clamp(1.2rem, 1vw, 2.4rem);
    padding-inline: clamp(1.4rem, 1.2vw, 3.2rem);
    position: relative;
    background: var(--cl-brand-light-5);
    border: .1rem solid var(--cl-brand-light-4);
    border-top: .2rem solid var(--cl-brand-light-3);
    border-radius: var(--border-radius-sm)
}

f19-project-import-options .f19-form_item {
    inline-size: 100%;
    max-inline-size: 48rem
}

.f19-project-import-options_checkbox label {
    flex-grow: 1
}

.f19-project-import-options_content {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid rgba(0, 22, 137, .075)
}

.f19-permission-projects-overview {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-3)
}

.f19-permission-projects-overview--editusergroup .f19-btn-permissions-details,
.f19-permission-projects-overview--edituser .f19-btn-permissions-details {
    display: none
}

f19-permissions {
    flex: 0 1 calc(25% - var(--spacing-3));
    display: block;
    padding: var(--spacing-4) var(--spacing-5);
    border: 1px solid var(--cl-grey-light-2);
    border-radius: var(--border-radius-sm);
    background: var(--cl-grey-light-5)
}

@media(max-width: 120rem) {
    f19-permissions {
        flex-basis: calc(33.3% - var(--spacing-3))
    }
}

@media(max-width: 100rem) {
    f19-permissions {
        flex-basis: calc(50% - var(--spacing-3))
    }
}

@media(max-width: 64rem) {
    f19-permissions {
        flex-basis: 100%
    }
}

f19-permissions:last-child {
    margin-bottom: 0
}

f19-permissions .f19-permissions_user {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 400;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: var(--spacing-3)
}

f19-permissions .f19-permissions_user f19-icon {
    margin-block-start: .1em
}

f19-permissions h3 {
    font-size: 1.6rem;
    font-weight: 350
}

f19-permissions h4 {
    font-size: 1.5rem;
    font-weight: 350
}

f19-permissions .f19-permissions_description {
    margin-block: 0 var(--spacing-3)
}

.f19-permissions_header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.f19-permissions_header span {
    margin-inline-end: var(--spacing-2);
    font-weight: 300;
    font-size: 1.3rem;
    display: block
}

.f19-permissions_header a {
    color: var(--cl-url)
}

.f19-permissions_body {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-4);
    margin-block-start: var(--spacing-3);
    padding-block-start: var(--spacing-3);
    border-top: .1rem solid var(--cl-grey-light-2)
}

.f19-permissions_body-wrapper {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-3)
}

.f19-permissions_body-wrapper>f19-feedback-message {
    margin-block: 0
}

.f19-permissions_options {
    margin-bottom: 1.6rem
}

a.f19-permissions_select-all-btn {
    display: block;
    text-align: right
}

f19-permission-box {
    display: flex
}

.f19-permissions_section {
    min-inline-size: 23rem;
    flex: 1 1 calc(50% - var(--spacing-4))
}

@media(max-width: 64rem) {
    .f19-permissions_section {
        flex-basis: 100%
    }
}

.f19-remarks {
    margin-block: var(--spacing-4)
}

.f19-remark-incomplete {
    display: block !important
}

[completed] .f19-remark-incomplete {
    display: none !important
}

.f19-remark-complete {
    display: none;
    justify-content: flex-start;
    align-items: center
}

[completed] .f19-remark-complete {
    display: flex
}

.f19-remark-list-container {
    margin-block: var(--spacing-3)
}

.f19-remark-list,
f19-remark-list {
    display: block;
    max-inline-size: 96rem;
    margin-block-end: var(--spacing-3)
}

.f19-remark,
f19-remark {
    inline-size: 100%;
    display: block;
    padding: 0;
    overflow: hidden;
    border: 1px solid hsl(0, 0%, 84.8039215686%);
    border-bottom-width: 0
}

.f19-remark:first-of-type,
f19-remark:first-of-type {
    border-start-start-radius: .4rem;
    border-start-end-radius: .4rem
}

.f19-remark:last-of-type,
f19-remark:last-of-type {
    border-end-start-radius: .4rem;
    border-end-end-radius: .4rem;
    border-bottom-width: 1px
}

.f19-remark.is-hidden,
f19-remark.is-hidden {
    display: none
}

.f19-remark[completed],
f19-remark[completed] {
    box-shadow: .3rem 0 0 0 #37a04f
}

.f19-remark[completed] .js-reply,
f19-remark[completed] .js-reply {
    display: none
}

.f19-remark_header,
.f19-remark_footer,
.f19-remark_body {
    inline-size: 100%;
    display: flex;
    padding: var(--spacing-3);
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-3)
}

.f19-remark_header {
    background-color: #fff
}

.f19-remark_replies .f19-remark_header {
    border-radius: .3rem .3rem 0 0;
    background-color: rgba(0, 22, 137, .075)
}

[observe]>.f19-remark_header .f19-remark_collapse,
[observe]>.f19-remark_header .f19-remark_details,
[observe]>.f19-remark_header .f19-remark_options,
[completed]:not(:hover)>.f19-remark_header .f19-remark_collapse,
[completed]:not(:hover)>.f19-remark_header .f19-remark_details,
[completed]:not(:hover)>.f19-remark_header .f19-remark_options {
    opacity: .3;
    filter: grayscale(1)
}

.f19-remark_body {
    flex-direction: column;
    background-color: #f7f9fa
}

.f19-remark_body>* {
    flex: 1 1 auto
}

[collapsed] .f19-remark_body {
    display: none
}

.f19-remark_footer {
    justify-content: space-between;
    background-color: #f7f9fa;
    min-height: 5.6rem
}

[collapsed] .f19-remark_footer {
    display: none
}

.f19-remark_author {
    width: 100%;
    margin-bottom: var(--spacing-3);
    padding-block: 0;
    padding-inline: var(--spacing-3);
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-style: italic;
    font-size: 1.3rem;
    font-weight: 450
}

.f19-remark_author::before {
    content: "- ";
    speak: never;
    pointer-events: none
}

[edit-mode]>div>.f19-remark_author {
    display: none
}

.f19-remark_author-label {
    margin-right: auto
}

.f19-remark_author-date {
    margin-left: auto
}

.collapsed .f19-remark_content {
    display: none
}

.f19-remark_content-edit {
    inline-size: 100%
}

.f19-remark_message,
.f19-remark_replies {
    inline-size: 100%
}

.f19-remark_message:empty,
.f19-remark_replies:empty {
    margin: 0;
    padding: 0
}

.f19-remark_message {
    font-size: 1.4rem;
    font-weight: 450;
    padding-block: var(--spacing-3) 0;
    padding-inline: var(--spacing-3)
}

.f19-popup .f19-remark_message {
    font-size: revert
}

.f19-remark_message p {
    margin: 0
}

[edit-mode]>div>.f19-remark_message {
    display: none
}

.f19-remark_replies {
    margin-top: 1.2rem;
    padding: 0 1.6rem
}

.f19-remark_collapse {
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem
}

.f19-remark_details {
    flex: 1 1 auto;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: .4rem;
    cursor: pointer
}

.f19-remark-recipient {
    max-width: 23rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 500;
    user-select: none
}

.f19-remark_info,
.f19-remark_options {
    flex: 0 0 auto;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-3)
}

.f19-remark_options {
    margin-inline-start: auto;
    color: var(--cl-url)
}

.f19-remark_info {
    color: #a7b7c2;
    margin-inline-start: .2rem;
    padding-inline-start: var(--spacing-3);
    border-left: .1rem solid #a7b7c2
}

.f19-remark_info i {
    min-inline-size: 1.4rem;
    text-align: center
}

.f19-remark-for {
    user-select: none;
    color: currentColor;
    font-size: 1.25rem;
    font-weight: 500
}

.f19-remark-counter {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
    line-height: 1;
    --btn-cl-border: transparent
}

.f19-remark-counter f19-icon {
    margin: 0;
    z-index: 2
}

f19-node:hover .f19-remark-counter {
    opacity: 1
}

.f19-remark-counter:not(.f19-remark-counter--readonly):hover .f19-remark-counter_nr,
.f19-remark-counter:not(.f19-remark-counter--readonly):focus .f19-remark-counter_nr {
    color: var(--btn-cl-text-hover);
    background-color: var(--btn-cl-background-hover)
}

.f19-remark-counter:where([data-count=""]),
.f19-remark-counter:where([data-count="0"]),
.f19-remark-counter:where(.no-remarks),
:where(.no-remarks) .f19-remark-counter {
    opacity: 0
}

.f19-node-fbml_header .f19-remark-counter:where([data-count=""]),
.f19-node-fbml_header .f19-remark-counter:where([data-count="0"]),
.f19-node-fbml_header .f19-remark-counter:where(.no-remarks),
.f19-node-fbml_header :where(.no-remarks) .f19-remark-counter {
    display: none
}

.f19-remark-counter:where([data-count=""]) .f19-remark-counter_nr,
.f19-remark-counter:where([data-count="0"]) .f19-remark-counter_nr,
.f19-remark-counter:where(.no-remarks) .f19-remark-counter_nr,
:where(.no-remarks) .f19-remark-counter .f19-remark-counter_nr {
    display: none
}

f19-fbml-editor-node.is-hovered>.f19-node-fbml_header .f19-remark-counter:where([data-count=""]),
f19-fbml-editor-node.is-selected>.f19-node-fbml_header .f19-remark-counter:where([data-count=""]),
f19-fbml-editor-node.is-editing>.f19-node-fbml_header .f19-remark-counter:where([data-count=""]),
f19-fbml-editor-node.is-hovered>.f19-node-fbml_header .f19-remark-counter:where([data-count="0"]),
f19-fbml-editor-node.is-selected>.f19-node-fbml_header .f19-remark-counter:where([data-count="0"]),
f19-fbml-editor-node.is-editing>.f19-node-fbml_header .f19-remark-counter:where([data-count="0"]),
f19-fbml-editor-node.is-hovered>.f19-node-fbml_header .f19-remark-counter:where(.no-remarks),
f19-fbml-editor-node.is-selected>.f19-node-fbml_header .f19-remark-counter:where(.no-remarks),
f19-fbml-editor-node.is-editing>.f19-node-fbml_header .f19-remark-counter:where(.no-remarks),
f19-fbml-editor-node.is-hovered>.f19-node-fbml_header :where(.no-remarks) .f19-remark-counter,
f19-fbml-editor-node.is-selected>.f19-node-fbml_header :where(.no-remarks) .f19-remark-counter,
f19-fbml-editor-node.is-editing>.f19-node-fbml_header :where(.no-remarks) .f19-remark-counter {
    opacity: 1;
    display: inline-flex
}

.f19-remark-counter:where([data-count=""])::before,
.f19-remark-counter:where([data-count="0"])::before,
.f19-remark-counter:where(.no-remarks)::before,
:where(.no-remarks) .f19-remark-counter::before {
    opacity: 0
}

.f19-remark-counter_nr {
    inline-size: 1.32em;
    margin: auto;
    position: absolute;
    left: 0;
    right: -1.4em;
    top: -0.5em;
    bottom: .5rem;
    z-index: 3;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid var(--btn-cl-text, currentColor);
    background-color: var(--cl-island-background);
    aspect-ratio: 1/1;
    border-radius: 50% 50%;
    display: inline-flex;
    place-content: center;
    place-items: center
}

[data-count=""] .f19-remark-counter_nr,
.no-remarks .f19-remark-counter_nr {
    display: none
}

.f19-fbml-editor-node .f19-remark-counter_nr {
    font-size: .9rem
}

.f19-remark_storage {
    display: none
}

f19-remark-reply {
    display: block;
    margin: 0 0 .4rem 0;
    border: .1rem solid rgba(0, 22, 137, .075)
}

f19-remark-reply.is-hidden {
    display: none
}

f19-remark-mirror {
    display: block;
    margin: 0 0 var(--spacing-3) 0;
    border: .1rem solid rgba(0, 22, 137, .075);
    border-radius: .3rem
}

f19-remark-mirror .js-edit-remark {
    display: none
}

f19-remark-mirror[edit-mode] .js-edit-remark {
    display: block
}

f19-remark-mirror[edit-mode] .js-new-reply {
    display: none
}

.js-editor-open f19-remark-mirror .js-new-reply,
.js-editor-open f19-remark-mirror .js-edit,
.js-editor-open f19-remark-mirror .js-delete,
.js-editor-open f19-remark-mirror .f19-remark_footer {
    display: none
}

f19-remark-mirror[completed] {
    box-shadow: -0.4rem 0 0 0 #37a04f
}

f19-remark-mirror[completed] .js-new-reply {
    display: none
}

f19-remark-mirror-reply {
    display: block;
    margin: 0 0 .4rem 0;
    border: .1rem solid rgba(0, 22, 137, .075);
    border-radius: .3rem
}

f19-remark-mirror-reply .js-edit-reply {
    display: none
}

f19-remark-mirror-reply[edit-mode] .js-edit-reply {
    display: flex
}

f19-node.f-is-highlighted {
    outline: .2rem solid rgba(213, 8, 71, 0);
    outline-offset: -0.2rem;
    animation: linkedHighlight 1.5s ease 4 both
}

f19-node.f-is-highlighted::after {
    animation: afterHighlight 1.5s ease 4 both
}

f19-node.f-is-highlighted:focus {
    border-color: #000
}

@keyframes afterHighlight {
    50% {
        background-color: #d50847
    }

    100% {
        background-color: rgba(213, 8, 71, 0)
    }
}

@keyframes linkedHighlight {
    50% {
        outline-color: #d50847
    }

    100% {
        outline-color: rgba(213, 8, 71, 0)
    }
}

.f19-acronym-table-wrapper {
    margin-block-end: var(--spacing-2)
}

f19-structure-browser {
    width: 100%
}

f19-workflow-article-item-editor {
    inline-size: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem
}

f19-workflow-article-item-editor>f19-dropdown,
f19-workflow-article-item-editor>f19-dropdown[label],
f19-workflow-article-item-editor>f19-checkbox,
f19-workflow-article-item-editor>f19-checkbox[label] {
    inline-size: auto;
    flex: 0 0 auto;
    display: inline-flex
}

f19-workflow-article-item-editor f19-dropdown {
    max-inline-size: 42rem;
    inline-size: 100%;
    margin-inline-start: auto
}

.f19-base-browser,
f19-base-browser {
    inline-size: 100%;
    margin: 1rem 0;
    display: block
}

.f19-base-browser-table :where(tr).is-open,
.f19-base-browser-table :where(tr):focus-within,
.f19-base-browser-table :where(tr):focus,
.f19-base-browser-table :where(tr):hover,
f19-base-browser-table :where(tr).is-open,
f19-base-browser-table :where(tr):focus-within,
f19-base-browser-table :where(tr):focus,
f19-base-browser-table :where(tr):hover {
    background-color: var(--cl-tr-hover)
}

thead .f19-base-browser-table :where(tr).is-open,
thead .f19-base-browser-table :where(tr):focus-within,
thead .f19-base-browser-table :where(tr):focus,
thead .f19-base-browser-table :where(tr):hover,
thead f19-base-browser-table :where(tr).is-open,
thead f19-base-browser-table :where(tr):focus-within,
thead f19-base-browser-table :where(tr):focus,
thead f19-base-browser-table :where(tr):hover {
    background-color: rgba(0, 0, 0, 0)
}

.f19-base-browser-table :where(tr).is-selected,
f19-base-browser-table :where(tr).is-selected {
    background-color: var(--cl-tr-hover)
}

.f19-base-browser-table .f19-cell_content,
f19-base-browser-table .f19-cell_content {
    cursor: pointer
}

.f19-base-browser-table .base-browser-file_name,
f19-base-browser-table .base-browser-file_name {
    cursor: pointer
}

.f19-browser_container {
    position: relative
}

.f19-browser_container .f19-paging-options {
    margin-bottom: 1.6rem !important
}

.f19-browser_container td label {
    cursor: pointer
}

[browse-overflow] {
    min-block-size: 10rem;
    max-block-size: 42rem;
    overflow-y: auto;
    display: block
}

[browse-overflow] thead {
    top: 0
}

[browse-overflow=sm] {
    max-block-size: 26rem
}

[browse-overflow=lg] {
    max-block-size: 56rem
}

.f19-clipboard-actions,
f19-action-list {
    position: relative;
    user-select: none;
    white-space: nowrap;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center
}

.f19-clipboard-actions+.f19-btn,
f19-action-list+.f19-btn {
    margin-left: .8rem
}

.f19-clipboard-actions .f19-btn,
f19-action-list .f19-btn {
    block-size: 100%
}

f19-header .f19-clipboard-actions .f19-btn,
f19-header f19-action-list .f19-btn {
    --btn-cl-border: var(--btn-cl-brand)
}

.f19-page-options_multiselect .f19-clipboard-actions .f19-btn,
.f19-table-options_multiselect .f19-clipboard-actions .f19-btn,
.f19-page-options_multiselect f19-action-list .f19-btn,
.f19-table-options_multiselect f19-action-list .f19-btn {
    --btn-cl-border: #a7b7c2
}

.f19-clipboard-actions li,
f19-action-list li {
    display: block
}

.f19-clipboard-actions li:last-child .f19-action,
.f19-clipboard-actions li:last-child f19-action,
f19-action-list li:last-child .f19-action,
f19-action-list li:last-child f19-action {
    border: none
}

.f19-clipboard-actions li .f19-action.f19--is-disabled:hover,
.f19-clipboard-actions li f19-action.f19--is-disabled:hover,
f19-action-list li .f19-action.f19--is-disabled:hover,
f19-action-list li f19-action.f19--is-disabled:hover {
    background: initial;
    cursor: default
}

.f19-action-list_items {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    outline: none;
    overflow: hidden;
    background: #fff;
    transform: translateY(100%);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-nm);
    border: 1px solid rgba(0, 0, 0, .15);
    border-block-start: 1px solid rgba(0, 0, 0, .1);
    border-block-end: 1px solid rgba(0, 0, 0, .25);
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: -1px;
    z-index: 101
}

f19-fbml-editor-clipboard-menu .f19-action-list_items {
    position: relative;
    transform: none
}

.f19-action-list_align-right ul {
    right: 0;
    left: auto
}

.f19-action-list_align-left ul {
    left: 0;
    right: auto
}

.f19-action-list_align-top ul {
    bottom: -1px;
    top: auto
}

.f19-action-list_align-bottom ul {
    top: -1px;
    bottom: auto;
    transform: translateY(-100%)
}

f19-article-browser {
    margin-top: 1.2rem;
    background: #f7f9fa;
    width: 100%
}

.f19-article-browser_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1.6rem
}

.f19-article-browser_header f19-checkbox {
    margin-right: 1.6rem
}

.f19-article-browser_header f19-search {
    flex-grow: 1
}

.f19-browser_container-articles {
    min-block-size: 12rem
}

.f19-browser_container-articles .f19-paging-options {
    margin-bottom: var(--spacing-4)
}

.article-select {
    padding-left: var(--spacing-4);
    border-bottom: 1px solid var(--cl-grey-light-3);
    min-height: var(--spacing-6);
    display: flex;
    flex-direction: row;
    align-items: center
}

.article-select f19-checkbox {
    margin-right: var(--spacing-4)
}

.article-select label {
    cursor: pointer
}

f19-button-toolbar {
    display: none
}

.f19-block_header f19-action-list {
    display: none
}

[selected]>.f19-block_header f19-button-toolbar,
*:hover>.f19-block_header f19-button-toolbar,
.f19-component_header>.f19-block_info-icons f19-button-toolbar {
    display: flex
}

[selected]>.f19-block_header f19-action-list,
*:hover>.f19-block_header f19-action-list,
.f19-component_header>.f19-block_info-icons f19-action-list {
    display: unset
}

[selected]>.f19-block_header .f19-block_info-icons.divider,
[selected]>.f19-block_header.divider .f19-block_header-icon,
*:hover>.f19-block_header .f19-block_info-icons.divider,
*:hover>.f19-block_header.divider .f19-block_header-icon,
.f19-component_header>.f19-block_info-icons .f19-block_info-icons.divider,
.f19-component_header>.f19-block_info-icons.divider .f19-block_header-icon {
    border-left: 1px solid var(--cl-grey-light);
    padding-inline-start: var(--spacing-1)
}

.f19-button-toolbar_buttons {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-1)
}

.f19-button-toolbar_buttons [tag-count] {
    display: inline-flex
}

.f19-button-toolbar_buttons [tag-count]::before {
    content: attr(tag-count);
    width: 1.6rem;
    display: flex;
    place-content: center;
    place-items: center;
    padding: .2rem;
    position: absolute;
    top: 0;
    right: 0;
    aspect-ratio: 1;
    color: #fff;
    line-height: 1;
    font-size: 1.1rem;
    border-radius: 50% 50%;
    background-color: var(--cl-brand-dark)
}

.f19-chart-browser,
f19-chart-browser {
    inline-size: 100%;
    margin: 1rem 0;
    display: block
}

.f19-chart-browser-table :where(tr).is-open,
.f19-chart-browser-table :where(tr):focus-within,
.f19-chart-browser-table :where(tr):focus,
.f19-chart-browser-table :where(tr):hover,
f19-chart-browser-table :where(tr).is-open,
f19-chart-browser-table :where(tr):focus-within,
f19-chart-browser-table :where(tr):focus,
f19-chart-browser-table :where(tr):hover {
    background-color: var(--cl-tr-hover)
}

thead .f19-chart-browser-table :where(tr).is-open,
thead .f19-chart-browser-table :where(tr):focus-within,
thead .f19-chart-browser-table :where(tr):focus,
thead .f19-chart-browser-table :where(tr):hover,
thead f19-chart-browser-table :where(tr).is-open,
thead f19-chart-browser-table :where(tr):focus-within,
thead f19-chart-browser-table :where(tr):focus,
thead f19-chart-browser-table :where(tr):hover {
    background-color: rgba(0, 0, 0, 0)
}

.f19-chart-browser-table :where(tr).is-selected,
f19-chart-browser-table :where(tr).is-selected {
    color: #fff;
    background-color: var(--cl-brand-light-2)
}

.f19-chart-browser-table :where(tr).is-selected .f19-radio_input,
.f19-chart-browser-table :where(tr).is-selected .f19-radio_input:checked,
f19-chart-browser-table :where(tr).is-selected .f19-radio_input,
f19-chart-browser-table :where(tr).is-selected .f19-radio_input:checked {
    background-color: #fff;
    border-color: #fff
}

.f19-chart-browser-table .chart-browser-chart_name,
f19-chart-browser-table .chart-browser-chart_name {
    cursor: pointer
}

f19-contentblob-item {
    display: block;
    border-top: .1rem solid rgba(0, 0, 0, .1)
}

f19-contentblob-item:first-of-type {
    border-top: 0
}

f19-contentblob-item .f19--is-selected {
    background-color: #d3d3d3;
    border: solid 1px #000
}

f19-contentblob-item p {
    margin: 0 0 1rem 0;
    font-size: inherit
}

f19-contentblob-item table td {
    padding: .2rem
}

f19-contentblob-item table p {
    margin: 0
}

.f19-cblob-view_note {
    font-weight: 500;
    font-size: 1.4rem
}

.f19-cblob-view {
    margin: 0;
    padding: 1rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 3.2rem
}

.f19-cblob-view_history,
.f19-cblob-view_data {
    padding: .2rem .3rem
}

.f19-cblob-view_btns {
    margin: 0 0 0 auto;
    width: max-content;
    flex: 0 0 auto
}

.f19-cblob-view_data {
    margin: 0 0 1rem 2.8rem;
    font-size: 1.4rem;
    display: none
}

.is-open .f19-cblob-view_data {
    display: block
}

.f19-cblob-view_history {
    width: 100%;
    padding: 0 0 0 4.2rem
}

.f19-cblob-view_version {
    margin: 0 0 .3rem 0;
    padding: 1rem 1.2rem;
    font-size: 1.2rem;
    border-radius: .4rem;
    background-color: rgba(0, 0, 0, .07)
}

.f19-cblob-view_version-name {
    font-size: 1.4rem
}

.f19-cblob_label {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 0 .6rem;
    font-weight: 400;
    gap: 1.2rem
}

.f19-cblob-view_version-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700
}

.f19-cblob-view_version-info span {
    margin-left: 1rem
}

.f19-cblob-view_version-info span:first-of-type {
    margin-left: 0
}

.f19-cblob-view_version-descr {
    margin-block: .8rem
}

.f19-cblob_input-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #6d8393;
    border-radius: 50% 50%
}

.f19-cblob_input-radio:checked {
    padding: 3px;
    background-clip: content-box;
    background-color: var(--cl-url)
}

.f19-cblob_input-radio:checked+label .f19-cblob-view_name {
    font-weight: bold
}

.f19-cblob-view_metadata {
    font-size: 1.4rem;
    font-weight: 400
}

.f19-cblob-view_choice {
    flex: 1 1 auto;
    width: 100%;
    margin-block: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: .4rem
}

.f19-document-editor-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background: #fff
}

.f19-sticky-wrapper {
    height: auto;
    position: sticky;
    top: .6rem;
    scrollbar-width: thin
}

.f19-document-settings-container {
    height: 100%
}

.f19-document-settings-container .f19-document-settings:last-child {
    margin: 0
}

.f19-document-settings {
    margin-block-end: 2.4rem
}

.f19-document-settings:last-of-type {
    margin-block-end: 0
}

.f19-no-settings .f19-document-settings.f19-settings-part {
    display: none
}

.f19-document-settings h3 {
    display: inline-flex;
    margin-block: 0 .8rem;
    gap: .4rem
}

.f19-document-editor {
    flex-grow: 1;
    height: 100%;
    margin-bottom: .8rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    position: relative
}

.f19-document-editor f19-labeled-dropdown {
    position: absolute;
    text-align: right;
    width: 370px;
    right: 0;
    top: -28px
}

.f19-document-editor_dropzone {
    flex: 1 0 auto
}

.f19-document-editor_dropzone.is-empty {
    min-height: 12rem;
    position: relative
}

.f19-node-empty {
    min-height: 100%;
    overflow: hidden;
    border-radius: var(--border-radius-sm);
    border: 2px dashed var(--cl-grey-light)
}

.f19-node-empty p {
    margin-block: 0
}

@keyframes node-new {
    0% {
        background-color: #f7f9fa;
        z-index: 1
    }

    40% {
        background-color: hsl(200, 23.0769230769%, 82.4509803922%)
    }

    100% {
        background-color: #f7f9fa;
        z-index: 0
    }
}

.f19-node-empty {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

f19-node {
    min-height: 4rem;
    padding-block: clamp(.4rem, .5vw, 0.8rem);
    padding-inline: 1.6rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: clamp(1.2rem, 1vw, 2.4rem);
    background-color: #f7f9fa;
    margin-block-start: -0.1rem;
    border: 1px solid var(--cl-grey-light);
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    transition: border-color ease .04s .02s;
    position: relative;
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

@container main (max-width: 50rem) {
    f19-node {
        flex-flow: row wrap
    }
}

f19-node.sortable-chosen {
    background-color: rgba(0, 22, 137, .075)
}

f19-node f19-meta-reference,
f19-node f19-tag {
    width: 1px;
    height: 1px;
    position: absolute;
    left: -1px;
    top: -1px;
    overflow: hidden;
    opacity: 0
}

f19-node f19-badge {
    margin-right: .8rem
}

f19-node:hover,
f19-node:focus {
    background-color: #eeeef5
}

f19-node:active::before,
f19-node.ghost::before {
    opacity: 1;
    background-color: rgba(0, 0, 0, .1)
}

f19-node:last-of-type {
    border-bottom-color: #ced4d8
}

f19-node fbml,
f19-node textarea {
    display: none
}

f19-node.is-new {
    animation: node-new 1s ease 2 backwards
}

f19-node.is-new.ghost,
f19-node.is-new.multidrag {
    animation: none
}

f19-node::after {
    inline-size: .9rem;
    block-size: calc(100% + 2px);
    margin-block: auto;
    content: "";
    display: inline-block;
    background: #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.9rem;
    border-top-right-radius: var(--border-radius-nm);
    border-bottom-right-radius: var(--border-radius-nm)
}

.f19-no-settings f19-node::after {
    display: none !important
}

f19-node .f19-draghandler::after {
    background-color: #f7f9fa
}

f19-node[color=color-default]::after {
    border-color: var(--cl-grey-light)
}

f19-node[color=color-1]::after {
    background-color: #85e4f9;
    color: rgb(2.3671875, 39.84765625, 48.1328125)
}

f19-node[color=color-2]::after {
    background-color: #27a1bb;
    color: hsl(190.5405405405, 65.4867256637%, 109.3137254902%)
}

f19-node[color=color-3]::after {
    background-color: #6ab552;
    color: hsl(105.4545454545, 40.0809716599%, -13.431372549%)
}

f19-node[color=color-4]::after {
    background-color: #117b43;
    color: rgb(221.175, 250.325, 234.925)
}

f19-node[color=color-5]::after {
    background-color: #e4d500;
    color: hsl(56.0526315789, 100%, -20.2941176471%)
}

f19-node[color=color-6]::after {
    background-color: #966924;
    color: hsl(36.3157894737, 61.2903225806%, 101.4705882353%)
}

f19-node[color=color-7]::after {
    background-color: #ffcec7;
    color: rgb(122.5, 15.3125, 0)
}

f19-node[color=color-8]::after {
    background-color: #c30000;
    color: hsl(0, 100%, 103.2352941176%)
}

f19-node[color=color-9]::after {
    background-color: #ff5cff;
    color: rgb(15.5, 0, 15.5)
}

f19-node[color=color-10]::after {
    background-color: indigo;
    color: rgb(234.4807692308, 206.5, 255)
}

.f19-node_actions {
    margin-left: auto;
    display: inline-flex;
    flex-flow: row nowrap;
    place-items: center;
    justify-content: flex-end;
    gap: .8rem;
    flex: 0 0 auto
}

@container main (max-width: 50rem) {
    .f19-node_actions {
        inline-size: 100%;
        flex: 1 1 100%
    }
}

f19-node_drawer {
    margin-right: 2.4rem;
    color: var(--cl-brand-dark)
}

f19-node_thumbnail {
    height: 4.8rem;
    width: 4.8rem;
    background: #fff;
    border: 1px solid rgba(0, 22, 137, .075)
}

.f19-node_title {
    flex-grow: 1
}

.f19-node_title::-moz-selection {
    color: initial;
    background: none
}

.f19-node_title::selection {
    color: initial;
    background: none
}

@media(max-width: 85.38rem) {
    .f19-node_title {
        font-size: clamp(1.2rem, 1.6vw, 1.5rem)
    }
}

.f19-thumbnail-icon {
    padding: .4rem .2rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    border: dotted 2px rgba(0, 0, 0, 0);
    color: var(--cl-grey-dark)
}

.f19-thumbnail-icon::before {
    content: none;
    display: none !important
}

.f19-thumbnail-icon:hover .f19-thumbnail-icon_descr,
.f19-thumbnail-icon:focus .f19-thumbnail-icon_descr,
.f19-thumbnail-icon:focus-within .f19-thumbnail-icon_descr {
    opacity: 1
}

.f19-toc-list .f19-node_level::after,
.f19-toc-list .f19-node_level span {
    display: block;
    background: #fff
}

.f19-node_level {
    inline-size: .8rem;
    block-size: .9rem;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    cursor: default;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    transition: margin ease .2s .05s;
    border-right: 1px solid #a7b7c2;
    opacity: 1
}

.node-level-none .f19-node_level,
.node-level-0 .f19-node_level {
    margin-left: 0;
    display: none;
    border-right-color: rgba(0, 0, 0, 0)
}

.f19-toc-list .f19-node_level {
    margin-left: 0
}

.f19-node_level::-moz-selection {
    color: initial;
    background: none
}

.f19-node_level::selection {
    color: initial;
    background: none
}

.node-level-1 .f19-node_level {
    inline-size: 2.8rem
}

.node-level-2 .f19-node_level {
    inline-size: 4.4rem
}

.node-level-3 .f19-node_level {
    inline-size: 6rem
}

.node-level-4 .f19-node_level {
    inline-size: 7.6rem
}

.node-level-5 .f19-node_level {
    inline-size: 9.2rem
}

.node-level-6 .f19-node_level {
    inline-size: 10.8rem
}

@media(max-width: 64rem) {
    [class*=node-level] .f19-node_level {
        margin-left: 0;
        opacity: .3
    }
}

.f19-node_level::before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    background: #a7b7c2
}

.node-level-none .f19-node_level::before,
.node-level-0 .f19-node_level::before {
    display: none;
    content: none
}

.f19-node_level-nr {
    min-width: .8rem;
    padding: .2rem .4rem;
    position: relative;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: var(--cl-grey);
    border-radius: 50% 50%;
    background-color: var(--cl-grey-light-4);
    user-select: none
}

.node-level-0 .f19-node_level-nr,
.node-level-none .f19-node_level-nr {
    display: none
}

.f19-document-editor_multioptions {
    flex: 0 0 auto;
    padding: .4rem 0 1.1rem 1.6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 2
}

.f19-document-editor_multioptions.is-sticky {
    box-shadow: 0 .3rem .3rem -0.3rem rgba(0, 0, 0, .3);
    background-color: #fff
}

.f19-document-editor_multioptions f19-checkbox {
    margin-right: .8rem
}

f19-node .f19-thumbnail-icon::before {
    background: #fff;
    height: 38px;
    width: 38px;
    content: "";
    display: block
}

f19-node.node-status-1 f19-badge.status {
    background-color: #b8860b
}

f19-node.node-status-2 f19-badge.status {
    background-color: darkred;
    color: #fff
}

f19-node.node-channel-exclude {
    position: relative
}

.node-indicator-excluded {
    display: none
}

.f19--is-disabled .node-indicator-excluded,
.node-channel-exclude .node-indicator-excluded {
    width: 1rem;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    left: -0.1rem;
    z-index: 1;
    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
    background-color: #8e3232
}

.f19-editor-drag-item .node-indicator-excluded {
    width: auto;
    left: auto;
    right: .5rem;
    top: 0;
    background-color: rgba(0, 0, 0, 0)
}

.f19-editor-drag-item .node-indicator-excluded::before {
    left: 0;
    right: .1rem
}

.node-indicator-excluded f19-icon {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.2rem;
    color: #fff;
    padding: .4rem;
    position: relative;
    left: -1.4rem;
    border-radius: .3rem;
    background-color: #8e3232
}

.f19-image-browser,
f19-image-browser {
    inline-size: 100%;
    margin-block: var(--spacing-3);
    margin-inline: 0;
    display: block
}

.f19-image-browser .f19-image-browser_preview,
f19-image-browser .f19-image-browser_preview {
    max-block-size: 18rem;
    padding: var(--spacing-3)
}

.f19-image-grid_head {
    display: flex;
    flex-flow: row wrap;
    padding: var(--spacing-3)
}

.f19-image-grid_head f19-checkbox,
.f19-image-grid_head .f19-checkbox {
    margin-block-start: 0;
    margin-inline-start: var(--spacing-3)
}

.f19-browser_container-images {
    inline-size: 100%;
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-3)
}

.f19-image-browser_filter f19-search {
    flex-grow: 1
}

.f19-image-browser_filter f19-labeled-dropdown,
.f19-image-browser_filter f19-dropdown {
    inline-size: 100%
}

.f19-image-browser_list {
    display: flex;
    flex-wrap: wrap;
    margin-block-end: var(--spacing-4);
    border: 1px solid var(--cl-grey-light-2)
}

.f19-image-browser_list .f19-image-item,
.f19-image-browser_list f19-image-item {
    vertical-align: middle;
    inline-size: 25%
}

.f19-image-browser_list .f19-image-item.f19-image-item--listed,
.f19-image-browser_list f19-image-item.f19-image-item--listed {
    inline-size: 100%;
    max-inline-size: 100%
}

.f19-image-browser_list .f19-image-item.f19-image-item--listed:last-child,
.f19-image-browser_list f19-image-item.f19-image-item--listed:last-child {
    border: none
}

.f19-image-grid,
f19-image-grid {
    inline-size: 100%;
    display: block
}

.f19-image-grid_sorting {
    margin-inline-start: auto;
    text-align: right
}

.f19-image-grid_sorting span {
    margin-inline-end: var(--spacing-4);
    font-weight: 500
}

.f19-image-grid_sorting ul {
    display: inline-flex;
    padding: 0;
    gap: clamp(.8rem, .8vw, 1.6rem);
    clear: both;
    list-style: none
}

.f19-image-grid_sorting li {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.f19-image-grid_sorting a {
    text-decoration: none;
    position: relative;
    user-select: none
}

.f19-image-grid_sorting a.sorted {
    color: var(--cl-purple-dark)
}

.f19-image-grid_container {
    max-block-size: 24rem;
    inline-size: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: var(--spacing-3);
    overflow-y: scroll;
    margin-block-end: var(--spacing-4);
    border: 1px solid var(--cl-grey-light-2);
    border-radius: var(--border-radius-sm);
    gap: var(--spacing-3)
}

.f19-image-grid--detail .f19-image-grid_container {
    max-block-size: unset;
    overflow-y: visible;
    border: none
}

.article-teaser .f19-image-grid_container {
    max-block-size: 26rem
}

.f19-image-grid_container .f19-image-item,
.f19-image-grid_container f19-image-item {
    vertical-align: middle;
    flex: 0 1 calc(20% - var(--spacing-3))
}

@container main (min-width: 180rem) {

    .f19-image-grid_container .f19-image-item.f19-image-item--detail,
    .f19-image-grid_container f19-image-item.f19-image-item--detail {
        flex-basis: calc(12.5% - var(--spacing-3))
    }
}

@container main (max-width: 179.99rem) {

    .f19-image-grid_container .f19-image-item.f19-image-item--detail,
    .f19-image-grid_container f19-image-item.f19-image-item--detail {
        flex-basis: calc(16.66% - var(--spacing-3))
    }
}

@container main (max-width: 140rem) {

    .f19-image-grid_container .f19-image-item.f19-image-item--detail,
    .f19-image-grid_container f19-image-item.f19-image-item--detail {
        flex-basis: calc(20% - var(--spacing-3))
    }
}

@container main (max-width: 120rem) {

    .f19-image-grid_container .f19-image-item.f19-image-item--detail,
    .f19-image-grid_container f19-image-item.f19-image-item--detail {
        flex-basis: calc(25% - var(--spacing-3))
    }
}

@container main (max-width: 102.4rem) {

    .f19-image-grid_container .f19-image-item.f19-image-item--detail,
    .f19-image-grid_container f19-image-item.f19-image-item--detail {
        flex-basis: calc(33.33% - var(--spacing-3))
    }
}

@container main (max-width: 60rem) {

    .f19-image-grid_container .f19-image-item.f19-image-item--detail,
    .f19-image-grid_container f19-image-item.f19-image-item--detail {
        flex-basis: calc(50% - var(--spacing-3))
    }
}

@container main (max-width: 46rem) {

    .f19-image-grid_container .f19-image-item.f19-image-item--detail,
    .f19-image-grid_container f19-image-item.f19-image-item--detail {
        flex-basis: 100%
    }
}

.f19-download-browser,
f19-download-browser {
    inline-size: 100%;
    margin: 1rem 0;
    display: block
}

.f19-download-browser-table :where(tr).is-open,
.f19-download-browser-table :where(tr):focus-within,
.f19-download-browser-table :where(tr):focus,
.f19-download-browser-table :where(tr):hover,
f19-download-browser-table :where(tr).is-open,
f19-download-browser-table :where(tr):focus-within,
f19-download-browser-table :where(tr):focus,
f19-download-browser-table :where(tr):hover {
    background-color: var(--cl-tr-hover)
}

thead .f19-download-browser-table :where(tr).is-open,
thead .f19-download-browser-table :where(tr):focus-within,
thead .f19-download-browser-table :where(tr):focus,
thead .f19-download-browser-table :where(tr):hover,
thead f19-download-browser-table :where(tr).is-open,
thead f19-download-browser-table :where(tr):focus-within,
thead f19-download-browser-table :where(tr):focus,
thead f19-download-browser-table :where(tr):hover {
    background-color: rgba(0, 0, 0, 0)
}

.f19-download-browser-table :where(tr).is-selected,
f19-download-browser-table :where(tr).is-selected {
    color: #fff;
    background-color: var(--cl-brand-light-2)
}

.f19-download-browser-table :where(tr).is-selected .f19-radio_input,
.f19-download-browser-table :where(tr).is-selected .f19-radio_input:checked,
f19-download-browser-table :where(tr).is-selected .f19-radio_input,
f19-download-browser-table :where(tr).is-selected .f19-radio_input:checked {
    background-color: #fff;
    border-color: #fff
}

.f19-download-browser-table .download-browser-file_name,
f19-download-browser-table .download-browser-file_name {
    cursor: pointer
}

.f19-list {
    list-style: none;
    margin: 0;
    padding: 1.2rem .6rem
}

.f19-list--small .f19-list-item {
    background-color: unset;
    border-top: none;
    padding: .4rem 0;
    min-height: 1.6rem;
    font-size: 1.3rem
}

.f19-list--small .f19-list-item .f-c-checkbox_label {
    margin-block: 0
}

.f19-list--small .f19-list-item i,
.f19-list--small .f19-list-item .f19-radio,
.f19-list--small .f19-list-item .f19-checkbox,
.f19-list--small .f19-list-item f19-radio,
.f19-list--small .f19-list-item f19-checkbox {
    margin-right: .8rem
}

.f19-list--sublist {
    display: block;
    width: 100%;
    padding-left: 2.4rem;
    margin: .8rem 0
}

.f19-list.f19-list--info {
    padding: 0
}

.f19-list_item {
    background-color: #fff;
    border-top: 1px solid #dde4ea;
    min-height: 2.4rem;
    padding: .8rem 1.2rem;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    gap: var(--spacing-2)
}

.f19-list_item:first-of-type {
    border-top: none
}

.f19-list--quicklinks .f19-list_item {
    min-height: 1.2rem;
    padding: 0;
    border-top: none;
    background-color: rgba(0, 0, 0, 0)
}

.f19-list_item f19-info {
    align-self: center
}

.f19-list_item-option {
    flex: 0 1 auto;
    line-height: 1.2;
    padding: .8rem .4rem
}

.f19-list-info {
    list-style: none;
    margin: 0;
    padding: 0
}

.f19-list-info li {
    padding-block: .8rem;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: .1rem solid var(--cl-grey-light)
}

.f19-list-info li:last-of-type {
    border-bottom: none
}

.f19-list-info li>* {
    margin-block: 0
}

.f19-list-structured {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none
}

.f19-list-structured::before {
    inline-size: .2rem;
    block-size: calc(100% - .8rem);
    content: "";
    display: block;
    background-color: var(--cl-brand-light-3);
    margin-block: auto;
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0
}

.f19-list-structured:has(>.is-active)::before {
    background-color: var(--cl-brand-light-2)
}

.f19-list-structured .f19-xbrl-data-picker-item_header {
    min-height: 2.4rem
}

.f19-list-structured.validation-result {
    margin-left: .5rem
}

.f19-list-structured_item {
    position: relative;
    margin-inline-start: var(--spacing-4)
}

[linked-filter=linked] .f19-list-structured_item.is-hidden::before {
    display: none
}

.f19-selected-elements {
    margin-block: var(--spacing-3) 0
}

.f19-add-structure_btn {
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

.f19-table-browser,
f19-table-browser {
    inline-size: 100%;
    margin: 1rem 0;
    display: block
}

.f19-table-browser-table :where(tr).is-open,
.f19-table-browser-table :where(tr):focus-within,
.f19-table-browser-table :where(tr):focus,
.f19-table-browser-table :where(tr):hover,
f19-table-browser-table :where(tr).is-open,
f19-table-browser-table :where(tr):focus-within,
f19-table-browser-table :where(tr):focus,
f19-table-browser-table :where(tr):hover {
    background-color: var(--cl-tr-hover)
}

thead .f19-table-browser-table :where(tr).is-open,
thead .f19-table-browser-table :where(tr):focus-within,
thead .f19-table-browser-table :where(tr):focus,
thead .f19-table-browser-table :where(tr):hover,
thead f19-table-browser-table :where(tr).is-open,
thead f19-table-browser-table :where(tr):focus-within,
thead f19-table-browser-table :where(tr):focus,
thead f19-table-browser-table :where(tr):hover {
    background-color: rgba(0, 0, 0, 0)
}

.f19-table-browser-table :where(tr).is-selected,
f19-table-browser-table :where(tr).is-selected {
    color: #fff;
    background-color: var(--cl-brand-light-2)
}

.f19-table-browser-table :where(tr).is-selected .f19-radio_input,
.f19-table-browser-table :where(tr).is-selected .f19-radio_input:checked,
f19-table-browser-table :where(tr).is-selected .f19-radio_input,
f19-table-browser-table :where(tr).is-selected .f19-radio_input:checked {
    background-color: #fff;
    border-color: #fff
}

.f19-table-browser-table .table-browser-table_name,
f19-table-browser-table .table-browser-table_name {
    cursor: pointer
}

.f19-toc,
f19-toc-picker {
    inline-size: 100%
}

f19-tree-picker-item[data-action=ignore]>.f19-xbrl-data-picker-item_header {
    opacity: .6
}

f19-tree-picker-item[data-action=ignore]>.f19-xbrl-data-picker-item_header:hover {
    opacity: 1
}

.f19-select-list {
    padding: .4rem 0;
    position: relative;
    list-style: none;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center
}

.f19-select-list:focus-within:not(.is-disabled)::before,
.f19-select-list:hover:not(.is-disabled)::before {
    width: calc(100% + 0.8rem);
    height: .8rem;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -0.4rem
}

.f19-select-list:focus-within:not(.is-disabled) .f19-select-list_menu,
.f19-select-list:hover:not(.is-disabled) .f19-select-list_menu {
    display: block
}

.f19-select-list:focus-within:not(.is-disabled) .f19-select-arrow,
.f19-select-list:hover:not(.is-disabled) .f19-select-arrow {
    transform: rotate(180deg)
}

.f19-select-list.f19-select-list--apps.is-disabled::after,
.f19-select-list.f19-select-list--apps.is-single::after {
    width: .1rem;
    height: 1.4rem;
    content: "";
    display: inline-block;
    margin-left: 1.2rem;
    background-color: rgba(53, 155, 224, .4)
}

.f19-select-list a {
    width: 100%;
    padding: .8rem 1.2rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: .8rem
}

.f19-select-list a:focus,
.f19-select-list a:hover {
    color: #fff;
    background-color: var(--cl-brand-dark);
    text-decoration: none
}

.f19-select-list a:focus span,
.f19-select-list a:hover span {
    text-decoration: underline
}

.f19-select-list.is-single li {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center
}

.f19-select-list.is-single a {
    width: auto;
    padding: .4rem 0;
    color: var(--cl-url);
    background-color: rgba(0, 0, 0, 0)
}

.f19-select-list.hidden {
    visibility: hidden
}

.f19-select-list_menu {
    max-height: 80vh;
    overflow-y: auto;
    display: none;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: .2rem;
    z-index: 999;
    background: #fff;
    border-radius: var(--border-radius-xs);
    box-shadow: var(--box-shadow-sm);
    transform: translateY(100%)
}

.f19-select-list_menu:focus,
.f19-select-list_menu:hover {
    display: inline-block
}

.is-disabled .f19-select-list_menu {
    display: none !important
}

.f19-select-list_menu li {
    display: flex;
    align-items: center;
    justify-content: center
}

.f19-select-list_menu span {
    flex: 1 1 auto;
    width: max-content;
    display: block;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none
}

.f19-select-list_current {
    display: flex;
    overflow: hidden;
    color: inherit;
    cursor: default;
    font-weight: 600;
    outline-width: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: .3rem .6rem .4rem .4rem;
    border: 1px solid #a7b7c2;
    border-radius: var(--border-radius-sm);
    background-color: #fbfbfb
}

.is-disabled .f19-select-list_current {
    cursor: inherit;
    opacity: .6
}

.f19-select-list_name {
    display: inline-block;
    max-width: 24rem;
    min-width: 16rem;
    margin: 0 .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit
}

.f19-select-list_prefix {
    margin: 0 .5rem 0 0;
    display: inline-block;
    font-weight: 400
}

f19-wizard {
    max-height: inherit;
    display: flex;
    flex-direction: column
}

f19-steps {
    max-inline-size: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    gap: var(--spacing-3)
}

.f19-popup f19-steps {
    padding-block: var(--spacing-4) 0;
    padding-inline: var(--spacing-6)
}

.f19-header f19-steps {
    padding-block: var(--spacing-4) 0;
    padding-inline: var(--spacing-6)
}

f19-step {
    display: flex;
    align-items: center;
    padding-inline: 0 var(--spacing-3);
    justify-content: flex-start;
    gap: var(--spacing-3)
}

f19-step::after {
    flex: 1 1 auto;
    inline-size: var(--spacing-6);
    content: "";
    display: inline-block;
    height: 1px;
    background-color: rgba(0, 22, 137, .075)
}

f19-step:last-child::after {
    display: none
}

.f19-step_icon {
    display: none
}

.is--completed .f19-step_icon {
    display: inline-block;
    color: var(--cl-message-success)
}

.f19-step_count {
    flex: 0 0 auto;
    inline-size: var(--spacing-5);
    aspect-ratio: 1/1;
    display: inline-flex;
    place-content: center;
    place-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    border-radius: var(--border-radius-sm);
    color: var(--cl-brand-light);
    border: 1px solid var(--cl-brand-light-3);
    background-color: var(--cl-brand-light-5)
}

.is--active .f19-step_count {
    color: #fff;
    border-color: var(--cl-brand-light);
    background-color: var(--cl-brand-light)
}

.is--previous .f19-step_count {
    color: #fff;
    background-color: var(--cl-message-success);
    border: 1px solid var(--cl-message-success)
}

.f19-step_count span {
    position: relative
}

.f19-step_title {
    flex: 0 1 auto;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 425;
    color: var(--cl-brand-dark);
    line-height: 1;
    letter-spacing: .015em
}

.is--active .f19-step_title {
    font-weight: 700
}

.is--previous .f19-step_title {
    color: var(--cl-message-success);
    font-weight: 500
}

.f19-wizard-confirm_title {
    margin-block: var(--spacing-6) var(--spacing-2)
}

.f19-wizard-confirm_users,
.f19-wizard-confirm_files {
    margin-block: var(--spacing-3) var(--spacing-3);
    padding-inline-start: 0;
    list-style: none
}

.f19-wizard_step-container {
    margin-block: var(--spacing-3);
    overflow-wrap: break-word;
    word-break: break-word
}

.f19-wizard-confirm_user,
.f19-wizard-confirm_file {
    inline-size: 100%;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--spacing-3)
}

f19-wizard-header {
    inline-size: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    gap: var(--spacing-5)
}

@media only screen and (max-width: 102.4rem) {
    f19-wizard-header {
        flex-wrap: wrap
    }
}

f19-wizard-header[sticky] {
    position: sticky;
    top: -1px;
    background-color: rgba(0, 0, 0, 0)
}

f19-wizard-header.is-pinned {
    inline-size: calc(100% + 1rem*2);
    margin-inline: -1rem;
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3);
    z-index: 1000;
    font-size: clamp(1.2rem, .9vw, 1.4rem);
    font-weight: 500;
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
    background-color: var(--cl-island-background);
    box-shadow: var(--box-shadow-lg)
}

f19-wizard-header.is-pinned .f19-btn {
    --btn-min-height: 2.4rem;
    --btn-padding-inline: 0.75em;
    --btn-padding-block: 0.4em
}

f19-wizard-header h1,
f19-wizard-header h2,
f19-wizard-header h3,
f19-wizard-header h4,
f19-wizard-header h5,
f19-wizard-header h6,
f19-wizard-header p {
    margin: 0
}

f19-wizard-header>span {
    display: block;
    font-size: 1.6rem
}

f19-menu {
    --btn-spacing-block: clamp(0.2rem, 0.5vh, 3.2rem);
    --btn-spacing-inline: clamp(0.2rem, 0.5vw, 3.2rem);
    flex: 0 0 auto;
    inline-size: clamp(26rem, 22vw, 34rem);
    block-size: 100vh;
    margin: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 101;
    letter-spacing: .042em;
    position: relative;
    position: sticky;
    top: 0
}

f19-menu:not([expanded]) {
    inline-size: clamp(5.4rem, 6vw, 10rem)
}

@media(max-width: 85.38rem) {
    f19-menu {
        inset-inline-start: 0;
        box-shadow: var(--box-shadow-lg)
    }
}

.f19-menu_logo {
    max-block-size: var(--logo-max-block);
    max-inline-size: var(--logo-max-inline);
    inline-size: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
    margin-inline: auto;
    display: block
}

f19-menu[expanded] .f19-menu_logo {
    max-block-size: clamp(1.2rem, 10vw, 5.6rem);
    margin-inline-start: clamp(.2rem, var(--size-inline), 2.4rem)
}

.f19-menu_primary {
    --cl-url: var(--cl-menu-url);
    --cl-url-hover: var(--cl-brand-dark);
    inline-size: 100%;
    block-size: 100%;
    font-size: clamp(1.4rem, .85vw, 1.8rem);
    font-weight: 500;
    color: var(--cl-menu-txt);
    border-right: .4rem solid var(--cl-menu-url-border);
    background-color: var(--cl-menu-background);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

.f19-menu_secondary {
    --cl-url-hover: var(--cl-brand-dark);
    inline-size: clamp(26rem, 30vw, 46rem);
    block-size: calc(96vh - var(--spacing-5));
    position: absolute;
    inset-inline-end: var(--spacing-3);
    inset-block-start: var(--spacing-4);
    transform: translateX(100%);
    font-size: clamp(1.3rem, .8vw, 1.6rem);
    border-inline-end: .1rem solid rgba(0, 0, 0, .15);
    box-shadow: var(--box-shadow-nm);
    border-radius: var(--border-radius-nm);
    border: .3rem solid var(--cl-menu-url-border);
    border-left: none;
    background-color: #f7f7f7;
    scrollbar-width: thin
}

.f19-menu_secondary:not([expanded]) {
    display: none;
    z-index: -1;
    transform: translateX(-100%)
}

[class*=f19-btn-toggle-] {
    --btn-cl-brand: var(--cl-menu-url-border);
    --transX: 100%;
    position: absolute;
    border-radius: var(--border-radius-sm);
    z-index: -1;
    transform: scaleX(1) translateX(var(--transX))
}

[class*=f19-btn-toggle-]:active {
    transform: scaleX(1) translateX(var(--transX))
}

[class*=f19-btn-toggle-] f19-icon {
    transform: scaleX(1);
    transition: transform ease-in-out .26s;
    transform-origin: center
}

.f19-aside:not([expanded]) [class*=f19-btn-toggle-] f19-icon,
f19-menu:not([expanded]) [class*=f19-btn-toggle-] f19-icon {
    transform: scaleX(-1)
}

.f19-btn-toggle-aside {
    --transX: -100%;
    inset-inline-start: 0;
    inset-block-start: 4.2rem;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm)
}

.f19-aside[editor] .f19-btn-toggle-aside {
    display: none
}

@media(max-width: 64rem) {
    .f19-aside[editor] .f19-btn-toggle-aside {
        display: inline-flex
    }
}

@media(max-width: 64rem) {
    .f19-btn-toggle-aside {
        inset-block-start: 9.6rem;
        display: inline-flex
    }
}

.f19-aside[expanded] .f19-btn-toggle-aside {
    border-inline-end-width: 0
}

.f19-aside:not([expanded]) .f19-btn-toggle-aside {
    --transX: 0%;
    border-radius: var(--border-radius-sm)
}

.f19-btn-toggle-menu {
    inset-inline-end: .2rem;
    inset-block-end: .6rem;
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0
}

.f19-menu_section {
    inline-size: 100%;
    flex: 0 1 auto;
    padding-inline: clamp(var(--spacing-2), .8vw, var(--spacing-4));
    padding-block: clamp(var(--spacing-2), .8vh, var(--spacing-8))
}

.f19-menu_section:not(:first-of-type) {
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.f19-menu_section.f19-menu_section--logo {
    padding-inline: clamp(var(--spacing-2), .8vw, var(--spacing-4));
    padding-block: clamp(var(--spacing-2), .8vh, var(--spacing-8))
}

.f19-menu_section.f19-menu_section--nav {
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: auto;
    scrollbar-width: thin
}

.f19-menu_section.to-bottom {
    margin-block-start: auto
}

.f19-menu_section.to-top {
    margin-block-end: auto
}

.f19-menu_nav_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: clamp(.2rem, .4vw, 0.4rem)
}

.f19-menu_nav_item {
    inline-size: 100%;
    flex: 1 1 auto
}

.f19-menu_logo-url,
.f19-menu_btn-projects,
.f19-menu_nav_url {
    --size-inline: 1.5vw;
    --size-block: 1.5vh;
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(1.2rem, 1vw, 2.4rem);
    position: relative;
    padding-inline: clamp(.2rem, var(--size-inline), 2.4rem);
    padding-block: clamp(.2rem, var(--size-block), 2rem);
    border-radius: var(--border-radius-sm);
    color: var(--cl-menu-url);
    background-color: var(--cl-menu-url-bg)
}

@media(max-width: 120rem) {

    .f19-menu_logo-url,
    .f19-menu_btn-projects,
    .f19-menu_nav_url {
        --size-block: 1.3vh
    }
}

@media(max-width: 100rem) {

    .f19-menu_logo-url,
    .f19-menu_btn-projects,
    .f19-menu_nav_url {
        --size-block: 1.2vh;
        --size-inline: 0.9vw
    }
}

@media(max-width: 85.38rem) {

    .f19-menu_logo-url,
    .f19-menu_btn-projects,
    .f19-menu_nav_url {
        --size-block: 1vh;
        --size-inline: 0.8vw
    }
}

@media(max-width: 30rem) {

    .f19-menu_logo-url,
    .f19-menu_btn-projects,
    .f19-menu_nav_url {
        --size-block: 0.5vh;
        --size-inline: 1vw
    }
}

@media(max-width: 20rem) {

    .f19-menu_logo-url,
    .f19-menu_btn-projects,
    .f19-menu_nav_url {
        --size-block: 0.4vh;
        --size-inline: 0.7vw
    }
}

.f19-menu_logo-url {
    padding-inline: 0
}

f19-menu:not([expanded]) .f19-menu_btn-projects,
f19-menu:not([expanded]) .f19-menu_nav_url {
    padding: clamp(.1rem, var(--size-inline), .8rem);
    inline-size: min-content;
    margin-inline: auto;
    justify-content: center;
    aspect-ratio: 1/1
}

f19-menu:not([expanded]) .f19-menu_section--logo .f19-menu_btn-projects,
f19-menu:not([expanded]) .f19-menu_section--logo .f19-menu_nav_url {
    inline-size: max-content;
    aspect-ratio: unset
}

.f19-menu_btn-projects:hover,
.f19-menu_btn-projects:focus,
.f19-menu_nav_url:hover,
.f19-menu_nav_url:focus {
    text-decoration: none
}

.f19-menu_btn-projects:hover .f19-menu_nav_name,
.f19-menu_btn-projects:focus .f19-menu_nav_name,
.f19-menu_nav_url:hover .f19-menu_nav_name,
.f19-menu_nav_url:focus .f19-menu_nav_name {
    transform: translateX(0.6rem)
}

.f19-menu_btn-projects[aria-current=page],
.f19-menu_nav_url[aria-current=page] {
    color: var(--cl-menu-url-active, var(--cl-menu-url));
    border-left: .4rem solid var(--cl-state-active);
    background-color: var(--cl-menu-url-bg-active)
}

.f19-menu_btn-projects[aria-current=page] .f19-menu_nav_name,
.f19-menu_nav_url[aria-current=page] .f19-menu_nav_name {
    transform: none
}

.f19-menu_nav_url:hover,
.f19-menu_nav_url:focus {
    color: var(--cl-menu-url-hover, var(--cl-menu-url));
    background-color: var(--cl-menu-url-bg-hover)
}

.f19-btn.f19-menu_btn-projects {
    --btn-cl-text: var(--cl-menu-url);
    --btn-cl-text-hover: var(--cl-menu-background);
    --btn-cl-background: var(--cl-menu-background);
    --btn-cl-background-hover: var(--cl-menu-url);
    --btn-cl-border: transparent;
    --btn-cl-border-hover: transparent;
    justify-content: flex-start
}

f19-menu:not([expanded]) .f19-btn.f19-menu_btn-projects {
    justify-content: center
}

.f19-btn.f19-menu_btn-projects:hover span,
.f19-btn.f19-menu_btn-projects:focus span {
    transform: translateX(0.6rem)
}

.f19-btn.f19-menu_btn-projects[disabled] {
    border: none;
    --btn-cl-text: var(--cl-menu-url);
    --btn-cl-text-hover: var(--cl-menu-url);
    --btn-cl-background: transparent;
    --btn-cl-background-hover: transparent
}

.f19-btn.f19-menu_btn-projects span {
    will-change: transform;
    transition: transform ease-in-out .2s
}

f19-menu:not([expanded]) .f19-btn.f19-menu_btn-projects span {
    display: none
}

.f19-btn.f19-menu_btn-projects .is-state-open {
    display: none
}

.f19-btn.f19-menu_btn-projects[aria-expanded=true] .is-state-open {
    display: inline-block
}

.f19-btn.f19-menu_btn-projects[aria-expanded=true] .is-state-closed {
    display: none
}

.f19-menu_nav_name {
    transition: transform ease-in-out .15s
}

f19-menu:not([expanded]) .f19-menu_nav_name {
    display: none
}

.f19-aside_nav a {
    flex: 1 1 auto;
    padding: 0;
    margin-block-start: .15em
}

.f19-aside_nav .is-active>a {
    color: var(--cl-brand-dark);
    outline: none
}

.f19-aside_nav .is-locked a {
    color: #d50847;
    outline: none
}

.f19-aside_nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.4rem;
    display: flex;
    flex-flow: column nowrap;
    gap: .2rem
}

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

    .f19-aside--content-info .f19-aside_nav-list,
    .f19-aside--menu .f19-aside_nav-list {
        font-size: 1.3rem
    }
}

.f19-aside_nav-item {
    display: flex;
    flex-flow: row nowrap;
    place-content: flex-start;
    place-items: flex-start;
    gap: .8rem;
    margin-block: .4rem;
    color: var(--cl-grey-dark)
}

.f19-aside_nav-item[type=article] {
    margin-block: 0
}

.f19-aside_nav-item.set-lvl {
    gap: .8rem;
    padding-inline-start: .2rem
}

.f19-aside_nav-item.set-lvl+.set-nolvl {
    margin-block-start: .8rem
}

.f19-aside_nav-icon {
    color: var(--cl-grey-light)
}

.is-active>.f19-aside_nav-icon,
.f19-aside_nav-item:hover>.f19-aside_nav-icon,
.f19-aside_nav-item:focus-within>.f19-aside_nav-icon {
    color: var(--cl-grey)
}

.f19-aside_nav-item-lvl {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    place-items: center;
    place-content: center;
    margin-block-start: .2rem;
    font-size: 1rem;
    font-weight: 600;
    aspect-ratio: 1;
    border-radius: 50% 50%;
    color: var(--cl-grey);
    border: 1px solid var(--cl-grey-light)
}

.is-active>.f19-aside_nav-item-lvl,
.f19-aside_nav-item:hover>.f19-aside_nav-item-lvl,
.f19-aside_nav-item:focus-within>.f19-aside_nav-item-lvl {
    color: var(--cl-grey-dark);
    border-color: var(--cl-grey)
}

.f19-projects {
    block-size: 100%;
    display: flex;
    flex-flow: column nowrap;
    place-items: flex-start;
    place-content: flex-start;
    gap: clamp(.4rem, .5vw, 0.8rem)
}

.f19-projects_header {
    flex: 0 0 auto;
    inline-size: 100%;
    padding-inline: clamp(1.2rem, 1vw, 2.4rem);
    padding-block: clamp(1.2rem, 1vw, 2.4rem) clamp(.8rem, .8vw, 1.6rem);
    background-color: var(--cl-island-background);
    border-bottom: .1rem solid rgba(0, 0, 0, .1);
    border-start-start-radius: var(--border-radius-nm);
    border-start-end-radius: var(--border-radius-nm);
    display: flex;
    flex-flow: column nowrap;
    place-items: flex-start;
    place-content: flex-start;
    gap: clamp(1.2rem, 1vw, 2.4rem)
}

.f19-projects_sorting {
    inline-size: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: clamp(.4rem, .5vw, 0.8rem)
}

.f19-projects_sorting>span {
    margin-inline-end: auto
}

.f19-projects_search {
    inline-size: 100%
}

.f19-projects_body {
    flex: 1 1 auto;
    inline-size: 100%;
    padding-inline: clamp(.6rem, .6vw, 1.2rem);
    padding-block: 0 clamp(.6rem, .6vw, 1.2rem);
    overflow-y: auto;
    overflow-x: hidden
}

.f19-projects_list {
    inline-size: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    place-items: flex-start;
    place-content: flex-start;
    gap: clamp(.2rem, .4vw, 0.4rem)
}

.f19-projects_list-item {
    inline-size: 100%
}

.f19-projects_list-item[data-id=all_projects] {
    order: -1
}

.f19-project_url {
    --cl-url: var(--cl-menu-text);
    display: block;
    padding-inline: clamp(.6rem, .6vw, 1.2rem);
    padding-block: clamp(.6rem, .6vw, 1.2rem);
    border-radius: var(--border-radius-nm);
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .12), 0 .1rem .2rem 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    transition: border ease-in-out .2s
}

[enabled] .f19-projects_list-item:focus-within .f19-project_url,
[enabled] .f19-project_url:hover,
[enabled] .f19-project_url:focus {
    outline: 0;
    text-decoration: none;
    border-color: var(--cl-brand-light);
    background-color: var(--cl-brand-light-5)
}

[enabled] .f19-projects_list-item:focus-within .f19-project_url .f19-project_name,
[enabled] .f19-project_url:hover .f19-project_name,
[enabled] .f19-project_url:focus .f19-project_name {
    text-decoration: underline
}

.f19-project_url[aria-selected=true] {
    --cl-url: var(--cl-brand);
    font-weight: 600;
    border-color: var(--cl-state-active);
    border-inline-start-width: .5rem
}

.f19-project_name {
    display: flex;
    flex-flow: row nowrap;
    gap: clamp(.8rem, .8vw, 1.6rem);
    justify-content: flex-start;
    align-items: flex-start
}

.f19-project_name f19-info {
    margin-inline-start: auto
}

.f19-project-details {
    margin-block-start: var(--spacing-1);
    padding-inline-start: calc(clamp(0.8rem, 0.8vw, 1.6rem) + 2rem);
    font-size: 1.2rem;
    color: #686868;
    display: flex;
    flex-flow: row wrap;
    gap: clamp(.4rem, .5vw, 0.8rem);
    justify-content: flex-start;
    align-items: flex-start
}

f19-breadcrumbs {
    --cl-body: #5a5a5a;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3;
    gap: clamp(.6rem, .6vw, 1.2rem);
    color: var(--cl-body)
}

.f19-breadcrumb {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    gap: clamp(.2rem, .4vw, 0.4rem)
}

.f19-breadcrumb.f19-breadcrumb--project {
    --cl-body: #333;
    font-weight: 600
}

f19-skip-links {
    --cl-body: #808080;
    --cl-url: #808080;
    max-height: 1px;
    max-inline-size: 20rem;
    margin-block: 0;
    margin-inline: auto;
    padding: var(--spacing-2);
    overflow: hidden;
    position: absolute;
    inset-block-start: -1rem;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 999;
    background: #fff;
    border-radius: var(--border-radius-xs);
    box-shadow: var(--box-shadow-sm);
    text-align: center
}

f19-skip-links:focus,
f19-skip-links:focus-within {
    max-height: 100%;
    inset-block-start: 0
}

.f19-skip-link {
    inline-size: 100%;
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3) var(--spacing-2);
    display: block;
    color: inherit;
    text-decoration: none;
    border-radius: var(--border-radius-xs)
}

.f19-skip-link:hover,
.f19-skip-link:focus-within {
    color: #fff;
    background-color: var(--cl-brand-light)
}

.f19-table-list.f19-table-list--recentchanges {
    font-size: 1.4rem
}

.f19-table-list.f19-table-list--sync {
    font-size: 1.3rem
}

.f19-table-list f19-checkbox {
    margin-top: .15rem
}

.f19-table-list thead {
    position: sticky;
    top: 0;
    z-index: 2
}

.f19-popup .f19-table-list thead {
    top: -3.2rem
}

.f19-table-list thead tr {
    background-color: var(--cl-island-background);
    box-shadow: 0 .2rem .1rem -0.2rem rgba(0, 0, 0, .2), 0 .2rem .2rem -0.2rem rgba(0, 0, 0, .15)
}

@container main (max-width: 820px) {

    .content-filesize,
    .content-alias,
    .content-projectsize,
    .content-project,
    .content-consumerid,
    .content-structure,
    .content-usersavatar,
    .content-articlecode {
        display: none
    }
}

@container main (max-width: 768px) {

    .content-size,
    .content-pubdate,
    .content-date,
    .content-domain,
    .content-email,
    .content-lastused,
    .content-template,
    .content-heading {
        font-size: clamp(1.1rem, 1.2vw, 1.4rem);
        font-weight: 500
    }
}

.f19-cell_content {
    min-height: 2.4rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: .8rem
}

f19-article-browser-table .f19-cell_content {
    position: relative
}

.f19-cell_content>label {
    margin: 0
}

@container main (max-width: 65rem) {
    .f19-cell_content .f19-btn {
        --btn-padding-inline: 0.2em;
        --btn-padding-block: 0.2em;
        --btn-min-height: 2rem
    }

    .f19-cell_content f19-icon {
        inline-size: 2rem;
        block-size: 2rem
    }
}

@container main (max-width: 102.4rem) {
    .f19-cell_content:has(f19-channel) .f19-btn span {
        display: none
    }
}

@container main (max-width: 58rem) {
    .f19-cell_content:has(f19-channel) {
        gap: .2rem
    }
}

.type--action .f19-cell_content,
.type--inform .f19-cell_content {
    justify-content: flex-end
}

.type--ellipsis .f19-cell_content,
.type--number .f19-cell_content {
    padding-inline: .4rem;
    position: relative;
    justify-content: center
}

.type--number .f19-cell_content {
    color: #848484
}

.inline--end .f19-cell_content {
    justify-content: flex-end
}

.inline--center .f19-cell_content {
    justify-content: center
}

.f19-cell_content.size--sm {
    font-size: 1.4rem
}

.f19-content_ellipsis-visible {
    width: 13rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 1.3rem;
    text-overflow: ellipsis
}

.f19-content_ellipsis-visible.size--sm {
    width: 8rem
}

.f19-content_ellipsis-visible.size--lg {
    width: clamp(12rem, 12vw, 20rem)
}

.f19-content_ellipsis-hover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    color: #333;
    font-size: 1.5rem;
    padding: .8rem 1.2rem;
    background-color: #fff;
    pointer-events: none;
    white-space: nowrap;
    border-radius: var(--border-radius-xs);
    transform: translateY(-25%) translateX(0);
    cursor: text
}

f19-article-browser-table .f19-content_ellipsis-hover {
    transform: translateY(-25%) translateX(-100%)
}

*:focus>.f19-content_ellipsis-hover,
*:hover>.f19-content_ellipsis-hover {
    opacity: 1;
    pointer-events: all;
    box-shadow: var(--box-shadow-xs)
}

.f-overview-list_changes .f19-content_ellipsis-hover {
    left: auto;
    right: 0
}

.f19-cell_subcontent {
    max-inline-size: 82rem;
    inline-size: calc(100% - 15vw);
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    padding: var(--spacing-5);
    position: absolute;
    inset-inline-start: 7.6rem;
    transform: translateY(0.5rem);
    z-index: 2;
    border-radius: .6rem;
    background-color: #fff;
    box-shadow: var(--box-shadow-nm);
    gap: var(--spacing-3) var(--spacing-2);
    grid-template-columns: minmax(min-content, auto) 1fr;
    display: none
}

.is-open .f19-cell_subcontent {
    display: grid
}

.is-open .f19-cell_subcontent.f19-cell_subcontent--data {
    display: flex
}

@container main (max-width: 102.4rem) {
    .is-open .f19-cell_subcontent {
        display: flex
    }
}

.f19-cell_subcontent-data {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.2rem;
    font-size: 1.3rem
}

.f19-cell_subcontent-data_actions {
    margin-inline-start: auto
}

.f19-cell_section {
    display: contents
}

@container main (max-width: 102.4rem) {
    .f19-cell_section {
        display: block
    }
}

.f19-cell_section.size--sm {
    font-size: 1.4rem
}

.f19-cell_section-label {
    min-width: 11rem;
    display: inline-block;
    font-weight: 600
}

.f19-cell_section-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-3)
}

.f19-cell_section-content [icon=text-box-outline] {
    margin-block-start: -0.2em
}

.f19-table_actions {
    justify-content: flex-start;
    align-items: center;
    gap: .4rem;
    position: absolute;
    top: 0;
    left: 4rem;
    transform: translateY(-98%);
    transform: translateY(calc(-100% + 0.2rem));
    padding: .4rem;
    border-radius: .3rem;
    background-color: #fff;
    display: none
}

.f19-table_actions>* {
    position: relative;
    z-index: 1
}

.f19-table_actions::before {
    content: "";
    display: block;
    position: absolute;
    top: -20%;
    left: 50%;
    width: 125%;
    height: 120%;
    z-index: 0;
    transform: translateX(-50%)
}

tr:focus-within .f19-table_actions,
tr:hover .f19-table_actions {
    display: inline-flex;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .2), 0 .2rem .4rem 0 rgba(0, 0, 0, .2)
}

.f19-table-error {
    font-size: 1.3rem;
    white-space: break-spaces
}

.f19-table-error code,
.f19-table-error pre {
    max-width: 100%;
    width: 100%
}

.f19-table-error-wrapper {
    max-width: 100%;
    overflow: auto
}

f19-tabs,
.f19-tabs {
    position: relative
}

f19-tabs.f19-hide-single-tab>.f19-tabs_header,
.f19-tabs.f19-hide-single-tab>.f19-tabs_header {
    display: none
}

f19-tabs.f19-hide-single-tab>.f19-tabs_body,
.f19-tabs.f19-hide-single-tab>.f19-tabs_body {
    border-radius: var(--border-radius-nm)
}

f19-tabs.f19-hide-no-tabs,
.f19-tabs.f19-hide-no-tabs {
    display: none
}

f19-tabs.f19-hide-all-tabs,
.f19-tabs.f19-hide-all-tabs {
    display: none
}

f19-tabs {
    inline-size: 100%;
    block-size: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.f19-popup--xbrl-table-tag f19-tabs {
    max-block-size: calc(100% - 8rem)
}

.f19-tabs_body {
    flex: 1 1 auto;
    inline-size: 100%;
    max-block-size: calc(100% - 4.2rem);
    padding-block-start: var(--spacing-4);
    overflow-y: auto;
    overflow-x: hidden
}

[id=project-edit-tab] .f19-tabs_body {
    max-block-size: 100%
}

.f19-popup--xbrl-table-tag .f19-tabs_body {
    overflow: hidden
}

.f19-form:where(:not(.f19-form--xbrl-overview):not(.f19-form--xbrl):not(.xbrl-table-tag-container)) .f19-tabs_body {
    padding: var(--spacing-5);
    border-left: .1rem solid rgba(0, 0, 0, .05);
    border-bottom: .1rem solid rgba(0, 0, 0, .05);
    border-right: .1rem solid rgba(0, 0, 0, .05);
    border-radius: 0 0 var(--border-radius-nm) var(--border-radius-nm);
    background-color: rgba(0, 0, 0, .02)
}

.f19-form:where(:not(.f19-form--xbrl-overview):not(.f19-form--xbrl):not(.xbrl-table-tag-container)) .f19-tabs_body .f19-tabs_body {
    padding: var(--spacing-4)
}

.f19-tabs--island .f19-tabs_body {
    max-block-size: 48rem;
    padding: var(--spacing-6);
    padding-block-start: 0;
    border: .1rem solid var(--cl-brand-light-3);
    border-radius: 0 var(--border-radius-nm) var(--border-radius-nm) var(--border-radius-nm);
    background-color: var(--cl-island-background)
}

@media(max-width: 120rem) {
    .f19-tabs--island .f19-tabs_body {
        padding-block: 0 var(--spacing-5);
        padding-inline: var(--spacing-5)
    }
}

@media(max-width: 100rem) {
    .f19-tabs--island .f19-tabs_body {
        padding-block: 0 var(--spacing-4);
        padding-inline: var(--spacing-4)
    }
}

.f19-tabs_header {
    flex: 0 0 auto;
    inline-size: 100%;
    container: tabs_header/inline-size;
    font-size: 1.5rem;
    border-radius: var(--border-radius-nm) var(--border-radius-nm) 0 0;
    border-bottom: .2rem solid var(--tabs-bg-active);
    position: relative;
    z-index: 1
}

.f19-tabs--island .f19-tabs_header {
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0)
}

.f19-tabs_header.set-sticky,
.set-sticky .f19-tabs_header,
[sticky] .f19-tabs_header {
    position: sticky;
    top: 0;
    z-index: 3
}

.fb-editor .f19-tabs_header {
    padding-block: 2.4rem 0;
    padding-inline: 3.2rem;
    background-color: #fdfdfd
}

.f19-document-settings-container .f19-tabs_header,
.f19-popup .f19-tabs_header {
    padding-left: 0;
    padding-right: 0
}

.mn-editor-table-design .f19-tabs_header {
    margin-bottom: 0
}

.f19-tabs_list {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
    list-style: none
}

.f19-tabs_buttons {
    max-inline-size: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

f19-application-settings .f19-tabs_buttons {
    flex-wrap: wrap
}

.f19-tabs_buttons li {
    flex: 1 1 auto
}

.f19-tab-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    min-inline-size: 6rem;
    min-height: 4.2rem;
    max-inline-size: 100%;
    margin: 0;
    padding-inline: clamp(.4rem, .5vw, 0.8rem);
    padding-block: clamp(.4rem, .5vw, 0.8rem);
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: clamp(.4rem, .5vw, 0.8rem);
    position: relative;
    font-weight: 550;
    font-size: 1.3rem;
    color: var(--tabs-txt);
    word-break: break-word;
    border: 1px solid var(--cl-brand-light-3);
    border-bottom: 0;
    background-color: var(--tabs-bg);
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
    transition: background ease-in-out .15s;
    transition: color .2s ease-in-out
}

@container tabs_header (max-width: 350px) {
    .f19-tab-button {
        flex: 1 1 auto
    }
}

@container tabs_header (max-width: 580px) {
    .set-tab-size-sm .f19-tab-button {
        flex: 1 1 auto
    }
}

.f19-tabs--island .f19-tab-button {
    background-color: var(--cl-island-background)
}

.f19-tab-button f19-info {
    color: currentColor
}

.set-tab-size-lg .f19-tab-button,
.set-tab-size-xl .f19-tab-button,
.set-tab-size-xxl .f19-tab-button {
    max-width: 24rem;
    flex-grow: 1
}

@container tabs_header (max-width: 350px) {
    .set-tab-size-xs .f19-tab-button:has(f19-icon) span {
        display: none
    }
}

@container tabs_header (max-width: 450px) {
    .set-tab-size-sm .f19-tab-button:has(f19-icon) span {
        display: none
    }
}

@container tabs_header (max-width: 700px) {
    .set-tab-size-md .f19-tab-button:has(f19-icon) span {
        display: none
    }
}

@container tabs_header (max-width: 800px) {
    .set-tab-size-lg .f19-tab-button:has(f19-icon) span {
        display: none
    }
}

@container tabs_header (max-width: 1000px) {
    .set-tab-size-xl .f19-tab-button:has(f19-icon) span {
        display: none
    }
}

@container tabs_header (max-width: 1400px) {
    .set-tab-size-xxl .f19-tab-button:has(f19-icon) span {
        display: none
    }
}

.f19-tab-button::after {
    content: "";
    display: inline-block;
    inline-size: 100%;
    height: .3rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0)
}

.f19-tab-button:hover:not([disabled]):not([aria-selected=true]):not(.f19-is-active),
.f19-tab-button:focus:not([disabled]):not([aria-selected=true]):not(.f19-is-active) {
    color: var(--tabs-txt-hover);
    border-color: var(--tabs-bg-hover);
    background-color: var(--tabs-bg-hover)
}

.f19-tab-button:hover:not([disabled]):not([aria-selected=true]):not(.f19-is-active)::after,
.f19-tab-button:focus:not([disabled]):not([aria-selected=true]):not(.f19-is-active)::after {
    background: var(--tabs-bg-hover)
}

.f19-tab-button:hover:not([disabled]):not([aria-selected=true]):not(.f19-is-active) f19-icon,
.f19-tab-button:focus:not([disabled]):not([aria-selected=true]):not(.f19-is-active) f19-icon {
    transform: translateY(-0.2rem)
}

.f19-tab-button[aria-selected=true],
.f19-tab-button.f19-is-active,
[aria-selected=true]>.f19-tab-button,
.f19-is-active>.f19-tab-button {
    color: var(--tabs-txt-active);
    font-weight: 600;
    border-color: var(--tabs-bg-active);
    background-color: var(--tabs-bg-active)
}

.f19-tab-button[aria-selected=true]::after,
.f19-tab-button.f19-is-active::after,
[aria-selected=true]>.f19-tab-button::after,
.f19-is-active>.f19-tab-button::after {
    opacity: 1;
    background: rgba(0, 0, 0, 0)
}

f19-xbrl-tag-editor .f19-tab-button {
    max-width: 13rem;
    font-size: 1.4rem
}

.f19-tab-button f19-icon {
    transition: transform ease-in-out .1s 0s
}

.f19-tab-button_icon {
    pointer-events: none
}

.f19-tab-button_name {
    pointer-events: none;
    display: inline-block;
    max-inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width: 85.38rem) {
    .f19-aside_tabs {
        flex: 1 1 auto;
        display: flex;
        flex-flow: row nowrap;
        justify-content: stretch;
        align-items: center
    }
}

.f19-tab-containers {
    margin: 0;
    padding: 0;
    list-style: none
}

.f19-tab-container {
    padding: .1rem
}

.f19-popup--xbrl-overview-tag .f19-tab-container,
.f19-popup--xbrl-table-tag .f19-tab-container {
    max-height: calc(var(--max-height) - 8rem);
    overflow: auto
}

.f19-tab-container:has(.f19-xbrl-data-picker_container) {
    overflow: hidden
}

.f19-tab-container>f19-feedback-message {
    margin-block: var(--spacing-4)
}

.f19-tab-component {
    margin-block-start: var(--spacing-3)
}

.f19-editor-toolbox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: clamp(.6rem, .6vw, 1.2rem)
}

[toolbox-size=md] .f19-editor-toolbox {
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr))
}

[toolbox-size=nm] .f19-editor-toolbox {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

[toolbox-size=lg] .f19-editor-toolbox {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

.f19-editor-toolbox_block {
    min-width: 12rem;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: stretch;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-radius: .4rem;
    overflow: hidden;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    transition: border ease-in-out .12s, box-shadow ease-in-out .12s, transform ease-in-out .12s;
    background-color: #f7f9fa;
    position: relative;
    z-index: 10;
    will-change: transform, box-shadow, border;
    cursor: move
}

.f19-editor-toolbox_block:not(.is-draggable) {
    cursor: pointer
}

.f19-editor-toolbox_block:hover {
    z-index: 15;
    border-color: rgba(0, 0, 0, .05);
    border-bottom-color: rgba(0, 0, 0, 0);
    transform: translateY(-0.2rem);
    transition-delay: .2s;
    box-shadow: 0 .2rem .2rem -0.1rem rgba(0, 0, 0, .2), 0 .4rem .8rem 0 rgba(0, 0, 0, .15)
}

.f19-editor-toolbox_block[style*=absolute] {
    z-index: 20;
    min-width: 20rem
}

.f19-editor-toolbox_visual {
    flex: 0 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-3)
}

.f19-editor-toolbox_drag {
    margin: auto 0;
    block-size: 100%;
    color: var(--cl-grey-dark);
    flex: 0 0 auto
}

.f19-editor-toolbox_svg {
    width: 2.4rem;
    height: 2.4rem
}

.fbmlNode-note .f19-editor-toolbox_svg {
    width: 1.6rem;
    height: 1.6rem
}

.f19-editor-toolbox_label {
    min-width: 0px;
    flex: 1 1 auto;
    max-width: 100%;
    padding: .85em;
    cursor: inherit;
    font-size: 1.3rem;
    font-weight: 500;
    background-color: #fff;
    letter-spacing: .025em;
    border-left: .1rem solid rgba(0, 0, 0, .06);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[toolbox-size=nm] .f19-editor-toolbox_label {
    font-size: 1.4rem
}

f19-toolbox {
    display: flex;
    flex-flow: column nowrap;
    gap: clamp(var(--spacing-2), 1.2vw, var(--spacing-5))
}

f19-toolbox-group {
    flex: 0 0 auto
}

f19-toolbox-group h2,
f19-toolbox-group h3,
f19-toolbox-group h4,
f19-toolbox-group h5,
f19-toolbox-group h6 {
    margin-block-start: 0
}

f19-toolbox-group::after {
    content: "";
    display: block;
    block-size: 1.6rem;
    margin-inline: -1.2rem;
    margin-block-start: -0.6rem;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--cl-brand-light-4);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-top-color: rgba(0, 0, 0, 0)
}

.f19-form-validation-message {
    font-size: 11px;
    position: absolute;
    bottom: -10px;
    right: 13px;
    display: inline-block;
    color: #d40d1d;
    background-color: #f8d7da;
    padding: 3px;
    border-radius: 2px
}

.f19-form_section {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid var(--cl-brand-light-4)
}

.f19-form_section.is-hidden {
    display: none
}

.f19-form_section:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.f19-form_section h3 {
    margin-block: var(--spacing-1) var(--spacing-4)
}

.f19-form_section.f19-form_section--avatar {
    max-width: 18rem;
    text-align: center
}

@media only screen and (max-width: 960px) {
    .f19-form-sections.row {
        flex-flow: column nowrap
    }
}

.f19-form-sections .f19-form_item {
    min-width: 24rem
}

.f19-form_section-components {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
    gap: var(--spacing-3) var(--spacing-4)
}

.f19-form_item-component {
    flex: 0 1 calc(50% - var(--spacing-4))
}

.f19-form_item-component.f19-all-tabs-hidden {
    display: none
}

@media(max-width: 30rem) {
    .f19-form_item-component {
        flex-basis: 100%
    }
}

.f19-form_item-component select {
    max-inline-size: unset
}

.f19-form_item-component.type--hidden {
    display: none
}

.f19-form_item-component:where(.type--radio),
.f19-form_item-component:where(.type--plain-text),
.f19-form_item-component:where(.type--image),
.f19-form_item-component:where(.type--select) {
    flex-basis: calc(25% - var(--spacing-4))
}

.f19-fbml-meta-editor_tags .f19-form_item-component:where(.type--radio),
.f19-fbml-meta-editor_tags .f19-form_item-component:where(.type--plain-text),
.f19-fbml-meta-editor_tags .f19-form_item-component:where(.type--image),
.f19-fbml-meta-editor_tags .f19-form_item-component:where(.type--select) {
    flex-basis: calc(50% - var(--spacing-4))
}

@media(max-width: 85.38rem) {

    .f19-form_item-component:where(.type--radio),
    .f19-form_item-component:where(.type--plain-text),
    .f19-form_item-component:where(.type--image),
    .f19-form_item-component:where(.type--select) {
        flex-basis: calc(33.33% - var(--spacing-4))
    }
}

@media(max-width: 64rem) {

    .f19-form_item-component:where(.type--radio),
    .f19-form_item-component:where(.type--plain-text),
    .f19-form_item-component:where(.type--image),
    .f19-form_item-component:where(.type--select) {
        max-inline-size: unset;
        flex-basis: calc(50% - var(--spacing-4))
    }
}

@media(max-width: 48rem) {

    .f19-form_item-component:where(.type--radio),
    .f19-form_item-component:where(.type--plain-text),
    .f19-form_item-component:where(.type--image),
    .f19-form_item-component:where(.type--select) {
        flex-basis: 100%
    }
}

.f19-form_item-component:where(.type--single-heading),
.f19-form_item-component:where(.type--rich-text) {
    flex-basis: 100%
}

.f19-form_item-component.type--child-tabs {
    flex-basis: 100%
}

.f19-form_item-component.type--child-tabs f19-tabs {
    inline-size: 100%;
    padding-block-start: var(--spacing-3)
}

.f19-form_item-component[class*=tag-col-] {
    min-inline-size: 10rem
}

.f19-form_item-component[class*=tag-col-3],
.f19-form_item-component[class*=tag-col-4] {
    min-inline-size: 7rem
}

.f19-form_item-component[class*=tag-col-2],
.f19-form_item-component[class*=tag-col-1] {
    min-inline-size: 4rem
}

.f19-form_item-component:has(>f19-color) {
    padding-block-start: 2.4rem
}

.f19-form_item-component p {
    margin-block-end: var(--spacing-3)
}

.f19-form_item-component p:last-child {
    margin-block-end: 0
}

.f19-form_item-component.tag-col-1 {
    flex-basis: calc(8.33% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-2 {
    flex-basis: calc(16.67% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-3 {
    flex-basis: calc(25% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-4 {
    flex-basis: calc(33.33% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-5 {
    flex-basis: calc(41.67% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-6 {
    flex-basis: calc(50% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-7 {
    flex-basis: calc(58.33% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-8 {
    flex-basis: calc(66.67% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-9 {
    flex-basis: calc(75% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-10 {
    flex-basis: calc(83.33% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-11 {
    flex-basis: calc(91.67% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_item-component.tag-col-12 {
    flex-basis: calc(100% - var(--spacing-4));
    flex-grow: 0
}

.f19-form_group {
    padding: var(--spacing-4);
    background: rgba(0, 22, 137, .05);
    margin-bottom: var(--spacing-4);
    border-radius: var(--border-radius-sm)
}

.f19-form_item {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.f19-form_item.f19-form_item--align-end {
    justify-content: flex-end
}

.f19-form_item.f19-form_item--align-center {
    justify-content: center
}

.f19-form_item.f19-form_item--space-between {
    justify-content: space-between
}

.f19-form_item.f19-form_item--bump {
    margin-block-end: var(--spacing-6)
}

.f19-form_item.f19-form_item--indent {
    padding-inline-start: var(--spacing-6)
}

.f19-form_sub-items {
    margin-inline-start: var(--spacing-5);
    margin-block-end: var(--spacing-5)
}

.temp-file-input {
    display: none
}

.f19-custom-route {
    margin-block-end: var(--spacing-4);
    padding: 1.6rem;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--cl-grey-light)
}

.f19-custom-route :last-of-type {
    margin-block-end: 0
}

.f19-custom-route .f19-button-group {
    margin-block-start: var(--spacing-4)
}

.f19-custom-route_header>* {
    margin-block: 0
}

.f19-aside {
    container: aside/inline-size;
    max-inline-size: calc(90% - 6.4rem);
    block-size: calc(100vh - (var(--spacing-6) + var(--spacing-3) + 2.6rem));
    inline-size: clamp(32rem, 20vw, 44rem);
    flex: 0 0 auto;
    order: 3;
    position: sticky;
    top: var(--spacing-6);
    z-index: 2;
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    border-radius: var(--border-radius-lg);
    border: .2rem solid var(--cl-menu-url-border);
    transition: color .2s ease-in-out
}

@media(max-width: 64rem) {
    .is-expanded-aside .f19-aside {
        z-index: 4
    }
}

@media(max-width: 120rem) {
    .f19-aside {
        block-size: calc(100vh - (var(--spacing-5) + 2.6rem));
        top: var(--spacing-5)
    }
}

@media(max-width: 64rem) {
    .f19-aside:not([expanded]) {
        inline-size: 4.2rem
    }
}

@media(max-width: 64rem) {
    .f19-aside {
        position: fixed;
        right: 0;
        z-index: 4
    }
}

.f19-aside.f19-aside--tabs {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.f19-aside.f19-aside--tabs .f19-tabs_body {
    border: .2rem solid var(--tabs-bg-active);
    border-block-start-width: 0;
    border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
    padding-inline: clamp(2rem, 1.6vw, 4rem);
    padding-block: clamp(1.4rem, 1.2vw, 3.2rem) clamp(2rem, 1.6vw, 4rem);
    background-color: #fff
}

.f19-aside.f19-aside--tabs .f19-aside_content {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.f19-aside.f19-aside--tabs-legacy {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.f19-aside.f19-aside--tabs-legacy .f19-aside_content {
    border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
    border: .2rem solid var(--tabs-bg-active);
    border-block-start-width: 0;
    background-color: #fff
}

.f19-main-wrapper--review-mode .f19-aside {
    block-size: calc(100vh - (var(--spacing-6) + var(--spacing-3) + 7.2rem))
}

@media(max-width: 120rem) {
    .f19-main-wrapper--review-mode .f19-aside {
        block-size: calc(100vh - (var(--spacing-5) + var(--spacing-3) + 7.2rem));
        top: var(--spacing-4)
    }
}

:where(.f19-main-body):has(f19-breadcrumbs) .f19-aside {
    block-size: calc(100vh - (var(--spacing-6) + var(--spacing-3) + 2.6rem));
    top: calc(var(--spacing-6) + 2.6rem)
}

@media(max-width: 120rem) {
    :where(.f19-main-body):has(f19-breadcrumbs) .f19-aside {
        block-size: calc(100vh - (var(--spacing-5) + var(--spacing-3) + 2.6rem));
        top: calc(var(--spacing-5) + 2.6rem)
    }
}

@media(max-width: 100rem) {
    body[class*=tpl-backend-] .f19-aside {
        right: 0;
        top: var(--spacing-4)
    }
}

.f19-aside:not([expanded]):not([editor]) {
    inline-size: 4.2rem;
    block-size: min-content;
    border-width: .3rem;
    border-color: var(--cl-body-background);
    box-shadow: none;
    border: 0;
    z-index: 101
}

@media(max-width: 64rem) {
    .f19-aside[editor]:not([expanded]) {
        inline-size: 4.2rem;
        block-size: min-content;
        border-width: .3rem;
        border-color: var(--cl-body-background);
        box-shadow: none;
        border: 0
    }
}

.f19-aside:where(.size--xs) {
    inline-size: clamp(26rem, 20vw, 32rem)
}

.f19-aside:where(.size--sm) {
    inline-size: clamp(28rem, 24vw, 38rem)
}

.f19-aside:where(.size--md) {
    inline-size: clamp(28rem, 26vw, 42rem)
}

.f19-aside:where(.size--lg) {
    inline-size: clamp(32rem, 27vw, 56rem)
}

.f19-aside:where(.size--xl) {
    inline-size: clamp(42rem, 32vw, 72rem)
}

@media(max-width: 30rem) {
    .f19-aside {
        max-inline-size: 48rem;
        inline-size: calc(100% - 4.2rem)
    }
}

.f19-aside:empty {
    display: none
}

.f19-body--cg .f19-aside {
    order: 1
}

.f19-aside.is-grayed-out {
    color: rgba(0, 0, 0, .1)
}

.f19-aside.is-grayed-out h1,
.f19-aside.is-grayed-out h2,
.f19-aside.is-grayed-out h3,
.f19-aside.is-grayed-out h4,
.f19-aside.is-grayed-out h5,
.f19-aside.is-grayed-out h6 {
    color: rgba(0, 0, 0, .1)
}

.f19-aside.is-grayed-out .f19-tab-button:not(.f19-is-active):not([aria-selected=true])>f19-icon {
    color: rgba(0, 0, 0, .1)
}

.f19-aside_icon {
    margin-inline: auto;
    margin-block: var(--spacing-3);
    display: none
}

.f19-aside:not([expanded]) .f19-aside_icon {
    display: flex
}

.f19-aside_content-switcher {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center
}

.f19-aside_content-switcher .f19-btn {
    flex: 1 1 50%
}

.f19-aside_header {
    padding-inline: clamp(2rem, 1.6vw, 4rem);
    padding-block: clamp(2rem, 1.6vw, 4rem) clamp(.6rem, .6vw, 1.2rem);
    background-color: rgba(0, 0, 0, 0)
}

.f19-aside_header:has(.f19-tabs_header) {
    padding-inline: 0;
    padding-block: 0
}

.f19-aside:not([expanded]) .f19-aside_header {
    display: none;
    padding: 0
}

.f19-page-buttons {
    max-inline-size: max-content;
    position: sticky;
    right: 0;
    z-index: 7;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-3)
}

.f19-page-buttons.pos--v-center {
    inset-block: 0;
    margin-block: auto
}

.f19-page-buttons.pos--v-start {
    inset-block-start: 0;
    margin-block-start: -3.2rem
}

.f19-page-buttons.pos--v-start .f19-btn {
    border-start-start-radius: 0;
    border-start-end-radius: 0
}

.f19-page-buttons.pos--v-end {
    inset-block-end: 0;
    position: fixed
}

.f19-page-buttons.pos--v-end .f19-btn {
    border-end-start-radius: 0;
    border-end-end-radius: 0
}

.f19-page-buttons.pos--h-center {
    inset-inline: 0;
    margin-inline: auto
}

.f19-page-buttons.pos--h-start {
    inset-inline-start: 0
}

.f19-page-buttons.pos--h-start .f19-btn:first-of-type {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.f19-page-buttons.pos--h-end {
    inset-inline-end: 0
}

.f19-page-buttons.pos--h-end .f19-btn:last-of-type {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.f19-page-buttons .f19-btn {
    --btn-cl-background: #fff;
    box-shadow: var(--box-shadow-sm)
}

.f19-aside_content {
    flex: 1 1 auto;
    align-self: stretch;
    max-height: 100%;
    padding-inline: clamp(2rem, 1.6vw, 4rem);
    padding-block: clamp(1.4rem, 1.2vw, 3.2rem) clamp(2rem, 1.6vw, 4rem);
    overflow-y: auto;
    overflow-x: hidden;
    font-size: clamp(1.3rem, 1.1vw, 1.6rem)
}

.f19-aside_content:has(f19-tabs) {
    padding-block-start: 0;
    padding-inline: clamp(.6rem, .6vw, 1.2rem)
}

.f19-aside_content:has(f19-tabs) .f19-tabs_body {
    padding-inline: clamp(.6rem, .6vw, 1.2rem)
}

.size--xs>.f19-aside_content {
    padding: clamp(.8rem, .8vw, 1.6rem);
    font-size: clamp(1.1rem, 1vw, 1.3rem)
}

.size--sm>.f19-aside_content {
    padding: clamp(1.2rem, 1vw, 2.4rem);
    font-size: clamp(1.2rem, 1vw, 1.4rem)
}

.size--md>.f19-aside_content {
    padding: clamp(1.2rem, 1vw, 2.4rem);
    font-size: clamp(1.3rem, 1vw, 1.5rem)
}

.f19-aside_content.f19-aside_content--table-design {
    padding-block-start: 0
}

.f19-aside_content.f19-aside_content--btns {
    padding-block-start: 0
}

.f19-aside:not([expanded]):not([editor]) .f19-aside_content {
    display: none;
    padding: 0
}

@media(max-width: 64rem) {
    .f19-aside[editor]:not([expanded]) .f19-aside_content {
        display: none;
        padding: 0
    }
}

.f19-aside--content-info .f19-aside_content,
.f19-aside--menu .f19-aside_content {
    max-height: calc(100vh - var(--adjust-height, 12rem) - 2rem)
}

.f19-body--review .f19-aside_content {
    top: 5.6rem
}

.f19-aside_content>:first-child {
    margin-block-start: 0
}

.f19-aside_content>:last-child {
    margin-block-end: 0
}

.f19-aside_content>:first-child,
.f19-aside_content>:first-child>:first-child,
.f19-aside_content>:first-child>:first-child>:first-child {
    margin-block-start: 0
}

.f19-aside_content>:last-child,
.f19-aside_content>:last-child>:last-child,
.f19-aside_content>:last-child>:last-child>:last-child {
    margin-block-end: 0
}

.mn-editor-table-design .f19-aside_content {
    max-inline-size: 100%;
    max-block-size: 100%
}

.f19-aside_content-row {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-4);
    margin-block-end: var(--spacing-4)
}

.f19-aside_content-row:last-child {
    margin-block-end: 0
}

.f19-aside_content-row>f19-dropdown {
    flex: 1 1 auto
}

.f19-aside_content-row>f19-dropdown select {
    margin-block: 0
}

.f19-aside_content-row>.f19-btn {
    flex: 0 0 auto
}

.f19-body {
    max-width: 160rem;
    margin: 0 auto;
    padding-inline: .8rem;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-flow: row nowrap;
    gap: 3.2rem
}

.f19-body.f19-body--report-view-header,
.f19-body.f19-body--review-mode {
    max-width: 192rem
}

.f19-body.f19-body--report-view-header {
    margin-block-end: var(--spacing-4)
}

.mn-preview-article .f19-body {
    padding: 0
}

.f19-body.size--xxl {
    max-width: 192rem
}

@media(max-width: 64rem) {
    .f19-body {
        flex-wrap: wrap
    }
}

.f19-body:empty {
    display: none
}

.f19-page-footer {
    inline-size: 100%;
    padding-block: var(--spacing-4);
    margin-inline-start: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .8rem;
    font-size: 1.3rem
}

.f19-page-footer>* {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: .8rem;
    flex: 0 1 auto
}

.f19-page-footer>*::after {
    content: "";
    display: block;
    block-size: 1em;
    inline-size: 1px;
    background-color: rgba(0, 0, 0, .2)
}

.f19-page-footer>*:last-child::after {
    content: none;
    display: none
}

.f19-main {
    max-inline-size: 100%;
    flex: 1 1 auto;
    position: relative;
    z-index: 3;
    order: 2;
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-6) 0;
    place-items: flex-start;
    place-content: flex-start;
    border-radius: var(--border-radius-nm);
    container: main/inline-size
}

@media(max-width: 120rem) {
    .f19-main {
        gap: var(--spacing-5)
    }
}

@media(max-width: 85.38rem) {
    .f19-main {
        gap: var(--spacing-4)
    }
}

.mn-preview-article .f19-main {
    gap: 0
}

.f19-main:focus {
    outline: none
}

.f19-main>div {
    inline-size: 100%
}

.f19-main:focus-visible {
    outline: 2px solid var(--cl-brand-light)
}

.f19-main.f19-main--review-mode {
    max-inline-size: calc(100% - clamp(42rem, 29vw, 62rem))
}

@media(max-width: 85.38rem) {
    .f19-main.f19-main--review-mode {
        max-inline-size: 100%
    }
}

.mn-editor-table-design .f19-main {
    max-inline-size: calc(100% - 38rem)
}

@media only screen and (max-width: 1024px) {
    .mn-editor-table-design .f19-main {
        max-inline-size: 100%
    }
}

.f19-main:empty {
    display: none
}

.f19-main-body {
    min-block-size: 100%;
    max-inline-size: 256rem;
    inline-size: 100%;
    margin-inline: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch
}

.f19-main-body:has(.f19-main-wrapper--hidemenu) f19-menu {
    display: none
}

.f19-main_content {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    inline-size: 100%;
    padding-block: var(--spacing-6);
    padding-inline: var(--spacing-6);
    border-radius: var(--border-radius-nm);
    background-color: var(--cl-island-background);
    position: relative
}

@container main (max-width: 768px) {
    .f19-main_content {
        padding-inline: var(--spacing-4);
        padding-block: var(--spacing-4)
    }
}

.f19-cms--error .f19-main_content {
    border-top: .5rem solid var(--cl-brand-light)
}

:where(.f19-dashboard) .f19-main_content {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    display: grid;
    grid-gap: clamp(3.2rem, 2.6vw, 5.6rem);
    grid-template-columns: repeat(12, [col] 1fr);
    grid-template-rows: repeat(3, [row] auto)
}

:where(.f19-configuration) .f19-main_content {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.f19-main_content>.f19-button-group {
    flex: 0 0 auto
}

.f19-main_content>:first-child {
    margin-block-start: 0
}

.f19-main_content>:last-child {
    margin-block-end: 0
}

.f19-main_content-section_panel {
    padding-block-end: var(--spacing-4)
}

.f19-main_content-section_title {
    margin-block: 0;
    padding-block: var(--spacing-4);
    border-top: 1px solid var(--cl-grey-light-3)
}

.f19-main_content-section_title-foldable {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: var(--spacing-3)
}

.f19-main_content-section_title-foldable span {
    flex: 1 1 auto
}

.f19-main_content-section_title-foldable svg-icon {
    flex: 0 0 auto
}

.f19-main_content-section-open {
    display: none
}

.active>.f19-main_content-section-open {
    display: inline-block
}

.f19-main_content-section-closed {
    display: inline-block
}

.active>.f19-main_content-section-closed {
    display: none
}

.f19-main_footer {
    padding-inline: 0;
    padding-block: 2.4rem;
    border-radius: .8rem .8rem 0 0;
    background-color: rgba(0, 0, 0, 0)
}

.container-data-step {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: var(--spacing-3)
}

.container-data-step>* {
    inline-size: 100%
}

.f19-main-wrapper {
    min-block-size: 100%;
    flex: 1 1 auto;
    inline-size: calc(100% - clamp(1.2rem, 2.6vw, 5.6rem)*2);
    margin: 0 auto;
    padding-block: var(--spacing-6) clamp(.2rem, .4vw, 0.4rem);
    padding-inline: clamp(3.6rem, 3vw, 6.8rem);
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-flow: row nowrap;
    gap: clamp(2.4rem, 2vw, 4.8rem)
}

@media(max-width: 100rem) {
    .f19-main-wrapper {
        padding-block-start: var(--spacing-4);
        padding-inline: 0;
    }
}

.is-expanded-aside .f19-main-body:has(.f19-aside) .f19-main-wrapper {
    gap: clamp(3.6rem, 3vw, 6.8rem)
}

.f19-main-body:has(aside) .f19-main-wrapper {
    padding-inline-end: var(--spacing-4)
}

@media(max-width: 64rem) {
    .f19-main-body:has(aside) .f19-main-wrapper {
        padding-inline-end: var(--spacing-8)
    }
}

.f19-main-body:has(aside.f19-aside--fixed) .f19-main-wrapper {
    padding-inline-end: var(--spacing-4)
}

@media(max-width: 100rem) {
    .f19-main-body:has(aside.f19-aside--fixed) .f19-main-wrapper {
        padding-inline-end: var(--spacing-4)
    }
}

.f19-main-body:has(f19-breadcrumbs) .f19-main-wrapper {
    padding-block: var(--spacing-3)
}

body:has(.f19-nav-env_notification) .f19-main-body:has(f19-breadcrumbs) .f19-main-wrapper {
    padding-block-start: var(--spacing-4)
}

.f19-main-wrapper.f19-main-wrapper--report-view-header,
.f19-main-wrapper.f19-main-wrapper--review-mode {
    max-inline-size: 192rem
}

.f19-main-wrapper.f19-main-wrapper--report-view-header {
    margin-block-end: var(--spacing-4)
}

.mn-preview-article .f19-main-wrapper {
    padding: 0
}

.f19-main-wrapper.f19-main-wrapper--preview-article {
    padding: 0
}

.f19-main-wrapper.size--xxl {
    max-inline-size: 192rem
}

.f19-main-wrapper.size--lg {
    max-inline-size: 136.6rem
}

@media(max-width: 64rem) {
    .f19-main-wrapper {
        flex-wrap: wrap
    }
}

.f19-main-wrapper:empty {
    display: none
}

.f19-layout--space-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.f19-layout-page {
    min-height: 100%;
    width: 100%
}

.f19-layout-page_aside {
    min-width: 275px;
    margin-right: 2rem
}

.f19-layout-page_center {
    flex: auto
}

.f19-layout-page .container {
    display: flex
}

.f19-layout-page .container--large {
    max-width: 1600px
}

.f19-layout-page .f19--is-hidden {
    display: none
}

.f19-layout-section {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid #dde4ea
}

.f19-layout-section.f19-layout-section--noline {
    border: none
}

.f19-layout-section:first-child {
    border-top: none;
    padding-top: 0
}

.f19-layout-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.f19-layout-section>*:first-child {
    margin-block-start: 0
}

.f19-layout-section>*:last-child {
    margin-block-end: 0
}

.f19-layout-section_header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-2)
}

.f19-layout-section_header>*:first-child {
    margin-block-start: 0
}

.f19-layout-section_header>*:last-child {
    margin-block-end: 0
}

.f19-layout-section_heading {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2)
}

.f19-layout-island {
    inline-size: 100%;
    block-size: 100%;
    max-width: 100%;
    flex-grow: 1;
    position: relative;
    overflow: hidden
}

.f19-content-group {
    display: block;
    padding: 1.6rem;
    margin-bottom: 1.6rem;
    overflow: hidden;
    border: 1px solid rgba(0, 22, 137, .075);
    border-radius: var(--border-radius-nm);
    background: #fff
}

.f19-content-group.f19-content-group--blocks {
    position: relative
}

.f19-layout--columns {
    display: flex
}

.f19-layout--col {
    flex-grow: 1
}

.f19-layout--col-3 {
    width: 30%;
    min-width: 30%
}

.f19-layout--col-4 {
    width: 25%;
    min-width: 25%
}

.f19-form-holder {
    max-width: 380px
}

f19-shared-meta fbml,
f19-shared-meta textarea {
    display: none
}

f19-setting-node {
    display: none
}

.tox-tinymce-inline {
    z-index: 500
}

.f19-content-island {
    inline-size: 100%;
    flex: 1 1 auto;
    padding: var(--spacing-6);
    border-radius: var(--border-radius-nm);
    background-color: var(--cl-island-background)
}

@media(max-width: 120rem) {
    .f19-content-island {
        padding: var(--spacing-5)
    }
}

@media(max-width: 100rem) {
    .f19-content-island {
        padding: var(--spacing-4)
    }
}

.f19-article-preview .preview-box,
.f19-article-preview .preview-box a,
.f19-article-preview .preview-box p,
.f19-article-preview .preview-box input,
.f19-article-preview .preview-box label {
    font-family: "InterV", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif
}

.f19-article-preview .preview-box-wrapper {
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm)
}

.f19-article-preview .preview-box {
    width: 100%;
    height: auto;
    max-width: 160rem;
    margin: 0 auto;
    padding-block: 1.6rem;
    padding-inline: 2.4rem;
    overflow: auto
}

.f19-article-preview .preview-box .inputbox span.checkbox input {
    margin-right: 5px;
    position: relative;
    top: 2px
}

.f19-article-preview .preview-box .preview-options {
    margin: 25px 0 0 20px;
    float: left;
    color: #777
}

.f19-article-preview .preview-channelselector {
    min-width: 21rem;
    text-align: center
}

.f19-article-preview .preview-channelselector select {
    margin: auto 0
}

.f19-article-preview .preview-helpers {
    width: 100%;
    margin: .2rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: .8rem
}

.f19-article-preview .preview-box .clear {
    clear: both
}

.f19-article-preview .preview-channelselector .ch-sel-cnt {
    margin: 10px 0 0 0
}

.f19-article-preview .articlepreviewcontainer {
    width: 100%;
    padding: 1.5rem
}

.f19-article-preview .preview-channelselector,
.f19-article-preview .preview-applicationselector {
    flex: 0 0 auto
}

.f19-article-preview .previewFrameContainer {
    padding: 1.5rem 1.5rem 4rem 1.5rem;
    position: relative;
    border: .1rem solid rgba(0, 0, 0, .2);
    border-radius: 1rem;
    background-color: #f7f9fa;
    box-shadow: .1rem .1rem 1.3rem 0 rgba(0, 0, 0, .2), .1rem .1rem .3rem 0 rgba(0, 0, 0, .2);
    box-sizing: border-box
}

.f19-article-preview .previewFrameContainer:before,
.f19-article-preview .previewFrameContainer:after {
    content: "";
    display: block;
    border: .1rem solid rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    right: 0
}

.f19-article-preview .previewFrameContainer:before {
    width: 5rem;
    height: .2rem;
    margin: 0 auto 1rem auto;
    top: .8rem;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, .1)
}

.f19-article-preview .previewFrameContainer:after {
    width: 2rem;
    height: 2rem;
    margin: .5rem auto 0 auto;
    border-radius: 50% 50%;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset -0.1rem -0.1rem .1rem -0.1rem rgba(0, 0, 0, .3);
    overflow: hidden;
    bottom: 1rem
}

.f19-article-preview .preview-helpers_title {
    flex: 1 1 auto;
    max-width: 60rem;
    font-size: 1.4rem;
    word-wrap: break-word
}

.f19-article-preview .preview-helpers_title span {
    margin: 0 .2em 0 0;
    display: inline-block;
    font-weight: 600
}

.f19-article-preview .preview-helpers_title p {
    margin: .2em 0
}

.f19-article-sync-changes_collapse-toggle .f19-icon-state-2 {
    display: none
}

.f19-article-sync-changes_collapse-toggle .f19-icon-state-2 .is-collapsed {
    display: block
}

.f19-article-sync-changes_collapse-toggle .f19-icon-state-1 {
    display: block
}

.is-collapsed .f19-article-sync-changes_collapse-toggle .f19-icon-state-1 {
    display: none
}

.f19-article-sync-changes_container {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-3)
}

.f19-article-sync-changes_header {
    inline-size: 100%;
    margin-block-end: var(--spacing-4);
    padding-block: var(--spacing-4) var(--spacing-1);
    padding-inline: var(--spacing-1) var(--spacing-4);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

.f19-article-sync-change_header-options {
    flex: 1 1 auto;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

@container sync_change_item (max-width: 91rem) {
    .f19-article-sync-change_header-options {
        inline-size: 100%
    }
}

.f19-article-sync-changes_header-articlecode,
.f19-article-sync-change_header-articlecode,
input.f19-article-sync-change_header-input {
    inline-size: clamp(19rem, 12vw, 22rem)
}

.f19-article-sync-change_header-articlecode,
input.f19-article-sync-change_header-input {
    min-block-size: 3.2rem;
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-3);
    font-size: clamp(1.2rem, 1vw, 1.4rem)
}

.f19-article-sync-changes_header-title,
.f19-article-sync-change_header-title {
    flex: 1 1 auto
}

.f19-article-sync-changes_header-status,
.f19-article-sync-change_header-status {
    flex: 0 0 auto;
    margin-inline-start: auto;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4);
    text-align: right;
    font-size: clamp(1.2rem, 1vw, 1.4rem)
}

.f19-article-sync-changes_header-remark,
.f19-article-sync-change_header-remark {
    inline-size: clamp(4.2rem, 10vw, 6.2rem)
}

.f19-article-sync-changes_header-action,
.f19-article-sync-changes_header-change,
.f19-article-sync-changes_header-articlecode .f19-article-sync-changes_header-title {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-2)
}

.f19-article-sync-change_header-articlecode {
    padding-inline-start: .55em
}

.f19-article-sync-change_header-tag {
    flex: 0 0 auto;
    inline-size: 2.4rem
}

.f19-article-sync-changes_header-action,
.f19-article-sync-change_header-action {
    inline-size: clamp(19rem, 12vw, 22rem)
}

.f19-article-sync-change_header-action {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    font-weight: 550
}

.f19-article-sync-changes_header-change,
.f19-article-sync-change_header-change {
    inline-size: clamp(8rem, 15vw, 12rem)
}

.f19-article-sync-changes_header-mutation,
.f19-article-sync-change_header-mutation {
    inline-size: 3.2rem;
    text-align: center
}

f19-article-sync-change {
    display: block;
    margin-block-end: var(--spacing-4);
    container: sync_change_item/inline-size
}

f19-article-sync-change.is-collapsed {
    margin-block-end: 0
}

.f19-article-sync-change_header_feedback-visual {
    block-size: 2.4rem;
    inline-size: 2.4rem;
    background-color: var(--cl-brand-light-2)
}

.f19-article-sync-change_message-container {
    margin-block-end: -0.5rem
}

.is-collapsed .f19-article-sync-change_message-container {
    display: none
}

.f19-article-sync-change_message-container f19-feedback-message {
    inline-size: calc(100% - 2.4rem);
    margin-inline: auto;
    padding-block: var(--spacing-2) var(--spacing-2);
    padding-inline: var(--spacing-3);
    font-size: 1.3rem;
    border-radius: var(--border-radius-sm)
}

.f19-article-sync-change_header {
    inline-size: 100%;
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-2) var(--spacing-4);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4);
    position: relative;
    z-index: 10;
    background-color: var(--cl-grey-light-5);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-xxs)
}

.f19-article-sync-change_header[data-message-type] {
    --message-color: transparent;
    border-top: .4rem solid var(--message-color);
    border-left: .2rem solid var(--message-color)
}

.f19-article-sync-change_header[data-message-type=neutral] {
    --message-color: var(--cl-message-neutral)
}

.f19-article-sync-change_header[data-message-type=warning] {
    --message-color: var(--cl-message-warning)
}

.f19-article-sync-change_header[data-message-type=error] {
    --message-color: var(--cl-message-danger)
}

@container sync_change_item (max-width: 96rem) {
    .f19-article-sync-change_header {
        font-size: 1.3rem
    }
}

@container sync_change_item (max-width: 91rem) {
    .f19-article-sync-change_header {
        flex-wrap: wrap
    }
}

.is-collapsed .f19-article-sync-change_header {
    border-radius: var(--border-radius-sm)
}

.f19-article-sync-change_header .f19-btn {
    --btn-cl-text: currentColor
}

.f19-article-sync-change_version {
    inline-size: calc(50% - var(--spacing-4)/2);
    display: flex;
    flex-flow: column wrap;
    gap: var(--spacing-5);
    position: relative;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 0 0 .1rem #fff, 0 0 0 .4rem var(--cl-grey), inset 0 1rem 1rem -0.6rem rgba(0, 0, 0, .3);
    background-color: #fff;
    transition: box-shadow ease-in-out .2s;
    container: sync_preview/inline-size
}

@container main (max-width: 82rem) {
    .f19-article-sync-change_version {
        inline-size: 100%
    }
}

.f19-article-sync-change_version.is-inactive {
    box-shadow: 0 0 0 .2rem #fff, 0 0 0 .3rem var(--cl-grey-light-2), inset 0 0 0 0 rgba(0, 0, 0, 0)
}

.is-collapsed .f19-article-sync-change_version {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0)
}

.f19-article-sync-change_collapse-toggle .f19-icon-state-2 {
    display: none
}

.is-collapsed .f19-article-sync-change_collapse-toggle .f19-icon-state-2 {
    display: block
}

.f19-article-sync-change_collapse-toggle .f19-icon-state-1 {
    display: block
}

.is-collapsed .f19-article-sync-change_collapse-toggle .f19-icon-state-1 {
    display: none
}

.f19-article-sync-change_container {
    margin-block-start: -0.6rem;
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 auto;
    gap: var(--spacing-4)
}

@container main (max-width: 82rem) {
    .f19-article-sync-change_container {
        flex-flow: column nowrap
    }
}

.is-collapsed .f19-article-sync-change_container {
    visibility: hidden;
    display: none
}

.f19-article-sync-change_version-header,
.f19-article-sync-change_version-preview {
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-4)
}

.f19-article-sync-change_version-header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-3);
    font-size: 1.3rem;
    font-weight: 500;
    padding-block-end: var(--spacing-3);
    border-block-end: 1px solid var(--cl-brand-light-3)
}

.f19-article-sync-change_version-header .f19-btn {
    font-size: 1.3rem;
    font-weight: 600
}

.f19-article-sync-change_version-header .f19-btn:not(.is-selected) {
    --btn-cl-border: currentColor
}

.f19-article-sync-change_version-header-name {
    margin-inline-end: auto
}

@container sync_preview (max-width: 52rem) {
    .f19-sync-action-btn-name {
        display: none
    }
}

.f19-article-sync-change_version-preview {
    opacity: 1;
    transition: all .2s ease-in-out
}

.is-inactive .f19-article-sync-change_version-preview,
.is-disabled .f19-article-sync-change_version-preview {
    opacity: .5
}

.f19-configuration_categories {
    padding-block-end: var(--spacing-3);
    display: grid;
    gap: var(--spacing-5);
    grid-template-columns: repeat(auto-fit, minmax(clamp(25rem, 32%, 100%), 1fr))
}

.f19-configuration_categories .highlight {
    outline: 3px solid #001689
}

.f19-configuration_category {
    display: inline-flex;
    flex-flow: column nowrap;
    padding: var(--spacing-5);
    gap: var(--spacing-4);
    background-color: #fff;
    border-radius: var(--border-radius-sm)
}

.f19-configuration_category .f19-list {
    padding: .2rem .8rem
}

.f19-configuration_category-header {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-3);
    align-items: center;
    justify-content: flex-start;
    font-size: 1.4rem;
    padding-block-end: var(--spacing-3);
    border-bottom: 1px solid var(--cl-body-background)
}

.f19-configuration_category-name {
    margin: 0;
    display: block;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1.358;
    letter-spacing: -0.018em
}

.f19-dashboard_overview {
    grid-column: 1/-1
}

.f19-dashboard_overview>.f19-btn {
    display: block;
    margin-inline-start: auto;
    margin-block-start: var(--spacing-3)
}

.f19-dashboard_updates {
    grid-column: col 1/span 9;
    grid-row: row 2
}

@media(max-width: 85.38rem) {
    .f19-dashboard_updates {
        grid-column: 1/-1;
        grid-row: row 2
    }
}

.f19-dashboard_support {
    grid-column: col 10/span 3;
    grid-row: row 2;
    font-size: 1.4rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: space-between;
    align-self: flex-start
}

@media((max-width: 85.38rem)) {
    .f19-dashboard_support {
        grid-column: 1/-1;
        grid-row: row 3
    }
}

.f19-dashboard_support-list {
    inline-size: 100%;
    padding: 0;
    list-style: none
}

.f19-dashboard_support-list:first-of-type {
    margin-block-start: 0
}

.f19-dashboard_support-list:last-of-type {
    margin-block-end: 0
}

.f19-dashboard_support-list_item {
    margin-block-end: .6rem
}

.f19-dashboard_support-list_link {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .8rem
}

.f19-dashboard_support-list_graphic {
    min-width: 2.4rem;
    flex: 0 0 auto
}

.f19-dashboard_support-content {
    margin-block-start: .2em;
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    gap: .6rem;
    justify-content: space-between
}

.f19-dashboard_support-content_title {
    font-weight: 600
}

.f19-dashboard_support-content_subtitle {
    font-weight: 400
}

.updates-pane .short-list .more-item {
    display: none
}

.f19-dashboard_projects {
    display: grid;
    gap: clamp(.6rem, 2vw, 1.6rem);
    grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr))
}

@media(min-width: 1401px) {
    .f19-dashboard_projects {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .f19-dashboard_projects.priority-only .js-dashboard-project:not(.prio-0, .prio-1, .prio-2, .prio-3, .prio-4) {
        display: none
    }
}

@media(min-width: 1101px)and (max-width: 1400px) {
    .f19-dashboard_projects {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .f19-dashboard_projects.priority-only .js-dashboard-project:not(.prio-0, .prio-1, .prio-2, .prio-3) {
        display: none
    }
}

@media(max-width: 1100px) {
    .f19-dashboard_projects.priority-only .js-dashboard-project:not(.prio-0, .prio-1, .prio-2) {
        display: none
    }
}

.f19-dashboard_projects .highlight {
    outline: 3px solid #001689
}

.f19-dashboard_overview>.f19-btn.js-btn-more-projects {
    display: none
}

@media(width > 1400px) {
    .f19-dashboard_overview>.f19-btn.js-btn-more-projects.js-more-then-5 {
        display: block
    }
}

@media(1100px < width <=1400px) {
    .f19-dashboard_overview>.f19-btn.js-btn-more-projects.js-more-then-4 {
        display: block
    }
}

@media(width <=1100px) {
    .f19-dashboard_overview>.f19-btn.js-btn-more-projects.js-more-then-3 {
        display: block
    }
}

.f19-dashboard_project {
    display: inline-flex;
    flex-flow: column nowrap;
    padding: var(--spacing-4);
    gap: var(--spacing-4);
    background-color: #fff;
    border-radius: var(--border-radius-sm)
}

.f19-dashboard_project-header,
.f19-dashboard_project-footer {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-5);
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem
}

.f19-dashboard_project-header {
    padding-block-end: var(--spacing-3);
    border-bottom: 1px solid var(--cl-brand-light-4)
}

.f19-dashboard_project-footer {
    margin-block-start: auto;
    padding-block-start: var(--spacing-3)
}

.f19-dashboard_project-name {
    margin: 0;
    display: block;
    font-weight: 500
}

.f19-dashboard_project-reports {
    font-size: 1.4rem
}

.f19-structure-items {
    inline-size: 100%;
    margin-inline: 0;
    margin-block: var(--spacing-5) 0;
    display: flex;
    flex-flow: column nowrap;
    gap: clamp(.2rem, .4vw, 0.4rem)
}

f19-structure-item {
    position: relative;
    display: block;
    padding-inline: clamp(.6rem, .6vw, 1.2rem);
    padding-block: clamp(.6rem, .6vw, 1.2rem);
    margin-bottom: -1px;
    border: 1px solid var(--cl-grey-light-2);
    border-radius: var(--border-radius-sm);
    background-color: var(--cl-white);
    gap: clamp(.2rem, .4vw, 0.4rem)
}

.list-group-item:first-child {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs)
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs)
}

.list-group-item:hover,
.list-group-item:focus-within {
    z-index: 1;
    text-decoration: none
}

.f19-structure-item_header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-3);
    position: relative;
    background-color: var(--cl-white)
}

.f19-structure-item_header>* {
    flex: 0 0 auto
}

.f19-structure-item_children {
    min-height: 0;
    margin-block-start: clamp(.1rem, .3vw, 0.2rem);
    padding-inline: 0 var(--spacing-1);
    padding-block: 0 var(--spacing-1);
    display: flex;
    gap: clamp(.2rem, .4vw, 0.4rem);
    flex-flow: column nowrap
}

.nested-1,
.nested-2,
.nested-3,
.nested-4,
.nested-5,
.nested-6 {
    margin-top: var(--spacing-1)
}

.f19-structure-item_drag-handle {
    block-size: 100%;
    inline-size: 4.2rem;
    cursor: grab;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    color: inherit;
    background: rgba(0, 0, 0, 0)
}

.f19-structure-item_name {
    flex: 1 1 auto;
    inline-size: clamp(12rem, 20vw - 2.8rem, 31.2rem);
    font-weight: 500
}

@container main (max-width: 66rem) {
    .f19-structure-item_name {
        max-inline-size: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.f19-structure-item_articles {
    flex: 0 1 auto;
    min-inline-size: 0;
    font-size: 1.2rem
}

.f19-structure-item_actions {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2)
}

.is-sortable-ghost {
    opacity: .45
}

.is-sortable-chosen {
    z-index: 2
}

.is-sortable-chosen>.f19-structure-item_header {
    background-color: var(--cl-grey-light-4)
}

.is-sortable-drag {
    z-index: 10
}

.f19-website-route_name-text {
    font-size: clamp(1.2rem, 1vw, 1.5rem)
}

.f19-table-sync-changes_collapse-toggle .f19-icon-state-2 {
    display: none
}

.f19-table-sync-changes_collapse-toggle .f19-icon-state-2 .is-collapsed {
    display: block
}

.f19-table-sync-changes_collapse-toggle .f19-icon-state-1 {
    display: block
}

.is-collapsed .f19-table-sync-changes_collapse-toggle .f19-icon-state-1 {
    display: none
}

.f19-table-sync-changes_container {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-2)
}

.f19-table-sync-changes_header {
    inline-size: 100%;
    margin-block-end: var(--spacing-4);
    padding-block: var(--spacing-4) var(--spacing-1);
    padding-inline: var(--spacing-1) var(--spacing-4);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

.f19-table-sync-change_header-options {
    flex: 1 1 auto;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

@container main (max-width: 62rem) {
    .f19-table-sync-change_header-options {
        inline-size: 100%
    }
}

.f19-table-sync-changes_header-status,
.f19-table-sync-change_header-status {
    flex: 0 0 auto;
    margin-inline-start: auto;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4);
    text-align: right
}

.f19-table-sync-change_header-status f19-icon {
    display: none
}

@container main (max-width: 86rem) {}

.f19-table-sync-changes_header-action,
.f19-table-sync-changes_header-change,
.f19-table-sync-changes_header-title {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-2)
}

.f19-table-sync-changes_header-action,
.f19-table-sync-change_header-action {
    inline-size: clamp(19rem, 12vw, 22rem)
}

.f19-table-sync-change_header-action {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    font-weight: 550
}

.f19-table-sync-changes_header-change,
.f19-table-sync-change_header-change {
    inline-size: clamp(8rem, 15vw, 10rem)
}

f19-table-sync-change {
    display: block;
    margin-block-end: var(--spacing-4)
}

f19-table-sync-change.is-collapsed {
    margin-block-end: 0
}

.f19-table-sync-change_message-container {
    margin-block-end: -0.5rem
}

.f19-table-sync-change_message-container f19-feedback-message {
    max-inline-size: 96rem;
    margin-inline: .4rem auto;
    padding-block: var(--spacing-2) var(--spacing-3);
    padding-inline: var(--spacing-3);
    font-size: 1.3rem;
    border-radius: var(--border-radius-sm)
}

.f19-table-sync-change_header {
    inline-size: 100%;
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-2) var(--spacing-4);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4);
    position: relative;
    z-index: 10;
    color: var(--cl-brand);
    border-block-end: 1px solid var(--cl-brand-light-2);
    background-color: var(--cl-brand-light-5);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-xs)
}

@container main (max-width: 86rem) {
    .f19-table-sync-change_header {
        font-size: 1.3rem
    }
}

@container main (max-width: 62rem) {
    .f19-table-sync-change_header {
        flex-wrap: wrap
    }
}

.is-collapsed .f19-table-sync-change_header {
    border-radius: var(--border-radius-sm)
}

.f19-table-sync-change_header .f19-btn {
    --btn-cl-text: currentColor
}

.f19-table-sync-change_version {
    inline-size: calc(50% - var(--spacing-4)/2);
    display: flex;
    flex-flow: column wrap;
    gap: var(--spacing-5);
    position: relative;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 0 0 .1rem #fff, 0 0 0 .4rem var(--cl-brand-light-2);
    background-color: #fff;
    transition: box-shadow ease-in-out .2s;
    container: sync_preview/inline-size
}

@container main (max-width: 82rem) {
    .f19-table-sync-change_version {
        inline-size: 100%
    }
}

.f19-table-sync-change_version.is-inactive {
    box-shadow: 0 0 0 .2rem #fff, 0 0 0 .3rem var(--cl-brand-light-3)
}

.is-collapsed .f19-table-sync-change_version {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(0, 0, 0, 0)
}

.f19-table-sync-change_collapse-toggle .f19-icon-state-2 {
    display: none
}

.is-collapsed .f19-table-sync-change_collapse-toggle .f19-icon-state-2 {
    display: block
}

.f19-table-sync-change_collapse-toggle .f19-icon-state-1 {
    display: block
}

.is-collapsed .f19-table-sync-change_collapse-toggle .f19-icon-state-1 {
    display: none
}

.f19-table-sync-change_container {
    margin-block-start: -0.6rem;
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 auto;
    gap: var(--spacing-4)
}

@container main (max-width: 82rem) {
    .f19-table-sync-change_container {
        flex-flow: column nowrap
    }
}

.is-collapsed .f19-table-sync-change_container {
    visibility: hidden;
    display: none
}

.f19-table-sync-change_version-header,
.f19-table-sync-change_version-preview {
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-4)
}

.f19-table-sync-change_version-header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-3);
    font-size: 1.3rem;
    font-weight: 500;
    padding-block-end: var(--spacing-3);
    border-block-end: 1px solid var(--cl-brand-light-3)
}

.f19-table-sync-change_version-header .f19-btn {
    font-size: 1.3rem;
    font-weight: 600
}

.f19-table-sync-change_version-header .f19-btn:not(.is-selected) {
    --btn-cl-border: currentColor
}

.f19-table-sync-change_version-header-name {
    margin-inline-end: auto
}

@container sync_preview (max-width: 52rem) {
    .f19-sync-action-btn-name {
        display: none
    }
}

.f19-table-sync-change_version-preview {
    opacity: 1;
    transition: all .2s ease-in-out
}

.is-inactive .f19-table-sync-change_version-preview,
.is-disabled .f19-table-sync-change_version-preview {
    opacity: .5
}

.compare-container,
.compare-container-no-meta {
    overflow-x: auto;
    overflow-y: visible
}

.compare-container .matching-header-row,
.compare-container .matching-header-column,
.compare-container .matching-zero-zero,
.compare-container .empty-header-row,
.compare-container .empty-header-column,
.compare-container-no-meta .matching-header-row,
.compare-container-no-meta .matching-header-column,
.compare-container-no-meta .matching-zero-zero,
.compare-container-no-meta .empty-header-row,
.compare-container-no-meta .empty-header-column {
    color: var(--cl-brand);
    background-color: var(--cl-grey-light-3);
    border: .1em solid var(--cl-brand);
    user-select: none;
    z-index: 1
}

.compare-container .matching-header-row,
.compare-container .matching-header-column,
.compare-container-no-meta .matching-header-row,
.compare-container-no-meta .matching-header-column {
    cursor: pointer
}

.compare-container-no-meta {
    padding: .2rem
}

.compare-footnote,
.compare-container {
    inline-size: 100%
}

.compare-footnote ul.note-list,
.compare-container ul.note-list {
    list-style-type: none;
    margin-inline-start: 0
}

.compare-footnote ul.note-list .note-indicator,
.compare-container ul.note-list .note-indicator {
    inline-size: 3.5rem;
    display: inline-block
}

.compare-footnote .f-sync-change--added,
.compare-container .f-sync-change--added {
    color: #000 !important;
    border: solid .1rem rgba(39, 144, 0, .6) !important;
    background-color: rgba(39, 144, 0, .4) !important
}

.compare-footnote .f-sync-change--changed,
.compare-container .f-sync-change--changed {
    color: #000 !important;
    border: solid .1rem rgba(8, 51, 111, .6) !important;
    background-color: rgba(8, 51, 111, .35) !important
}

.compare-footnote .f-sync-change--deleted,
.compare-container .f-sync-change--deleted {
    color: #000 !important;
    border: solid .1rem rgba(222, 42, 0, .6) !important;
    background-color: rgba(222, 42, 0, .4) !important
}

.compare-footnote .f-sync-change--deleted p,
.compare-container .f-sync-change--deleted p {
    text-decoration-line: line-through
}

.compare-footnote .f-sync-change--deleted:hover p,
.compare-footnote .f-sync-change--deleted:focus p,
.compare-container .f-sync-change--deleted:hover p,
.compare-container .f-sync-change--deleted:focus p {
    text-decoration-line: none
}

.compare-footnote .f-sync-change--moved-from,
.compare-footnote .f-sync-change--moved-to,
.compare-container .f-sync-change--moved-from,
.compare-container .f-sync-change--moved-to {
    color: #000 !important;
    border: solid .1rem rgba(8, 51, 111, .3) !important;
    background-color: rgba(8, 51, 111, .15) !important
}

.compare-footnote .state--deleted,
.compare-footnote .state--added,
.compare-footnote .state--changed,
.compare-footnote .moved-from,
.compare-footnote .moved-to,
.compare-container .state--deleted,
.compare-container .state--added,
.compare-container .state--changed,
.compare-container .moved-from,
.compare-container .moved-to {
    color: #000
}

.compare-footnote .state--changed,
.compare-container .state--changed {
    padding: .2rem 0;
    background-color: rgba(8, 51, 111, .3)
}

.compare-footnote .moved-from,
.compare-container .moved-from {
    background-color: khaki
}

.compare-footnote .moved-to,
.compare-container .moved-to {
    background-color: khaki
}

.compare-footnote .change-type-replaced,
.compare-container .change-type-replaced {
    padding: .4rem;
    border: solid .1rem #6d8393
}

.compare-footnote .change-type-deleted,
.compare-container .change-type-deleted {
    padding: .4rem;
    text-decoration: line-through;
    border: solid .1rem rgba(222, 42, 0, .7);
    background-color: rgba(222, 42, 0, .2)
}

.compare-footnote .change-type-added,
.compare-container .change-type-added {
    padding: .4rem;
    border: solid .1rem rgba(39, 144, 0, .7);
    background-color: rgba(39, 144, 0, .2)
}

.compare-footnote .state--deleted,
.compare-container .state--deleted {
    padding: .2rem 0;
    text-decoration: line-through;
    background-color: rgba(222, 42, 0, .5)
}

.compare-footnote .state--added,
.compare-container .state--added {
    padding: .2rem 0;
    background-color: rgba(39, 144, 0, .4)
}

.compare-footnote .change-move,
.compare-container .change-move {
    border-right: solid .6rem #6d8393
}

.compare-footnote .change-metadata,
.compare-container .change-metadata {
    border-left: solid .4rem #6f5126
}

.f19-sync-changes_collapse-toggle .f19-icon-state-2 {
    display: none
}

.f19-sync-changes_collapse-toggle .f19-icon-state-2 .is-collapsed {
    display: block
}

.f19-sync-changes_collapse-toggle .f19-icon-state-1 {
    display: block
}

.is-collapsed .f19-sync-changes_collapse-toggle .f19-icon-state-1 {
    display: none
}

.f19-sync-changes_container {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-3)
}

.f19-sync-changes_header {
    inline-size: 100%;
    margin-block-end: var(--spacing-2);
    padding-block: var(--spacing-4) var(--spacing-1);
    padding-inline: var(--spacing-1) var(--spacing-4);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

.f19-sync-changes_header-type,
.f19-sync-changes_header_checkbox,
.f19-sync-change_header_checkbox {
    inline-size: 2.4rem;
    flex: 0 0 auto
}

.f19-sync-change_header-options {
    flex: 1 1 auto;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

@container main (max-width: 92rem) {
    .f19-sync-change--articles .f19-sync-change_header-options {
        inline-size: 100%
    }
}

@container main (max-width: 92rem) {
    .f19-sync-change--tables .f19-sync-change_header-options {
        inline-size: 100%
    }
}

.f19-sync-changes_header-articlecode,
.f19-sync-change_header-articlecode,
input.f19-sync-change_header-input {
    inline-size: clamp(8rem, 10vw, 25rem);
    flex: 0 0 auto
}

.f19-sync-change_header-articlecode,
input.f19-sync-change_header-input {
    min-block-size: 3.2rem;
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-3);
    font-size: clamp(1.2rem, 1vw, 1.4rem)
}

.f19-sync-changes_header-title,
.f19-sync-change_header-title {
    flex: 1 1 auto
}

.f19-sync-changes_header-status,
.f19-sync-change_header-status {
    flex: 0 0 auto;
    margin-inline-start: auto;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4);
    text-align: right;
    font-size: clamp(1.2rem, 1vw, 1.4rem)
}

.f19-sync-change_header-status .f19-sync-change_header-action_icon {
    display: none
}

@container main (max-width: 86rem) {
    .f19-sync-change--tables .f19-sync-change_header-status .f19-sync-change_header-action_icon {
        display: inline-flex;
        align-self: center
    }
}

@container main (max-width: 121rem) {
    .f19-sync-change--articles .f19-sync-change_header-status .f19-sync-change_header-action_icon {
        display: inline-flex;
        align-self: center
    }
}

@container main (max-width: 86rem) {
    .f19-sync-change--tables .f19-sync-change_header-status .f19-sync-change_header-action_text {
        display: none
    }
}

@container main (max-width: 121rem) {
    .f19-sync-change--articles .f19-sync-change_header-status .f19-sync-change_header-action_text {
        display: none
    }
}

.f19-sync-changes_header-remark,
.f19-sync-change_header-remark {
    inline-size: clamp(4.2rem, 10vw, 6.2rem)
}

.f19-sync-changes_header-action,
.f19-sync-changes_header-change,
.f19-sync-changes_header-articlecode,
.f19-sync-changes_header-title,
.f19-sync-change_header-action,
.f19-sync-change_header-change,
.f19-sync-change_header-articlecode,
.f19-sync-change_header-title {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2)
}

.f19-sync-change_header-articlecode {
    padding-inline-start: .55em
}

.f19-sync-change_header-tag {
    flex: 0 0 auto;
    inline-size: 2.4rem
}

.f19-sync-changes_header-action,
.f19-sync-change_header-action {
    flex: 0 0 auto;
    justify-content: flex-end
}

.f19-sync-change--tables .f19-sync-changes_header-action,
.f19-sync-change--tables .f19-sync-change_header-action {
    inline-size: clamp(12rem, 10vw, 20rem)
}

@container main (max-width: 86rem) {

    .f19-sync-change--tables .f19-sync-changes_header-action,
    .f19-sync-change--tables .f19-sync-change_header-action {
        inline-size: 7.2rem
    }
}

.f19-sync-change--articles .f19-sync-changes_header-action,
.f19-sync-change--articles .f19-sync-change_header-action {
    inline-size: clamp(8rem, 9vw, 13rem)
}

@container main (max-width: 121rem) {

    .f19-sync-change--articles .f19-sync-changes_header-action,
    .f19-sync-change--articles .f19-sync-change_header-action {
        inline-size: 5.6rem
    }
}

.f19-sync-change_header-action {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    font-weight: 550
}

.f19-sync-changes_header-change,
.f19-sync-change_header-change {
    inline-size: clamp(8rem, 15vw, 12rem);
    flex: 0 0 auto;
    justify-content: flex-end
}

.f19-sync-changes_header-mutation,
.f19-sync-change_header-mutation {
    inline-size: 3.2rem;
    text-align: center
}

.f19-sync-changes_header-feedback .f19-sync-change_header-feedback {
    inline-size: 3.2rem;
    text-align: center
}

.f19-sync-change {
    display: block;
    margin-block-end: var(--spacing-4)
}

.f19-sync-change.is-collapsed {
    margin-block-end: 0
}

.f19-sync-change_header_feedback-visual {
    block-size: 2.4rem;
    inline-size: 2.4rem;
    background-color: var(--cl-brand-light-2)
}

.f19-sync-change_message-container {
    margin-block-end: -0.8rem
}

.is-collapsed .f19-sync-change_message-container {
    display: none
}

.f19-sync-change_message-container f19-feedback-message {
    inline-size: calc(100% - .4rem);
    margin-inline: auto;
    padding-block: var(--spacing-1) var(--spacing-3);
    padding-inline: var(--spacing-3);
    font-size: 1.3rem;
    border-radius: var(--border-radius-sm)
}

.f19-sync-change_header {
    inline-size: 100%;
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-2) var(--spacing-4);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-4);
    position: relative;
    z-index: 10;
    background-color: var(--cl-grey-light-5);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow-xxs)
}

@container main (max-width: 121rem) {
    .f19-sync-change--articles .f19-sync-change_header {
        font-size: 1.4rem
    }
}

@container main (max-width: 98rem) {
    .f19-sync-change--articles .f19-sync-change_header {
        font-size: 1.3rem
    }
}

@container main (max-width: 92rem) {
    .f19-sync-change--articles .f19-sync-change_header {
        flex-wrap: wrap
    }
}

@container main (max-width: 72rem) {
    .f19-sync-change--tables .f19-sync-change_header {
        font-size: 1.3rem
    }
}

@container main (max-width: 56rem) {
    .f19-sync-change--tables .f19-sync-change_header {
        flex-wrap: wrap
    }
}

.f19-sync-change_header .f19-btn {
    --btn-cl-text: currentColor
}

.f19-sync-change_version {
    inline-size: calc(50% - var(--spacing-4)/2);
    display: flex;
    flex-flow: column wrap;
    gap: var(--spacing-5);
    position: relative;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 0 0 .1rem #fff, 0 0 0 .4rem var(--cl-grey), inset 0 1rem 1rem -0.6rem rgba(0, 0, 0, .3);
    background-color: #fff;
    transition: box-shadow ease-in-out .2s;
    container: sync_preview/inline-size
}

f19-article-sync-change .f19-sync-change_version {
    gap: 0
}

@container main (max-width: 82rem) {
    .f19-sync-change_version {
        inline-size: 100%;
        box-shadow: 0 0 0 0 #fff, 0 0 0 .2rem var(--cl-grey), inset 0 .6rem .6rem -0.6rem rgba(0, 0, 0, .3)
    }
}

.f19-sync-change_version.is-inactive {
    box-shadow: 0 0 0 0rem #fff, 0 0 0 .2rem var(--cl-grey-light-2), inset 0 0 0 0 rgba(0, 0, 0, 0)
}

.is-collapsed .f19-sync-change_version {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0)
}

@container main (max-width: 82rem) {
    .f19-sync-change-existing {
        border-end-end-radius: 0;
        border-end-start-radius: 0
    }
}

@container main (max-width: 82rem) {
    .f19-sync-change-new {
        border-start-start-radius: 0;
        border-start-end-radius: 0
    }
}

.f19-sync-change_collapse-toggle .f19-icon-state-2 {
    display: none
}

.is-collapsed .f19-sync-change_collapse-toggle .f19-icon-state-2 {
    display: block
}

.f19-sync-change_collapse-toggle .f19-icon-state-1 {
    display: block
}

.is-collapsed .f19-sync-change_collapse-toggle .f19-icon-state-1 {
    display: none
}

.f19-sync-change_container {
    inline-size: calc(100% - 2.4rem);
    margin-inline: auto;
    margin-block-start: -0.6rem;
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 auto;
    gap: var(--spacing-4)
}

@container main (max-width: 82rem) {
    .f19-sync-change_container {
        flex-flow: column nowrap;
        gap: var(--spacing-2)
    }
}

.is-collapsed .f19-sync-change_container {
    visibility: hidden;
    display: none
}

.f19-sync-change_version-header,
.f19-sync-change_version-preview {
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-4)
}

.f19-sync-change_version-header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-3);
    font-size: 1.3rem;
    font-weight: 500;
    padding-block-end: var(--spacing-3);
    border-block-end: 1px solid var(--cl-brand-light-3)
}

.f19-sync-change_version-header .f19-btn {
    font-size: 1.3rem;
    font-weight: 600
}

.f19-sync-change_version-header .f19-btn:not(.is-selected) {
    --btn-cl-border: currentColor
}

.f19-sync-change_version-header-name {
    margin-inline-end: auto
}

@container sync_preview (max-width: 52rem) {
    .f19-sync-action-btn-name {
        display: none
    }
}

.f19-sync-change_version-preview {
    opacity: 1;
    transition: all .2s ease-in-out
}

.is-inactive .f19-sync-change_version-preview,
.is-disabled .f19-sync-change_version-preview {
    opacity: .5
}

.f19-matching-container {
    inline-size: 100%;
    display: grid;
    grid-template-columns: calc(50% - var(--spacing-4)/2) calc(50% - var(--spacing-4)/2);
    gap: var(--spacing-4)
}

@keyframes flicker {
    0% {
        border-color: #f7f9fa
    }

    100% {
        background-color: var(--cl-grey-light-3)
    }
}

.f19-page-options_multiselect {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: var(--spacing-3);
    padding: .8rem;
    margin-block-end: .8rem;
    background-color: var(--cl-island-background);
    box-shadow: 0 .2rem .1rem -0.2rem rgba(0, 0, 0, .2), 0 .2rem .2rem -0.2rem rgba(0, 0, 0, .15)
}

f19-website-route {
    --inline-start-lvl: 0;
    --inline-start: calc(2.8rem * var(--inline-start-lvl));
    padding-inline: .8rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-3);
    position: relative
}

f19-website-route>* {
    z-index: 2
}

f19-website-route:has(*:focus-visible),
f19-website-route:hover {
    background-color: var(--cl-grey-light-4)
}

f19-website-route:has(*:focus-visible) .f19-website-route_sorting,
f19-website-route:has(*:focus-visible)::before,
f19-website-route:hover .f19-website-route_sorting,
f19-website-route:hover::before {
    opacity: 1
}

f19-website-route:has(input[type=checkbox]:checked)::before {
    opacity: 1
}

f19-website-route:has(.f19--is-open) {
    z-index: 3
}

f19-website-route::before {
    --offset: 0.6rem;
    content: "";
    display: block;
    inline-size: calc(100% + var(--offset));
    block-size: calc(100% + var(--offset));
    position: absolute;
    inset-inline-start: calc(var(--offset)*-0.5);
    inset-block-start: calc(var(--offset)*-0.5);
    z-index: 1;
    border-radius: var(--border-radius-xs);
    background-color: var(--cl-grey-light-3);
    opacity: 0;
    transition: opacity .08s ease-in-out
}

f19-website-route[depth] {
    margin-inline-start: var(--inline-start)
}

f19-website-route[depth="2"] {
    --inline-start-lvl: 1
}

f19-website-route[depth="3"] {
    --inline-start-lvl: 2
}

f19-website-route[depth="4"] {
    --inline-start-lvl: 3
}

f19-website-route[depth="5"] {
    --inline-start-lvl: 4
}

f19-website-route[depth="6"] {
    --inline-start-lvl: 5
}

f19-website-route>* {
    flex: 0 0 auto
}

f19-website-route.trigger-animation {
    animation: flicker .5s ease alternate;
    animation-iteration-count: 2
}

.f19-website-route_checkbox {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center
}

.f19-website-route_actions {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2)
}

.f19-website-route_sorting {
    margin-inline-start: auto;
    opacity: 0
}

.f19-website-route_sorting:focus-visible {
    opacity: 1
}

@container main (max-width: 66rem) {
    .f19-website-route_name {
        display: none
    }
}

.f19-website-route_url,
.f19-website-route_name-text {
    font-size: clamp(1.2rem, 1vw, 1.5rem)
}

.f19-website-route_url {
    inline-size: clamp(5rem, 100% - 20rem, 62rem);
    flex-shrink: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2)
}

.f19-website-route_url-icon {
    padding: .3rem;
    box-sizing: content-box;
    border-radius: 50%;
    border: 1px solid var(--cl-purple-light-3)
}

.f19-website-route_name-text,
.f19-website-route_url-text {
    display: block;
    max-inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.f19-website-route_name {
    inline-size: clamp(12rem, 20vw - var(--inline-start), 34rem - var(--inline-start));
    font-weight: 500
}

.f19-content-groups-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3)
}

.f19-review-wrapper {
    margin-block-start: -1.6rem
}

.report-view-header {
    max-inline-size: 192rem;
    inline-size: 100%;
    margin-inline: auto;
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-4);
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing-4)
}

@media(max-width: 85.38rem) {
    .report-view-header {
        flex-wrap: wrap
    }
}

.report-view-header .f19-button-group {
    flex: 0 0 45.5rem
}

.report-view-header_title>:first-child {
    margin-block-start: 0
}

.report-view-header_title>:last-child {
    margin-block-end: 0
}

@media(max-width: 85.38rem) {
    .report-view-header_title {
        display: block
    }
}

.report-view-header_title h1 {
    font-size: 1.8rem;
    font-weight: 600
}

.report-view-header_label {
    display: block;
    font-weight: 500;
    font-size: 1.4rem;
    inline-size: 100%
}

.f19-review-remarks {
    max-height: 85vh;
    inline-size: 42rem;
    padding: 3.2rem;
    flex: 0 0 auto;
    z-index: 1;
    order: 2;
    border-radius: var(--border-radius-nm);
    background-color: var(--cl-island-background);
    overflow: auto;
    position: sticky;
    top: 5.6rem;
    max-inline-size: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

.f19-review-remarks:empty {
    display: none
}

f19-component-view {
    padding: clamp(1.4rem, 1.2vw, 3.2rem);
    display: block;
    order: 2;
    border-radius: var(--border-radius-nm);
    background-color: var(--cl-island-background);
    border: .2rem solid rgba(0, 0, 0, 0);
    position: relative;
    scroll-margin-top: 2.2rem
}

f19-component-view[selected] {
    border-color: #001689;
    z-index: 2;
    box-shadow: var(--box-shadow-sm)
}

f19-component-view.multi-select {
    z-index: 2;
    transform: translateY(-0.2rem);
    box-shadow: var(--box-shadow-nm)
}

f19-component-view[filtered] {
    border-color: rgba(53, 155, 224, .4);
    outline: .5rem solid rgba(53, 155, 224, .7);
    outline-offset: .1rem
}

f19-component-view[filtered][selected] {
    outline: .5rem solid rgba(53, 155, 224, .4);
    outline-offset: .1rem;
    border-color: #001689;
    z-index: 2;
    box-shadow: var(--box-shadow-sm)
}

f19-component-view .list-toc {
    margin: 0;
    padding-inline: 1rem 0;
    display: flex;
    flex-flow: column nowrap;
    gap: .4rem;
    list-style: none
}

f19-component-view[class*=has-draft],
f19-component-view[class*=is-locked] {
    border-color: #e6ae0b
}

f19-component-view [class*=is-lvl]:not(.is-lvl-0) {
    display: flex;
    flex-flow: row nowrap;
    gap: .8rem
}

f19-component-view [class*=is-lvl]:not(.is-lvl-0)::before {
    flex: 0 0 auto;
    content: "-";
    display: flex;
    flex-flow: row nowrap;
    place-items: center;
    place-content: center
}

f19-component-view .is-lvl-2 {
    padding-inline-start: 1em
}

f19-component-view .is-lvl-3 {
    padding-inline-start: 2em
}

f19-component-view .is-lvl-4 {
    padding-inline-start: 3em
}

f19-component-view .is-lvl-5 {
    padding-inline-start: 4em
}

f19-component-view .is-lvl-6 {
    padding-inline-start: 5em
}

f19-component-view>f19-feedback-message[status=warning] {
    max-inline-size: 100%;
    width: max-content;
    display: inline-flex;
    margin-inline: auto;
    margin-block: 0;
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2);
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: 1;
    transform: translateY(-100%);
    font-size: clamp(1.2rem, 1.2vw, 1.5rem);
    border: .2rem #e6ae0b solid;
    border-bottom: 0;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0
}

f19-component-view>f19-content-indicator {
    width: max-content;
    display: inline-flex;
    margin-inline: auto;
    margin-block: 0;
    font-size: 1.4rem;
    position: absolute;
    top: var(--spacing-3);
    left: 0;
    right: 0;
    border: 2px #fff solid;
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-3)
}

.f19-component_header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: clamp(1.4rem, 1.2vw, 3.2rem);
    padding-block-end: clamp(1.4rem, 1.2vw, 3.2rem);
    margin-block-end: clamp(1.4rem, 1.2vw, 3.2rem);
    border-bottom: .1rem solid var(--cl-grey-light)
}

.f19-component_header>f19-icon {
    color: var(--cl-grey)
}

.f19-component_header f19-feedback-message {
    margin-block: 0
}

.f19-xbrl-data-text {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.f19-xbrl-data-text_label {
    min-inline-size: 16rem;
    flex: 0 0 auto;
    font-weight: 600
}

.f19-xbrl-data-text_value {
    flex: 1 1 auto
}

.f19-xbrl-data-picker {
    display: block;
    max-inline-size: 60rem
}

.f19-xbrl-data-picker>ul {
    padding-inline-start: 0
}

.f19-xbrl-data-picker_header {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: .8rem
}

.f19-xbrl-data-picker_header f19-search {
    inline-size: 100%
}

.f19-xbrl-data-picker_current {
    inline-size: 100%;
    display: flex;
    flex-flow: column nowrap
}

.f19-xbrl-data-picker_current-label {
    display: block;
    font-weight: 600
}

.f19-xbrl-data-picker_current-tag {
    display: block
}

.f19-xbrl-data-picker_filters {
    inline-size: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-3);
    container: xbrlfilters/inline-size
}

.f19-xbrl-data-picker_filters .f19-buttons-segmented {
    flex: 1 1 auto
}

@container xbrlfilters (max-width: 355px) {
    .f19-xbrl-data-picker_filters span {
        display: none
    }
}

.f19-xbrl-data-picker_filter--toggle {
    margin-inline-start: auto
}

f19-xbrl-data-picker-item {
    inline-size: 100%;
    display: block
}

f19-xbrl-data-picker-item:first-of-type {
    border-radius: .4rem .4rem 0 0
}

f19-xbrl-data-picker-item:last-of-type {
    border-radius: 0 0 .4rem .4rem
}

f19-xbrl-data-picker-item.is-hidden {
    display: none
}

f19-xbrl-data-picker-item ul {
    padding-inline-start: 1.2rem
}

.f19-xbrl-data-picker_container {
    --compensation: 5rem;
    max-block-size: calc(var(--max-height) - var(--compensation));
    margin: 0;
    overflow-y: auto;
    list-style-type: none
}

.f19-popup:has(>f19-feedback-message) .f19-xbrl-data-picker_container {
    --compensation: 9rem
}

f19-xbrl-concept-picker .f19-xbrl-data-picker_container {
    --compensation: 12rem
}

.xbrl-table-tag-container f19-xbrl-concept-picker .f19-xbrl-data-picker_container {
    --compensation: 20rem
}

.f19-popup:has(>f19-feedback-message) f19-xbrl-concept-picker .f19-xbrl-data-picker_container {
    --compensation: 16rem
}

.f19-popup:has(>f19-feedback-message) .xbrl-table-tag-container f19-xbrl-concept-picker .f19-xbrl-data-picker_container {
    --compensation: 24rem
}

.f19-xbrl-data-picker_container.f19-xbrl-data-picker_container--data {
    --compensation: 4rem
}

.f19-popup:has(>f19-feedback-message) .f19-xbrl-data-picker_container.f19-xbrl-data-picker_container--data {
    --compensation: 16rem
}

.f19-xbrl-data-picker_container.f19-xbrl-data-picker_container--editor {
    --compensation: 20rem;
    overflow-y: auto
}

.f19-popup:has(>f19-feedback-message) .f19-xbrl-data-picker_container.f19-xbrl-data-picker_container--editor {
    --compensation: 22rem
}

.f19-xbrl-data-picker-item_header {
    inline-size: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    padding-block: clamp(.2rem, .4vw, 0.4rem);
    padding-inline: var(--spacing-2) clamp(.4rem, .5vw, 0.8rem);
    gap: clamp(.8rem, .8vw, 1.6rem);
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0)
}

.f19-xbrl-data-picker-item_header:not(.is-active):has(.f19-xbrl-data-picker-item_label:focus),
.f19-xbrl-data-picker-item_header:hover:not(.is-active),
.f19-xbrl-data-picker-item_header:focus:not(.is-active) {
    border-radius: var(--border-radius-sm);
    border-color: var(--cl-grey-light-3);
    background-color: var(--cl-grey-light-5)
}

.f19-xbrl-data-picker-item_header.is-active {
    border-radius: var(--border-radius-sm);
    border-color: var(--cl-grey-light-2);
    background-color: var(--cl-grey-light-4)
}

.f19-xbrl-data-picker-item_header.is-active a {
    outline: none;
    color: var(--cl-brand)
}

.f19-xbrl-data-picker-item_header:not(.is-active):has(.f19-xbrl-data-picker-item_label:focus) .f19-xbrl-data-picker-item_lvl {
    color: #333;
    background-color: var(--cl-brand-light-2)
}

.f19-xbrl-data-picker-item_header>f19-icon {
    margin-block-start: .3em;
    align-self: flex-start
}

.f19-xbrl-data-picker-item_details {
    flex: 1 1 auto;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: .4rem
}

.f19-xbrl-data-picker-item_lvl {
    inline-size: 2.2rem;
    block-size: 2.2rem;
    flex: 0 0 auto;
    margin-block-start: .2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2);
    color: var(--cl-grey);
    font-size: clamp(1.1rem, 1vw, 1.3rem);
    font-weight: 500;
    border-radius: var(--border-radius-xs);
    border: .1rem solid var(--cl-brand-light-2);
    transition: background-color ease-in-out .15s;
    align-self: flex-start
}

.is-active>.f19-xbrl-data-picker-item_lvl {
    color: #fff;
    background-color: var(--cl-brand-light);
    border-color: var(--cl-brand-light)
}

f19-xbrl-concept-picker .f19-xbrl-data-picker-item_lvl,
f19-xbrl-tag-picker .f19-xbrl-data-picker-item_lvl,
f19-xbrl-dimension-picker .f19-xbrl-data-picker-item_lvl {
    display: none
}

.f19-xbrl-data-picker-item_label {
    margin: 0
}

.f19-xbrl-data-picker-item_children {
    list-style-type: none
}

[collapsed] .f19-xbrl-data-picker-item_children {
    display: none
}

.f19-xbrl-data-picker-item_info {
    inline-size: 2rem;
    block-size: 1.945rem;
    flex: 0 0 auto;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2);
    color: var(--cl-brand-light);
    font-size: clamp(1rem, 1vw, 1.2rem);
    font-weight: 550;
    border-radius: var(--border-radius-circle);
    border: .1rem solid var(--cl-brand-light-2);
    transition: background-color ease-in-out .15s
}

.is-active .f19-xbrl-data-picker-item_info {
    color: #fff;
    background-color: var(--cl-brand-light);
    border-color: var(--cl-brand-light)
}

.f19-xbrl-data-picker-item_collapse {
    flex: 0 0 auto;
    display: none;
    line-height: 1
}

.has-children>.f19-xbrl-data-picker-item_header>.f19-xbrl-data-picker-item_collapse {
    display: block
}

.f19-xbrl-data-picker-item_replies {
    margin-top: 1.2rem;
    padding: 0 1.6rem;
    inline-size: 100%
}

.f19-xbrl-data-picker-item_replies:empty {
    margin: 0;
    padding: 0
}

f19-block-view,
f19-table-block-view {
    display: block;
    min-block-size: 3.2rem;
    padding: var(--spacing-3);
    margin-block: var(--spacing-3);
    position: relative;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: var(--border-radius-sm);
    background-color: var(--cl-island-background);
    transition: .15s ease-in-out box-shadow, .15s ease-in-out transform, .1s ease-in-out border-color;
    scroll-margin-top: 5.2rem
}

f19-block-view>:not(f19-block-view, f19-table-block-view):first-child,
f19-table-block-view>:not(f19-block-view, f19-table-block-view):first-child {
    margin-block-start: 0
}

f19-block-view>:not(f19-block-view, f19-table-block-view):last-child,
f19-table-block-view>:not(f19-block-view, f19-table-block-view):last-child {
    margin-block-end: 0
}

*:first-child>f19-block-view:first-child,
*:first-child>f19-table-block-view:first-child {
    margin-block-start: var(--spacing-6)
}

.note-list>f19-block-view:first-child,
.f19-block_content>f19-block-view:first-child,
.note-list>f19-table-block-view:first-child,
.f19-block_content>f19-table-block-view:first-child {
    margin-block-start: var(--spacing-6)
}

f19-block-view[id=root-image],
f19-table-block-view[id=root-image] {
    max-inline-size: max-content
}

f19-block-view[type=video],
f19-block-view[type=chart],
f19-block-view[type=blockquote],
f19-block-view[type=notelist],
f19-block-view[type=list-ordered],
f19-block-view[type=list-unordered],
f19-block-view[type=group],
f19-block-view.container-block,
f19-block-view.has-tags,
f19-table-block-view[type=video],
f19-table-block-view[type=chart],
f19-table-block-view[type=blockquote],
f19-table-block-view[type=notelist],
f19-table-block-view[type=list-ordered],
f19-table-block-view[type=list-unordered],
f19-table-block-view[type=group],
f19-table-block-view.container-block,
f19-table-block-view.has-tags {
    border-color: var(--cl-grey-light);
    border-style: dashed
}

li>f19-block-view,
li>f19-table-block-view {
    margin-block: var(--spacing-1)
}

f19-block-view.set-highlight,
f19-table-block-view.set-highlight {
    outline: .3rem solid rgba(213, 8, 71, 0);
    outline-offset: var(--spacing-1);
    animation: linkedHighlight 1.5s ease 4 both
}

f19-block-view.set-highlight:focus,
f19-table-block-view.set-highlight:focus {
    outline: .3rem solid #000;
    outline-offset: 1px
}

f19-block-view:hover:not(.is-nested),
f19-table-block-view:hover:not(.is-nested) {
    border-color: var(--cl-grey-light);
    border-style: solid;
    z-index: 6
}

f19-block-view.multi-select,
f19-block-view[selected],
f19-table-block-view.multi-select,
f19-table-block-view[selected] {
    z-index: 5
}

f19-block-view[class*=is-locked],
f19-table-block-view[class*=is-locked] {
    border-color: #e6ae0b;
    border-style: solid
}

f19-block-view[selected],
f19-table-block-view[selected] {
    border-color: var(--cl-brand-dark);
    border-style: solid;
    box-shadow: var(--box-shadow-sm)
}

f19-block-view[filtered],
f19-table-block-view[filtered] {
    outline: .5rem solid rgba(53, 155, 224, .7);
    outline-offset: .1rem
}

f19-block-view[filtered][selected],
f19-table-block-view[filtered][selected] {
    outline: .5rem solid rgba(53, 155, 224, .4);
    outline-offset: .1rem;
    border-color: var(--cl-brand-dark);
    border-style: solid;
    box-shadow: var(--box-shadow-sm)
}

f19-block-view.multi-select,
f19-table-block-view.multi-select {
    transform: translateY(-0.2rem)
}

f19-block-viewreadonly,
f19-table-block-viewreadonly {
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important
}

f19-block-view .heading,
f19-block-view p,
f19-table-block-view .heading,
f19-table-block-view p {
    max-width: none
}

f19-block-view p,
f19-table-block-view p {
    line-height: 1.55;
    letter-spacing: .01em
}

f19-block-view .heading,
f19-table-block-view .heading {
    letter-spacing: .005em
}

f19-block-view img,
f19-table-block-view img {
    display: block;
    margin-inline: auto;
    margin-block: auto;
    border-radius: var(--border-radius-sm)
}

f19-block-view f19-feedback-message,
f19-table-block-view f19-feedback-message {
    margin-block: 0
}

f19-block-view .note-item,
f19-table-block-view .note-item {
    display: flex;
    font-size: smaller;
    font-style: italic
}

f19-block-view .note-item .note-indicator,
f19-table-block-view .note-item .note-indicator {
    flex: 0 0 4rem
}

f19-block-view .note-item .note-seperator,
f19-table-block-view .note-item .note-seperator {
    flex: 0 0 1rem
}

f19-block-view .note-item .note-content,
f19-table-block-view .note-item .note-content {
    flex: 1 1 auto
}

.f19-table-render-view td.filtered-cell,
.f19-table-render-view th.filtered-cell {
    border-color: rgba(53, 155, 224, .2);
    outline: .5rem solid rgba(53, 155, 224, .4);
    outline-offset: -0.1rem
}

.f19-table-render-view :where(th, td) {
    min-inline-size: min-content
}

.f19-block_content {
    position: relative
}

.f19-block_content>:not(f19-block-view, f19-table-block-view):first-child {
    margin-block-start: 0
}

.f19-block_content>:not(f19-block-view, f19-table-block-view):last-child {
    margin-block-end: 0
}

[type=video] .f19-block_content,
[type=chart] .f19-block_content {
    padding-inline: var(--spacing-2) var(--spacing-4);
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: .8rem
}

[type=video] .f19-block_content .f19-btn,
[type=chart] .f19-block_content .f19-btn {
    margin-inline-start: auto;
    padding-block: 0;
    flex: 0 0 auto
}

.f19-block_content span.link-table-cell {
    background-color: var(--cl-brand-light-4)
}

.f19-block_content span.link-table-cell::before {
    content:"{";
    color: var(--cl-brand-light);
    font-weight: bold
}

.f19-block_content span.link-table-cell::after {
    content: "}";
    color: var(--cl-brand-light);
    font-weight: bold
}

.f19-block_content-descr {
    padding-block: var(--spacing-3);
    display: inline-flex;
    gap: var(--spacing-2)
}

.f19-block_header {
    max-inline-size: max-content;
    inline-size: 100%;
    padding-inline: var(--spacing-1);
    padding-block: var(--spacing-1);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-1);
    background-color: var(--cl-island-background);
    position: absolute;
    z-index: 5;
    inset-block-start: 0;
    inset-inline-end: var(--spacing-3);
    transform: translateY(-100%);
    border-start-start-radius: var(--border-radius-sm);
    border-start-end-radius: .5rem;
    box-shadow: 0 -0.7rem .9rem -0.3rem rgba(0, 0, 0, .05), 0 -0.3rem .3rem -0.1rem rgba(0, 0, 0, .075);
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 0
}

.has-tags .f19-block_header {
    border-color: var(--cl-grey-light);
    border-style: dashed
}

[type=video]>.f19-block_header,
[type=chart]>.f19-block_header,
[type=blockquote]>.f19-block_header,
[type=notelist]>.f19-block_header,
[type=list-ordered]>.f19-block_header,
[type=list-unordered]>.f19-block_header,
[type=group]>.f19-block_header,
.container-block>.f19-block_header {
    border-color: var(--cl-grey-light);
    border-style: dashed
}

[selected]>.f19-block_header,
*:hover>.f19-block_header {
    border-color: var(--cl-grey-light);
    border-style: solid
}

*:hover>.f19-block_header::before {
    content: "";
    display: block;
    inline-size: 145%;
    block-size: 125%;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    z-index: 1;
    transform: translateY(-20%) translateX(10%)
}

*:hover>.f19-block_header f19-action-list,
*:hover>.f19-block_header f19-button-toolbar {
    z-index: 2
}

.f19-block_header::after {
    content: "";
    display: block;
    inline-size: 100%;
    block-size: .4rem;
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: -0.2rem;
    background-color: var(--cl-island-background)
}

[selected]>.f19-block_header {
    border-color: var(--cl-brand-dark)
}

.f19-block_tag-counter {
    position: relative
}

.f19-block_tag-counter[tag-count] {
    display: inline-flex;
    position: relative
}

.f19-block_tag-counter[tag-count]::before {
    content: attr(tag-count);
    inline-size: 1.2em;
    display: flex;
    place-content: center;
    place-items: center;
    padding-inline-start: .2rem;
    padding-block-end: .2rem;
    position: absolute;
    inset-block-start: -0.2em;
    inset-inline-end: -0.2em;
    aspect-ratio: 1;
    line-height: 1;
    border-radius: 50% 50%;
    color: var(--cl-brand-dark);
    font-size: 1rem;
    font-weight: 600;
    background-color: #fff;
    border: .2rem solid var(--cl-brand-dark);
    border-right-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    box-sizing: content-box
}

.f19-block_tag-counter[tag-count=""],
.f19-block_tag-counter[tag-count="0"] {
    display: inline-flex
}

.f19-block_header-icon {
    box-sizing: content-box;
    margin-inline-start: .4rem;
    display: none;
    padding: .2em;
    line-height: 1.3;
    min-inline-size: var(--btn-min-height)
}

.has-tags>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
.has-tags>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[type=video]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[type=video]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[type=chart]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[type=chart]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[type=blockquote]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[type=blockquote]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[type=notelist]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[type=notelist]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[type=list-ordered]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[type=list-ordered]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[type=list-unordered]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[type=list-unordered]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[type=group]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[type=group]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
.container-block>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
.container-block>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
[selected]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
[selected]>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count],
*:hover>.f19-block_header .f19-block_header-icon.f19-block_header-icon--type,
*:hover>.f19-block_header .f19-block_header-icon.f19-block_header-icon--tag[tag-count] {
    display: flex
}

.f19-block_header-icon:first-child {
    margin-inline-start: 0;
    border-left: none
}

.f19-block_header-icon f19-icon {
    padding: 0
}

.f19-block_info-icons {
    display: inline-flex;
    flex-flow: row nowrap;
    flex: 0 0 auto
}

.f19-review-mode .table-container {
    overflow-x: auto
}

.f19-review-mode table,
.f19-review-mode tr,
.f19-review-mode th,
.f19-review-mode td {
    margin: 0;
    padding: 0;
    border: none
}

.f19-review-mode table {
    inline-size: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.3rem;
    font-family: inherit;
    font-weight: 400;
    empty-cells: show
}

.f19-review-mode th,
.f19-review-mode td {
    padding: .2em;
    font-variant-numeric: slashed-zero
}

.f19-review-mode th strong,
.f19-review-mode td strong {
    font-weight: 700
}

.f19-review-mode th>:last-child {
    margin-bottom: 0
}

.f19-review-mode th>:first-child {
    margin-top: 0
}

.f19-review-mode td>:last-child {
    margin-bottom: 0
}

.f19-review-mode td>:first-child {
    margin-top: 0
}

f19-inline-view {
    display: inline;
    position: relative;
    z-index: 1;
    padding-inline: var(--spacing-1);
    border: .2rem solid var(--cl-grey-light);
    border-radius: var(--border-radius-sm);
    transition: .15s ease-in-out box-shadow, .15s ease-in-out transform, .1s ease-in-out border-color
}

f19-inline-view.set-highlight {
    outline: .3rem solid rgba(213, 8, 71, 0);
    outline-offset: var(--spacing-1);
    animation: linkedHighlight 1.5s ease 4 both
}

f19-inline-view.set-highlight:focus {
    outline: .3rem solid #000;
    outline-offset: 1px
}

f19-inline-view:hover {
    border-color: var(--cl-grey-light);
    z-index: 5
}

f19-inline-view.multi-select,
f19-inline-view[selected] {
    z-index: 2
}

f19-inline-view.multi-select .f19-block_content,
f19-inline-view[selected] .f19-block_content {
    z-index: 4
}

f19-inline-view[selected] {
    border-color: var(--cl-brand-dark);
    box-shadow: var(--box-shadow-sm)
}

f19-inline-view.multi-select {
    transform: translateY(-0.2rem)
}

f19-inline-view[filtered] {
    background-color: rgba(53, 155, 224, .15)
}

f19-inline-viewreadonly {
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important
}

.f19-inline_content {
    display: inline;
    position: relative;
    z-index: 1
}

.f19-inline_content>:first-child {
    margin-block-start: 0
}

.f19-inline_content>:last-child {
    margin-block-end: 0
}

f19-xbrl-tag-viewer .f19-aside_section_feedback {
    inline-size: 100%
}

.f19-tags-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

@media only screen and (max-width: 1600px) {
    .f19-tags-list {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 1500px) {
    .f19-tags-list {
        font-size: 1.3rem
    }
}

f19-tagged-content {
    inline-size: 100%
}

f19-tagged-content.is-hidden {
    display: none
}

f19-tagged-content[disabled]>.f19-tagged-content_header>.f19-tagged-content_details {
    color: var(--cl-grey-dark)
}

.f19-tagged-content_header {
    min-height: 3.7rem;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: .4rem;
    gap: .8rem
}

.f19-tagged-content_details {
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: center;
    gap: .4rem;
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.f19-tagged-content_options {
    flex: 0 0 auto;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .4rem
}

.f19-list-structured.validation-result li {
    margin-block: 1.2rem
}

.f19-list-structured.validation-result li:first-child {
    margin-block-start: 0
}

.f19-list-structured.validation-result li:last-child {
    margin-block-end: 0
}

.f19-validation-result-item_header {
    min-height: 3.7rem;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: .4rem;
    gap: .8rem;
    border-radius: var(--border-radius-xs);
    color: #0c5460;
    background-color: #d1ecf1;
    border: 1px solid #acdadd
}

f19-validation-result-item[priority="4"]>.f19-validation-result-item_header {
    color: #8e3232;
    background-color: #f8d7da;
    border-color: #e2a6ab
}

f19-validation-result-item[priority="3"]>.f19-validation-result-item_header {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ead5a0
}

.f19-validation-result-item_details {
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: center;
    gap: .4rem;
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere
}

.f19-tags-list_unselected {
    color: var(--cl-grey-dark);
    min-height: 3.7rem;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: .4rem;
    padding: .4rem
}

f19-xbrl-tag.is-hidden {
    display: none
}

.f19-xbrl-tag_header {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: .8rem;
    gap: .8rem
}

.f19-xbrl-tag_details {
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: center;
    gap: .4rem;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.f19-xbrl-tag_options {
    flex: 0 0 auto;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .8rem
}

f19-xbrl-tag-editor {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    height: 100%
}

.f19-xbrl-tag-editor_preview-content {
    display: flex;
    flex-flow: row nowrap
}

.f19-xbrl-tag-editor_container>:first-child {
    margin-block-start: 0
}

.f19-xbrl-tag-editor_container>:last-child {
    margin-block-end: 0
}

.f19-tag-options {
    inline-size: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: clamp(.8rem, .8vw, 1.6rem);
    container: tagoptions/inline-size
}

.f19-tag-options>.f19-form_item {
    margin-block: 0
}

.f19-tag-options_grid {
    inline-size: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3)
}

@container tagoptions (max-width: 350px) {
    .f19-tag-options_grid {
        grid-template-columns: 1fr
    }
}

.f19-tag-option {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.f19-tag-option_label {
    flex: 1 1 auto;
    width: 100%;
    font-weight: 600
}

.f19-tag-option_value {
    flex: 1 1 auto;
    width: 100%;
    font-weight: 500
}

.f19-components {
    inline-size: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: clamp(3.2rem, 2.6vw, 5.6rem)
}

.f19-components>* {
    inline-size: 100%
}

.set-block-highlight {
    animation: highlight-block .6s ease-in-out 6 both;
    animation-iteration-count: infinite;
    outline: solid 3px rgba(0, 0, 0, 0);
    outline-style: solid
}

@keyframes highlight-block {
    0% {
        outline-color: #d50847;
        outline-offset: 0px
    }

    100% {
        outline-color: rgba(213, 8, 71, .05);
        outline-offset: 6px
    }
}

/*# sourceMappingURL=styles.css.map */