section.form-user{flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:1em;display:flex}section.form-user .caret{aspect-ratio:1;cursor:pointer;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;height:30px;position:relative}section.form-user .caret:after{content:"";border:6px solid #0000;border-top:0;border-bottom-color:#000;transition:border-bottom .3s,border-top .3s;position:absolute;inset:50%;transform:translate(-50%,-50%)}section.form-user .caret[data-active=true]:after{border-top:6px solid #000;border-bottom:0}section.form-user search{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}section.form-user search .search-container{justify-content:center;align-items:center;display:flex}section.form-user search .search-container .caret{border-radius:0 4px 4px 0}section.form-user search .search-container input{border:1px solid #ccc;border-right:none;border-radius:4px 0 0 4px;width:100%;min-width:80px;max-width:120px;height:30px}section.form-user .account{justify-content:center;align-items:center;gap:5px;display:flex}section.form-user .account span{gap:5px;display:flex}section.form-user .account .alert{white-space:nowrap;margin:0;padding:.2em .4em;font-size:.9em;font-weight:700}section.form-user .account .alert.alert-danger{color:#fff;background-color:#b94a48}
aside{background-color:#eee;position:relative}aside .child-tree{border-left:thin solid gray;height:100%;margin-bottom:2.2em;margin-left:.35rem;position:relative}aside .child-tree:after{content:"";background-color:gray;width:30px;height:1px;position:absolute;bottom:4px}