.react-product{--product-accent:#f47067;--codice-caret-color:#354150;--codice-title-color:#6f7b86;--codice-control-color:#a8b1b8;--codice-code-line-number-color:#a4adb5;--codice-code-highlight-color:#fff0ee;--sh-class:#2d5e9d;--sh-identifier:#354150;--sh-sign:#8996a3;--sh-property:#0550ae;--sh-entity:#249a97;--sh-jsxliterals:#6266d1;--sh-string:#00a99a;--sh-keyword:#f47067;--sh-comment:#a19595}.react-demo__status{color:#788592;justify-content:space-between;align-items:center;font-size:12px;display:flex}.react-demo__status label{cursor:pointer;align-items:center;gap:7px;display:flex}.react-demo__status input{width:13px;height:13px;margin:0}.react-demo__editor{--codice-caret-color:#354150;--codice-code-line-number-color:#a4a4a4;color:#354150;background:#f6f6f6;min-height:330px}.react-demo__editor textarea,.react-demo__editor pre,.react-demo__editor code{min-height:260px}.react-demo__status{color:#788592;background:#eef2f4;min-height:38px;padding:0 16px}.react-code-preview[data-codice-code]{--codice-code-padding:0px;--codice-code-line-number-color:#a4a4a4;--codice-code-highlight-color:#dff1ff;color:#354150;background:#f6f6f6;padding:0}.react-code-preview .sh__line [data-codice-code-line-number]{vertical-align:baseline;position:static}.react-product .sh__line{display:block}.react-product [data-highlight]{background:#dff1ff}@media (max-width:680px){.react-demo__editor{min-height:280px}.react-demo__editor textarea,.react-demo__editor pre,.react-demo__editor code{min-height:220px}.react-demo__status span:last-child{display:none}}