.gg-count{font-size:var(--step--1);opacity:.5;margin:0 0 1.25rem}.gg-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.gg-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.gg-grid{grid-template-columns:repeat(4,1fr)}}.gg-grid--strip{background:#9a9a9a;grid-template-columns:repeat(2,1fr);gap:1px}@media (width<=639px){.gg-grid--strip{background:#3a3a3a}}.gg-grid--strip .gg-card,.gg-grid--strip .gg-card:hover,.gg-grid--strip .gg-card:focus-visible,.gg-grid--strip .gg-card--centered{border:0}@media (width>=640px){.gg-grid--strip{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.gg-grid--strip{grid-template-columns:repeat(6,1fr)}}.gg-card{color:inherit;border:1px solid var(--color-line);flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.gg-card:hover,.gg-card:focus-visible,.gg-card--centered{border-color:var(--color-ink);z-index:10;box-shadow:0 2px 12px #0a0a0a14}.gg-card__swatch{aspect-ratio:1;perspective:900px;perspective-origin:50% 38%;background-color:#0b0b0b;background-image:radial-gradient(circle at 50% 42%,#ffffff0d,#0000 72%),radial-gradient(#ffffff38 1px,#0000 1.4px);background-position:0 0,6px 6px;background-size:100% 100%,13px 13px;position:relative}.gg-tile-shadow{opacity:0;pointer-events:none;background:radial-gradient(62% 58% at 46% 58%,#000000f2,#0000 72%);transition:opacity .5s;position:absolute;inset:4%}.gg-tile{--gg-depth:16px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}@media (width>=1024px){.gg-tile{--gg-depth:22px}}.gg-tile__front{background:var(--color-paper-soft);position:absolute;inset:0;overflow:hidden}.gg-card__img{object-fit:cover;width:100%;height:100%;display:block}.gg-card__fallback{width:100%;height:100%;display:block}.gg-tile__gloss{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 42%,#ffffff0a 46%,#fff3 50%,#ffffff0a 54%,#0000 58%);transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;inset:-25%;transform:translate(-70%)}.gg-tile__bevel{pointer-events:none;opacity:0;transition:opacity .35s;position:absolute;inset:0;box-shadow:inset 0 1.5px #ffffff8c,inset 1.5px 0 #ffffff47,inset -1.5px 0 #00000052,inset 0 -1.5px #0000007a}.gg-tile__bevel:before{content:"";background:linear-gradient(#ffffffbf,#0000);width:1.5px;height:24%;position:absolute;top:0;right:0}.gg-tile__side{backface-visibility:hidden;background-position:50%;background-size:cover,cover;position:absolute}.gg-tile__side:after{content:"";pointer-events:none;position:absolute}.gg-tile__side--top{left:0;right:0;top:calc(-1 * var(--gg-depth));height:var(--gg-depth);transform-origin:bottom;background-image:linear-gradient(to right, transparent 72%, #ffffff38), linear-gradient(#ffffff24, #00000038), var(--gg-surface,linear-gradient(#555, #555));transform:rotateX(90deg)}.gg-tile__side--top:after{background:#fffc;height:1px;bottom:0;left:0;right:0}.gg-tile__side--top:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59,#fffffff2);width:1px;position:absolute;top:0;bottom:0;right:0}.gg-tile__side--right{top:0;bottom:0;right:calc(-1 * var(--gg-depth));width:var(--gg-depth);transform-origin:0;background-image:linear-gradient(to bottom, #fff3, transparent 26%), linear-gradient(#0000004d, #00000075), var(--gg-surface,linear-gradient(#555, #555));transform:rotateY(90deg)}.gg-tile__side--right:after{background:#ffffff8c;width:1px;top:0;bottom:0;left:0}.gg-tile__side--right:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffffe6,#ffffff4d);height:1px;position:absolute;top:0;left:0;right:0}.gg-tile__side--bottom{left:0;right:0;bottom:calc(-1 * var(--gg-depth));height:var(--gg-depth);transform-origin:top;background-image:linear-gradient(#0000009e, #0000009e), var(--gg-surface,linear-gradient(#555, #555));transform:rotateX(-90deg)}.gg-tile__side--bottom:after{background:#ffffff4d;height:1px;top:0;left:0;right:0}.gg-tile__side--left{top:0;bottom:0;left:calc(-1 * var(--gg-depth));width:var(--gg-depth);transform-origin:100%;background-image:linear-gradient(#ffffff0f, #0000004d), var(--gg-surface,linear-gradient(#555, #555));transform:rotateY(-90deg)}.gg-tile__side--left:after{background:#ffffff80;width:1px;top:0;bottom:0;right:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.gg-card:hover .gg-tile,.gg-card:focus-visible .gg-tile{will-change:transform;transform:scale3d(1.05,1.05,1.05)rotateX(-14deg)rotateY(-26deg)}.gg-card:hover .gg-tile__bevel,.gg-card:focus-visible .gg-tile__bevel,.gg-card:hover .gg-tile-shadow,.gg-card:focus-visible .gg-tile-shadow{opacity:1}.gg-card:hover .gg-tile__gloss,.gg-card:focus-visible .gg-tile__gloss{opacity:1;transform:translate(55%)}}@media (hover:none) and (prefers-reduced-motion:no-preference){.gg-card--centered .gg-tile{will-change:transform;transform:scale3d(1.05,1.05,1.05)rotateX(-14deg)rotateY(-26deg)}.gg-card--centered .gg-tile__bevel,.gg-card--centered .gg-tile-shadow{opacity:1}.gg-card--centered .gg-tile__gloss{opacity:1;transform:translate(55%)}}.gg-card__body{border-top:1px solid var(--color-line-inverse);background:var(--color-ink);color:var(--color-paper);flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.gg-card__name{font-size:var(--step-0);letter-spacing:-.01em;margin:0;font-weight:700}