.rgbjs-completion{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;margin:16px 0;padding:12px 0 0;border:0;border-top:1px solid #303c78;border-radius:0;background:transparent;color:#edf3ff;text-align:left}
.rgbjs-completion h3{margin:0!important;color:#9be7ff!important;font-size:15px!important;line-height:1.4;font-weight:600}
.rgbjs-completion p{margin:0;color:#c9d5ed}
.rgbjs-completion .rgbjs-completion-average{max-width:220px;margin:0!important;font-size:12px;line-height:1.5;font-weight:400;color:#b8c8e4;text-align:right}
.rgbjs-completion-personal{grid-column:1/-1;min-width:0}
.rgbjs-completion-personal form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;margin:0}
.rgbjs-completion input[type=range]{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:40px;margin:0;accent-color:#00e7a4;cursor:pointer}
.rgbjs-completion output{display:block;max-width:115px;margin:0;font-size:13px;line-height:1.4;font-weight:700;color:#00ffb3;text-align:right;overflow-wrap:anywhere}
.rgbjs-completion input:focus-visible{outline:3px solid #8a9dff;outline-offset:3px}
.rgbjs-completion-personal [role=status]{grid-column:1/-1;margin:0;font-size:12px;line-height:1.4}
.rgbjs-completion-personal [role=status]:empty{display:none}
.rgbjs-completion .rgbjs-completion-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.rgbjs-completion{grid-template-columns:minmax(0,1fr);gap:3px;margin:14px 0;padding-top:10px}.rgbjs-completion .rgbjs-completion-average{max-width:none;text-align:left}.rgbjs-completion h3{font-size:14px!important}.rgbjs-completion-personal form{column-gap:10px}.rgbjs-completion output{max-width:100px}}