:root{--color-green:#077878;--color-red:#9A4242;--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:#000;font:16px Body,Helvetica,Arial,"Lucida Grande",sans-serif;color:#fff;overflow:hidden}#Navigation{position:fixed;bottom:clamp(5px,calc(5px + (100vh - 300px) * .083),30px);left:50%;transform:translateX(-50%);margin-bottom:clamp(2px,calc(2px + (100vh - 300px) * .06),20px);text-align:center;z-index:2}#Navigation ul{display:flex;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:gray;background:#d3d3d3;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,#Navigation a#LinkShuffle{color:#fff}#Navigation a#LinkSearch,#Navigation a#LinkShuffle{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:#fff}#ShuffleLabel{position:fixed;top:calc(50% - 150px);left:50%;transform:translateX(-50%);font-size:24px;font-weight:700;text-align:center;white-space:nowrap;text-shadow:0 2px 8px var(--shadow-dark);z-index:1000;pointer-events:none}#ShuffleSpinner{position:fixed;top:50%;left:50%;width:230px;height:230px;transform:translate(-50%,-50%);object-fit:cover;box-shadow:0 8px 32px var(--shadow-dark);z-index:1000;pointer-events:none}#ResultsGrid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;background:#000;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:#000;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.transformOriginTopLeft.hover{transform-origin:top left}.thumbnail.transformOriginTop.hover{transform-origin:top}.thumbnail.transformOriginTopRight.hover{transform-origin:top right}.thumbnail.transformOriginLeft.hover{transform-origin:left}.thumbnail.transformOriginCenter.hover{transform-origin:center}.thumbnail.transformOriginRight.hover{transform-origin:right}.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;width:80px;height:80px;transform:rotate(45deg);background-position:center bottom;background-repeat:no-repeat;background-color:var(--color-green);border-bottom:3px solid var(--color-green);box-shadow:-1px 4px 17px 4px var(--shadow-soft)}.badge-CD{background-image:url("../images/icon-half-cd.png")}.badge-VINYL{background-image:url("../images/icon-half-vinyl.png")}.badge-DVD{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;overflow-x:clip}#Lightbox-content-release-info.fading{opacity:0}.release-track{position:relative;will-change:transform}.release-slide:first-child,.release-slide:nth-child(3){position:absolute;top:0;width:100%}.release-slide:first-child{left:-100%}.release-slide:nth-child(3){left:100%}.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;margin:5px 3px;color:var(--color-green);font-size:.7em;text-align:center;text-decoration:none;position:relative;z-index:999;white-space:nowrap}.share-link{display:none}.icon-copy,.icon-discogs,.icon-share,.icon-spotify{width:20px;height:20px;margin-left:3px;vertical-align:middle;display:inline-block}.nav-button{position:absolute;top:50%;transform:translateY(-50%);padding:10px 15px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;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:gray;background:var(--color-textfield-bg)}#SearchContainer #SearchEmpty img{width:34px;height:34px}#SearchContainer #SearchCheck{padding:16px 0 8px;background:var(--color-green);color:#fff;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:#000;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}.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 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;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;margin:0 auto}}@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}.lightbox-content{width:95%}.cover-large{width:90%}}@media (max-width:576px) and (orientation:landscape){.lightbox-content{width:98%;height:95vh;overflow:hidden}#Lightbox-content-release-info{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}.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{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}}