.widget[widget-visibility="invisible"]{
    opacity: 0 !important;
}

.widget[widget-visibility="gone"]{
    display: none !important;
}

.widget-field {
    position: relative;
    display: flex;
}

.widget-field[widget-field-visibility="hidden"] {display: none;}
.widget-field:not(:last-child) {margin-bottom: 5px;}
.widget-field[layout="horizontal"] { flex-flow: row nowrap;}
.widget-field[layout="vertical"] { flex-flow: column nowrap;}


.widget-field > .label {
    position: relative;
    font-weight: 600;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.widget-field[layout="horizontal"] > .label {
    flex: 1;
    margin-right: 5px;
}

.widget-field[layout="vertical"] > .label {
    flex: 0 0 24px;
}

.widget-field > .host {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.widget-field[layout="horizontal"] > .host {
    flex-grow: 0;
    flex-shrink: 0;
}

.widget-field[layout="vertical"] > .host {
    flex: 1;
}


.widget-form{
    position: relative;
    display: flex;
    flex-flow: column nowrap;
}