.AddEntityDialog{padding:var(--page-spacing);inline-size:100%;max-inline-size:64rem;max-block-size:calc(100dvb - 4rem);box-sizing:border-box}.AddEntityDialog-header{margin-block-end:1rem}.AddEntityDialog-form{display:flex;flex-direction:column;gap:1rem}.AddEntityDialog-filter input{inline-size:100%;box-sizing:border-box}.AddEntityDialog-footer,.AddEntityDialog-noMatch{margin:0}.AddEntityDialog-footer{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.AddEntityDialog-option[hidden]{display:none}.AddEntityDialog h2{margin-block-start:0}.AddEntityDialog h2 small{display:block;font-size:1rem;color:var(--color-secondary);margin-block-start:.5rem}.AddEntityDialog-list{display:grid;gap:1rem;grid-template-columns:repeat(var(--cols),1fr);align-content:start;padding:.25rem;margin:-.25rem}.AddEntityDialog-option{max-inline-size:16rem;position:relative;font-size:.875rem}.AddEntityDialog-checkmark{display:none;color:var(--color-secondary);block-size:1.25rem;inline-size:1.25rem}.AddEntityDialog-option label{display:grid;grid-template-columns:1fr auto;gap:.5rem;block-size:100%;line-height:1.4;padding:.5rem;border-radius:var(--border-radius);border:var(--border-light);cursor:pointer;box-sizing:border-box}.AddEntityDialog-option label:has(img,.OpenImageDialog-placeholder){grid-template-columns:3.125rem 1fr auto;padding-inline-start:.25rem}.AddEntityDialog-option input:focus~label{outline:.125rem solid var(--color-focus-outline);outline-offset:.1875rem}.AddEntityDialog-option{input:focus~label,label:hover{background:var(--color-bg2)}}.AddEntityDialog-option :checked+label .AddEntityDialog-checkmark{display:block}.AddEntityDialog-option input{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:.01}.AddEntityDialog-option input:checked+label{color:var(--color-copy-on-accent);background:var(--color-accent)}.AddEntityDialog-option input:checked+label .AddEntityDialog-checkmark{display:block;color:currentColor}.AddEntityDialog-option small{display:block;color:var(--color-secondary);margin-block-start:.25em}.AddEntityDialog-option input:checked+label small{color:var(--color-copy-on-accent)}@media (width >= 32rem){.AddEntityDialog-list{--cols:1}}@media (width >= 32rem) and (width < 48rem){.AddEntityDialog-list{--cols:2}}@media (width >= 48rem) and (width < 62rem){.AddEntityDialog-list{--cols:3}}@media (width >= 62rem){.AddEntityDialog-list{--cols:4}}
