/**
 * RU Stories, style du menu de partage.
 */
.ru-part-modal, .ru-part-modal * { box-sizing: border-box; }
.ru-part-modal { position: fixed; inset: 0; z-index: 100001; display: none; align-items: center; justify-content: center; padding: 16px; }
.ru-part-modal.ru-part-ouvert { display: flex; }
.ru-part-fond { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.ru-part-boite {
    position: relative; width: 420px; max-width: 100%; background: #fff; color: #161823;
    border-radius: 16px; padding: 20px; box-shadow: 0 20px 50px rgba(0,0,0,.3); overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.ru-part-entete { display: flex; align-items: center; justify-content: space-between; font-weight: 800; font-size: 16px; margin-bottom: 16px; }
.ru-part-fermer { background: none; border: none; font-size: 24px; cursor: pointer; color: #161823; line-height: 1; }
.ru-part-grille { display: flex; flex-wrap: wrap; gap: 8px 4px; justify-content: flex-start; }
.ru-part-item { flex: 0 0 20%; background: none; border: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 6px 0; }
.ru-part-rond { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.ru-part-rond svg { width: 26px; height: 26px; fill: #fff; }
.ru-part-nom { font-size: 12px; color: #57585c; }
.ru-part-lien { display: flex; gap: 8px; margin-top: 18px; }
.ru-part-champ { flex: 1; border: 1px solid #ebebeb; border-radius: 999px; padding: 10px 14px; font-size: 13px; background: #f6f7f8; color: #161823; }
.ru-part-champ:focus { outline: none; border-color: #C9A84C; background: #fff; }
.ru-part-copier { background: #FE2C55; color: #fff; border: none; border-radius: 999px; padding: 0 18px; font-weight: 700; cursor: pointer; font-size: 13px; }
.ru-part-copier:hover { background: #e02348; }