/* START: fb-backend CSS */

.f-login-wrapper{
    width:100%;
    min-height:100vh;
    padding:1rem;
    overflow:hidden;
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
    font-size:1.6rem;
    line-height:1.5
}
.f-login-wrapper .f-login-title{
    margin:0 0 .5rem 0;
    font-size:2.6rem
}
@media only screen and (max-width: 480px){
    .f-login-wrapper .f-login-title{
        font-size:1.8rem
    }
}
.f-login-wrapper .f-login_subtitle{
    margin:3rem 0 0 0;
    font-size:2rem
}
.f-login{
    max-width:72rem;
    width:100%;
    margin:0 auto;
    padding:var(--spacing-8);
    border-radius:var(--border-radius-nm);
    box-shadow:0 0 .2rem 0 rgba(0,0,0,.15),0 .1rem .8rem -0.1rem rgba(0,0,0,.15),0 .1rem 3.2rem 0 rgba(0,0,0,.1);
    border-top:.5rem solid var(--cl-brand-light);
    background-color:#fff
}
@media only screen and (max-width: 480px){
    .f-login{
        padding:var(--spacing-5);
        font-size:1.4rem
    }
    .f-login f19-feedback-message{
        padding-inline:1.2rem;
        padding-block:var(--spacing-3);
        font-size:1.3rem
    }
}
.f-login h1{
    margin-block:0 var(--spacing-5)
}
@media only screen and (max-width: 480px){
    .f-login h1{
        margin-block-end:var(--spacing-4)
    }
}
.f-login p{
    margin:1em 0 2em 0;
    line-height:1.5
}
.f-login input[type=password]::-ms-reveal,.f-login input[type=password]::-ms-clear{
    display:none
}
.f19-form_remember{
    margin-block:var(--spacing-2) var(--spacing-4)
}
.f-login-logo{
    inline-size:100%;
    margin-block:2vw;
    text-align:center;
    color:#2f2483
}
.f-login-logo.f-login_logo--small{
    max-width:7rem;
    margin:2rem 0 0 0;
    opacity:.2;
    mix-blend-mode:luminosity
}
@media only screen and (max-width: 480px){
    .f-login-logo{
        max-width:16rem
    }
}
.f-login-logo img{
    max-width:100%
}
.f-login-messages{
    max-width:70rem;
    width:100%
}
.f-login-message{
    display:block;
    margin:0 0 1em 0;
    padding:1em 2em;
    background-color:#fff;
    box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.1)
}
.f-login-wrapper .f-login-message{
    box-shadow:inherit;
    padding:0 1em
}
@media only screen and (max-width: 480px){
    .f-login-message{
        margin:0 0 1em 0;
        padding:.6em 1em;
        font-size:1.4rem
    }
}
.f-login-message.f-login-message--alert,.f-login-message.f-login-message--error{
    border-left:.6rem solid #e90000
}
.f-login-message.f-login-message--warning{
    border-left:.6rem solid #ff0
}
.f-login-message.f-login-message--info{
    border-left:.6rem solid #27548f
}
.f-login_header{
    margin:0 0 3rem 0
}
.f-login_header>:first-child{
    margin-block-start:0
}
.f-login_header>:last-child{
    margin-block-end:0
}
.f-login_header+.f-login-descr{
    margin-top:-1rem
}
.f-login-descr{
    margin:0 0 1rem 0
}
.f-login-descr+.f-login-descr-list{
    margin-top:-1.8em
}
.f-login_requirements{
    display:flex;
    flex-flow:column nowrap;
    justify-content:flex-start;
    align-items:flex-end
}
.f-login_requirements .f-login_requirements-descr{
    margin:0;
    font-size:1.3rem
}
.f-login_requirements-list{
    margin:.4rem 0 2rem 0;
    padding:0;
    list-style:none;
    color:#a7b7c2;
    font-size:1.4rem;
    font-weight:500;
    text-align:right
}
.f-login_requirements-list .f-is-valid{
    font-weight:600;
    color:#119850
}
.f-login_requirements-list .f-is-invalid{
    color:#a85959
}
.f-login_requirement_icon{
    display:inline-block
}
.f-login_requirement{
    margin:.8em 0;
    display:flex;
    flex-flow:row nowrap;
    justify-content:flex-start;
    align-items:center;
    line-height:1
}
.f-login_requirement svg{
    width:1.5rem;
    height:1.5rem
}
.f-login_requirement_icon{
    flex:0 0 auto;
    width:1.2rem;
    height:1.2rem;
    margin:0 0 0 .4em;
    position:relative;
    transition:all ease .2s;
    border-radius:50% 50%;
    overflow:hidden
}
.f-login_requirement_icon::before,.f-login_requirement_icon::after{
    min-height:1px;
    width:70%;
    height:.1rem;
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:50%;
    content:"";
    display:block;
    background-color:currentColor;
    transform-origin:top center;
    transform-style:flat;
    transition:all cubic-bezier(0.95, -0.51, 0.07, 1.58) .3s
}
.f-login_requirement_icon::before{
    transform:rotate(0deg) translateY(0%)
}
.f-is-valid .f-login_requirement_icon::before{
    width:42%;
    top:48%;
    right:auto;
    transform:rotate(45deg) translateY(0%)
}
.f-is-invalid .f-login_requirement_icon::before{
    width:100%;
    transform:rotate(45deg) translateY(-50%)
}
.f-login_requirement_icon::after{
    transform:rotate(0deg) translateY(0%)
}
.f-is-valid .f-login_requirement_icon::after{
    width:90%;
    top:30%;
    left:auto;
    transform:rotate(-45deg) translateY(0%)
}
.f-is-invalid .f-login_requirement_icon::after{
    width:100%;
    transform:rotate(-45deg) translateY(-50%)
}
.f-login_requirement_text{
    flex:1 1 auto;
    transition:all ease .2s
}
.f-login_form+.f-login_form{
    margin-top:2em
}
.f-login_form:where(.f-login_form--credentials-change){
    min-width:28rem;
    gap:1.2rem
}
.f-login_form:where(.f-login_form--credentials-change)>*{
    inline-size:100%
}
.f-login_form:where(.f-login_form-group--avatar){
    min-width:16rem;
    align-self:flex-start
}
@media only screen and (max-width: 620px){
    .f-login_form--credentials-login.row{
        flex-flow:column nowrap
    }
}
.f-login_form-group{
    margin:0 0 .8em 0;
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    justify-content:flex-start;
    font-weight:400;
    letter-spacing:.012em;
    position:relative
}
@media only screen and (max-width: 480px){
    .f-login_form-group{
        font-size:1.5rem
    }
}
.f-login_form-group.f-login_form-group--btns{
    justify-content:flex-end
}
.f-login_form-group .f-login_form-input{
    flex:1 1 auto;
    padding:.4em .6em
}
.f-login_form-group .f-login_form-label{
    flex:1 1 auto;
    margin:0 0 .2rem 0;
    display:inline-block
}
.f-login_form-group .f-c-btn[disabled]{
    opacity:.5;
    cursor:default
}
.f-login_form-checkbox--remember{
    margin:1rem auto 1rem 0
}
.f-login_form-checkbox--remember::-moz-selection{
    color:initial;
    background:none
}
.f-login_form-checkbox--remember::selection{
    color:initial;
    background:none
}
.f-login_form-checkbox--remember label{
    margin:0 0 0 .2em
}
.f-login_form-checkbox--remember label::-moz-selection{
    color:initial;
    background:none
}
.f-login_form-checkbox--remember label::selection{
    color:initial;
    background:none
}
.f-login_form-checkbox--remember input:focus{
    box-shadow:0 0 0 .1rem rgba(167,183,194,.7)
}
.f-login_list{
    margin:1.5vw 0 .2em 0;
    padding:1vw 0 0 0;
    list-style:none
}
.f-login_list.f-login_list--goto{
    margin-top:.1em
}
.f-login_list .f-login_list-item{
    margin:.1em 0;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
@media only screen and (max-width: 480px){
    .f-login_list .f-login_list-item{
        margin:.5em 0
    }
}
.f-login_list .f-login_list-url{
    color:var(--cl-url);
    padding:.1em 0;
    display:inline-block;
    cursor:pointer
}
.f-login_list .f-login_list-url:hover,.f-login_list .f-login_list-url:focus{
    color:#2e4354
}
.f-login_list .f-svg-icon{
    max-width:1.2rem;
    max-height:1.2rem;
    margin:0 .1em 0 0
}

.f19-nav-utility_logo{
    max-block-size:clamp(3rem,26vw,8rem);
    inline-size:clamp(9rem,26vw,20rem);
    height:auto;
    margin:0;
    object-fit:contain;
    flex:0 0 auto
}
/* END: fb-backend CSS */

.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: clamp(1.3rem, 3.4vw, 1.5rem);
    --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;
    -webkit-user-select: none;
    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)
}

.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);
    -webkit-user-select: none;
    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%
}

: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, 3vw, 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-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;
    -webkit-user-select: none;
    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;
    -webkit-user-select: none;
    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;
    -webkit-user-select: none;
    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.6rem, 1.6vw, var(--fs-h3));
    line-height: 1.358;
    letter-spacing: -0.018em
}

h4 {
    margin-block: var(--spacing-4) var(--spacing-2);
    font-size: clamp(1.5rem, 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)
}

.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-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;
    -webkit-user-select: none;
    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;
    -webkit-user-select: none;
    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;
    -webkit-user-select: none;
    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-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
}

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-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;
    -webkit-user-select: 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--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-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;
    -webkit-user-select: none;
    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
}

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-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-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%)
    }
}

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

[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-btn-toggle-menu {
    inset-inline-end: .2rem;
    inset-block-end: .6rem;
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0
}
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-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-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-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
}

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

@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-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%
    }
}

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

.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 {
    flex: 1 1 auto;
    min-block-size: 100%;
    inline-size: 100%;
    margin: 0 auto;
    padding-block:  clamp(0.6rem, 2vw, 3.2rem) 0;
    padding-inline: clamp(0.6rem, 2vw, 3.2rem);
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-flow: row nowrap;
    gap: clamp(1.2rem, 2vw, 3.2rem)
}

.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-form-holder {
    max-width: 380px
}