.ag-designs{gap:var(--space-6);margin-block:var(--space-7);display:grid}@media (min-width:960px){.ag-designs{margin-block:var(--space-8)}}.ag-designs__nav ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ag-designs__nav a{align-items:center;gap:var(--space-2);min-block-size:var(--control-md);padding-inline:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight);text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.ag-designs__nav a:hover{background:var(--surface-sunken);border-color:var(--ink-muted)}.ag-designs__count{color:var(--ink-muted);font-weight:500}@media (max-width:639px),(pointer:coarse){.ag-designs__nav a{min-block-size:var(--control-lg)}}@media (max-width:639px){.ag-designs__nav li{flex:auto;min-inline-size:0;max-inline-size:100%;display:flex}.ag-designs__nav a{overflow-wrap:anywhere;flex:1;justify-content:space-between;min-inline-size:0}}.ag-designs__group{gap:var(--space-5);content-visibility:auto;contain-intrinsic-block-size:auto 1200px;scroll-margin-block-start:calc(var(--header-height) + var(--space-4));display:grid}.ag-designs__group-title{border-block-end:1px solid var(--line);font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:var(--type-h3-weight);margin:0;padding-block-end:var(--space-2)}.ag-designs__grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:960px){.ag-designs__grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.ag-designs__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ag-design{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-inline-size:0;transition:border-color .12s;display:flex;overflow:clip}.ag-design:focus-within{border-color:var(--line-strong)}.ag-design__media{background:var(--surface-sunken)}.ag-design__body{gap:var(--space-2);min-inline-size:0;padding:var(--space-3);flex-direction:column;flex:1;display:flex}@media (min-width:640px){.ag-design__body{padding:var(--space-4)}}.ag-design__name{font-size:var(--type-body-size);line-height:var(--type-body-line);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-weight:600}.ag-design__specs{gap:var(--space-2);margin:0;display:grid}.ag-design__spec{gap:var(--space-1);display:grid}.ag-design__spec dt{color:var(--ink-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line)}.ag-design__spec dd{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line);margin:0;font-weight:500}.ag-design__chips{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ag-design__chips li{min-inline-size:0;max-inline-size:100%}.ag-design__chips .ag-badge{white-space:normal;overflow-wrap:anywhere;text-align:start;max-inline-size:100%}.ag-design__patterns{color:var(--ink-muted);overflow-wrap:break-word;font-weight:400}.ag-design__more summary{min-block-size:var(--control-md);color:var(--link);font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight);cursor:pointer;align-items:center;text-decoration:underline;display:inline-flex}.ag-design__more summary:hover{color:var(--brand-strong)}@media (max-width:639px),(pointer:coarse){.ag-design__more summary{min-block-size:var(--control-lg)}}.ag-design__thumbs{gap:var(--space-2);margin:var(--space-2) 0 0;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));padding:0;list-style:none;display:grid}.ag-design__quote{align-self:flex-start;align-items:center;gap:var(--space-2);min-block-size:var(--control-md);color:var(--link);font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight);margin-block-start:auto;padding-block-start:var(--space-1);text-decoration:underline;display:inline-flex}.ag-design__quote:hover{color:var(--brand-strong)}@media (max-width:639px),(pointer:coarse){.ag-design__quote{min-block-size:var(--control-lg)}}.ag-design--wide{grid-column:1/-1}@media (min-width:960px){.ag-design--wide{flex-direction:row}.ag-design--wide .ag-design__media{flex:0 0 min(40%,28rem)}.ag-design--wide .ag-design__body{padding:var(--space-5)}}.ag-designs__plain{gap:var(--space-3);display:grid}.ag-designs__plain-title{color:var(--ink-muted);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line);margin:0;font-weight:600}.ag-designs__plain-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.ag-design--plain{flex-direction:column}.ag-design--plain .ag-design__name{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line)}.ag-design__meta{color:var(--ink-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line);margin:0}@media (prefers-reduced-motion:reduce){.ag-design,.ag-designs__nav a{transition:none}}