/* Library Selector Panel */
div#container {display:flex; flex-direction:column; justify-content:center; align-items:center;}
div#container div.librarypanel {display:flex; flex-direction:column; align-items:center; gap:2.5rem; padding:3rem;}
div#container div.librarypanel h1.head {font-size:4.5rem; font-weight:300; margin:0;}
div#container div.librarypanel div.libraryselect {display:flex; flex-direction:column; align-items:center; gap:8rem;}
div#container div.librarypanel div.libraryselect ul.librarylist {list-style:none; padding:0; margin:0;}
div#container div.librarypanel div.libraryselect ul.librarylist {display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap; gap:2.5rem 1.25rem;}
/* div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem {} */
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink {color:inherit; text-decoration:none;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink {display:flex; flex-direction:column; align-items:center; width:var(--logosize); gap:1rem;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink {--logosize:12rem;}
/* div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink:hover {} */
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink span.caption {display:block; font-size:1.375rem; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink span.caption {color:var(--forecolor1); transition:.25s;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink:hover span.caption {color:var(--forecolor);}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink img.librarylogo {--whiteglass:#FFF1;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink img.librarylogo {background-color:var(--whiteglass); border-radius:.625rem;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink img.librarylogo {/* object-fit:contain; aspect-ratio:.625; */ width:100%;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink img.librarylogo {object-fit:contain; aspect-ratio:1;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink img.librarylogo {display:grid; place-items:center;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink img.librarylogo {transition:.25s; /* padding:.5rem; */ border:.25rem solid transparent;}
div#container div.librarypanel div.libraryselect ul.librarylist li.libraryitem a.librarylink:hover img.librarylogo {border-color:var(--forecolor);}
div#container div.librarypanel div.libraryselect button.managebtn {background-color:transparent; color:var(--forecolor1); font-size:1.5rem; letter-spacing:.075em; cursor:pointer; transition:.25s; padding:.75em 1.5em; border:.125rem solid var(--forecolor1);}
div#container div.librarypanel div.libraryselect button.managebtn:hover {background-color:var(--forecolor); color:var(--backcolor);}



/* Media Library */
/* div#container div.library {} */
div#container div.library video.vid {display:block; object-fit:cover;}
div#container div.library video.vid {position:absolute; inset:0; height:100%; width:100%; max-height:100vh; max-width:100vw;}