.toonie-wall{--toonie-black: #07040a;--toonie-purple: #220827;--toonie-magenta: #ff4fd8;--toonie-violet: #9c2fff;--toonie-cream: #f0dfbd;width:100%;overflow-x:clip;color:#f8eaf6;background:#170419;font-family:Courier New,Courier,monospace}.toonie-wall__inner{width:min(100%,1440px);margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem)}.toonie-wall__intro{max-width:980px;margin:0 auto 1.5rem}.toonie-wall__kicker,.toonie-wall__heading,.toonie-wall__shipping-warning h2,.toonie-wall__about h2{text-transform:uppercase;letter-spacing:.08em}.toonie-wall__kicker{margin:0 0 .4rem;color:#ff8ce8;font-size:.78rem;font-weight:800}.toonie-wall__heading{margin:0;color:var(--toonie-magenta);font-size:clamp(2.2rem,6vw,4.6rem);line-height:.95;text-shadow:3px 3px 0 #4f0750}.toonie-wall__subtitle{max-width:760px;margin:.8rem 0 1rem;font-size:clamp(1rem,1.8vw,1.2rem)}.toonie-wall__about{padding:1rem 1.1rem;border:2px solid #702868;background:#0d0710;box-shadow:6px 6px #050306}.toonie-wall__about h2{margin:0 0 .45rem;color:#ff8ce8;font-size:1rem}.toonie-wall__about p,.toonie-wall__shipping-warning p{margin:0;line-height:1.55}.toonie-wall__shipping-warning{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;max-width:1180px;margin:0 auto 1.25rem;padding:1rem 1.1rem;border:3px solid var(--toonie-magenta);background:#09050c;box-shadow:6px 6px #5b0759}.toonie-wall__shipping-warning h2{margin:0 0 .4rem;color:#fff;font-size:clamp(1rem,2vw,1.3rem)}.toonie-wall__warning-icon{display:grid;grid-template-columns:22px 1fr;gap:.35rem;align-items:center;min-width:52px;color:#fff;font-size:1.35rem;font-weight:900}.toonie-wall__warning-coin,.toonie-spine__coin{display:inline-block;border-radius:50%;background:linear-gradient(180deg,#d9d9d9,#8c8c8c);box-shadow:0 0 0 1px #050505,inset 0 1px #ffffff59}.toonie-wall__warning-coin{width:22px;height:22px;border:4px solid #a6a6a6;background:#d2aa35}.toonie-wall__controls{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,.7fr) minmax(170px,.7fr) auto;gap:.75rem;align-items:end;max-width:1180px;margin:0 auto 1rem;padding:.9rem;border:2px solid #55204f;background:#100713}.toonie-wall__control{display:grid;gap:.35rem}.toonie-wall__control label{color:#ff91e9;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.toonie-wall__control input,.toonie-wall__control select,.toonie-wall__apply{min-height:44px;border:2px solid #8b367d;border-radius:0;color:#fff;background:#08050a;font:inherit;font-size:1rem}.toonie-wall__control input,.toonie-wall__control select{width:100%;padding:.65rem .75rem}.toonie-wall__apply{padding:.65rem 1rem;color:#08050a;background:var(--toonie-magenta);font-weight:900;text-transform:uppercase;cursor:pointer}.toonie-wall__control :focus-visible,.toonie-wall__apply:focus-visible,.toonie-spine__link:focus-visible,.toonie-spine__add:focus-visible,.toonie-spine__details:focus-visible,.toonie-wall__pagination a:focus-visible{outline:3px solid #fff;outline-offset:3px}.toonie-wall__count{max-width:1180px;margin:0 auto .65rem;color:#d8a7d1;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.toonie-wall__rows{display:grid;gap:1.75rem;max-width:1280px;margin:0 auto}.toonie-shelf-row{position:relative;min-width:0;padding:2.25rem .75rem 1.3rem;border-inline:3px solid #3b163a;background:linear-gradient(90deg,rgba(255,79,216,.05),transparent 15%,transparent 85%,rgba(156,47,255,.06)),#0a060c;box-shadow:inset 0 0 28px #000000d9}.toonie-shelf-row:after{content:"";position:absolute;z-index:1;right:-6px;bottom:0;left:-6px;height:18px;border:3px solid #160b17;background:linear-gradient(#6c3265,#2f142f 55%,#130914);box-shadow:0 8px #050305,0 11px 12px #000000bf}.toonie-shelf-row__marker{position:absolute;top:.5rem;left:.75rem;color:#d875c9;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.toonie-shelf-row__tapes{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,.55vw,9px);min-width:0}.toonie-spine-card{--spine-width: 86px;position:relative;flex:0 1 var(--spine-width);min-width:58px;max-width:var(--spine-width)}.toonie-spine-card--width-0{--spine-width: 74px}.toonie-spine-card--width-1{--spine-width: 82px}.toonie-spine-card--width-2{--spine-width: 90px}.toonie-spine-card--width-3{--spine-width: 78px}.toonie-spine__link{position:relative;display:flex;width:100%;height:clamp(220px,22vw,292px);flex-direction:column;align-items:center;overflow:hidden;border:3px solid #080509;color:#fff;background:var(--spine-color);box-shadow:inset 3px 0 #ffffff14,inset -5px 0 #00000047,4px 4px #030203;text-decoration:none;transform:translateY(0);transition:transform .13s steps(2),filter .13s linear}.toonie-spine-card--color-0{--spine-color: #341146;--label-color: #f0dfbd;--label-ink: #211026}.toonie-spine-card--color-1{--spine-color: #7a245e;--label-color: #f2c5df;--label-ink: #2d0b21}.toonie-spine-card--color-2{--spine-color: #6b1d2d;--label-color: #edd1b6;--label-ink: #2c0b10}.toonie-spine-card--color-3{--spine-color: #16254d;--label-color: #d4ddf1;--label-ink: #111a35}.toonie-spine-card--color-4{--spine-color: #174c4b;--label-color: #d0e3d9;--label-ink: #092322}.toonie-spine-card--color-5{--spine-color: #333138;--label-color: #e6e0d8;--label-ink: #201e23}.toonie-spine-card--color-6{--spine-color: #2d5673;--label-color: #d7e8ee;--label-ink: #122937}.toonie-spine-card--color-7{--spine-color: #d9c7a6;--label-color: #351733;--label-ink: #f7eada}.toonie-spine__cap{width:100%;height:12px;flex:0 0 auto;border-bottom:3px solid rgba(0,0,0,.45);background:#00000040}.toonie-spine__marker{display:flex;gap:4px;align-items:center;margin-top:.45rem;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.04em}.toonie-spine__coin{width:14px;height:14px;border:3px solid #aaa;background:#d0a52c}.toonie-spine__label{display:flex;width:calc(100% - 15px);min-height:0;margin:.45rem auto;padding:.35rem .25rem;flex:1;flex-direction:column;align-items:center;justify-content:space-between;border:2px solid rgba(0,0,0,.42);color:var(--label-ink);background:var(--label-color);box-shadow:inset 0 0 0 2px #ffffff24}.toonie-spine__title{min-height:0;overflow:hidden;font-size:clamp(.63rem,.8vw,.76rem);font-weight:900;line-height:1.08;text-align:center;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed}.toonie-spine__price{width:100%;padding-top:.25rem;border-top:2px solid currentColor;font-size:.66rem;font-weight:900;text-align:center}.toonie-spine__sold-out{position:absolute;right:-28px;bottom:35px;width:130px;padding:.2rem;color:#fff;background:#090909;border-block:2px solid #fff;font-size:.58rem;font-weight:900;text-align:center;transform:rotate(-36deg)}.toonie-spine-card:hover .toonie-spine__link,.toonie-spine-card:focus-within .toonie-spine__link,.toonie-spine-card[data-open] .toonie-spine__link{z-index:12;filter:brightness(1.08);transform:translateY(-10px)}.toonie-spine__panel{position:absolute;z-index:30;bottom:calc(100% + 16px);left:50%;display:grid;width:min(280px,calc(100vw - 2rem));gap:.45rem;padding:.85rem;border:3px solid var(--toonie-magenta);color:#fff;background:#09050c;box-shadow:7px 7px #4b0d48;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .12s linear,transform .12s steps(2)}.toonie-spine-card:hover .toonie-spine__panel,.toonie-spine-card:focus-within .toonie-spine__panel,.toonie-spine-card[data-open] .toonie-spine__panel{opacity:1;pointer-events:auto;transform:translate(-50%)}.toonie-spine__panel p{margin:0}.toonie-spine__panel-title{color:#ff8ce8;font-size:.88rem;font-weight:900;line-height:1.25;text-transform:uppercase}.toonie-spine__panel-price{font-size:1.05rem;font-weight:900}.toonie-spine__availability{color:#d4b4cf;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.toonie-spine__actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.25rem}.toonie-spine__add,.toonie-spine__details{display:grid;min-height:44px;place-items:center;padding:.55rem;border:2px solid #ff4fd8;border-radius:0;font:inherit;font-size:.7rem;font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase}.toonie-spine__add{color:#09050c;background:#ff4fd8;cursor:pointer}.toonie-spine__add:disabled{border-color:#665d65;color:#d0c8cf;background:#312c31;cursor:not-allowed}.toonie-spine__details{color:#fff;background:#27102b;text-decoration:none}.toonie-wall__empty{max-width:1180px;margin:1rem auto;padding:1rem;border:2px solid #8b367d;text-align:center}.toonie-wall__pagination{display:flex;justify-content:center;margin-top:2rem;font-weight:900}.toonie-wall__pagination .page,.toonie-wall__pagination a{display:inline-grid;min-width:44px;min-height:44px;place-items:center;margin:0 .2rem;border:2px solid #7d2872;color:#fff;background:#120715;text-decoration:none}.is-toonie-tapes-collection #MainContent>.shopify-section:first-child{display:none}@media(max-width:980px){.toonie-wall__controls{grid-template-columns:1fr 1fr}.toonie-wall__control--search{grid-column:1 / -1}.toonie-wall__apply{width:100%}.toonie-shelf-row__tapes{justify-content:flex-start}.toonie-spine-card{min-width:64px}}@media(max-width:749px){.toonie-wall__inner{padding:1rem 0}.toonie-wall__intro,.toonie-wall__shipping-warning,.toonie-wall__controls,.toonie-wall__count,.toonie-wall__empty{margin-inline:1rem}.toonie-wall__shipping-warning{grid-template-columns:1fr;gap:.6rem}.toonie-wall__controls{grid-template-columns:1fr}.toonie-wall__control--search{grid-column:auto}.toonie-wall__control input,.toonie-wall__control select{font-size:1rem}.toonie-wall__rows{gap:1.2rem}.toonie-shelf-row{padding-inline:0}.toonie-shelf-row__marker{left:1rem}.toonie-shelf-row__tapes{justify-content:flex-start;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:#c23cad #120713;padding:.25rem 1rem 1rem}.toonie-spine-card,.toonie-spine-card--width-0,.toonie-spine-card--width-1,.toonie-spine-card--width-2,.toonie-spine-card--width-3{--spine-width: 108px;min-width:108px;max-width:108px;flex-basis:108px;scroll-snap-align:start}.toonie-spine-card[data-open]{min-width:260px;max-width:260px;flex-basis:260px}.toonie-spine__link{height:245px}.toonie-spine__title{font-size:.75rem}.toonie-spine__panel{position:static;display:none;width:100%;margin-top:.6rem;opacity:1;pointer-events:auto;transform:none}.toonie-spine-card[data-open] .toonie-spine__panel,.toonie-spine-card:focus-within .toonie-spine__panel{display:grid;transform:none}.toonie-spine-card:hover .toonie-spine__link,.toonie-spine-card:focus-within .toonie-spine__link,.toonie-spine-card[data-open] .toonie-spine__link{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.toonie-spine__link,.toonie-spine__panel{scroll-behavior:auto;transition:none}.toonie-spine-card:hover .toonie-spine__link,.toonie-spine-card:focus-within .toonie-spine__link,.toonie-spine-card[data-open] .toonie-spine__link{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/toonie-vhs-wall.css.map */