.photo-report-field{border:0;min-inline-size:0;margin:0;padding:0}.photo-report-field>legend{margin-block-end:.375rem;padding:0}.photo-report-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:.5rem;padding:.125rem;display:flex;position:relative;overflow-x:auto}.photo-report-reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.photo-report-choice{border:2px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:.75rem;display:block;position:relative}.photo-report-choice>input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.photo-report-choice:has(>input:checked){border-color:var(--primary)}.photo-report-choice:has(>input:focus-visible){border-color:var(--foreground)}@media (hover:hover){.photo-report-choice:hover{border-color:var(--primary)}}.photo-report-choice__mark{background:var(--primary);block-size:1.25rem;inline-size:1.25rem;color:var(--primary-foreground);opacity:0;border-radius:999px;place-items:center;transition:opacity .16s,transform .16s;display:grid;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;transform:scale(.6)}.photo-report-choice__mark>svg{block-size:.875rem;inline-size:.875rem}.photo-report-choice:has(>input:checked) .photo-report-choice__mark{opacity:1;transform:scale(1)}.photo-report-photo{scroll-snap-align:center;flex:none;inline-size:6rem;overflow:hidden}.photo-report-photo__frame{display:block;position:relative}.photo-report-photo__image{aspect-ratio:4/3;object-fit:cover;background:var(--secondary);inline-size:100%}.photo-report-photo__number{background:var(--card);block-size:1.25rem;min-inline-size:1.25rem;color:var(--foreground);border-radius:999px;place-items:center;padding-inline:.25rem;font-size:.75rem;font-weight:600;line-height:1;display:grid;position:absolute;inset-block-end:.25rem;inset-inline-start:.25rem}.photo-report-reason{flex-direction:column;gap:.375rem;min-block-size:2.75rem;padding:.625rem .75rem;display:flex}.photo-report-reason__icon{block-size:1.5rem;inline-size:1.5rem;color:var(--primary)}.photo-report-reason__text{flex-direction:column;gap:.125rem;min-inline-size:0;display:flex}.photo-report-reason__label{font-weight:600;line-height:1.25}.photo-report-reason__hint{color:var(--muted-foreground);font-size:.75rem;line-height:1.3}
