#mediaGrid{display:flex;flex-grow:1;width:100%}#mediaGrid .c1{width:100%;position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start}#mediaGrid .c1:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 70px);background:url(/img/li-outline-media2.svg);background-size:180px 140px}#mediaGrid .c1 li{margin:0 20px 20px 0;width:160px}#mediaGrid .c1 li:hover .butdbl{opacity:1}#mediaGrid .c1 li.media{cursor:pointer}#mediaGrid .c1 li.selected:after{border-color:var(--pri-bg);background:hsla(0,0%,100%,.7)}#mediaGrid .c2{flex-grow:1;min-width:320px}#mediaGrid .c2.sticky{max-height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden}#mediaGrid .c2.sticky:empty{height:100%;border:1px solid #d8d8d8;border-radius:var(--box-rad)}#mediaGrid.select .c2.sticky{top:0}#mediaGrid.select button.select{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}#mediaGrid span.audio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000}#mediaGrid span.audio svg{width:90px;height:66px}#mediaGrid span.audio svg .fill{fill:#ccc}#mediaGrid picture{transition:opacity .3s ease-in-out}