[crud-basic-editor]{display:grid;height:100%;grid-template:"list editor" auto / 20rem auto;gap:1.5rem}[crud-basic-editor] .list-container{grid-area:list;position:relative}[crud-basic-editor] .editor-container{grid-area:editor;position:relative}[crud-basic-editor] [x-list]{display:flex;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .3s}[crud-basic-editor] [x-list] .title{flex:0 0 auto;font-size:1.15rem}[crud-basic-editor] [x-list] .subtitle{flex:0 0 auto;font-size:.9rem;opacity:.65}[crud-basic-editor] [x-list] .title:empty,[crud-basic-editor] [x-list] .subtitle:empty{display:none}[crud-basic-editor] [x-list] .search{flex:0 0 auto}[crud-basic-editor] [x-list] .title:not(:empty)+.search,[crud-basic-editor] [x-list] .subtitle:not(:empty)+.search{margin-top:.5rem}[crud-basic-editor] [x-list] .search [wf-input]{position:relative}[crud-basic-editor] [x-list] .search [wf-input] input{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-right:2rem}[crud-basic-editor] [x-list] .search [wf-input] .icon{color:var(--theme-accent);position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}[crud-basic-editor] [x-list] .items{flex:1 1 auto;border:1px solid var(--wf-accent-darker);border-top:0;overflow-y:auto}[crud-basic-editor] [x-list] .actions{flex:0 0 auto;background:var(--wf-accent-gray-lighter);border:1px solid var(--wf-accent-darker);border-top:none;border-radius:0 0 .15rem .15rem;padding:.2rem .25rem .25rem .25rem}[crud-basic-editor] [x-list] .actions:empty{display:none}[crud-basic-editor] [x-list] .actions .icon+*{margin-left:.35rem}[crud-basic-editor] [x-list] .actions [wf-button~='tool']{font-size:.8rem;padding-left:.6rem;padding-right:.65rem}[crud-basic-editor] [x-list] .actions [wf-button~='tool']+[wf-button~='tool']{margin-left:.25rem}[crud-basic-editor] [x-editor]{display:flex;flex-direction:column;position:absolute;left:0;top:0;height:100%;width:100%}[crud-basic-editor] [x-editor] .header{flex:0 0 auto;display:flex;align-items:flex-end;padding-bottom:.25rem;border-bottom:1px solid var(--wf-accent-gray-lighter)}[crud-basic-editor] [x-editor] .actions{flex:0 0 auto;padding-left:2rem;text-align:right}[crud-basic-editor] [x-editor] .actions:empty{display:none}[crud-basic-editor] [x-editor] .actions .icon+*{margin-left:.35rem}[crud-basic-editor] [x-editor] .actions [wf-button~='tool']{font-size:.95rem;padding:.25rem .75rem .3rem .75rem}[crud-basic-editor] [x-editor] .actions [wf-button~='tool']+[wf-button~='tool']{margin-left:.5rem}[crud-basic-editor] [x-editor] .title{flex:1 0 25%;font-size:1.15rem}[crud-basic-editor] [x-editor] .form{flex:1 1 auto;overflow-y:auto;position:relative;transition:opacity .3s}[crud-basic-editor] [x-editor] .buttons{border-top:1px solid var(--wf-accent-gray-lighter);padding-top:1rem;margin-top:.5rem;display:flex;align-items:center}[crud-basic-editor] [x-editor] .buttons:empty{display:none}[crud-basic-editor] [x-editor] .buttons>*{flex:1 0 auto}[crud-basic-editor] [x-editor] .buttons a{cursor:pointer}[crud-basic-editor] [x-editor] .buttons>.right{text-align:right;flex:0 0 auto}[crud-basic-editor] [x-editor] .buttons>.success{margin:0 1rem;text-align:right}[crud-basic-editor] [x-editor] .buttons>.success>*{display:inline-block;font-size:1rem;width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem;border-radius:5rem;color:var(--theme-text-on-accent);background:var(--theme-success);transform:translateX(1.75rem);opacity:0;visibility:hidden}[crud-basic-editor] [x-editor] .buttons>.success>*[visible]{transition:opacity .3s,transform .3s,visibility 0s 0s;opacity:1;transform:translateX(0);visibility:visible;animation-name:crud-basic-editor-pulse;animation-delay:.5s;animation-duration:1s;animation-iteration-count:2}[crud-basic-editor] [x-editor] .buttons>.success>*[hidden]{transition:opacity .3s,transform .3s,visibility 0s .3s;opacity:0;transform:translateX(1.75rem);visibility:hidden}@keyframes crud-basic-editor-pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}[crud-basic-editor] [x-editor] .buttons [wf-button]+[wf-button]{margin-left:.5rem}[crud-basic-editor] [x-prevent]{position:absolute;left:0;top:0;width:100%;height:100%;display:none}[crud-basic-editor][mode~='new'] [x-list],[crud-basic-editor][mode~='waiting'] [x-editor] .form{opacity:.15}[crud-basic-editor][mode~='new'] .list-container [x-prevent],[crud-basic-editor][mode~='waiting'] [x-editor] [x-prevent]{display:block}/*# sourceMappingURL=components.css.map */