@font-face{font-family:DIN;font-style:normal;font-weight:400;src:url(/static/media/DIN-Regular.93f8fccd22ac0821a21c.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DIN,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{background-color:#fff;min-height:100vh;padding:2rem 1rem;transition:background-color .3s,color .3s}.App.dark-mode{background-color:#1a1a1a;color:#e0e0e0}.App.dark-mode .header{border-bottom-color:#fff}.App.dark-mode .site-title{color:#fff}.App.dark-mode .search-input{background-color:#2a2a2a;border-color:#fff;color:#e0e0e0}.App.dark-mode .search-input::placeholder{color:#666}.App.dark-mode .search-input:focus{background-color:#333}.App.dark-mode .controls{border-bottom-color:#444}.App.dark-mode .filter-select,.App.dark-mode .sort-select{background-color:#2a2a2a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");border-color:#666;color:#e0e0e0}.App.dark-mode .filter-select:hover,.App.dark-mode .sort-select:hover{border-color:#999}.App.dark-mode .filter-toggle{background-color:#2a2a2a;border-color:#666;color:#e0e0e0}.App.dark-mode .filter-toggle:hover{border-color:#999}.App.dark-mode .vinyl-row{border-bottom-color:#333}.App.dark-mode .vinyl-row:hover{background-color:#252525}.App.dark-mode .vinyl-row-expanded,.App.dark-mode .vinyl-row-expanded:hover{background-color:#2a2a2a}.App.dark-mode .vinyl-img{border-color:#444}.App.dark-mode .vinyl-img:hover{border-color:#666}.App.dark-mode .vinyl-artist{color:#fff}.App.dark-mode .vinyl-title{color:#e0e0e0}.App.dark-mode .vinyl-condition,.App.dark-mode .vinyl-format,.App.dark-mode .vinyl-label,.App.dark-mode .vinyl-year{color:#999}.App.dark-mode .vinyl-price{color:#fff}.App.dark-mode .vinyl-item{border-bottom-color:#333}.App.dark-mode .vinyl-contact{background-color:#252525;border-top-color:#333}.App.dark-mode .contact-heading{color:#999}.App.dark-mode .contact-link{border-bottom-color:#666;color:#e0e0e0}.App.dark-mode .contact-link:hover{border-bottom-color:#fff}.App.dark-mode .price-tooltip{background-color:#2a2a2a;border-color:#666;box-shadow:0 2px 8px #0000004d}.App.dark-mode .tooltip-title{color:#999}.App.dark-mode .tooltip-stat{color:#e0e0e0}.App.dark-mode .tooltip-footer{border-top-color:#444;color:#999}.header{justify-content:center;margin:0 auto 3rem;max-width:1200px}.header,.logo-container{align-items:center;display:flex}.logo-container{flex-direction:column;gap:.5rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.site-title{font-size:12px;font-weight:400;letter-spacing:.5px;margin:0 0 0 14px;text-transform:lowercase}.site-logo{display:block;height:140px;width:auto}.header-controls{align-items:center;display:flex;gap:1rem}.search-input{background-color:#fff;border:1px solid #ccc;color:#333;font-family:DIN,sans-serif;font-size:12px;padding:.4rem .6rem;transition:background-color .2s,border-color .2s;width:200px}.search-input:hover{border-color:#999}.search-input:focus{border-color:#000;outline:none}.search-input::placeholder{color:#999}.theme-toggle{background:none;border:1px solid #000;cursor:pointer;font-family:DIN,sans-serif;font-size:1rem;line-height:1;padding:.5rem .75rem;transition:all .2s}.theme-toggle:hover{background-color:#f0f0f0}.App.dark-mode .theme-toggle{border-color:#fff;color:#fff}.App.dark-mode .theme-toggle:hover{background-color:#333}.main{margin:0 auto;max-width:1200px}.controls{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.controls-top{align-items:center;display:flex;gap:1rem}.filter-toggle{background-color:#fff;border:1px solid #ccc;color:#333;cursor:pointer;font-family:DIN,sans-serif;font-size:12px;padding:.4rem .6rem;text-transform:lowercase;transition:background-color .2s,border-color .2s;white-space:nowrap}.filter-toggle:hover{border-color:#999}.filter-toggle:focus{border-color:#000;outline:none}.filters-wrapper{display:none;flex-wrap:wrap;gap:1rem}.filters,.filters-wrapper.filters-open{display:flex}.filters{flex:1 1;flex-wrap:wrap;gap:1rem}.filter-select,.sort-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid #ccc;color:#333;cursor:pointer;font-family:DIN,sans-serif;font-size:12px;padding:.4rem 1.75rem .4rem .6rem}.filter-select:hover,.sort-select:hover{border-color:#999}.filter-select:focus,.sort-select:focus{border-color:#000;outline:none}.sort{flex-shrink:0}.vinyl-list{display:flex;flex-direction:column}.pagination{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding:2rem .75rem}.pagination-button{background-color:#fff;border:1px solid #ccc;color:#333;cursor:pointer;font-family:DIN,sans-serif;font-size:12px;padding:.4rem .6rem;text-transform:lowercase;transition:background-color .2s,border-color .2s}.pagination-button:hover:not(:disabled){border-color:#999}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-family:DIN,sans-serif;font-size:12px;text-transform:lowercase}.App.dark-mode .pagination-button{background-color:#2a2a2a;border-color:#666;color:#e0e0e0}.App.dark-mode .pagination-button:hover:not(:disabled){border-color:#999}.App.dark-mode .pagination-info{color:#999}.image-overlay{align-items:center;background-color:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.image-overlay-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.enlarged-image{max-height:90vh;max-width:100%;object-fit:contain}.close-button{align-items:center;background-color:#000c;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:32px;height:40px;justify-content:center;line-height:40px;padding:0 0 2px;position:absolute;right:-3rem;top:0;transition:background-color .2s;width:40px}.close-button:hover{background-color:#fff3}.vinyl-item{border-bottom:1px solid #e0e0e0}.vinyl-row{align-items:center;cursor:pointer;display:flex;gap:1.5rem;justify-content:space-between;padding:.75rem;transition:background-color .15s}.vinyl-row:hover{background-color:#fafafa}.vinyl-row-expanded,.vinyl-row-expanded:hover{background-color:#f0f0f0}.vinyl-row-expanded .vinyl-img{height:120px;width:120px}.vinyl-contact{background-color:#f9f9f9;border-top:1px solid #e0e0e0;padding:1rem .75rem}.contact-content{display:flex;flex-direction:column;gap:.75rem}.tags-and-details{align-items:center}.tags-and-details,.vinyl-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:initial;border:1px solid #ccc;border-radius:2px;color:#666;font-family:DIN,sans-serif;font-size:11px;padding:.25rem .5rem;text-transform:lowercase}.App.dark-mode .tag{border-color:#666;color:#999}.contact-details{align-items:center;display:flex;gap:.5rem}.detail-item{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:2px;color:#333;font-family:DIN,sans-serif;font-size:11px;font-weight:500;padding:.25rem .5rem;text-transform:lowercase}.App.dark-mode .detail-item{background-color:#2a2a2a;border-color:#555;color:#e0e0e0}.contact-heading{color:#666;font-size:12px;margin:0;text-transform:lowercase}.contact-options{display:flex;flex-wrap:wrap;gap:1.5rem}.contact-link{border-bottom:1px solid #ccc;color:#000;font-size:12px;padding-bottom:2px;text-decoration:none;text-transform:lowercase;transition:border-color .2s}.contact-link:hover{border-bottom-color:#000}.vinyl-images{flex-shrink:0}.vinyl-image-link{cursor:pointer;display:flex;gap:.5rem;text-decoration:none}.vinyl-img{border:1px solid #e0e0e0;cursor:pointer;height:60px;object-fit:cover;transition:opacity .2s,border-color .2s;width:60px}.vinyl-row-expanded .vinyl-img:hover{border-color:#999;opacity:.8}.vinyl-main{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem 1.5rem;text-transform:lowercase}.vinyl-artist{font-weight:700}.vinyl-artist,.vinyl-title{color:#000;font-size:.95rem}.vinyl-label{color:#666;font-size:.85rem}.swapped-badge{background-color:initial;border:1px solid #ccc;border-radius:2px;color:#999;font-family:DIN,sans-serif;font-size:.75rem;font-weight:400;padding:.2rem .5rem;text-transform:lowercase}.App.dark-mode .swapped-badge{border-color:#666;color:#999}.vinyl-item-swapped{opacity:.5}.vinyl-item-swapped:hover{opacity:.7}.vinyl-meta{align-items:baseline;display:flex;flex-shrink:0;gap:1.5rem}.vinyl-format{min-width:35px}.vinyl-format,.vinyl-year{color:#666;font-size:.85rem}.vinyl-year{min-width:40px}.vinyl-condition{color:#666;font-size:.85rem;min-width:35px}.vinyl-price{color:#000;min-width:60px;text-align:right}.price-loading,.vinyl-price{font-size:.95rem;font-weight:400}.price-loading{color:#999;letter-spacing:2px}.price-info-wrapper{display:inline-block;margin-left:4px;position:relative}.price-info-icon{color:#999;cursor:help;font-size:10px;font-weight:400;text-transform:lowercase}.price-tooltip{background-color:#fff;border:1px solid #ccc;bottom:100%;box-shadow:0 2px 8px #0000001a;margin-bottom:.5rem;min-width:200px;opacity:0;padding:.75rem;position:absolute;right:0;transition:opacity .2s,visibility .2s;visibility:hidden;z-index:100}.price-info-wrapper:hover .price-tooltip{opacity:1;visibility:visible}.tooltip-title{color:#666;margin:0 0 .5rem}.tooltip-stat,.tooltip-title{font-size:11px;font-weight:400;text-align:left;text-transform:lowercase}.tooltip-stat{color:#000;margin:.25rem 0}.tooltip-footer{border-top:1px solid #e0e0e0;color:#999;font-size:10px;font-weight:400;margin:.5rem 0 0;padding-top:.5rem;text-align:left;text-transform:lowercase}@media (min-width:769px){.filter-toggle{display:none}.filters-wrapper{display:flex!important}.vinyl-meta{display:none}.tags-and-details{gap:.5rem}}@media (max-width:768px){.App{padding:1.5rem 1rem}.header{align-items:center;margin-bottom:2rem}.site-logo{height:100px}.controls-top{width:100%}.search-input{flex:1 1}.filters,.filters-wrapper{width:100%}.filters{flex-direction:column}.filter-select,.sort,.sort-select{width:100%}.vinyl-row{grid-gap:.75rem 1rem;align-items:center;display:grid;gap:.75rem 1rem;grid-template-columns:auto 1fr;padding:1rem .75rem}.vinyl-images{flex-shrink:0;grid-column:1;grid-row:1}.vinyl-image-link{flex-direction:row;gap:.5rem}.vinyl-img,.vinyl-row-expanded .vinyl-img{height:70px;width:70px}.vinyl-main{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;grid-column:2;grid-row:1;width:100%}.vinyl-artist{font-size:.95rem;font-weight:700;line-height:1.3;width:100%}.vinyl-title{font-size:.9rem;line-height:1.3;width:100%}.vinyl-label{font-size:.85rem;margin-top:.15rem;width:100%}.vinyl-meta{display:none}.vinyl-condition,.vinyl-format,.vinyl-year{font-size:.85rem;min-width:auto}.vinyl-price{font-size:.9rem;font-weight:500;min-width:auto;text-align:left}.contact-options{gap:1rem}.contact-content{gap:.5rem}.vinyl-contact{padding:1rem .75rem}}
/*# sourceMappingURL=main.d7f9473e.css.map*/