.drag-and-drop_outer__UqTzF{display:flex;flex-direction:column;width:100%}.drag-and-drop_horizontal__jsFBr{flex-direction:row;align-items:stretch;&>.drag-and-drop_item__QvsmR{flex-shrink:0}}.drag-and-drop_item__QvsmR{min-width:0}.drag-and-drop_page__4G54U{display:grid;gap:2rem;max-width:48rem;margin:0 auto;& h1,& h2,& h3,& p{margin:0}}.drag-and-drop_section__spuMh{display:grid;gap:1rem;& h2{font-size:1.25rem}}.drag-and-drop_compactItem__6vexb,.drag-and-drop_item__0pf40{box-sizing:border-box;border:1px solid #dfe3e8;border-radius:.5rem;background:#fff}.drag-and-drop_item__0pf40{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;padding:.75rem}.drag-and-drop_handle__K8xsh{display:flex;align-items:center;justify-content:center;border-radius:.35rem;padding:.35rem;color:#15191f;cursor:grab;&:active{cursor:grabbing}&:focus-visible{outline:2px solid var(--accent,#f56a33);outline-offset:2px}&>svg{width:1.4rem;height:1.4rem}}.drag-and-drop_content___kCaH{display:grid;gap:.25rem;& h3{font-size:1rem}& p{color:#5d6470;font-size:.95rem;line-height:1.4}}.drag-and-drop_compactList__K8fZE{max-width:18rem}.drag-and-drop_compactItem__6vexb{padding:.75rem 1rem;cursor:grab;&:active{cursor:grabbing}}@media (max-width:35rem){.drag-and-drop_item__0pf40{grid-template-columns:1fr}.drag-and-drop_handle__K8xsh{width:max-content}}