dialog.demo-picker{border:0;border-radius:14px;padding:0;width:min(1060px,92vw);max-width:none;max-height:88dvh;background:#f8f6ef;color:#183f35;box-shadow:0 25px 90px #0004;margin:auto;overscroll-behavior:contain}
dialog.demo-picker::backdrop{background:rgba(15,35,30,.68)}
.demo-picker-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;background:#f8f6ef;border-bottom:1px solid #d7ddd5}
.demo-picker-head h2{margin:5px 0 0;font-size:27px;line-height:1.5}.demo-picker-head .eyebrow{margin:0;font-size:10px}
.demo-picker-close{flex-shrink:0;border:1px solid #a7b6aa;background:white;border-radius:30px;padding:10px 17px;color:#183f35;cursor:pointer;font:inherit;font-size:13px}
.demo-picker-body{padding:24px 30px 35px}.demo-picker-intro{font-size:13px;margin:0 0 24px}.demo-picker .demo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-picker .demo-card-photo{display:block;position:relative}.demo-picker .demo-card-photo img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}.demo-picker .demo-card-grid article h3{font-size:19px;line-height:1.6}.demo-picker .demo-card-grid article>p{font-size:12px}.demo-picker .demo-card-grid article .eyebrow{font-size:9px}.demo-picker button:focus-visible,.demo-picker a:focus-visible{outline:3px solid #b38f37;outline-offset:4px}
@media(max-width:700px){dialog.demo-picker{width:94vw;max-height:90dvh}.demo-picker-head{padding:17px 18px;gap:12px}.demo-picker-head h2{font-size:20px}.demo-picker-body{padding:20px 18px}.demo-picker .demo-card-grid{grid-template-columns:1fr;gap:30px}.demo-picker-close{font-size:12px;padding:8px 12px}}