.item-explorer{gap:var(--spacing-lg);display:grid}.item-explorer>*{min-inline-size:0}.item-explorer h2{font-size:var(--text-headline-md);line-height:var(--text-headline-md--line-height);letter-spacing:var(--text-headline-md--letter-spacing)}.item-request{align-items:center;gap:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-surface-raised);padding:var(--spacing-sm) var(--spacing-md);box-shadow:.25rem .3rem 0 color-mix(in oklch, var(--color-paper-border) 62%, transparent);flex-wrap:wrap;display:flex}.item-request p{flex:12rem;min-inline-size:0;overflow-x:auto}.item-request code{color:var(--color-on-surface);font-size:var(--text-code);white-space:nowrap;background:0 0}.item-button-copy{border:1px solid var(--color-primary);border-radius:var(--radius-sm);min-block-size:2.75rem;color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;flex:none;font-weight:600}.item-button-copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.item-button-copy.is-copied{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.item-request-hint{color:var(--color-ink-muted);font-size:var(--text-body-sm)}.item-copy-status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.item-copy-status.is-visible{clip-path:none;block-size:auto;inline-size:auto;color:var(--color-paper-error);font-size:var(--text-body-sm);white-space:normal;font-weight:400;position:static;overflow:visible}.item-filters{gap:var(--spacing-md);border-block:2px solid var(--color-paper-border);padding-block:var(--spacing-lg);grid-template-columns:minmax(0,1fr);display:grid}.item-filters label,.item-page-jump{font-size:var(--text-label-md);letter-spacing:var(--text-label-md--letter-spacing);font-weight:600;line-height:var(--text-label-md--line-height);text-transform:uppercase}.item-filters>div,.item-filter-group>div{align-content:start;gap:var(--spacing-sm);inline-size:100%;min-inline-size:0;display:grid}.item-filters :is(input,select){border-color:var(--color-paper-border);background-color:var(--color-paper-raised);min-block-size:3rem;inline-size:100%;color:var(--color-ink)}.item-filters select{--pg-picker-bg:var(--color-paper-raised);--pg-picker-fg:var(--color-ink);--pg-picker-border:var(--color-paper-border);--pg-picker-hover:color-mix(in oklch, var(--color-ink) 8%, var(--color-paper-raised));--pg-picker-checked:color-mix(in oklch, var(--color-ink) 14%, var(--color-paper-raised));color-scheme:light}.item-search-row{gap:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;display:flex}.item-search-row input{flex:12rem;inline-size:auto;min-inline-size:0}.item-search-row .item-button-secondary{flex:none;min-block-size:3rem}.item-filters :is(input,select):focus-visible{outline-color:var(--color-ink-link)}.item-filter-more{grid-column:1/-1}.item-filter-more summary{min-block-size:2.75rem;padding-block:var(--spacing-xs);cursor:pointer;font-weight:600}.item-filter-more[open]{gap:var(--spacing-lg);display:grid}.item-filter-fields{gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.item-filter-group{align-content:start;align-items:start;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.item-button-primary,.item-button-secondary{border:1px solid var(--color-ink);border-radius:var(--radius-sm);min-block-size:2.75rem;padding:var(--spacing-sm) var(--spacing-md);font:inherit;cursor:pointer;font-weight:600}.item-button-primary{background:var(--color-ink);color:var(--color-paper-raised)}.item-button-secondary{color:var(--color-ink);background:0 0}.item-button-primary:active:not(:disabled),.item-button-secondary:active:not(:disabled),.item-button-copy:active,.item-card:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.item-button-copy:hover{color:var(--color-primary-hover)}.item-button-copy.is-copied:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.item-button-primary:hover{background:var(--color-ink-link);color:var(--color-paper-raised)}.item-button-secondary:hover{background:var(--color-paper);color:var(--color-ink-link)}.item-card:hover{border-color:var(--color-ink-link);background:var(--color-paper)}a.item-pagination-step:hover{background:var(--color-paper);color:var(--color-ink-link)}}.item-card[aria-expanded=true]{border-color:var(--color-ink-link);background:var(--color-paper)}.item-button-primary:focus-visible,.item-button-secondary:focus-visible,.item-card:focus-visible{outline-color:var(--color-ink-link);outline-width:3px}.item-button-primary:disabled,.item-button-secondary:disabled{cursor:not-allowed;opacity:.48}.item-results-bar{min-block-size:1.5rem;color:var(--color-ink-muted);text-transform:none;letter-spacing:normal;font-size:var(--text-body-sm);overflow-wrap:anywhere;font-weight:400;display:flex}.item-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.item-grid>li{min-inline-size:0;display:grid}.item-grid>li::marker{content:""}.item-grid[aria-busy=true]{opacity:.62}.item-card,.item-card-skeleton{border:1px solid var(--color-paper-border);background:var(--color-paper-raised);min-inline-size:0;box-shadow:.2rem .25rem 0 color-mix(in oklch, var(--color-paper-border) 58%, transparent);border-radius:0;grid-template-rows:7rem minmax(2.75rem,auto);display:grid}.item-card{inline-size:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;padding:0}.item-card .item-image,.item-card-skeleton .item-image{border-block-end:1px solid var(--color-paper-border)}.item-image{background:linear-gradient(90deg, transparent 49%, color-mix(in oklch, var(--color-paper-border) 22%, transparent) 50%, transparent 51%), linear-gradient(transparent 49%, color-mix(in oklch, var(--color-paper-border) 22%, transparent) 50%, transparent 51%), color-mix(in oklch, var(--color-paper) 75%, var(--color-paper-raised));place-items:center;display:grid}.item-image img{object-fit:contain;block-size:4.5rem;inline-size:4.5rem;image-rendering:pixelated}.item-card-name{min-block-size:2.75rem;padding:var(--spacing-sm);font-size:var(--text-body-md);text-align:center;text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.item-detail{overscroll-behavior:contain;border:1px solid var(--color-paper-border);background:var(--color-paper-raised);max-block-size:calc(100dvh - 2rem);inline-size:min(36rem,100% - 2rem);color:var(--color-ink);padding:var(--spacing-lg);box-shadow:.25rem .3rem 0 color-mix(in oklch, var(--color-paper-border) 62%, transparent);margin:auto;overflow:auto}.item-detail::backdrop{background:color-mix(in oklch, var(--color-ink) 72%, transparent)}.item-detail-head{gap:var(--spacing-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-block-end:var(--spacing-lg);display:grid}.item-detail-head .item-image{border:1px solid var(--color-paper-border);block-size:5.5rem;inline-size:5.5rem}.item-detail-head .item-image img{block-size:4.5rem;inline-size:4.5rem}.item-detail-head h2{min-inline-size:0;font-size:var(--text-headline-md);line-height:var(--text-headline-md--line-height);letter-spacing:var(--text-headline-md--letter-spacing);text-wrap:balance}.item-detail dl{gap:var(--spacing-sm);margin:0;display:grid}.item-detail dl>div{gap:var(--spacing-sm);grid-template-columns:minmax(8rem,.8fr) minmax(0,1.2fr);align-items:baseline;display:grid}.item-detail dl>div[data-field=imageUrl],.item-detail dl>div[data-field=description]{gap:var(--spacing-xs);grid-template-columns:1fr}.item-detail dl>div[data-field=description]{border-block-start:1px solid var(--color-paper-border);padding-block-start:var(--spacing-sm)}.item-detail dt{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-code);letter-spacing:0;text-transform:none;font-weight:600}.item-detail dd{overflow-wrap:break-word;min-inline-size:0;font-family:var(--font-mono);font-size:var(--text-code);font-variant-numeric:tabular-nums;margin:0}.item-detail dl>div[data-field=quality] dd{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.item-quality-marks{gap:var(--spacing-xs);display:inline-flex}.item-quality-marks span{border:1px solid var(--color-ink);background:0 0;block-size:.5rem;inline-size:.5rem}.item-quality-marks .is-on{background:var(--color-ink)}.item-detail dl>div[data-field=description] dd{font-family:inherit;font-size:var(--text-body-md);line-height:var(--text-body-md--line-height);font-variant-numeric:normal;white-space:normal}.item-json{border:1px solid var(--color-border);background:var(--color-surface-raised)}.item-json summary{min-block-size:2.75rem;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-on-surface-muted);font-size:var(--text-label-md);letter-spacing:var(--text-label-md--letter-spacing);text-transform:uppercase;cursor:pointer;font-weight:600}.item-json pre{border-block-start:1px solid var(--color-border);background:var(--color-surface);max-block-size:24rem;color:var(--color-on-surface);border-radius:0;margin:0;overflow:auto}.item-state{place-content:center;justify-items:center;gap:var(--spacing-sm);border:2px dashed var(--color-paper-border);min-block-size:14rem;padding:var(--spacing-xl);text-align:center;display:grid}.item-state-title{font-size:var(--text-headline-md);font-weight:600}.item-state p{max-inline-size:52ch;color:var(--color-ink-muted)}.item-state .item-request-id{font-size:var(--text-body-sm)}.item-pagination{border:1px solid var(--color-paper-border);background:var(--color-paper-raised);max-inline-size:100%;box-shadow:.2rem .25rem 0 color-mix(in oklch, var(--color-paper-border) 58%, transparent);flex-wrap:nowrap;justify-content:center;justify-self:center;align-items:stretch;gap:0;display:flex}.item-pagination-step{min-block-size:2.75rem;color:var(--color-ink);padding:var(--spacing-sm) var(--spacing-md);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.item-pagination-step:first-of-type{border-inline-end:1px solid var(--color-paper-border)}.item-pagination-step:last-of-type{border-inline-start:1px solid var(--color-paper-border)}.item-pagination-step:disabled,.item-pagination-step[aria-disabled=true]{color:var(--color-ink-muted);cursor:not-allowed}.item-pagination-step:focus-visible,.item-page-jump input:focus-visible{outline-color:var(--color-ink-link);outline-width:3px}.item-page-jump{align-items:center;gap:var(--spacing-sm);padding-inline:var(--spacing-md);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:normal;font-size:var(--text-body-sm);white-space:nowrap;font-weight:400;display:inline-flex}.item-page-jump span{color:var(--color-ink-muted)}.item-page-jump input{border:0;border-block-end:1px solid var(--color-ink);min-block-size:1.75rem;inline-size:3rem;color:var(--color-ink);text-align:center;font-size:var(--text-body-md);font-variant-numeric:tabular-nums;appearance:textfield;background-color:#0000;border-radius:0;padding:0;font-weight:600}.item-page-jump input::-webkit-outer-spin-button,.item-page-jump input::-webkit-inner-spin-button{appearance:none}.item-page-jump input:disabled{color:var(--color-ink-muted);cursor:not-allowed}.item-skeleton-block,.item-skeleton-line{background:color-mix(in oklch, var(--color-paper-border) 28%, var(--color-paper-raised))}.item-skeleton-block{block-size:auto;inline-size:100%}.item-skeleton-line{block-size:.75rem;inline-size:100%;display:block}.item-card-skeleton .item-skeleton-title{block-size:1rem;inline-size:72%;margin-inline:var(--spacing-sm);align-self:center}@media (prefers-reduced-motion:no-preference){.item-button-primary,.item-button-secondary,.item-button-copy,.item-pagination-step,.item-card{transition:background-color .12s cubic-bezier(.16,1,.3,1),border-color .12s cubic-bezier(.16,1,.3,1),color .12s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1)}.item-detail{transform-origin:50%;transition:overlay .25s cubic-bezier(.16, 1, .3, 1) allow-discrete, display .25s cubic-bezier(.16, 1, .3, 1) allow-discrete, opacity .25s cubic-bezier(.16, 1, .3, 1), transform .25s cubic-bezier(.16, 1, .3, 1)}.item-detail[open]{opacity:1;transform:scale(1)}.item-detail:not([open]){opacity:0;transform:scale(.96)}@starting-style{.item-detail[open]{opacity:0;transform:scale(.96)}}.item-detail::backdrop{opacity:1;transition:overlay .25s cubic-bezier(.16, 1, .3, 1) allow-discrete, display .25s cubic-bezier(.16, 1, .3, 1) allow-discrete, opacity .25s cubic-bezier(.16, 1, .3, 1)}.item-detail:not([open])::backdrop{opacity:0}@starting-style{.item-detail[open]::backdrop{opacity:0}}.item-grid,.item-state,.item-copy-status.is-visible{transition:opacity .18s cubic-bezier(.16,1,.3,1)}.item-grid[role=list],.item-state,.item-copy-status.is-visible{@starting-style{opacity:0}}.item-card-skeleton .item-skeleton-block,.item-card-skeleton .item-skeleton-line{animation:1.4s ease-in-out infinite alternate item-skeleton-pulse}}@media (prefers-reduced-motion:reduce){.item-button-primary:active:not(:disabled),.item-button-secondary:active:not(:disabled),.item-button-copy:active,.item-card:active{transform:none}}@keyframes item-skeleton-pulse{to{opacity:.45}}@media (width>=36rem){.item-filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}.item-filter-group:last-child{grid-template-columns:minmax(0,1fr)}}@media (width>=48rem){.item-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.item-filter-group,.item-filter-group:last-child{grid-template-columns:minmax(0,1fr)}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=48rem){.item-filters{grid-template-columns:1fr}}@media (width<=30rem){.item-request{flex-direction:column;align-items:stretch}.item-request p{flex:none;max-inline-size:100%}.item-detail-head{grid-template-columns:auto minmax(0,1fr)}.item-detail-head form{grid-column:1/-1}.item-detail-head form .item-button-secondary{inline-size:100%}.item-detail dl>div{grid-template-columns:1fr;gap:0}.item-pagination{flex-wrap:wrap}}
