.demo-comments{border-top:1px solid var(--cp-edge);border-bottom:1px solid var(--cp-edge);padding:19px 0 10px;margin:36px 0 0;scroll-margin-top:24px}.demo-comments-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-title-with-art{display:flex;align-items:center;gap:10px;min-width:0}.demo-bubble-art{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.demo-comments h2{font-size:25px;line-height:1.25;margin:0;font-style:normal}.demo-comments h2 em{color:var(--cp-accent);font-weight:inherit}.demo-comments-note{margin:1px 0 14px 58px;font-size:11px;line-height:1.5;color:var(--cp-muted)}.demo-comments-controls{display:flex;gap:7px;flex-shrink:0}.demo-comments-controls button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--cp-edge);border-radius:50%;background:color-mix(in srgb,var(--cp-wash) 35%,var(--cp-paper));color:var(--cp-accent);cursor:pointer}.demo-comments-controls button:disabled{opacity:.2;cursor:default}.demo-comments-controls button:hover:not(:disabled){background:var(--cp-wash)}.demo-comments-controls svg{width:18px;height:18px}.demo-comments-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;padding:12px 1px 5px;scroll-padding-left:1px}.demo-comments-track::-webkit-scrollbar{display:none}.demo-comment{position:relative;flex:0 0 calc((100% - 24px)/3);min-width:0;padding:12px 16px;scroll-snap-align:start;background:color-mix(in srgb,var(--cp-wash) 70%,var(--cp-paper));border:1px solid color-mix(in srgb,var(--cp-edge) 80%,var(--cp-paper));border-radius:10px;box-shadow:0 3px 8px #7044210a}.demo-comment:after{content:'';position:absolute;left:22px;top:-7px;width:12px;height:12px;background:color-mix(in srgb,var(--cp-wash) 70%,var(--cp-paper));border-top:1px solid color-mix(in srgb,var(--cp-edge) 80%,var(--cp-paper));border-left:1px solid color-mix(in srgb,var(--cp-edge) 80%,var(--cp-paper));transform:rotate(45deg);border-radius:3px 0 0 0}.demo-comment strong{display:block;font-size:11px;font-weight:700;color:var(--cp-accent)}.demo-comment blockquote{margin:6px 0 0;font-size:13px;line-height:1.65;color:var(--cp-ink);overflow-wrap:anywhere}.demo-comments :focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}.demo-comments+.collection-offer{margin-top:62px}@media(max-width:600px){.demo-comments{margin-top:26px;padding-top:16px;padding-bottom:8px}.demo-comments-head{gap:6px}.demo-title-with-art{gap:9px}.demo-bubble-art{width:38px;height:38px}.demo-comments h2{font-size:20px;max-width:190px}.demo-comments-controls{gap:1px}.demo-comments-controls button{width:40px;height:40px}.demo-comments-note{margin:8px 0 12px}.demo-comment{flex-basis:89%;padding:12px 14px}.demo-comments+.collection-offer{margin-top:45px}}