#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}.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;-webkit-hyphens:auto;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}}