.ripro-signin-page,.ripro-signin-widget {
    color:var(--ripro-text);
    --signin-soft:color-mix(in srgb,var(--ripro-background) 64%,var(--ripro-surface));
    --signin-accent:color-mix(in srgb,var(--ripro-primary) 9%,var(--ripro-surface));
}
.ripro-signin-page { padding-block:20px 36px; }
.ripro-signin-page [hidden],.ripro-signin-widget [hidden] { display:none!important; }
.ripro-signin-panel {
    min-width:0;
    padding:var(--ripro-signin-padding,20px);
    margin-bottom:16px;
    background:var(--ripro-surface);
    border:1px solid var(--ripro-border);
    border-radius:var(--ripro-radius,0);
}
.ripro-signin-panel h1 { margin:0 0 16px; font-size:var(--ripro-section-title-size,22px); }
.ripro-signin-claim,.ripro-signin-summary,.ripro-signin-actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
}
.ripro-signin-claim {
    padding:14px;
    background:var(--signin-soft);
    border:1px solid var(--ripro-border);
}
.ripro-signin-claim > div { display:grid; gap:4px; }
.ripro-signin-claim span,.ripro-signin-muted,.ripro-signin-person time,.ripro-signin-rules,.ripro-signin-empty {
    color:var(--ripro-muted);
    font-size:var(--ripro-small-size,12px);
}
.ripro-signin-summary { margin-top:14px; }
.ripro-signin-summary > div { display:flex; flex-wrap:wrap; gap:8px 24px; }
.ripro-signin-page button,.ripro-signin-widget button,.ripro-signin-page .ripro-signin-primary {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    min-height:36px;
    border:1px solid var(--ripro-border);
    border-radius:var(--ripro-radius,0);
    background:var(--ripro-surface);
    color:var(--ripro-text);
    cursor:pointer;
    text-decoration:none;
}
.ripro-signin-page .ripro-signin-primary {
    border-color:var(--ripro-primary);
    background:var(--ripro-primary);
    color:var(--ripro-on-primary,#fff);
}
.ripro-signin-page button:disabled { opacity:.58; cursor:default; }
.ripro-signin-page :is(a,button,input,summary):focus-visible,.ripro-signin-widget :is(a,button):focus-visible {
    outline:2px solid var(--ripro-primary);
    outline-offset:2px;
}
.ripro-signin-confirm,.ripro-signin-rules {
    margin:14px 0 0;
    padding:12px;
    background:var(--signin-soft);
}
.ripro-signin-rules summary { cursor:pointer; }
.ripro-signin-rules p { margin:7px 0 0; }
.ripro-signin-confirm h2 { font-size:16px; margin:0 0 8px; }
.ripro-signin-confirm dl { margin:0 0 12px; }
.ripro-signin-confirm dl > div {
    display:grid;
    grid-template-columns:minmax(0,9em) minmax(0,1fr);
    gap:8px;
    padding-block:5px;
}
.ripro-signin-confirm dt { color:var(--ripro-muted); font-weight:400; }
.ripro-signin-confirm dd { margin:0; overflow-wrap:anywhere; }
.ripro-signin-actions { justify-content:flex-start; }
.ripro-signin-feedback { margin:10px 0 0; color:var(--ripro-primary); }
.ripro-signin-feedback:empty { margin:0; }
.ripro-signin-exchange {
    display:inline-flex;
    align-items:center;
    min-height:36px;
    margin-top:14px;
    color:var(--ripro-primary);
}
.ripro-signin-tabs {
    display:flex;
    flex-wrap:wrap;
    gap:4px 14px;
    margin-bottom:10px;
    border-bottom:1px solid var(--ripro-border);
}
.ripro-signin-tabs a,.ripro-signin-tabs button {
    padding:8px 10px;
    color:var(--ripro-muted);
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    text-decoration:none;
}
.ripro-signin-tabs [aria-current=page],.ripro-signin-tabs [aria-pressed=true] {
    border-bottom-color:var(--ripro-primary);
    color:var(--ripro-primary);
}
.ripro-signin-list { list-style:none; padding:0; margin:0; }
.ripro-signin-list li {
    display:grid;
    grid-template-columns:2em 40px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:var(--ripro-signin-row-space,10px) 8px;
    border-bottom:1px solid var(--ripro-border);
}
.ripro-signin-list li:nth-child(even) { background:var(--signin-soft); }
.ripro-signin-list li img {
    width:100%;
    aspect-ratio:1;
    height:auto;
    object-fit:cover;
    border-radius:var(--ripro-radius,0);
}
.ripro-signin-position { color:var(--ripro-muted); font-variant-numeric:tabular-nums; }
.ripro-signin-person { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; min-width:0; overflow-wrap:anywhere; }
.ripro-signin-score { padding:3px 7px; background:var(--signin-accent); color:var(--ripro-primary); white-space:nowrap; }
.ripro-signin-score small { font-weight:400; }
.ripro-signin-empty { margin:0; padding:12px 0; }
.ripro-signin-pages,.ripro-signin-pages form {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}
.ripro-signin-pages { margin-top:12px; }
.ripro-signin-pages a,.ripro-signin-pages .is-current {
    display:inline-grid;
    place-items:center;
    min-width:32px;
    min-height:34px;
    border:1px solid var(--ripro-border);
    color:var(--ripro-primary);
}
.ripro-signin-pages .is-current { background:var(--signin-accent); }
.ripro-signin-pages input {
    width:64px;
    min-height:34px;
    background:var(--ripro-surface);
    border:1px solid var(--ripro-border);
    border-radius:var(--ripro-radius,0);
    color:var(--ripro-text);
    padding:2px 6px;
}
.widget.widget_ripro_signin_ranking {
    display:var(--ripro-signin-widget-display,block);
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    margin-inline:auto;
    padding:12px;
}
.ripro-signin-widget { min-width:0; padding-block:0; background:var(--ripro-surface); }
.ripro-signin-widget .ripro-signin-tabs { gap:0; margin-bottom:4px; }
.ripro-signin-widget .ripro-signin-tabs button { flex:1; min-width:0; padding-inline:2px; }
.ripro-signin-widget .ripro-signin-list li {
    grid-template-columns:1.15em 30px minmax(0,1fr) minmax(0,max-content);
    gap:6px;
    padding:var(--ripro-signin-row-space,5px) 3px;
}
.ripro-signin-widget .ripro-signin-list li:nth-child(even) { background:transparent; }
.ripro-signin-widget .ripro-signin-position { text-align:center; font-size:var(--ripro-small-size,12px); }
.ripro-signin-widget .ripro-signin-person { display:grid; gap:2px; }
.ripro-signin-widget .ripro-signin-person :is(.ripro-signin-name,time),.ripro-signin-widget .ripro-signin-score {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ripro-signin-widget .ripro-signin-score { padding:3px 6px; font-size:var(--ripro-small-size,12px); }
.ripro-signin-widget .ripro-signin-score small { font-size:inherit; }
.ripro-signin-widget-claim,.ripro-signin-widget-more { display:block; padding:8px 0; text-align:center; color:var(--ripro-primary); }
.ripro-signin-widget-claim { margin-bottom:7px; background:var(--signin-accent); }
.ripro-signin-widget-more { margin-top:4px; }
@media (max-width:575px) {
    .ripro-signin-page { padding-block:14px 20px; }
    .ripro-signin-list li { grid-template-columns:1.5em 32px minmax(0,1fr) auto; gap:6px; padding-inline:4px; }
    .ripro-signin-person { display:grid; }
    .ripro-signin-confirm dl > div { grid-template-columns:minmax(0,7em) minmax(0,1fr); }
}
@media (pointer:coarse) {
    .ripro-signin-page button,.ripro-signin-widget button,.ripro-signin-pages :is(a,input),.ripro-signin-page .ripro-signin-primary,.ripro-signin-exchange { min-height:44px; }
}