.ripro-waterfall{
    --rwf-accent:var(--ripro-waterfall-accent,var(--ripro-primary,var(--ri-primary)));
    --rwf-border:var(--ripro-border,var(--ri-border-color));
    --rwf-card-border:var(--ripro-waterfall-card-border,var(--rwf-border));
    --rwf-cover-inset:var(--ripro-waterfall-cover-inset,6px);
    --rwf-surface:var(--ripro-surface,var(--ri-secondary-bg));
    color:var(--ripro-text,var(--ri-body-color));
    margin-block:var(--ripro-module-gap,24px);
    min-width:0;
    scroll-margin-top:calc(var(--ripro-header-height,60px) + var(--ripro-sidebar-admin-offset,0px) + 12px);
}
.ripro-home-content>.home-waterfall>.ripro-waterfall{padding-block-start:0}
.ripro-home-content>.home-waterfall:first-child>.ripro-waterfall{margin-block-start:0}
.ripro-category-feed>.ripro-list-layout-wrap,
.ripro-category-feed>.ripro-waterfall,
.ripro-category-feed .content-wrapper>.ripro-waterfall,
body .ripro-category-feed .home-widget.home-waterfall:first-child,
.ripro-category-feed .home-waterfall:first-child>.ripro-waterfall{margin-block-start:0}
.ripro-category-feed .ripro-waterfall{padding-block-start:0}
.ripro-waterfall *{box-sizing:border-box}
.ripro-waterfall :is(.rwf-panel,.rwf-filters,.rwf-toolbar){
    padding:var(--ripro-waterfall-panel-padding,14px);
    background-color:var(--rwf-surface);
    background-color:color-mix(in srgb,var(--ripro-background,var(--ri-body-bg)),var(--rwf-surface) 64%);
    border:var(--ripro-border-width,1px) var(--ripro-border-style,solid) var(--rwf-border);
    border-radius:var(--ripro-radius,0);
}
.ripro-waterfall a{color:inherit;text-decoration:none}
.ripro-waterfall a:hover{color:var(--rwf-accent)}
.ripro-waterfall .rwf-heading{font-size:var(--ripro-h3-size,22px);margin:0 0 20px}
.ripro-waterfall .rwf-controls{display:grid;gap:var(--ripro-waterfall-gap,16px);margin-block-end:var(--ripro-waterfall-gap,16px)}
.ripro-waterfall .rwf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:calc(var(--ripro-waterfall-panel-padding,14px) / 2)}
.ripro-waterfall .rwf-tabs,.ripro-waterfall .rwf-filters{display:flex;flex-wrap:wrap;gap:4px}
.ripro-waterfall .rwf-filters{position:relative;align-items:flex-start;padding-block:calc(var(--ripro-waterfall-panel-padding,14px) / 2)}
.ripro-waterfall :is(.rwf-tabs a,.rwf-filters a,.rwf-tag-toggle,.rwf-new-window){
    padding:5px 10px;
    font:inherit;
    font-size:var(--ripro-small-size,12px);
    line-height:1.5;
    border:var(--ripro-border-width,1px) var(--ripro-border-style,solid) transparent;
}
.ripro-waterfall .rwf-tabs a{padding-inline:clamp(4px,1vw,10px)}
.ripro-waterfall .rwf-tabs a[aria-current]{color:var(--rwf-accent);background:var(--ripro-background,var(--ri-secondary-bg));font-weight:600}
.ripro-waterfall .rwf-window{font-size:var(--ripro-small-size,12px);color:var(--ripro-muted,var(--ri-secondary-color))}
.ripro-waterfall .rwf-filters :is(a,.rwf-tag-toggle){color:var(--ripro-muted,var(--ri-secondary-color));min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:var(--rwf-border)}
.ripro-waterfall .rwf-filters [hidden]{display:none}
.ripro-waterfall .rwf-tag-toggle{background:transparent;border-radius:var(--ripro-radius,0)}
.ripro-waterfall .rwf-filters :is(a,.rwf-tag-toggle):hover{color:var(--rwf-accent)}
.ripro-waterfall .rwf-filters a[aria-current]{background:var(--ripro-surface,var(--ri-body-bg));color:var(--rwf-accent)}
.ripro-waterfall .rwf-toolbar-end{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-inline-start:auto}
.ripro-waterfall .rwf-new-window:not([hidden]){display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding-inline:0}
.ripro-waterfall .rwf-new-window input{accent-color:var(--rwf-accent)}
.ripro-waterfall .rwf-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(142px,calc((100% - (var(--ripro-waterfall-columns,4) - 1)*var(--ripro-waterfall-gap,16px))/var(--ripro-waterfall-columns,4)))),1fr));gap:var(--ripro-waterfall-gap,var(--ripro-grid-gap,16px));align-items:stretch;position:relative}
.ripro-waterfall .rwf-card{
    min-width:0;
    overflow:hidden;
    position:relative;
    background:var(--rwf-surface);
    border:var(--ripro-border-width,1px) var(--ripro-border-style,solid) var(--rwf-card-border);
    border-radius:var(--ripro-radius,0);
    box-shadow:var(--ripro-shadow,none);
}
.ripro-waterfall[data-rwf-enhanced][data-layout="masonry"] .rwf-feed{display:block}
.ripro-waterfall[data-rwf-enhanced][data-layout="masonry"] .rwf-card{position:absolute;top:0;left:0}
.ripro-waterfall .rwf-cover{display:block;overflow:hidden;margin-inline:var(--rwf-cover-inset)}
.ripro-waterfall .rwf-cover :is(.rwf-image,.rwf-fallback){
    margin-block-start:var(--rwf-cover-inset);
    border:var(--ripro-border-width,1px) var(--ripro-border-style,solid) var(--rwf-card-border);
    background:var(--ripro-background,var(--ri-body-bg));
}
.ripro-waterfall .rwf-image{display:block;overflow:hidden}
.ripro-waterfall .rwf-image img{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
    object-position:center;
    transform:scale(1.08);
    transform-origin:center;
}
.ripro-waterfall .rwf-image img:not([width][height]){aspect-ratio:auto var(--ripro-waterfall-cover-ratio,1.333333)}
.ripro-waterfall[data-layout="grid"] .rwf-image img{aspect-ratio:var(--ripro-waterfall-cover-ratio,1.333333)}
.ripro-waterfall .rwf-cover:not(.has-image) .rwf-image{display:none}
.ripro-waterfall .rwf-fallback{display:var(--ripro-waterfall-fallback-display,grid);aspect-ratio:var(--ripro-waterfall-cover-ratio,1.333333);place-content:center;text-align:center;color:var(--ripro-muted,var(--ri-secondary-color));gap:6px;font-size:var(--ripro-small-size,12px)}
.ripro-waterfall .rwf-fallback strong{font-size:28px;opacity:.65}
.ripro-waterfall .has-image .rwf-fallback{display:none}
.ripro-waterfall .rwf-vip{position:absolute;inset-block-start:calc(var(--rwf-cover-inset) + 6px);inset-inline-start:calc(var(--rwf-cover-inset) + 6px);z-index:1;background:var(--ripro-warning-soft,#fff0d5);color:var(--ripro-on-warning-soft,#6a420b);padding:1px 6px;font-size:11px;pointer-events:none}
.ripro-waterfall .rwf-copy{padding:var(--ripro-card-padding,12px)}
.ripro-waterfall .rwf-category{display:flex;align-items:center;gap:5px;font-size:var(--ripro-small-size,12px);color:var(--ripro-muted,var(--ri-secondary-color));margin-bottom:5px;overflow-wrap:anywhere}
.ripro-waterfall .rwf-category:before{content:"";width:5px;height:5px;flex-shrink:0;background:var(--rwf-accent);border-radius:50%}
.ripro-waterfall .rwf-title{font-size:var(--ripro-waterfall-title-size,var(--ripro-body-size,15px));line-height:1.5;font-weight:500;margin:0}
.ripro-waterfall .rwf-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ripro-waterfall-title-lines,2);overflow:hidden;overflow-wrap:anywhere}
.ripro-waterfall .rwf-desc{font-size:var(--ripro-small-size,12px);line-height:1.6;color:var(--ripro-muted,var(--ri-secondary-color));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:6px 0 0}
.ripro-waterfall .rwf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:var(--ripro-small-size,12px);color:var(--ripro-muted,var(--ri-secondary-color));margin-top:10px}
.ripro-waterfall .rwf-meta time{margin-inline-start:0;white-space:nowrap}
.ripro-waterfall .rwf-comments{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none}
.ripro-waterfall .rwf-comments:hover{color:var(--ripro-primary,var(--rwf-accent))}
.ripro-waterfall .rwf-nav{text-align:center;padding-top:24px;color:var(--ripro-muted,var(--ri-secondary-color));font-size:var(--ripro-small-size,12px)}
.ripro-waterfall .rwf-nav-top{padding-top:0;margin-block-end:var(--ripro-waterfall-gap,var(--ripro-grid-gap,16px))}
.ripro-waterfall .rwf-more,.ripro-waterfall button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ripro-border,var(--ri-border-color));background:var(--ripro-surface,var(--ri-body-bg));padding:8px 12px;min-height:36px;border-radius:var(--ripro-radius,0);color:var(--ripro-text,var(--ri-body-color))}
.ripro-waterfall .rwf-more{min-width:160px}
.ripro-waterfall .rwf-nav p{margin:8px 0}
.ripro-waterfall .rwf-nav:has(.rwf-auth){
    container:rwf-auth / inline-size;
    padding-block-start:var(--ripro-waterfall-gap,var(--ripro-grid-gap,16px));
}
.ripro-waterfall .rwf-feed:empty + .rwf-nav:has(.rwf-auth){padding-block-start:0}
.ripro-waterfall .rwf-auth{
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    grid-template-areas:"icon copy" "actions actions" "back back";
    align-items:start;
    gap:8px 12px;
    padding:var(--ripro-waterfall-auth-padding,16px);
    background:var(--rwf-surface);
    border:var(--ripro-border-width,1px) var(--ripro-border-style,solid) var(--rwf-border);
    border-radius:var(--ripro-radius,0);
    text-align:start;
}
.ripro-waterfall .rwf-auth-icon{
    grid-area:icon;
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    font-size:16px;
    color:var(--rwf-accent);
    background:var(--ripro-subtle,var(--ri-secondary-bg));
}
.ripro-waterfall .rwf-auth-copy{grid-area:copy;overflow-wrap:anywhere}
.ripro-waterfall .rwf-auth-copy h3{
    margin:0;
    font-size:var(--ripro-font-size,16px);
    line-height:1.4;
    font-weight:600;
    color:var(--ripro-text,var(--ri-body-color));
}
.ripro-waterfall .rwf-auth-copy p{margin:4px 0 0;font-size:var(--ripro-small-size,13px)}
.ripro-waterfall .rwf-auth .rp-auth-actions{grid-area:actions;align-self:center;gap:8px}
.ripro-waterfall .rwf-auth .btn{
    display:inline-flex;
    flex:1 1 110px;
    align-items:center;
    justify-content:center;
    min-height:max(44px,var(--ripro-button-height,44px));
    white-space:normal;
}
.ripro-waterfall .rwf-auth-back{
    grid-area:back;
    justify-self:center;
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:44px;
}
.ripro-waterfall .rwf-auth-back:hover{text-decoration:underline}
.ripro-waterfall .rwf-auth-back:focus-visible{outline:2px solid var(--rwf-accent);outline-offset:2px}
@container rwf-auth (min-width:540px){
    .ripro-waterfall .rwf-auth{
        grid-template-columns:36px minmax(0,1fr) auto;
        grid-template-areas:"icon copy actions" "icon back actions";
        row-gap:4px;
    }
    .ripro-waterfall .rwf-auth .btn{flex:0 1 auto;min-height:max(40px,var(--ripro-button-height,40px))}
    .ripro-waterfall .rwf-auth-back{justify-self:start;min-height:26px}
}
@media(pointer:coarse){.ripro-waterfall .rwf-auth :is(.btn,.rwf-auth-back){min-height:44px}}
.ripro-waterfall .rwf-first{display:block;margin-top:12px}
.ripro-waterfall .rwf-empty{text-align:center;padding:48px 12px;color:var(--ripro-muted,var(--ri-secondary-color))}
.ripro-waterfall[aria-busy="true"] .rwf-feed{opacity:.55}
.ripro-waterfall .rwf-retry{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:12px}
@media(pointer:coarse){.ripro-waterfall .rwf-tabs a,.ripro-waterfall .rwf-filters a,.ripro-waterfall .rwf-more,.ripro-waterfall button{min-height:44px;display:inline-flex;align-items:center}}