.photo-tray{width:100%;max-width:38rem;padding:1.25rem;border:1px solid;text-align:left;background:#f2eee4;color:#0c1016;font:400 1rem/1.5 Arial,sans-serif}.photo-tray h2{font-size:1.4rem;margin:0}.photo-tray button{min-width:44px;min-height:44px;padding:.5rem .75rem;font:inherit;color:inherit;background:transparent;border:1px solid #7b756b;cursor:pointer}.photo-tray button[aria-pressed=true]{background:#0c1016;color:#f2eee4}.photo-tray button:disabled{opacity:.55;cursor:default}.photo-tray button:focus-visible{outline:3px solid #0c1016;outline-offset:3px}.photo-tray__filters,.photo-tray__heading{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.photo-tray__filters{justify-content:flex-start;margin:1rem 0}.photo-tray__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;padding:0;list-style:none}.photo-tray__grid img{display:block;width:100%;height:9rem;object-fit:contain;background:#e5dfd3}.photo-tray__grid li>div{display:flex;flex-wrap:wrap;gap:.3rem}.photo-tray .photo-tray__remove{border:0;font-size:.875rem;text-decoration:underline}.photo-tray__note{font-size:.875rem}@media(min-width:700px){.photo-tray__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}