.react-product{--product-accent:#f47067;--sh-caret-color:#354150;--sh-title-color:#6f7b86;--sh-control-color:#a8b1b8;--sh-line-number-color:#a4adb5;--sh-line-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-product .product-section>.product-card,.react-api{width:min(600px,100%);margin-inline:auto}.react-api__component+.react-api__component{margin-top:42px}.react-api__component h3{margin:0 0 12px;font-size:1rem}.react-api__table-wrap{max-width:100%;overflow-x:auto}.react-api table{border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:1.5}.react-api th,.react-api td{vertical-align:top;border-bottom:1px solid #e5e9ec;padding:10px 8px}.react-api th{color:#9aa3ac;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:550}.react-api td:first-child{color:#354150;width:24%}.react-api td:nth-child(2){color:#596571;width:32%}.react-api td:last-child{color:#788592}.react-api td code{font-size:12px}.react-api__link{color:#788592;text-underline-offset:4px;margin-top:18px;display:inline-block}.react-api__link:hover{color:#354150}.react-style-example[data-codice-code]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;margin-bottom:24px}@media (prefers-color-scheme:dark){.react-style-example[data-codice-code]{--lightningcss-light: ;--lightningcss-dark:initial}}.react-style-variables td:first-child{width:39%}.react-style-variables td:nth-child(2){width:27%}.react-style-note{color:#788592;margin:18px 0 0;font-size:13px;line-height:1.6}.react-style-note a{color:#596571;text-underline-offset:3px}.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__settings{align-items:center;gap:14px;display:flex}.react-demo__status input[type=checkbox]{width:13px;height:13px;margin:0}.react-demo__status select{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.react-demo__status select:focus-visible{outline-offset:2px;outline:1px solid}.react-demo__editor{--sh-caret-color:#354150;--sh-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]{--sh-padding:0px;--sh-line-number-color:#a4a4a4;--sh-line-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 [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}}.react-theme-preview .react-product .product-card,.react-theme-preview .react-product .product-card__bar,.react-theme-preview .react-demo__status{background:var(--demo-background);color:var(--demo-muted)}.react-theme-preview .react-product [data-highlight]{background:var(--demo-highlight)}.react-api-details{border-top:1px solid #dfe5e9;border-bottom:1px solid #dfe5e9;padding:16px 0}.react-api-details>summary{cursor:pointer;font-size:15px;font-weight:600}.react-api-details[open]>summary{margin-bottom:24px}.react-demo-theme-picker,.react-code-demo{--code-demo-height:520px;width:min(600px,100%);margin-inline:auto}.react-demo-theme-picker{margin-bottom:16px}.react-demo-theme-picker .react-theme-picker{margin-top:0}.react-gpu-install{min-height:38px;margin-top:16px}.react-code-demo{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.react-code-language-list{height:26px;position:relative;overflow:hidden}.react-code-language-list:after{content:"";pointer-events:none;background:#7885921a;border-radius:5px;width:84px;height:24px;position:absolute;top:2px;left:calc(50% - 42px)}.react-code-language-list:before{content:"";z-index:1;pointer-events:none;border-inline:4px solid #0000;border-top:5px solid #788592;width:0;height:0;position:absolute;top:0;left:calc(50% - 4px)}.react-code-languages{overscroll-behavior:contain;scrollbar-width:none;scroll-snap-type:x mandatory;flex-direction:row;height:100%;padding:0 calc(50% - 42px);display:flex;overflow:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.react-code-languages:focus-visible{outline-offset:-2px;outline:2px solid #596571}.react-code-demo>.product-card{height:var(--code-demo-height);flex-direction:column;display:flex}.react-code-demo .product-card__bar{flex-shrink:0}.react-code-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000)}.react-code-scroll:focus-visible{outline:2px solid var(--demo-muted);outline-offset:-2px}.react-code-preview .sh__line--diff-add{background-color:#2da44e2e}.react-code-preview .sh__line--diff-remove{background-color:#cf222e2e}.react-code-preview .sh__line--diff-meta,.react-code-preview .sh__line--diff-hunk{color:var(--demo-muted)}.react-code-languages::-webkit-scrollbar{display:none}.react-code-scroll::-webkit-scrollbar{display:none}.react-code-languages button{color:#89939d;text-align:center;cursor:pointer;scroll-snap-align:center;background:0 0;border:0;flex:0 0 84px;width:84px;height:26px;padding:0;font-size:12px}.react-code-languages button:hover,.react-code-languages button[aria-selected=true]{color:#354150}.react-code-languages button[aria-selected=true]{font-weight:650}.react-demo__files{grid-template-columns:minmax(150px,210px) minmax(0,1fr);display:grid}.react-demo__files [data-sh-file-tree]{border-right:1px solid #8883}.react-demo__document{min-width:0}.filetree-demo__source{min-height:260px;font-family:ui-monospace,monospace;font-size:13px}@media (max-width:600px){.react-demo__files{grid-template-columns:minmax(0,1fr)}.react-demo__files [data-sh-file-tree]{border-bottom:1px solid #8883;border-right:0;max-height:180px}}.react-product [data-sh] pre,.react-product [data-sh] code,.react-product [data-sh] textarea{font-family:ui-monospace,monospace;font-size:var(--docs-code-font-size);letter-spacing:normal;line-height:22px}.react-product .product-section>.filetree-demo{width:min(800px,100%)}.react-product .product-card__bar{height:28px;font:13px/20px ui-monospace,monospace}.react-product .product-card__title{line-height:20px}.filetree-demo [data-sh-file-tree]{padding-block:12px}.filetree-demo [data-sh-file-tree] [role=treeitem]{min-height:22px;line-height:22px}.react-product [data-sh=code],.react-product [data-sh=editor]{font:var(--docs-code-font-size)/22px ui-monospace, monospace}.react-product [data-sh-header] [data-sh-title]{font:13px/20px ui-monospace,monospace}