.grp-tags{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;min-width:0;display:inline-flex}.grp-tag{background:var(--fill);height:18px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 7px 0 6px;font-size:11px;font-weight:550;line-height:1;display:inline-flex}.grp-tag i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.grp-tag[data-kind=group]{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.grp-tag[data-kind=group] i{border-radius:2px}.grp-more{color:var(--text-3);font-size:11px;font-weight:550}.grp-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.grp-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.grp-rule{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.grp-rule[data-off=true] .grp-rule-main{opacity:.55}.grp-rule-order{flex-direction:column;gap:2px;display:flex}.grp-rule-order .d-btn{width:22px;height:18px;min-height:0;padding:0}.grp-rule-main{text-align:left;border-radius:8px;flex-direction:column;gap:4px;min-width:0;display:flex}.grp-rule-main:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grp-rule-head{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.grp-rule-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.grp-rule-when{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.grp-rule-act{align-items:center;gap:8px;display:flex}.grp-count{color:var(--text-3);white-space:nowrap;font-size:12px}.grp-form{flex-direction:column;gap:14px;display:flex}.grp-colors{flex-wrap:wrap;gap:6px;display:flex}.grp-colors button{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line);border-radius:7px;place-items:center;display:grid}.grp-colors button span{border-radius:4px;width:14px;height:14px}.grp-colors button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--text)}.grp-conds{flex-direction:column;gap:8px;display:flex}.grp-cond{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:6px;display:grid}.grp-conds-head{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.grp-preview{background:var(--fill);color:var(--text-2);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.grp-preview b{color:var(--text)}.grp-roll{border-collapse:collapse;width:100%;font-size:13px}.grp-roll th{color:var(--text-3);text-align:left;padding:0 0 6px;font-size:12px;font-weight:500}.grp-roll th[data-align=right],.grp-roll td[data-align=right]{text-align:right}.grp-roll td{border-top:1px solid var(--line);vertical-align:middle;padding:7px 0}.grp-roll td+td,.grp-roll th+th{padding-left:10px}.grp-roll tr[data-clickable=true]{cursor:pointer}.grp-roll tr[data-clickable=true]:hover td{background:var(--fill)}.grp-roll tr[data-active=true] td{background:var(--accent-soft)}.grp-roll-name{align-items:center;gap:8px;min-width:0;display:flex}.grp-roll-name>span:not(.grp-swatch):not(.grp-tags){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.grp-share{background:var(--fill-2);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.grp-share i{border-radius:2px;height:100%;display:block}@container (max-width:560px){.grp-cond{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.grp-cond>:nth-child(3){grid-area:2/1/auto/3}.grp-rule{grid-template-columns:minmax(0,1fr) auto}.grp-rule-order,.grp-roll .grp-hide-sm{display:none}}.grp-by{flex:none;display:inline-flex}.grp-by-menu{display:none}@container (max-width:760px){.grp-by[data-collapse=md] .grp-by-seg{display:none}.grp-by[data-collapse=md] .grp-by-menu{display:inline-flex}}@container (max-width:560px){.grp-by[data-collapse=sm] .grp-by-seg{display:none}.grp-by[data-collapse=sm] .grp-by-menu{display:inline-flex}.grp-btn-label{display:none}}