:root {
    --parent-width: 401px;
    --graph-width: 301px;
}

.snapshot {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: var(--parent-width);
    container-type: inline-size;
    container-name: snapshot;
}
.htmx-request.snapshot {
    filter: blur(1px);
}

#graph-parent {
    min-width: var(--parent-width);
    overflow: visible;
}

.statistics {
    flex: 1 1 var(--parent-width);
    display: flex;
    gap: 7px;
}
@container snapshot (min-width: 402px) {
    .statistics {
        flex: 0 1 auto;
        flex-direction: column;
    }
}