.photo-field{border:0;border-top:1px solid #d5d1d8;padding:22px 0 0;margin:24px 0;min-width:0}.photo-field legend{padding:0 12px 0 0;font-size:15px;font-weight:600}.photo-field .optional{font-size:12px;font-weight:400}.photo-picker{display:flex!important;align-items:center;justify-content:center;gap:12px;position:relative;min-height:70px;margin:16px 0 10px!important;padding:16px;border:1px dashed #9b8992;background:#fcfbfc;border-radius:2px;cursor:pointer;font-size:14px}.photo-picker:hover,.photo-picker.drag-over{background:#f2ebee;border-color:#641e30}.photo-picker:focus-within{outline:2px solid #641e30;outline-offset:3px}.photo-picker input{position:absolute;width:1px!important;height:1px!important;opacity:0;overflow:hidden;padding:0!important;margin:0!important;clip-path:inset(50%)}.photo-previews{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}.photo-previews:empty{display:none}.photo-previews li{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e1dfe3;min-width:0}.photo-previews li>img{width:72px;height:72px;object-fit:cover;border-radius:2px}.photo-caption{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.photo-caption small{color:#68616d;font-size:12px}.photo-remove{width:40px;height:40px;display:grid;place-items:center;background:#fff;border:1px solid #d1ccd5;border-radius:2px;cursor:pointer;padding:0}.photo-remove:hover{background:#f2ebee}.photo-remove:focus-visible{outline:2px solid #641e30;outline-offset:2px}.photo-remove img{width:18px;height:18px}.photo-error{font-size:13px;line-height:1.6;color:#8d173c;border-left:2px solid #8d173c;padding:8px 12px;background:#fcf4f6}.photo-error[hidden]{display:none}#photo-status:empty{display:none}.photo-field .field-note{line-height:1.65}
@media(max-width:420px){.photo-previews li{grid-template-columns:56px minmax(0,1fr) 40px;gap:8px}.photo-previews li>img{width:56px;height:56px}.photo-picker{min-height:64px}}