@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;600;700&family=Six+Caps&display=swap";footer.svelte-7vbba0{background:var(--colors-black);color:var(--colors-gray-light);padding:2rem;display:grid;grid-template-areas:"logo" "links" "legal"}@media screen and (min-width: 48.0625rem){footer.svelte-7vbba0{grid-template-areas:". logo" "links logo" "links legal"}}h5.os-logo.svelte-7vbba0{text-align:right;font-size:1.25rem;font-weight:600;margin:0 0 1rem;grid-area:logo}ul.svelte-7vbba0{font-size:var(--font-small);grid-area:links}li.svelte-7vbba0{margin:0 0 .95rem;text-align:right}@media screen and (min-width: 48.0625rem){li.svelte-7vbba0{text-align:left}}ul.svelte-7vbba0 li:where(.svelte-7vbba0) a:where(.svelte-7vbba0){text-decoration:none;font-weight:600}p.svelte-7vbba0,ul.svelte-7vbba0 li:where(.svelte-7vbba0) span:where(.svelte-7vbba0){display:block;font-size:.75rem;color:var(--colors-gray);margin:.25rem 0 0}div.legal.svelte-7vbba0{grid-area:legal}div.legal.svelte-7vbba0 p:where(.svelte-7vbba0){text-align:right}li.about.svelte-1m6rp9x{flex:1;display:flex;justify-content:center;flex-direction:column;background-color:var(--colors-dark-blue);padding:3rem 2rem;-webkit-mask:var(--mask);mask:var(--mask)}h3.svelte-1m6rp9x{font-family:six caps,sans-serif;font-size:clamp(3rem,10svw,4rem);font-weight:400;text-align:left;text-transform:uppercase}li.discogs-profile.svelte-r2y2j,li.discogs-sync.svelte-r2y2j a:where(.svelte-r2y2j){padding:2rem}li.discogs-profile.svelte-r2y2j h2:where(.svelte-r2y2j){margin:0 0 .5rem}li.discogs-profile.svelte-r2y2j ul:where(.svelte-r2y2j){display:flex;flex-direction:column;gap:.25rem}li.discogs-sync.svelte-r2y2j a:where(.svelte-r2y2j){display:flex;gap:2rem;background:var(--colors-black);color:var(--colors-gray-light)}li.discogs-sync.svelte-r2y2j a:where(.svelte-r2y2j) div:where(.svelte-r2y2j){flex:1}li.discogs-sync.svelte-r2y2j a:where(.svelte-r2y2j) div:where(.svelte-r2y2j):first-of-type{flex:1.5;display:flex;flex-direction:column;justify-content:space-between}li.discogs-sync.svelte-r2y2j a:where(.svelte-r2y2j) div:where(.svelte-r2y2j):first-of-type>:where(.svelte-r2y2j){flex:1}li.zine-section.svelte-c8wrq5{background-color:var(--colors-white);color:var(--colors-warm-taupe);margin:-1rem 0 0;padding:4rem 4rem 3rem;-webkit-mask:var(--mask);mask:var(--mask)}:root{--column-width: 36px;--mask: radial-gradient(20.31px at 50% 28.6px, #000 99%, #0000 101%) calc(50% - 26px) 0/52px 100%, radial-gradient(20.31px at 50% -15.6px, #0000 99%, #000 101%) 50% 13px/52px 100% repeat-x;--colors-white: hsl(34, 78%, 91%);--colors-dark-blue: hsl(248, 39%, 39%);--colors-warm-taupe: oklab(.57 .06 -.04)}input[type=checkbox].svelte-1419euj{display:none}nav.svelte-1419euj{min-height:100svh;height:100dvh;display:grid;grid-template-columns:minmax(min-content,1fr) var(--column-width);z-index:2;position:sticky;top:0;width:clamp(300px,25svw,460px);transform:translate(calc(-100% + var(--column-width)));transition:transform .6s cubic-bezier(.68,-.15,.27,1.15)}input[type=checkbox].svelte-1419euj:checked+nav:where(.svelte-1419euj){transform:translate(0);box-shadow:-4px 0 8px #aaa}label.spine.svelte-1419euj{cursor:pointer;transform:rotate(180deg);display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;writing-mode:vertical-rl;text-orientation:mixed;background:#fafafa;padding-inline:12px;width:var(--column-width)}label.spine.svelte-1419euj h3:where(.svelte-1419euj){flex:1;text-align:center}label.spine.svelte-1419euj div:where(.svelte-1419euj){flex:1;font-size:.65rem;letter-spacing:.05rem}label.spine.svelte-1419euj div:where(.svelte-1419euj):first-of-type{display:flex;justify-content:flex-end;z-index:3}input[type=checkbox].svelte-1419euj:checked+nav:where(.svelte-1419euj) span.icon:where(.svelte-1419euj):after{display:inline-block;content:"↑"}nav.svelte-1419euj span.icon:where(.svelte-1419euj):after{display:inline-block;content:"↓"}nav.svelte-1419euj ul:where(.svelte-1419euj){display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--colors-black);font-size:var(--font-small);font-weight:600;color:var(--colors-gray-light)}.feed-grid{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-auto-rows:minmax(min-content,max-content);grid-gap:1.65rem;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow:auto;scrollbar-width:none;margin:0 0 1rem;padding:0 1.65rem}@media screen and (min-width: 48.0625rem){.feed-grid{padding:0 2rem}}.feed-grid::-webkit-scrollbar{display:none}.feed-grid .first-item{display:flex}*{padding:0;margin:0;list-style-type:none;color:inherit;text-decoration:none;box-sizing:border-box}html{--desktop: 48.0625rem}html{--colors-black: #1d1d1d;--colors-gray: #958ea5;--colors-gray-light: #f3f3f3;--colors-gray-blue: #91aec7;--colors-green: #b3b5a6;--colors-green-dark: #8b8d7d;--colors-green-light: #e3eadc;--colors-red: #eb3c1c;--colors-dusty-red: #cd6b67}html,body{margin:0;color:var(--colors-black);font-size:1em;font-family:Inter Tight,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}html{--y-padding: .85rem;--x-padding: 1.75rem}html{--radius: 5px;--font-x-small: .75rem;--font-small: .825rem;--grid-item-width: 12svw;--grid-item-min-width: 148px;--grid-item-max-width: 200px}div#os-root-container{display:block;min-height:100vh;display:grid;grid-template-rows:[header-start] minmax(0px,min-content) [header-end main-start] 1fr [main-end footer-start] min-content [footer-end];grid-template-columns:[nav-start] 36px [nav-end full-start footer-start] 1fr [full-end footer-end]}header{padding-top:env(safe-area-inset-top);grid-row:header;grid-column:full}nav{grid-column:nav;grid-row:main-start;height:100vh}main{grid-row:main;grid-column:full;z-index:1;overflow:hidden}footer{grid-row:footer;grid-column:footer}form input{color:inherit}form label{color:var(--colors-gray);font-size:var(--font-x-small);font-weight:600}.os-logo{font-family:Inter Tight,arial,sans-serif;font-weight:600;letter-spacing:-.0325rem}h3.os-logo{font-size:.95rem;letter-spacing:-.025rem}@keyframes animate-header{0%{grid-template:"header" 50vh "main" 1fr "footer" min-content/1fr}to{grid-template:"header" 60px "main" 1fr "footer" min-content/1fr}}
