/* Labels belong only to illustrative collections, never to live collection data. */
.demo-label,.demo-art-label,.demo-chip-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 10px;border:1px solid #b9cdb9;border-radius:8px;background:#eaf2e8;color:#31523b;font-family:inherit;font-size:11px;font-weight:600;line-height:1.25;letter-spacing:.025em}
.demo-label{flex-shrink:0;font-size:11px;font-weight:650;line-height:1.3}
.demo-section-note{font-size:13px;line-height:1.6;color:#526854;margin:0 0 20px;max-width:820px}
.demo-section-note strong{font-weight:700;color:#254633}
.demo-disclosure{display:flex;align-items:flex-start;gap:18px;border:1px solid #c9d9c5;border-radius:18px;background:#eff5eb;padding:20px 24px;margin:0 0 24px;color:#213e2d}
.demo-disclosure strong{display:block;font-size:16px;font-weight:650;line-height:1.4}
.demo-disclosure p{max-width:820px;margin:5px 0 0;font-size:13px;line-height:1.65;color:#526854}
.nft-image{position:relative}
.demo-art-label{position:absolute;top:12px;left:12px;background:#f5faf1f5;backdrop-filter:blur(10px);font-size:11px;font-weight:650;box-shadow:0 2px 10px #0b1f1814}
.demo-price-label{display:block;font-size:10px;line-height:1.4;font-weight:500;color:#64745e;margin-bottom:3px}
.demo-dialog-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-right:28px;margin-bottom:17px}
.demo-dialog-heading .eyebrow{margin:0;font-size:10px;letter-spacing:.15em}
.dialog-body .demo-intro{color:#526854;line-height:1.65}
.dialog-body .demo-callout{border-left:3px solid #86a77e;background:#f0f5eb;padding:14px 16px;color:#3f5b42;font-size:13px;line-height:1.6;margin:20px 0}
.demo-walkthrough{list-style:none;counter-reset:demo-steps;padding:0;margin:26px 0;display:grid;gap:20px}
.demo-walkthrough li{position:relative;padding-left:43px;counter-increment:demo-steps}
.demo-walkthrough li::before{content:counter(demo-steps,decimal-leading-zero);position:absolute;top:0;left:0;width:29px;height:29px;display:grid;place-items:center;border:1px solid #cbdbc4;border-radius:50%;color:#597a4a;font-size:10px;font-weight:650}
.demo-walkthrough strong{display:block;font-size:14px;line-height:1.5}
.demo-walkthrough span{display:block;margin-top:4px;font-size:13px;line-height:1.6;color:#62735c}
.circle-chip .demo-chip-label{position:absolute;z-index:2;top:7px;left:7px;display:block;margin:0;background:#f2f7ebf5;color:#31523b;font-size:9px;padding:3px 6px;line-height:1.2;letter-spacing:0}
html[data-theme=dark] .demo-label,html[data-theme=dark] .demo-chip-label{color:#d4e9c6;background:#213828;border-color:#496342}
html[data-theme=dark] .demo-section-note,html[data-theme=dark] .demo-disclosure p,html[data-theme=dark] .dialog-body .demo-intro,html[data-theme=dark] .demo-walkthrough span,html[data-theme=dark] .demo-price-label{color:#b2c2ae}
html[data-theme=dark] .demo-section-note strong,html[data-theme=dark] .demo-disclosure strong{color:#e0ecda}
html[data-theme=dark] .demo-disclosure{background:#15281f;border-color:#3a513f;color:#e0ecda}
html[data-theme=dark] .dialog-body .demo-callout{background:#203127;color:#cedfc4;border-color:#8ca878}
html[data-theme=dark] .demo-walkthrough li::before{border-color:#496342;color:#c3dcae}
@media(max-width:600px){.demo-disclosure{display:grid;gap:11px;padding:17px 18px;border-radius:15px}.demo-disclosure p,.demo-section-note{font-size:12px}.demo-art-label{top:10px;left:10px;font-size:10px;padding:5px 8px}.demo-dialog-heading{gap:10px;margin-bottom:14px}.demo-walkthrough{gap:17px}.demo-section-note{margin-bottom:17px}.demo-price-label{font-size:9px}}
@media(forced-colors:active){.demo-label,.demo-disclosure,.demo-art-label,.demo-chip-label,.demo-callout{border:1px solid CanvasText}}