.filesWrap{display:grid;grid-template-columns:1fr 2fr;height:100vh;box-shadow:0 0 10px #000 inset;border-radius:var(--border-radius-big)}.folders,.folders ul{width:100%;bottom:0;left:0;top:0}.folders{height:100%;border-right:solid 2px #333;background:#111;border-top-left-radius:inherit;overflow-y:auto}.folders ul{display:grid;right:0}.folders .folder{border-bottom:1px solid var(--main-color-very-dark);padding:.25em .5em}.files,.folders li{padding:0 .5em;width:100%}.files{height:100%;background:#222;overflow:auto;padding:.5em;min-width:10em;box-shadow:0 0 10px #000 inset;border-bottom-right-radius:inherit;border-top-right-radius:inherit}ul{margin:0;list-style:none;cursor:pointer;display:block;width:max-content;padding:0 .5em 0 0}ul li:hover{background:rgba(16,16,16,.5)}.files a:hover,.folder:hover{background:var(--main-color-dark)}.folder svg{fill:var(--main-color-yellow)}.files a{color:var(--main-color-gray)}.files svg{fill:var(--main-color-gray)}.files .fileWrap{display:grid;grid-template-columns:1fr 9em 5em;grid-gap:.5em}.listFiles{display:grid;grid-gap:.25em}.files .svgWrap{display:grid;align-items:center;grid-template-columns:2em 1fr}.myPanel{display:flex;grid-gap:.5em;background:var(--main-color-black);padding:.25em;border-radius:var(--border-radius-medium)}.myPanel svg{fill:var(--main-color-yellow);cursor:pointer}