c-window>c-calque>c-frame c-files c-tab>c-tabs>c-item>span{flex:1}c-window>c-calque>c-frame c-files c-tab>c-tabs>*{font-size:13px;line-height:1;text-align:center;font-weight:500;padding-bottom:10px}c-window>c-calque>c-frame c-files c-tab>c-tabs>c-item>small{background:var(--accent2);color:var(--accent-light);padding:2px 4px;border-radius:4px;margin-left:5px;min-width:14px}c-files{height:100%;user-select:none}c-window>c-calque>c-frame c-files>c-tab{height:245px}c-files .files{display:flex;flex-wrap:wrap;align-items:flex-start}c-files .files>.group:not(:hover).isArchive{opacity:.5}c-files .files>.group{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;position:relative}c-files .files>.group>.groupLabel>span{border:solid 1px var(--dark2);background:var(--light1);font-size:12px;padding:0 3px;line-height:23px;min-width:24px;height:24px;text-align:center;border-radius:4px;position:relative;z-index:2}c-files .files>.group>.groupLabel:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--light2);opacity:var(--backdrop-opacity)}c-files .files>.group>.groupLabel:after{content:"";position:absolute;left:5px;right:15px;top:50%;height:1px;background-color:var(--dark2)}c-files .files>.group>.groupLabel{content:"";position:sticky;width:100%;bottom:0;height:28px;padding-left:10px;padding-right:10px;display:flex;align-items:center;justify-content:flex-end;-webkit-backdrop-filter:var(--backdrop-effect);backdrop-filter:var(--backdrop-effect)}c-files .files .file{width:90px;min-height:90px;margin:5px;display:flex;flex-direction:column;padding:2px;cursor:default;border-radius:8px;overflow:hidden}c-files .files .file>.icon{height:48px;height:58px;background:url(../img/file.svg) no-repeat center/contain}c-files .files .file>span{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:12px;opacity:.9;text-align:center;line-height:1;margin-top:5px;margin-bottom:5px}c-files .files .file:hover{background:var(--light3)}c-window>c-calque>c-frame c-files c-tab>c-tabs{flex-wrap:wrap;justify-content:flex-start}c-window>c-calque>c-frame c-files c-tab>c-tabs:after{display:none}c-files .files:empty:before{content:"(Vide)";display:flex;align-items:center;justify-content:center;width:100%;height:100px}c-files.full{width:750px;max-width:calc(100vw - 60px);height:500px;max-height:calc(100vh - 110px);display:block}c-window>c-calque>c-frame c-files.full>c-tab{height:100%}c-files.full>c-tab{flex-direction:row}c-files.full>c-tab>c-tabs{flex-direction:column}c-files.full>c-tab>c-tabs>c-item>span{text-align:left}c-files.full>c-tab>c-tabs>*{padding:10px 15px 10px 15px;text-align:left;justify-content:flex-start;border-left:solid 4px transparent;font-size:14px}c-files.full>c-tab>c-tabs>c-item.current{border-color:var(--accent2)}c-files[data-mode=list] .files .file{width:100%;flex-direction:row;height:auto;min-height:0;align-items:center;scroll-snap-align:start}c-files[data-mode=list] .files .file>.icon{width:28px;height:28px;margin:4px}c-files[data-mode=list] .files .file>span{text-align:left;flex:1;font-size:14px;color:var(--dark1);opacity:1;overflow:visible}c-files[data-mode=list] .files .file>.infos{display:flex;flex-wrap:wrap;color:var(--dark3)}c-files[data-mode=list] .files .file>.infos>span{padding:4px 10px;min-width:150px;text-align:right}c-files:not([data-mode=list]) .files .file>.infos{display:none}c-files c-tab>c-panels>c-panel{height:100%}c-files.full .files>.group>.groupLabel:before,c-files.full c-tab>c-panels{background:var(--bgcolor)}c-files.full>c-tab>c-tabs>.hover{background:var(--accent);color:var(--accent-light);opacity:1}c-files.full c-tab>c-panels{border-top:solid var(--calque-top-height) var(--bgcolor);scroll-snap-type:y mandatory}c-files.full>c-tab>c-tabs:before{content:"Fichiers";font-weight:500;font-size:24px;padding:15px 20px}c-files .files .file.preserve{position:relative}c-files .files .file.preserve:before{content:"";width:6px;height:16px;border-right:solid 4px;border-bottom:solid 4px;position:absolute;left:50%;transform:rotate(35deg);top:50%;margin-top:-30px;margin-left:-3px;color:var(--accent)}