@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;600;700&family=Six+Caps&display=swap";footer.svelte-178dl3j{background:var(--colors-black);color:var(--colors-gray-light);grid-template-areas:"logo""links""legal";padding:2rem;display:grid}@media screen and (width>=48.0625rem){footer.svelte-178dl3j{grid-template-areas:".logo""links logo""links legal"}}h5.os-logo.svelte-178dl3j{text-align:right;grid-area:logo;margin:0 0 1rem;font-size:1.25rem;font-weight:600}ul.svelte-178dl3j{font-size:var(--font-small);grid-area:links}li.svelte-178dl3j{text-align:right;margin:0 0 .95rem}@media screen and (width>=48.0625rem){li.svelte-178dl3j{text-align:left}}ul.svelte-178dl3j li:where(.svelte-178dl3j) a:where(.svelte-178dl3j){align-items:center;gap:.25rem;font-weight:600;text-decoration:none;display:flex}p.svelte-178dl3j,ul.svelte-178dl3j li:where(.svelte-178dl3j) span:where(.svelte-178dl3j){color:var(--colors-gray);margin:.25rem 0 0;font-size:.75rem;display:block}div.legal.svelte-178dl3j{grid-area:legal}div.legal.svelte-178dl3j p:where(.svelte-178dl3j){text-align:right}li.about.svelte-17osx1g{background-color:var(--colors-dark-blue);-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);flex-direction:column;flex:1;justify-content:flex-start;gap:1rem;padding:2rem 1rem;display:flex}h3.svelte-17osx1g{text-align:left;text-transform:uppercase;font-family:six caps,sans-serif;font-size:clamp(3rem,10svw,4rem);font-weight:400}li.discogs-profile.svelte-12lr7eq,li.discogs-sync.svelte-12lr7eq a:where(.svelte-12lr7eq){padding:2rem}li.discogs-profile.svelte-12lr7eq h2:where(.svelte-12lr7eq){margin:0 0 .5rem}li.discogs-profile.svelte-12lr7eq ul:where(.svelte-12lr7eq){flex-direction:column;gap:.25rem;display:flex}li.discogs-sync.svelte-12lr7eq a:where(.svelte-12lr7eq){background:var(--colors-black);color:var(--colors-gray-light);gap:2rem;display:flex}li.discogs-sync.svelte-12lr7eq a:where(.svelte-12lr7eq) div:where(.svelte-12lr7eq){flex:1}li.discogs-sync.svelte-12lr7eq a:where(.svelte-12lr7eq) div:where(.svelte-12lr7eq):first-of-type{flex-direction:column;flex:1.5;justify-content:space-between;display:flex}li.discogs-sync.svelte-12lr7eq a:where(.svelte-12lr7eq) div:where(.svelte-12lr7eq):first-of-type>:where(.svelte-12lr7eq){flex:1}li.svelte-3rmmcd{background:var(--colors-dark-blue);border-top:1px solid var(--colors-gray-blue);justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}img.svelte-3rmmcd{object-fit:contain;flex-shrink:1;width:auto;max-width:10%;height:auto;max-height:100%}@keyframes svelte-a5b52r-ripple{to{--offset:calc(var(--ring-size) * 4)}}li.search-section.svelte-a5b52r{text-align:right;background:var(--colors-white);background-image:repeating-radial-gradient(circle at 100% 100%, var(--warm-orange) calc(0% + var(--offset)), var(--vibrant-pink) calc(var(--ring-size) * 1 + var(--offset)), var(--bright-blue) calc(var(--ring-size) * 2 + var(--offset)), var(--fresh-teal) calc(var(--ring-size) * 3 + var(--offset)), var(--warm-orange) calc(var(--ring-size) * 4 + var(--offset)));background-size:100% 120%;margin:0 0 -1.25rem;padding:2rem 1rem;animation:3s linear infinite svelte-a5b52r-ripple;position:relative}li.search-section.svelte-a5b52r:after{content:"";mix-blend-mode:multiply;background-image:url(https://res.cloudinary.com/othersupply/image/upload/v1760756338/images/bg-noise-3);background-size:contain;position:absolute;inset:0}a.svelte-a5b52r{z-index:1;position:relative}img.svelte-a5b52r{width:100%}: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:#faead6;--colors-dark-blue:#473d8a;--colors-warm-taupe:oklab(57% .06 -.04)}input[type=checkbox].svelte-1hibghv{display:none}nav.svelte-1hibghv{grid-template-columns:minmax(min-content, 1fr) var(--column-width);z-index:2;width:clamp(300px,25svw,460px);height:100dvh;min-height:100svh;transform:translateX(calc(-100% + var(--column-width)));transition:transform .6s cubic-bezier(.68,-.15,.27,1.15);display:grid;position:sticky;top:0}input[type=checkbox].svelte-1hibghv:checked+nav:where(.svelte-1hibghv){transform:translate(0);box-shadow:-4px 0 8px #aaa}label.spine.svelte-1hibghv{cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;width:var(--column-width);background:#fafafa;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-inline:12px;display:flex;transform:rotate(180deg)}label.spine.svelte-1hibghv h1:where(.svelte-1hibghv){text-align:center;flex:1}label.spine.svelte-1hibghv div:where(.svelte-1hibghv){letter-spacing:.05rem;flex:1;font-size:.65rem}label.spine.svelte-1hibghv div:where(.svelte-1hibghv):first-of-type{z-index:3;justify-content:flex-end;display:flex}label.spine.svelte-1hibghv div:where(.svelte-1hibghv):last-of-type{width:100%;display:flex}:is(label.spine:where(.svelte-1hibghv) div:where(.svelte-1hibghv):last-of-type) a.svelte-1hibghv{align-items:center;gap:.35rem;width:100%;padding-inline:.25rem;display:flex}:is(:is(label.spine:where(.svelte-1hibghv) div:where(.svelte-1hibghv):last-of-type) a.svelte-1hibghv)>*{rotate:180deg}input[type=checkbox].svelte-1hibghv:checked+nav:where(.svelte-1hibghv) span.icon:where(.svelte-1hibghv):after{content:"↑";display:inline-block}nav.svelte-1hibghv span.icon:where(.svelte-1hibghv):after{content:"↓";display:inline-block}nav.svelte-1hibghv ul:where(.svelte-1hibghv){background:var(--colors-black);font-size:var(--font-small);color:var(--colors-gray-light);flex-direction:column;justify-content:space-between;font-weight:600;display:flex;overflow:hidden}.feed-grid{grid-gap:1.65rem;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;contain:layout style paint;will-change:transform;grid-auto-rows:minmax(min-content,max-content);grid-auto-columns:max-content;grid-auto-flow:column;margin:0 0 1rem;padding:0 1.65rem;display:grid;overflow:auto hidden;transform:translateZ(0)}@media screen and (width>=48.0625rem){.feed-grid{padding:0 2rem}}.feed-grid::-webkit-scrollbar{display:none}.feed-grid .first-item{display:flex}.product-card{width:var(--grid-item-width);min-width:var(--grid-item-min-width);max-width:var(--grid-item-max-width);scroll-snap-align:start;flex-direction:column;scroll-margin:1rem;font-size:.825rem;font-weight:600;display:flex;position:relative}@media screen and (width>=48.0625rem){.product-card{scroll-margin:2rem}}.product-card__image-link{aspect-ratio:1;background:var(--colors-gray-light);border-radius:var(--radius);justify-content:center;align-items:center;margin:1rem 0;display:flex;overflow:hidden}.product-card__image{background-color:var(--colors-gray-light);border-radius:var(--radius);mix-blend-mode:darken;width:100%;max-width:100%}.product-card__title,.product-card__subtitle{overflow:hidden}@supports (text-wrap:nowrap){.product-card__title,.product-card__subtitle{text-wrap:nowrap;text-overflow:ellipsis}}@supports not (text-wrap:nowrap){.product-card__title,.product-card__subtitle{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box}}.product-card__title{margin:0 0 .25rem}.product-card__subtitle{color:var(--colors-gray);font-weight:600}.product-card__metadata{color:var(--colors-gray);text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.product-card__retailer-logo{height:32px;margin-block-start:auto;padding-block-start:8px}.product-card__retailer-logo img{max-width:60%;height:100%}:root{--light-spring:linear(0, .008 1.1%, .034 2.3%, .134 4.9%, .264 7.3%, .683 14.3%, .797 16.5%, .89 18.6%, .967 20.7%, 1.027 22.8%, 1.073 25%, 1.104 27.3%, 1.123 30.6%, 1.119 34.3%, 1.018 49.5%, .988 58.6%, .985 65.2%, 1 84.5%, 1)}@keyframes ripple{to{--offset:calc(var(--ring-size) * 4)}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --offset{syntax:"<percentage>";inherits:false;initial-value:0%}@property --ring-size{syntax:"<percentage>";inherits:false;initial-value:50%}:root{--warm-orange:oklch(72% .18 35);--vibrant-pink:oklch(64% .24 345);--bright-blue:oklch(61% .17 235);--fresh-teal:oklch(68% .15 185);--primary-gradient:linear-gradient(-45deg, var(--warm-orange), var(--vibrant-pink), var(--bright-blue), var(--fresh-teal), var(--warm-orange));--conic-gradient:conic-gradient(from var(--angle) at 50% 105%, var(--warm-orange), var(--vibrant-pink), var(--bright-blue), var(--fresh-teal), var(--warm-orange))}*{color:inherit;box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style-type:none}html{--desktop:48.0625rem;--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{color:var(--colors-black);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Tight,sans-serif;font-size:1em;font-weight:400}html{--y-padding:.85rem;--x-padding:1.75rem;--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{grid-template-rows:[header-start]minmax(0,min-content)[header-end main-start]1fr[main-end];grid-template-columns:[nav-start]36px[nav-end full-start]1fr[full-end];min-height:100vh;display:grid}header{padding-top:env(safe-area-inset-top);grid-area:header/full}nav{grid-area:main-start/nav;height:100vh}main{z-index:1;grid-area:main/full;grid-template-rows:1fr auto;display:grid;overflow:hidden}.main-content{overflow:auto}form input,form button{color:inherit;background:0 0;border:none;padding:1rem;font-family:inherit}:is(form input,form button):focus{outline:none}form label{color:var(--colors-gray);font-size:var(--font-x-small);font-weight:600}form button{cursor:pointer}.os-logo{letter-spacing:-.0325rem;font-family:Inter Tight,arial,sans-serif;font-weight:600}h1.os-logo{letter-spacing:-.025rem;font-size:1rem}@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}}
