/* EOF Labs generation artwork mapping. Format pages load this through styles.css. */
html:has(link[rel="canonical"][href*="/formats/"]) .format-hero .hero-grid:after{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
html:has(link[rel="canonical"][href$="/dds-dat.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/dds-dat-format.png')!important}
html:has(link[rel="canonical"][href$="/lto.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/lto-format.png')!important}
html:has(link[rel="canonical"][href$="/dlt.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/dlt-sdlt-format.png')!important}
html:has(link[rel="canonical"][href$="/qic-travan.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/qic-travan-format.png')!important}
html:has(link[rel="canonical"][href$="/exabyte-vxa.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/exabyte-mammoth-vxa-format.png')!important}
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/ait-slr-adr-format.png')!important}
html:has(link[rel="canonical"][href$="/enterprise-tape.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/enterprise-tape-format.png')!important}
html:has(link[rel="canonical"][href$="/floppy.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/floppy-format.png')!important}
html:has(link[rel="canonical"][href$="/zip.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/zip-format.png')!important}
html:has(link[rel="canonical"][href$="/removable-disk.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/removable-disk-format.png')!important}
html:has(link[rel="canonical"][href$="/optical-mo.html"]) .format-hero .hero-grid:after{background-image:linear-gradient(180deg,transparent 66%,rgba(3,6,7,.82)),url('assets/media/optical-mo-format.png')!important}

/* Generation/specimen strips injected at the section where that family is discussed. */
.museum-section.art-mapped:before,
html:has(link[rel="canonical"][href$="/dds-dat.html"]) #generations:before,
html:has(link[rel="canonical"][href$="/lto.html"]) #generations:before,
html:has(link[rel="canonical"][href$="/dlt.html"]) #generations:before,
html:has(link[rel="canonical"][href$="/qic-travan.html"]) #standards:before,
html:has(link[rel="canonical"][href$="/qic-travan.html"]) #travan:before,
html:has(link[rel="canonical"][href$="/exabyte-vxa.html"]) #generations:before,
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #ait:before,
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #sait:before,
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #slr:before,
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #adr:before,
html:has(link[rel="canonical"][href$="/enterprise-tape.html"]) #ibm:before,
html:has(link[rel="canonical"][href$="/enterprise-tape.html"]) #ibmcompat:before,
html:has(link[rel="canonical"][href$="/enterprise-tape.html"]) #stk:before,
html:has(link[rel="canonical"][href$="/floppy.html"]) #standards:before,
html:has(link[rel="canonical"][href$="/floppy.html"]) #superdisk:before,
html:has(link[rel="canonical"][href$="/zip.html"]) #compatibility:before,
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #syquest:before,
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #jaz:before,
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #rev:before,
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #rdx:before,
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #bernoulli:before,
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #cd:before,
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #dvd:before,
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #bluray:before,
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #mo:before,
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #md:before,
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #udo:before{
  content:"";display:block;height:260px;margin:0 0 30px;border:1px solid #2c363c;background-color:#060a0c;background-repeat:no-repeat;box-shadow:inset 0 -45px 60px rgba(0,0,0,.35);overflow:hidden
}

/* DDS / DAT */
html:has(link[rel="canonical"][href$="/dds-dat.html"]) #generations:before{background-image:url('assets/media/dds-1.png'),url('assets/media/dds-2.png'),url('assets/media/dds-3.png'),url('assets/media/dds-4.png'),url('assets/media/dat72.png'),url('assets/media/dat160.png'),url('assets/media/dat320.png');background-size:14.29% 100%;background-position:0 0,16.67% 0,33.33% 0,50% 0,66.67% 0,83.33% 0,100% 0}
/* LTO */
html:has(link[rel="canonical"][href$="/lto.html"]) #generations:before{background-image:url('assets/media/lto-1.png'),url('assets/media/lto-2.png'),url('assets/media/lto-3.png'),url('assets/media/lto-4.png'),url('assets/media/lto-5.png'),url('assets/media/lto-6.png'),url('assets/media/lto-7.png'),url('assets/media/lto-8.png'),url('assets/media/lto-9.png'),url('assets/media/lto-10.png');background-size:10% 100%;background-position:0 0,11.11% 0,22.22% 0,33.33% 0,44.44% 0,55.56% 0,66.67% 0,77.78% 0,88.89% 0,100% 0}
/* DLT / VS / SDLT */
html:has(link[rel="canonical"][href$="/dlt.html"]) #generations:before{background-image:url('assets/media/dlt2000.png'),url('assets/media/dlt4000.png'),url('assets/media/dlt7000.png'),url('assets/media/dlt8000.png'),url('assets/media/dlttape-iv.png'),url('assets/media/vs80.png'),url('assets/media/vs160.png'),url('assets/media/dlt-v4.png'),url('assets/media/sdlt220.png'),url('assets/media/sdlt320.png'),url('assets/media/sdlt600.png');background-size:9.1% 100%;background-position:0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0}
/* QIC and Travan */
html:has(link[rel="canonical"][href$="/qic-travan.html"]) #standards:before{background-image:url('assets/media/qic-24.png'),url('assets/media/qic-40.png'),url('assets/media/qic-80.png'),url('assets/media/qic-525.png'),url('assets/media/qic-1000.png'),url('assets/media/qic-2100.png'),url('assets/media/qic-3010.png'),url('assets/media/qic-3020.png'),url('assets/media/qic-3040.png'),url('assets/media/qic-3080.png');background-size:10% 100%;background-position:0 0,11.11% 0,22.22% 0,33.33% 0,44.44% 0,55.56% 0,66.67% 0,77.78% 0,88.89% 0,100% 0}
html:has(link[rel="canonical"][href$="/qic-travan.html"]) #travan:before{background-image:url('assets/media/travan-1.png'),url('assets/media/travan-2.png'),url('assets/media/travan-3.png'),url('assets/media/travan-4.png'),url('assets/media/travan-5.png');background-size:20% 100%;background-position:0 0,25% 0,50% 0,75% 0,100% 0}
/* Exabyte / Mammoth / VXA */
html:has(link[rel="canonical"][href$="/exabyte-vxa.html"]) #generations:before{background-image:url('assets/media/exabyte-8200.png'),url('assets/media/exabyte-8500.png'),url('assets/media/exabyte-8505xl.png'),url('assets/media/exabyte-8700.png'),url('assets/media/mammoth.png'),url('assets/media/mammoth-2.png'),url('assets/media/vxa-1.png'),url('assets/media/vxa-2.png'),url('assets/media/vxa-320.png');background-size:11.12% 100%;background-position:0 0,12.5% 0,25% 0,37.5% 0,50% 0,62.5% 0,75% 0,87.5% 0,100% 0}
/* AIT / S-AIT / SLR / ADR */
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #ait:before{background-image:url('assets/media/ait-1.png'),url('assets/media/ait-2.png'),url('assets/media/ait-3.png'),url('assets/media/ait-3ex.png'),url('assets/media/ait-4.png'),url('assets/media/ait-5.png');background-size:16.67% 100%;background-position:0 0,20% 0,40% 0,60% 0,80% 0,100% 0}
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #sait:before{background-image:url('assets/media/s-ait.png');background-size:33% 100%;background-position:center}
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #slr:before{background-image:url('assets/media/slr-1.png'),url('assets/media/slr-32.png'),url('assets/media/slr-60.png'),url('assets/media/slr-100.png');background-size:25% 100%;background-position:0 0,33.33% 0,66.67% 0,100% 0}
html:has(link[rel="canonical"][href$="/ait-slr-adr.html"]) #adr:before{background-image:url('assets/media/adr-1.png'),url('assets/media/adr-2.png'),url('assets/media/adr-3.png'),url('assets/media/adr-4.png'),url('assets/media/adr-5.png');background-size:20% 100%;background-position:0 0,25% 0,50% 0,75% 0,100% 0}
/* IBM / StorageTek enterprise */
html:has(link[rel="canonical"][href$="/enterprise-tape.html"]) #ibm:before{height:300px;background-image:url('assets/media/ibm-3480.png'),url('assets/media/ibm-3490e.png'),url('assets/media/ibm-3570.png'),url('assets/media/ibm-3590-b.png'),url('assets/media/ibm-3590-e.png'),url('assets/media/ibm-3590-h.png'),url('assets/media/ibm-3592-j.png'),url('assets/media/ibm-3592-e07.png'),url('assets/media/ibm-3592-e0a.png'),url('assets/media/ibm-3592-e0b.png'),url('assets/media/ibm-3592-e0c.png'),url('assets/media/ibm-3592-e0d.png'),url('assets/media/ibm-3592-e0e.png'),url('assets/media/ibm-3592-e0f.png');background-size:7.15% 100%;background-position:0 0,7.69% 0,15.38% 0,23.08% 0,30.77% 0,38.46% 0,46.15% 0,53.85% 0,61.54% 0,69.23% 0,76.92% 0,84.62% 0,92.31% 0,100% 0}
html:has(link[rel="canonical"][href$="/enterprise-tape.html"]) #ibmcompat:before{background-image:url('assets/media/ts1120.png'),url('assets/media/ts1130.png'),url('assets/media/ts1140.png'),url('assets/media/ts1150.png'),url('assets/media/ts1155.png'),url('assets/media/ts1160.png'),url('assets/media/ts1170.png');background-size:14.29% 100%;background-position:0 0,16.67% 0,33.33% 0,50% 0,66.67% 0,83.33% 0,100% 0}
html:has(link[rel="canonical"][href$="/enterprise-tape.html"]) #stk:before{height:300px;background-image:url('assets/media/storagetek-9840a.png'),url('assets/media/storagetek-9840b.png'),url('assets/media/storagetek-9840c.png'),url('assets/media/storagetek-9840d.png'),url('assets/media/storagetek-9940a.png'),url('assets/media/storagetek-9940b.png'),url('assets/media/storagetek-t10000a.png'),url('assets/media/storagetek-t10000b.png'),url('assets/media/storagetek-t10000c.png'),url('assets/media/storagetek-t10000d.png');background-size:10% 100%;background-position:0 0,11.11% 0,22.22% 0,33.33% 0,44.44% 0,55.56% 0,66.67% 0,77.78% 0,88.89% 0,100% 0}
/* Floppy */
html:has(link[rel="canonical"][href$="/floppy.html"]) #standards:before{height:300px;background-image:url('assets/media/8-inch-sd.png'),url('assets/media/8-inch-dd.png'),url('assets/media/8-inch-hd.png'),url('assets/media/5-25-inch-sd.png'),url('assets/media/5-25-inch-dd.png'),url('assets/media/5-25-inch-hd.png'),url('assets/media/5-25-inch-ed.png'),url('assets/media/3-5-inch-dd.png'),url('assets/media/3-5-inch-hd.png'),url('assets/media/3-5-inch-ed.png'),url('assets/media/3-5-inch-2ed.png'),url('assets/media/3-5-inch-micro.png');background-size:8.34% 100%;background-position:0 0,9.09% 0,18.18% 0,27.27% 0,36.36% 0,45.45% 0,54.55% 0,63.64% 0,72.73% 0,81.82% 0,90.91% 0,100% 0}
html:has(link[rel="canonical"][href$="/floppy.html"]) #superdisk:before{background-image:url('assets/media/superdisk-ls120.png'),url('assets/media/floptical-21mb.png');background-size:40% 100%;background-position:25% 0,75% 0}
/* Zip */
html:has(link[rel="canonical"][href$="/zip.html"]) #compatibility:before{background-image:url('assets/media/zip-100.png'),url('assets/media/zip-250.png'),url('assets/media/zip-750.png');background-size:33.34% 100%;background-position:0 0,50% 0,100% 0}
/* Removable disks */
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #syquest:before{height:300px;background-image:url('assets/media/syquest-44mb.png'),url('assets/media/syquest-88mb.png'),url('assets/media/syquest-200mb.png'),url('assets/media/syquest-ez135.png'),url('assets/media/syquest-ezflyer.png'),url('assets/media/syquest-syjet.png'),url('assets/media/syquest-sparq.png');background-size:14.29% 100%;background-position:0 0,16.67% 0,33.33% 0,50% 0,66.67% 0,83.33% 0,100% 0}
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #jaz:before{background-image:url('assets/media/jaz-1gb.png'),url('assets/media/jaz-2gb.png');background-size:40% 100%;background-position:25% 0,75% 0}
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #rev:before{background-image:url('assets/media/rev-35gb.png'),url('assets/media/rev-70gb.png'),url('assets/media/rev-120gb.png');background-size:33.34% 100%;background-position:0 0,50% 0,100% 0}
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #rdx:before{background-image:url('assets/media/rdx-hdd.png'),url('assets/media/rdx-ssd.png');background-size:40% 100%;background-position:25% 0,75% 0}
html:has(link[rel="canonical"][href$="/removable-disk.html"]) #bernoulli:before{background-image:url('assets/media/bernoulli-box.png');background-size:35% 100%;background-position:center}
/* Optical / MO */
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #cd:before{background-image:url('assets/media/cd-rom.png'),url('assets/media/cd-r.png'),url('assets/media/cd-rw.png');background-size:33.34% 100%;background-position:0 0,50% 0,100% 0}
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #dvd:before{background-image:url('assets/media/dvd-rom.png'),url('assets/media/dvd-r.png'),url('assets/media/dvd-rw.png'),url('assets/media/dvd-plus-r.png'),url('assets/media/dvd-plus-rw.png'),url('assets/media/dvd-ram.png');background-size:16.67% 100%;background-position:0 0,20% 0,40% 0,60% 0,80% 0,100% 0}
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #bluray:before{background-image:url('assets/media/blu-ray-disc.png'),url('assets/media/bd-r.png'),url('assets/media/bd-re.png'),url('assets/media/bdxl.png'),url('assets/media/ultra-hd-blu-ray.png');background-size:20% 100%;background-position:0 0,25% 0,50% 0,75% 0,100% 0}
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #mo:before{background-image:url('assets/media/mo-128mb.png'),url('assets/media/mo-230mb.png'),url('assets/media/mo-640mb.png'),url('assets/media/mo-1-3gb.png'),url('assets/media/mo-2-6gb.png'),url('assets/media/mo-5-2gb.png');background-size:16.67% 100%;background-position:0 0,20% 0,40% 0,60% 0,80% 0,100% 0}
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #md:before{background-image:url('assets/media/minidisc.png'),url('assets/media/md-data.png'),url('assets/media/hi-md.png');background-size:33.34% 100%;background-position:0 0,50% 0,100% 0}
html:has(link[rel="canonical"][href$="/optical-mo.html"]) #udo:before{background-image:url('assets/media/udo-phase-1.png'),url('assets/media/udo-phase-2.png'),url('assets/media/worm-disc.png');background-size:33.34% 100%;background-position:0 0,50% 0,100% 0}

@media(max-width:850px){
 html:has(link[rel="canonical"][href*="/formats/"]) .museum-section:before{height:180px!important;background-size:auto 100%!important;background-position:left center!important;overflow:hidden}
}