.library-search-overlay {
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0.85);
    position:fixed;
    z-index:100;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.5s;
}

.library-search-overlay-shown {
        top:0;
    left:0;
    opacity:1;
}
.library-search-overlay-hidden {
    top:-100vh;
    left:0;
    opacity:0;
}
.library-search-overlay-inside {
    width:100%;
    height:100%;
    background:var(--monoBack);
        display:grid;
        grid-template-columns:auto;
    align-items:flex-start;
    justify-content:center;
}
.library-search-overlay-exit {
    width:100%;
    display:block;
    background:var(--sitecolour);
    color:var(--siteinvert);
    text-align:right;
    padding:1em;
    transition:all 0.25s;
}
.library-search-overlay-exit:hover {
    color:var(--sitecolour);
    background:var(--siteinvert);
}
.library-search-overlay-exit:before {
    content:'Close';
    font-family:var(--lbSansSerif);
    margin-right:0.5em;
    font-weight:600;
}
.library-search-overlay-inside-title {
    font-family:var(--lbSansSerif);
    font-weight:900;
    font-size:1.5em;
}
.library-search-overlay-inside-searchbox {
  font-family:var(--lbSansSerif);
    font-size:125%;
    font-weight:600;
}

.library-search-overlay-inside-searchbox #search {
    font-size:inherit;
    font-family:inherit;
    font-weight:inherit;
    padding:1vmin;
    border-radius:1vmin;
}

.library-search-overlay-inside-searchbox .submitbutton {
        font-size:inherit;
    padding:1.5vmin;
    border-radius:1vmin;
    border:solid 0.5vmin transparent;
    background:#9f094c;
    color:white;
    transition:all 0.5s;
}

.library-search-overlay-inside-searchbox .submitbutton:hover {
    border-color:#9f094c;
    background:white;
    color:#9f094c;
}