.stub{padding:var(--space-5) var(--g) var(--space-8);max-width:60ch}.stub .type-display{margin:var(--space-3) 0 var(--space-4)}.stub-name{max-width:24ch}.stub-note{margin-top:var(--space-3);font-size:13px;line-height:20px}.stub-img{margin-top:var(--space-5);aspect-ratio:3/4;object-fit:cover;background:var(--plate);width:100%}.shop-head{padding:22px var(--g) 0;justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.shop-head .count{color:var(--muted);padding-bottom:var(--space-1);white-space:nowrap;font-size:12px}.empty{padding:var(--space-8) var(--g);max-width:36ch}.empty .type-display{margin-bottom:var(--space-4)}.empty p{margin:0 0 18px}.ds{padding:var(--space-5) var(--g) var(--space-9)}.ds section{box-shadow:0 -1px 0 var(--line);padding:36px 0}.ds h2{margin-bottom:20px}.ds .sw{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.ds .sw>div{box-shadow:inset 0 0 0 1px var(--line)}.ds .sw i{height:84px;display:block}.ds .sw p{padding:10px;font-size:12px;line-height:17px}.ds .spec{gap:var(--space-3) 18px;grid-template-columns:110px 1fr;align-items:baseline;display:grid}.ds .spec>span:first-child{color:var(--muted);font-size:11px}.ds .scale{gap:var(--space-2);display:grid}.ds .scale div{font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:12px;display:flex}.ds .scale i{background:var(--fg);height:10px;display:block}.ds .demo{gap:10px;max-width:380px;display:grid}.ds .demo-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ds .principles{gap:14px;max-width:60ch;display:grid}.ds .principles li{color:var(--muted);font-size:14px}.ds .principles b{font-weight:var(--weight-bold);color:var(--fg);display:block}.ds .states{gap:var(--space-3);display:grid}.ds .states h3{margin-bottom:var(--space-1)}.ds .tilebox{max-width:280px}