.rule-messages{
display:grid;
gap:10px;
margin-top:-8px;
}
.rule-message{
background:#fff7ed;
border:1px solid #fed7aa;
color:#9a3412;
border-radius:18px;
padding:14px 16px;
font-weight:800;
}
.config-option.is-incompatible{
opacity:.58;
border-color:#fecaca;
background:#fff7f7;
}
.config-option.is-incompatible:hover{
transform:none;
}
.config-option.has-notice{
border-color:#fed7aa;
}
.flag.red{
background:#fee2e2;
color:#b91c1c;
}
.option-rule-message{
background:#fff7ed;
border:1px solid #fed7aa;
color:#9a3412;
border-radius:14px;
padding:10px 12px;
font-size:13px;
line-height:1.45;
font-weight:750;
}
.rules-list{
display:grid;
gap:10px;
}
.rule-row{
display:grid;
grid-template-columns:1fr auto auto auto;
gap:12px;
align-items:center;
background:rgba(255,255,255,.035);
border:1px solid var(--line);
border-radius:18px;
padding:14px;
}
.rule-row small{
display:block;
color:var(--muted);
margin-top:4px;
}
.rule-row em{
font-style:normal;
background:rgba(47,128,255,.15);
color:#bfdbfe;
border-radius:999px;
padding:7px 10px;
font-weight:900;
}
.rule-row.inactive{
opacity:.55;
}
@media(max-width:900px){
.rule-row{
grid-template-columns:1fr;
}
}