:root{font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.u-truncate-1{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-line-clamp-2,.u-line-clamp-3{min-width:0;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.u-line-clamp-2{-webkit-line-clamp:2}.u-line-clamp-3{-webkit-line-clamp:3}.u-select-truncate .MuiSelect-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-menu-item-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-chip-label-nowrap .MuiChip-label{white-space:nowrap}.u-chip-label-truncate .MuiChip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover)and (pointer:fine){.u-truncate-1[title],.u-line-clamp-2[title],.u-line-clamp-3[title]{position:relative}.u-truncate-1[title]:hover:after,.u-truncate-1[title]:focus-visible:after,.u-line-clamp-2[title]:hover:after,.u-line-clamp-2[title]:focus-visible:after,.u-line-clamp-3[title]:hover:after,.u-line-clamp-3[title]:focus-visible:after{content:attr(title);position:absolute;left:0;top:calc(100% + 4px);z-index:20;width:max-content;max-width:min(32rem,calc(100vw - 32px));padding:6px 8px;border-radius:6px;background:#181c22f5;box-shadow:0 8px 24px #0000002e;color:#fff;white-space:normal;word-break:break-word;pointer-events:none}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.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}