/* Grounded catalogue viewer. Source: packaging-catalogue/src/viewer.css */
.gpc{--gpc-signal: #0033FF;--gpc-carbon: #222222;--gpc-grey: #767676;--gpc-chalk: #F7F7F5;--gpc-hairline: #E6E6E6;--gpc-paper: #FFFFFF;--gpc-sans: "TT Commons Classic", "TT Commons", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--gpc-mono: "Chivo Mono", "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--gpc-ease: cubic-bezier(.22, .61, .36, 1);font-family:var(--gpc-sans);color:var(--gpc-carbon);-webkit-font-smoothing:antialiased}.gpc *,.gpc *:before,.gpc *:after{box-sizing:border-box}.gpc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.gpc-intro{max-width:46rem;margin:0 auto;padding:0 1.25rem 2.5rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.gpc-eyebrow{margin:0;font-family:var(--gpc-mono);font-size:.75rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--gpc-grey)}.gpc-title{margin:0;font-size:clamp(1.85rem,1.2rem + 2.2vw,2.75rem);line-height:1.06;font-weight:500;letter-spacing:-.01em;text-wrap:balance}.gpc-lede{margin:0;font-size:1.0625rem;line-height:1.5;color:var(--gpc-grey);text-wrap:pretty}.gpc-viewer{background:var(--gpc-chalk);padding:1.5rem .75rem}.gpc-frame{width:100%;max-width:74rem;margin:0 auto}.gpc-stage{position:relative}.gpc-clip{overflow:hidden}.gpc-track{display:flex;will-change:transform;transition:transform .42s var(--gpc-ease)}.gpc-view{flex:0 0 100%;display:flex;align-items:flex-start;justify-content:center}.gpc-page{position:relative;aspect-ratio:1400 / 1986;background:var(--gpc-paper);box-shadow:0 1px 2px #22222212,0 18px 38px -20px #2222224d}.gpc-track--spread .gpc-page{width:50%}.gpc-track--solo .gpc-page{width:100%}.gpc-page img{display:block;width:100%;height:100%;object-fit:contain;background:var(--gpc-paper)}.gpc-view--spread .gpc-page:first-child:after,.gpc-view--spread .gpc-page:last-child:after{content:"";position:absolute;top:0;bottom:0;width:2.25rem;pointer-events:none}.gpc-view--spread .gpc-page:first-child:after{right:0;background:linear-gradient(to right,#2220,#22222212)}.gpc-view--spread .gpc-page:last-child:after{left:0;background:linear-gradient(to left,#2220,#22222212)}.gpc-hot{position:absolute;border-radius:2px;background:#03f0;transition:background .15s ease,box-shadow .15s ease}.gpc-hot:hover,.gpc-hot:focus-visible{background:#0033ff24;box-shadow:inset 0 0 0 1px #0033ff8c;outline:none}.gpc-stage.is-hinting .gpc-hot{background:#0033ff1f}.gpc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:0;background:var(--gpc-paper);color:var(--gpc-carbon);cursor:pointer;transition:color .18s ease,opacity .18s ease}.gpc-arrow svg{width:1rem;height:1rem}.gpc-arrow--prev{left:0}.gpc-arrow--next{right:0}.gpc-arrow:hover:not(:disabled){color:var(--gpc-signal)}.gpc-arrow:focus-visible:not(:disabled){color:var(--gpc-signal);outline:2px solid var(--gpc-signal);outline-offset:-2px}.gpc-arrow:disabled{opacity:.32;cursor:default}.gpc-bar{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:0;border-top:0}.gpc-count{flex:none;font-family:var(--gpc-mono);font-size:.75rem;font-weight:500;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;color:var(--gpc-grey);font-variant-numeric:tabular-nums}.gpc-count b{color:var(--gpc-carbon);font-weight:500}.gpc-progress{flex:1 1 auto;height:2px;min-width:3rem;background:var(--gpc-hairline);overflow:hidden}.gpc-progress span{display:block;height:100%;width:0;background:var(--gpc-signal);transition:width .42s var(--gpc-ease)}.gpc-tools{flex:none;display:flex;align-items:center;gap:.5rem}.gpc-btn{display:inline-flex;align-items:center;gap:.4375rem;height:2.25rem;padding:0 .8125rem;border:1px solid var(--gpc-hairline);border-radius:0;background:var(--gpc-paper);color:var(--gpc-carbon);font-family:var(--gpc-mono);font-size:.75rem;font-weight:500;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .18s ease,color .18s ease,background .18s ease}.gpc-btn svg{width:.875rem;height:.875rem;flex:none}.gpc-btn:hover,.gpc-btn:focus-visible{border-color:var(--gpc-signal);color:var(--gpc-signal);outline:none}.gpc-btn--solid{background:var(--gpc-signal);border-color:var(--gpc-signal);color:var(--gpc-paper)}.gpc-btn--solid:hover,.gpc-btn--solid:focus-visible{background:var(--gpc-carbon);border-color:var(--gpc-carbon);color:var(--gpc-paper)}.gpc-btn__label--wide{display:inline}.gpc-btn[data-gpc-zoom],.gpc-btn[data-gpc-full]{display:none}.gpc-zoom{position:fixed;inset:0;z-index:9000;display:none;background:#181818f0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.gpc-zoom.is-open{display:block}.gpc-zoom img{display:block;width:1400px;max-width:none;margin:0 auto;background:var(--gpc-paper)}.gpc-zoom__close{position:fixed;top:1rem;right:1rem;z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:var(--gpc-paper);color:var(--gpc-carbon);cursor:pointer}.gpc-zoom__close svg{width:1rem;height:1rem}.gpc-zoom__hint{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);margin:0;padding:.4375rem .875rem;border-radius:999px;background:#ffffffeb;font-family:var(--gpc-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gpc-carbon)}.gpc-index{display:none;max-width:74rem;margin:0 auto;padding:4rem 1.25rem 0}.gpc-index__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--gpc-hairline)}.gpc-index__head h2{margin:0;font-size:1.4375rem;line-height:1.1;font-weight:500}.gpc-index__head p{margin:0;font-size:.9375rem;color:var(--gpc-grey)}.gpc-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;margin-top:2.5rem}.gpc-group h3{margin:0 0 1.5rem;font-size:1.125rem;line-height:1.2;font-weight:500}.gpc-sub+.gpc-sub{margin-top:1.75rem}.gpc-sub__label{margin:0 0 .5rem;font-family:var(--gpc-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gpc-grey)}.gpc-rows{display:flex;flex-direction:column}.gpc-row{display:flex;align-items:baseline;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--gpc-hairline);color:var(--gpc-carbon);font-size:.9375rem;line-height:1.35;text-decoration:none;transition:color .15s ease}.gpc-row:hover,.gpc-row:focus-visible{color:var(--gpc-signal);outline:none}.gpc-row:hover .gpc-row__n,.gpc-row:focus-visible .gpc-row__n{color:var(--gpc-signal)}.gpc-row__leader{flex:1 1 auto;height:1px;min-width:1rem;transform:translateY(-.1875rem);background-image:linear-gradient(to right,var(--gpc-hairline) 0 2px,transparent 2px 4px);background-size:4px 1px;background-repeat:repeat-x}.gpc-row__n{flex:none;font-family:var(--gpc-mono);font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--gpc-grey);transition:color .15s ease}.gpc-viewer:fullscreen{display:grid;place-content:center;padding:1.5rem;background:var(--gpc-chalk)}.gpc-viewer:fullscreen .gpc-frame{max-width:min(74rem,calc((100vh - 12rem)*1.41))}@media(min-width:56.25rem){.gpc-viewer{padding:4rem}.gpc-arrow--prev{left:-3.75rem}.gpc-arrow--next{right:-3.75rem}}@media(max-width:61.9375rem){.gpc-groups{grid-template-columns:minmax(0,1fr);gap:2.5rem}}@media(max-width:47.9375rem){.gpc-index{padding-top:3rem}.gpc-bar{flex-wrap:wrap;gap:1rem}.gpc-count{order:1}.gpc-tools{order:2;margin-left:auto}.gpc-progress{order:3;flex-basis:100%}.gpc-btn__label--wide{display:none}.gpc-btn{height:2rem;padding:0 .625rem;gap:0}.gpc-zoom img{width:1000px}}@media(prefers-reduced-motion:reduce){.gpc-track,.gpc-progress span{transition:none}}