#root{margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.search-input input{overflow:auto;font-size:15px;position:relative;tab-size:1;outline:0;padding:4px;margin:1px;caret-color:#444}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}h1{font-size:18px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{width:100%;color:#000;position:relative;line-height:20px;font-weight:400;text-align:left;border-radius:10px 10px 2px 2px}.editor-inner{background:#fff;position:relative}.editor-input{overflow:auto;font-size:15px;position:relative;tab-size:1;outline:0;padding:5px;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;top:5px;left:10px;font-size:15px;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:94%}.editor-link{color:#216fdb;text-decoration:none}.editor-code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:10px;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 2px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.toolbar{display:flex;margin-bottom:1px;padding:1px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle}.choice-input input{overflow:auto;font-size:15px;position:relative;tab-size:1;outline:0;padding:4px;margin:1px;caret-color:#444}.instruction-text{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;line-height:1.8;color:#2d3748;margin:0 0 1.5rem;padding:0;text-align:left;hyphens:auto;text-rendering:optimizeLegibility}.instruction-text .important{background-color:#fffaf0;border-left:4px solid #f6ad55;padding:.8rem 1rem;margin:0 0 1.5rem;border-radius:0 4px 4px 0}.instruction-text .warning{background-color:#fff5f5;border-left:4px solid #fc8181;padding:.8rem 1rem;margin:0 0 1.5rem;border-radius:0 4px 4px 0}.instruction-text a{color:#3182ce;text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px dotted currentColor}.instruction-text a:hover{color:#2c5282;border-bottom-style:solid}.instruction-text strong{color:#2d3748;font-weight:600}.instruction-text code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background-color:#edf2f7;padding:.2em .4em;border-radius:3px;font-size:.9em;color:#d14}@media (max-width: 768px){.instruction-text{font-size:1rem;line-height:1.7;max-width:100%}}.instruction-text [data-clickable]{cursor:pointer;transition:background-color .2s ease}.instruction-text [data-clickable]:hover{background-color:#f7fafc}.instruction-text .step{position:relative;padding-left:2.5rem;margin-bottom:1.8rem;counter-increment:step-counter}.instruction-text .step:before{content:counter(step-counter);position:absolute;left:0;top:0;background-color:#3182ce;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.instruction-image{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:6px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease}.instruction-image+.image-caption{display:block;text-align:center;font-size:.9rem;color:#718096;margin-top:-1.5rem;margin-bottom:2rem;font-style:italic}.instruction-image:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.instruction-image.thumbnail{max-width:200px;float:right;margin:0 0 1rem 1.5rem}.instruction-image.screenshot{border:1px solid #cbd5e0;box-shadow:0 2px 8px #0000000d}.instruction-image.bordered{padding:8px;background:#fff;border:1px solid #e2e8f0}@media (max-width: 768px){.instruction-image{margin:1.5rem auto}.instruction-image.thumbnail{float:none;display:block;max-width:100%;margin:1rem auto}}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.image-grid .instruction-image{margin:0}.instruction-image.highlight{border:2px solid #3182ce;box-shadow:0 0 0 4px #3182ce33}.image-step{position:relative;margin:2.5rem auto}.image-step:before{content:attr(data-step);position:absolute;top:-1.2rem;left:-1.2rem;background:#3182ce;color:#fff;width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:1}.section-title{font-family:Segoe UI,system-ui,sans-serif;font-size:1.75rem;font-weight:700;color:#1a365d;margin:2.5rem 0 1.8rem;padding-left:1.2rem;position:relative;line-height:1.4}.section-title:before{content:"";position:absolute;left:0;top:.2em;height:1.2em;width:4px;background:#3182ce;border-radius:2px}html,body,#root{overscroll-behavior-y:none;overscroll-behavior:none;-webkit-overscroll-behavior-y:none;-webkit-overscroll-behavior:none}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none!important}*{-webkit-tap-highlight-color:transparent}input,textarea,select,button{-webkit-appearance:none;appearance:none}@media (max-width: 768px){*{-webkit-overflow-scrolling:touch}}@media (max-width: 768px){html,body{overscroll-behavior-y:contain;overscroll-behavior:contain;-webkit-overscroll-behavior-y:contain;-webkit-overscroll-behavior:contain}.MuiBox-root[style*="position: fixed"]{isolation:isolate!important;pointer-events:auto!important}}