:root{--color-green:#077878;--color-red:#9A4242;--color-lightgray:lightgray;--color-gray:gray;--color-white:#fff;--color-black:#000;--color-textfield-bg:#f1f1f1;--shadow-dark:rgba(0, 0, 0, 0.9);--shadow-soft:rgba(0, 0, 0, 0.24)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-black);font:16px Body,Helvetica,Arial,"Lucida Grande",sans-serif;color:var(--color-white);overflow:hidden}#Navigation{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;margin-bottom:20px;z-index:2}#Navigation ul{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;list-style:none;margin:0;padding:12px;background:rgba(255,255,255,.75);border-radius:35px;box-shadow:0 -1px 25px 4px var(--shadow-dark);white-space:nowrap}#Navigation li{display:flex;align-items:center}#Navigation a{display:inline-block;padding:11px;margin:0 3px;text-decoration:none;font-size:1.2rem;color:var(--color-gray);background:var(--color-lightgray);border-radius:30px}#Navigation img{width:22px;height:22px;margin-bottom:-3px}#Navigation a span.amount{display:inline-block;width:18px;font-size:.5em}#Navigation a#LinkSearch,#Navigation a#LinkSearchClear{color:var(--color-white)}#Navigation a#LinkSearch{background:var(--color-green)}#Navigation a#LinkSearchClear{background:var(--color-red)}#Navigation a#CD.active,#Navigation a#CD:active,#Navigation a#DVD.active,#Navigation a#DVD:active,#Navigation a#VINYL.active,#Navigation a#VINYL:active{background:var(--color-green);color:var(--color-white)}@media (max-height:600px){#Navigation{bottom:20px;margin-bottom:15px}}@media (max-height:500px){#Navigation{bottom:15px;margin-bottom:10px}}@media (max-height:400px){#Navigation{bottom:10px;margin-bottom:5px}}@media (max-height:300px){#Navigation{bottom:5px;margin-bottom:2px}}#ResultsGrid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;background:var(--color-black);z-index:1}#ResultsGrid.noStretch{grid-template-columns:repeat(auto-fit,150px)}.thumbnail{position:relative;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;background:var(--color-black);overflow:hidden;transition:transform .2s;-webkit-tap-highlight-color:transparent;user-select:none}.thumbnail:focus{outline:0}.thumbnail.hidden{display:none}.thumbnail.hover{transform:scale(1.2);z-index:3;cursor:pointer;box-shadow:0 0 33px 0 rgba(0,0,0,.8)}.thumbnail.transformOriginLeft.hover{transform-origin:left}.thumbnail.transformOriginTopLeft.hover{transform-origin:top left}.thumbnail.transformOriginTop.hover{transform-origin:top}.thumbnail.transformOriginTopRight.hover{transform-origin:top right}.thumbnail.transformOriginRight.hover{transform-origin:right}.thumbnail.transformOriginCenter.hover{transform-origin:center}.thumbnail.transformOriginBottomLeft.hover{transform-origin:bottom left}.thumbnail.transformOriginBottom.hover{transform-origin:bottom}.thumbnail.transformOriginBottomRight.hover{transform-origin:bottom right}.thumbnailImage{width:100%;height:100%;object-fit:cover}.thumbnailImage.portrait,.thumbnailImage.slightly-landscape{width:auto}.thumbnailImage.landscape,.thumbnailImage.slightly-portrait{height:auto}.hover-info{outline:3px solid var(--color-green);outline-offset:-3px}.hover-info .hover-info-contents{opacity:.8;transition:opacity .4s linear}.hover-info-contents{position:absolute;bottom:0;width:100%;padding:6px 0;background:var(--color-green);text-align:center;opacity:0}.hover-info-contents__artist{font-size:13px;font-weight:700;margin-bottom:3px}.hover-info-contents__title{font-size:11px}.hover-info-contents__format-and-year{font-size:10px}.badge{position:absolute;top:-43px;right:-43px;transform:rotate(45deg);width:80px;height:80px;background-position:center bottom;background-repeat:no-repeat;border-bottom:3px solid;box-shadow:-1px 4px 17px 4px var(--shadow-soft)}.badge[class*=badge-]{background-color:var(--color);border-bottom-color:var(--color)}.badge-CD{--color:var(--color-green);background-image:url("../images/icon-half-cd.png")}.badge-VINYL{--color:var(--color-green);background-image:url("../images/icon-half-vinyl.png")}.badge-DVD{--color:var(--color-green);background-image:url("../images/icon-half-dvd.png")}#Lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);text-align:center;z-index:50}.lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#Lightbox-content-release-info{opacity:1;transition:opacity .2s ease-in-out}#Lightbox-content-release-info.fading{opacity:0}.cover-large{width:500px;height:auto;margin-bottom:15px;position:relative}.artist{font-weight:700;line-height:24px}.release-title{font-size:.8em;margin-bottom:20px}.copy-link,.discogs-link,.share-link,.spotify-link{display:inline-block;padding:5px 5px;color:var(--color-green);font-size:.7em;text-align:center;text-decoration:none;margin:5px 3px;position:relative;z-index:999;white-space:nowrap}.icon-copy,.icon-discogs,.icon-share,.icon-spotify{width:20px;height:20px;margin-left:3px;vertical-align:middle;display:inline-block;white-space:nowrap}.nav-button{position:absolute;top:50%;transform:translateY(-50%);padding:10px 15px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:var(--color-white);font-size:1.5rem;cursor:pointer;transition:background .3s}.nav-button:hover{background:#000}#PrevRelease{left:-66px}#NextRelease{right:-66px}#SearchContainer{box-shadow:2px 2px 46px 40px rgba(0,0,0,.34)}#SearchContainer #SearchField,#SearchContainer button{float:left;padding:1.3rem;font-size:1.5rem;border:none;outline:0}#SearchContainer #SearchField{width:70%;background:var(--color-textfield-bg);border-radius:5px 0 0 5px}#SearchContainer button{width:15%;margin-left:-1px;cursor:pointer}#SearchContainer #SearchEmpty{margin-left:-2px;padding:19px 0 11px;color:var(--color-gray);background:var(--color-textfield-bg)}#SearchContainer #SearchEmpty img{width:34px;height:34px}#SearchContainer #SearchCheck{padding:16px 0 8px;background:var(--color-green);color:var(--color-white);border-radius:0 5px 5px 0}#SearchContainer #SearchCheck img{width:40px;height:40px}#SearchContainer::after{content:"";display:table;clear:both}#SearchResultInfo{height:0;margin-top:1.2rem}#NumberOfSearchResults{font-weight:700}#LoadingLayer{position:fixed;inset:0;background:var(--color-black);z-index:9999}#LoadingLayer p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#LoadingLayer img{margin-bottom:20px;animation:spin 2s infinite linear}.bottom-spacer{height:100px;width:100%}.release-info-layer{display:none}.share-link{display:none}.copy-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:4px;z-index:1000;animation:fadeInOut 2s ease-in-out}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInFromLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0}}@media (hover:none) and (pointer:coarse){.thumbnail.hover{transform:none;z-index:auto;cursor:pointer;box-shadow:none}.hover-info{outline:0}.hover-info .hover-info-contents{opacity:0}}@media (min-width:577px){.copy-link,.discogs-link,.share-link,.spotify-link{margin:5px 10px}}@media (max-width:768px){.share-link{display:inline}}@media (max-width:480px){#SearchContainer{width:350px}}@media (max-width:1024px){#ResultsGrid{zoom:0.8}#ResultsGrid.noStretch{grid-template-columns:repeat(auto-fit,180px)}}@media (max-width:576px){#ResultsGrid{zoom:0.7}#ResultsGrid.noStretch{grid-template-columns:repeat(auto-fit,180px)}.lightbox-content{width:95%}.cover-large{width:90%;will-change:transform}.cover-large.slide-out-left{animation:slideOutLeft .2s ease-in-out forwards}.cover-large.slide-out-right{animation:slideOutRight .2s ease-in-out forwards}}@media (max-width:576px) and (orientation:landscape){.lightbox-content{width:98%;height:95vh;overflow:hidden}#Lightbox-content-release-info{text-align:center;padding:10px}.cover-large{width:50%;max-height:40vh;object-fit:contain;margin-bottom:10px}.copy-link,.discogs-link,.share-link,.spotify-link{display:inline-block!important;font-size:.6em;padding:3px 5px;margin:2px 2px}.artist{font-size:.8em;margin-bottom:5px}.release-title{font-size:.6em;margin-bottom:10px}}@media (min-width:577px) and (max-width:1024px) and (orientation:landscape){.lightbox-content{width:98%;height:95vh;overflow:hidden}#Lightbox-content-release-info{text-align:center;padding:15px}.cover-large{width:45%;max-height:50vh;object-fit:contain;margin-bottom:15px}.copy-link,.discogs-link,.share-link,.spotify-link{display:inline-block!important;font-size:.65em;padding:4px 6px;margin:3px 3px}}