.rcl{border:1px solid #cbd5e1;border-radius:14px;padding:20px;margin:24px 0;color:#172033;background:#fff;font:16px/1.5 system-ui,sans-serif;box-sizing:border-box}.rcl *{box-sizing:border-box}.rcl h3{margin:0 0 16px;color:#172033}.rcl label{display:block;margin:10px 0}.rcl input[type=range]{width:100%;accent-color:#176caa}.rcl input[type=number]{max-width:100%;padding:9px;border:1px solid #94a3b8;border-radius:6px;color:#172033;background:white}.rcl button,.rcl-copy{background:#176caa;color:white;border:0;border-radius:7px;padding:9px 14px;margin:4px;cursor:pointer;font:inherit}.rcl button:disabled{opacity:.5;cursor:default}.rcl pre{background:#172033;color:#b9f6d0;padding:15px;border-radius:8px;overflow:auto;white-space:pre-wrap}.rcl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:12px 0}.rcl-grid>div{background:#eef4f9;padding:12px;border-radius:8px}.rcl-grid strong{display:block;font-size:1.4em}.rcl fieldset{border:0;border-bottom:1px solid #ddd;padding:12px 0;margin:0}.rcl legend{font-weight:600}.rcl svg{width:100%;height:auto;display:block}.rcl table{width:100%;border-collapse:collapse}.rcl td{padding:8px;border-bottom:1px solid #ddd}.rcl-math{text-align:center;margin:20px 0;font-size:1.2em}.rcl-frac{display:inline-flex;vertical-align:middle;flex-direction:column;text-align:center;margin:0 .2em}.rcl-frac span:first-child{border-bottom:1px solid currentColor;padding:0 .3em}.rcl-copy{font-size:13px}.rcl-code-wrap{position:relative}.rcl-code-wrap .rcl-copy{display:block;margin-left:auto}.rcl-keyword{color:#60a5fa;font-weight:bold}.rcl-string{color:#86efac}.rcl-comment{color:#94a3b8}