:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:clip}body{color:rgb(var(--foreground-rgb));background-color:#20121e}.screen-reader-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}main{margin:0 auto;max-width:1600px;padding:1rem}.container-narrow{margin:0 auto;max-width:100%;width:960px}p{line-height:1.7;margin-bottom:1rem}.page-section p{font-size:1.25rem}a{color:inherit}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}h1,h2,h3{margin-bottom:1rem}ul{margin-top:1rem}li:not(last-child){margin-bottom:1rem}.site-header{background-color:rgba(72,25,66,0);display:block;margin:0 auto 2rem;max-width:100%;padding:1rem 0;text-align:center;transition:background-color .25s linear;width:100%;z-index:10}.site-header .home{margin-bottom:1rem}.site-header .menu{max-width:100%}.site-header .menu+.menu{margin-top:1rem}.menu ul{display:grid;align-items:center;justify-content:center;grid-auto-flow:column;grid-gap:1rem;gap:1rem;height:100%;list-style-type:none;margin:0}.menu li{display:inline-block;margin-bottom:0}.site-logo{height:auto;max-width:100%}@supports (content-visibility:auto){.site-logo{content-visibility:auto;contain-intrinsic-size:282px 37px}.tape-coverfront{content-visibility:auto;contain-intrinsic-size:168px 304px}}.page-section{margin-bottom:2rem}table{width:100%}thead{background-color:#fff;color:#000;display:none}thead td{vertical-align:middle}tbody tr{display:block}tbody td{display:grid;grid-template-columns:30% 2fr}.table-library{align-items:center}tbody tr:not(last-child){border-bottom:1px solid #fff;margin-bottom:1rem;padding-bottom:1rem}td{padding:.5rem 0;vertical-align:top}tbody td:before{content:attr(data-label) ": ";float:left;font-weight:600;margin-right:.5rem}table img{height:auto;width:100%}.form{margin-bottom:2rem}.form .form-row{align-items:center;display:grid;grid-template-rows:auto 1fr;grid-gap:1rem;gap:1rem}.form .form-row.single{grid-template-rows:auto 1fr}.form .form-row+.form-row{margin-top:2rem}.label,label{font-size:1.25rem}label[for=add-to-library] input{margin-right:.5rem}input,select,textarea{font-size:1rem}input:not([type=file]),select,textarea{background-color:#2b2a33;border:none;border-radius:0;color:rgb(var(--foreground-rgb));padding:.5rem}input[type=file]{color:transparent;font-size:0;margin-left:-1rem;margin-top:-1rem}label[for=coverfront]{align-self:self-start}.image-container{display:grid;grid-template-rows:70px auto}.image-upload-preview{height:auto;width:250px}.input-searchable{color:#000}.genres-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.checkbox-label{align-items:center;display:flex}.checkbox-genre{margin-right:.5rem}input[type=file]::-webkit-file-upload-button{appearance:none;background-color:#2b2a33;border:none;border-radius:0;color:#fff;font-size:1rem;padding:.5rem 1rem;-webkit-appearance:none}.button,.button-padding,button[type=submit],input[type=file]::file-selector-button,input[type=submit]{-moz-appearance:none;appearance:none;background-color:#2b2a33;border:none;border-radius:0;color:#fff;font-size:1rem;padding:.5rem 1rem;-webkit-appearance:none}.button{cursor:pointer}.button:focus,.button:hover{opacity:.7}input[type=file]::-webkit-file-upload-button{margin:1rem 0 1rem 1rem}.search-form button[type=submit],input[type=file]::file-selector-button{margin:1rem 0 1rem 1rem}.input-barcode{width:12rem}.input-year{-moz-appearance:textfield;width:3.75rem}.input-year::-webkit-inner-spin-button,.input-year::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.readonly input,input.readonly{opacity:50%}.cover-front{max-width:100%}.container-single-tape{max-width:100%;width:960px}.container-single-tape-cover{margin-bottom:2rem}.container-single-tape-cover img{height:auto;max-width:100%;width:100%}.multi-select-row{margin:2rem auto 0}.multi-select-column{margin-bottom:1rem}.multi-select-label{display:block;font-size:1rem;padding-bottom:.5rem}.container-single-tape-row+.container-single-tape-row{margin-top:2rem}.tape-results.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2rem;margin:0 auto}.image-container{height:100%;position:relative}.cover-grid-container{height:304px;margin-bottom:1rem;width:168px}.cover-grid-container img{object-fit:contain}.pagination{display:grid;grid-template-areas:"prev . next";grid-template-columns:auto 1fr auto;justify-items:start;padding:2rem 0}.previous-link{justify-self:start}.next-link{grid-area:next;justify-self:end}.form-row-editable,.page-content-header{margin-bottom:2rem}.editable-fields-row,.editable-fields-row form{align-content:center;display:grid;grid-gap:10px;gap:10px;grid-auto-columns:min-content;grid-auto-flow:column;justify-content:start}.editable-fields-row form{margin-bottom:0}.editable-fields-value{align-self:center}.message-response{padding:.5rem .75rem}.message-error{border:1px solid #e3a7a7}.message-error,.message-success{background-color:hsla(0,0%,93%,.25)}.message-success{border:1px solid #a7e3bd}@Media (min-width:600px){.container-single-tape{display:grid;grid-template-columns:40% calc(60% - 2rem);grid-gap:2rem;margin:0 auto}.container-single-tape-cover{margin-bottom:0}.tape-results.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){thead{display:table-header-group}tbody tr{display:table-row}tbody td{display:table-cell}tbody td:before{content:"";display:none}.genres-checkboxes{grid-template-columns:repeat(3,1fr)}td{padding:.5rem 1rem}.table-description{width:450px}.tape-results.grid{grid-template-columns:repeat(4,minmax(0,1fr))}h1{font-size:2rem}h2{font-size:1.5rem}.site-header{padding:0}.menu-containers{display:grid;grid-template-columns:auto auto 1fr;justify-content:space-between;padding:1rem}.menu-navigation{align-content:center}.menu-user{justify-self:end}.site-header .home{margin:0 1rem}.site-header .menu+.menu{margin:0}.site-header{position:-webkit-sticky;position:sticky;top:0}.site-header.scrolled{background-color:#481942}.multi-select-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2rem}.multi-select-column{margin-bottom:0}}@media (min-width:1200px){.genres-checkboxes{grid-template-columns:repeat(4,1fr)}.form .form-row{align-items:center;display:grid;grid-template-columns:12rem 1fr;grid-template-rows:unset;grid-gap:2rem;gap:2rem}.form .form-row-single{grid-template-columns:12rem 1fr;grid-template-rows:unset}.add-form button[type=submit],.form-message{grid-column:span 2}.add-form button[type=submit]{margin:1rem 0 1rem 14rem}.form-message{margin:0 0 1rem 14rem}.tape-results.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1400px){.genres-checkboxes{grid-template-columns:repeat(7,1fr)}.tape-results.grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}