.mgr{--mgr-cols:var(--mgr-cols-lg,3);--mgr-gap:20px;--mgr-star:#f6a623;--mgr-card-bg:#fff;--mgr-card-border:#e5e7eb;--mgr-text:#1f2937;--mgr-muted:#6b7280;
  display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:inherit;color:var(--mgr-text);line-height:1.4}
.mgr *,.mgr *::before,.mgr *::after{box-sizing:border-box}

.mgr .mgr-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.mgr .mgr-summary strong{font-size:1.4em;font-weight:700;color:#111}

.mgr .mgr-wrap{position:relative;width:100%;min-width:0;padding:0 44px}
.mgr .mgr-track{display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--mgr-cols) - 1) * var(--mgr-gap)) / var(--mgr-cols));
  gap:var(--mgr-gap);align-items:stretch;width:100%;min-width:0;margin:0;padding:4px 2px 8px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mgr .mgr-track::-webkit-scrollbar{display:none}

.mgr .mgr-card{min-width:0;margin:0;scroll-snap-align:start;display:flex;flex-direction:column;align-self:stretch;height:auto;
  background:var(--mgr-card-bg);border:1px solid var(--mgr-card-border);border-radius:14px;padding:18px 18px 16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04)}
.mgr .mgr-head{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.mgr .mgr-avatar{width:40px!important;height:40px!important;min-width:40px;max-width:40px!important;border-radius:50%;object-fit:cover;flex:none;display:block;margin:0}
.mgr .mgr-initial{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}
.mgr .mgr-who{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.mgr .mgr-name{display:block;font-weight:700;font-size:15px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgr .mgr-date{display:block;font-size:13px;color:var(--mgr-muted)}
.mgr .mgr-g{width:22px;height:22px;flex:none;align-self:flex-start;margin:0}

.mgr .mgr-stars{display:flex;gap:2px;margin:0 0 10px}
.mgr .mgr-stars svg{width:20px;height:20px;flex:none}
.mgr .mgr-stars .on{fill:var(--mgr-star)}
.mgr .mgr-stars .off{fill:#d4d4d8}
.mgr .mgr-summary .mgr-stars{margin:0}

.mgr .mgr-text{margin:0;font-size:15px;line-height:1.5;color:var(--mgr-text);white-space:pre-line;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.mgr .mgr-card.is-open .mgr-text{display:block;overflow:visible;-webkit-line-clamp:unset}

.mgr .mgr-more{all:unset;box-sizing:border-box;cursor:pointer;margin-top:auto;padding-top:10px;align-self:flex-start;font-size:14px;font-weight:600;color:#111}
.mgr .mgr-more:hover{text-decoration:underline}
.mgr .mgr-more[hidden]{display:none}

.mgr .mgr-nav{all:unset;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:38px;height:38px;border-radius:50%;background:#fff;color:#111;border:1px solid var(--mgr-card-border);
  box-shadow:0 2px 6px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mgr .mgr-nav:hover{background:#f3f4f6}
.mgr .mgr-nav[disabled]{opacity:.35;pointer-events:none}
.mgr .mgr-prev{left:0}
.mgr .mgr-next{right:0}
.mgr .mgr-nav svg{width:18px;height:18px;display:block}

.mgr.mgr-noscroll .mgr-nav{display:none}
.mgr.mgr-noscroll .mgr-wrap{padding:0}

/* Pagination par points */
.mgr[data-pagination="dots"] .mgr-wrap{padding:0}
.mgr .mgr-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.mgr .mgr-dot{all:unset;box-sizing:border-box;width:9px;height:9px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:background .2s,transform .2s}
.mgr .mgr-dot:hover{background:#94a3b8}
.mgr .mgr-dot.is-active{background:#111;transform:scale(1.25)}
.mgr .mgr-dot:focus-visible{outline:2px solid #111;outline-offset:2px}
.mgr.mgr-noscroll .mgr-dots{display:none}

@media(max-width:1024px){.mgr{--mgr-cols:var(--mgr-cols-md,2)}}
@media(max-width:640px){
  .mgr{--mgr-cols:var(--mgr-cols-sm,1.15);--mgr-gap:14px}
  .mgr .mgr-wrap{padding:0}
  .mgr .mgr-nav{display:none}
}