.communityMapGpx {
    margin: 16px 0;
}

.messageAttachmentList > .communityMapGpx--attachment {
    grid-column: 1 / -1;
    width: 100%;
}

.communityMapGpx__title {
    margin: 0 0 8px;
    font-size: 1.1rem;
    letter-spacing: 0;
}

.communityMapGpx__canvas {
    position: relative;
    z-index: 0;
    width: 100%;
    height: min(420px, 55vh);
    min-height: 280px;
    border: 1px solid var(--wcfContentBorderInner);
}

.communityMapGpx__meta {
    margin-top: 8px;
    color: var(--wcfContentDimmedText);
}

.communityMapGpx__download {
    margin-top: 8px;
}

.communityMapGpxUpload__file {
    margin-top: 12px;
}

.communityMapGpxUpload__result {
    margin: 12px 0 0;
}

.communityMapGpx--error .communityMapGpx__canvas {
    display: none;
}

@media (max-width: 600px) {
    .communityMapGpx__canvas {
        height: 340px;
        min-height: 240px;
    }
}