.join-form {
    --muted: #687587;
    --blue: #1e62a1;
    --navy: #12365c;
    --border: #d9e1e8;
    --text: #17283b;
    --burgundy: #8b2332;
}

.join-photo-section .photo-uploader-layout {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 13px;
}

.join-photo-section .photo-preview-frame {
    width: 108px;
}

.join-photo-section .photo-placeholder {
    padding-bottom: 10px;
}

.join-photo-section .photo-placeholder span {
    font-size: 9px;
}

.join-photo-section .placeholder-head {
    width: 38px;
    height: 38px;
    top: 23px;
}

.join-photo-section .placeholder-body {
    width: 84px;
    height: 61px;
    bottom: 21px;
}

.join-photo-section .photo-action-button {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 10px;
}

.join-photo-section .photo-drop-zone {
    min-height: 58px;
    margin-top: 8px;
    padding: 9px;
}

.join-photo-section .photo-status {
    margin-top: 6px;
}

.join-photo-section .photo-link-button {
    color: #1e62a1;
}

.photo-dialog {
    font-family: inherit;
}

@media (max-width: 680px) {
    .join-photo-section .photo-uploader-layout {
        grid-template-columns: 1fr;
    }

    .join-photo-section .photo-preview-frame {
        width: 120px;
    }
}