:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ease-out: cubic-bezier(.22,.61,.36,1);--ease-in-out: cubic-bezier(.4,0,.2,1);--t-fast: .12s;--t-base: .16s;--t-slow: .22s}a,button,input,select,textarea{transition:color var(--t-base) var(--ease-in-out),background-color var(--t-base) var(--ease-in-out),border-color var(--t-base) var(--ease-in-out),box-shadow var(--t-base) var(--ease-in-out),transform var(--t-fast) var(--ease-out),opacity var(--t-fast) var(--ease-out)}[role=button],[role=menuitem],[role=tab],.clickable,.list-row,.category-header{transition:background-color var(--t-base) var(--ease-in-out),color var(--t-base) var(--ease-in-out),opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.dropdown,.menu,[role=menu]{transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);will-change:opacity,transform}.modal-backdrop{transition:opacity var(--t-base) var(--ease-out)}.modal,.dialog{transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-in-out);will-change:opacity,transform}.tooltip{transition:opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.fade-in{animation:fade-in var(--t-base) var(--ease-out) both}.scale-in{animation:scale-in var(--t-base) var(--ease-out) both}.slide-down{animation:slide-down var(--t-base) var(--ease-out) both}.reveal-down{animation:reveal-down var(--t-base) var(--ease-out) both;will-change:opacity,transform,clip-path}.conceal-up{animation:conceal-up var(--t-base) var(--ease-out) both;will-change:opacity,transform,clip-path}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-down{0%{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes conceal-up{0%{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}to{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0)}}.list-row:hover{background-color:#ffffff0f}.category-header:hover{background-color:#ffffff0d}button:hover{transform:translateY(-1px)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html{background:#181a20;color:#f3f6fa;min-height:100vh;height:100%;overflow:hidden;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box}#root{max-width:none;margin:0;padding:0;text-align:left;height:100%}.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}}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root{--trans-fast: .12s;--trans-base: .2s;--trans-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}button,a,[role=button],input,textarea,select,img,svg,.card,.modal,.popover,.tooltip,.menu,.nav,.sidebar,.panel{transition:color var(--trans-base) var(--ease-standard),background-color var(--trans-base) var(--ease-standard),border-color var(--trans-base) var(--ease-standard),box-shadow var(--trans-base) var(--ease-standard),opacity var(--trans-base) var(--ease-standard),transform var(--trans-fast) var(--ease-standard)}.u-fade-in{opacity:0;animation:u-fade-in var(--trans-slow) var(--ease-standard) forwards}.u-fade-in-fast{opacity:0;animation:u-fade-in var(--trans-base) var(--ease-standard) forwards}@keyframes u-fade-in{0%{opacity:0}to{opacity:1}}.u-slide-up{opacity:0;transform:translateY(6px);animation:u-slide-up var(--trans-slow) var(--ease-standard) forwards}.u-slide-up-fast{opacity:0;transform:translateY(6px);animation:u-slide-up var(--trans-base) var(--ease-standard) forwards}@keyframes u-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.u-slide-in-left-fast{opacity:0;transform:translate(-10px);animation:u-slide-in-left var(--trans-base) var(--ease-standard) forwards}@keyframes u-slide-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}button:hover:not(:disabled),[role=button]:hover,a:hover{transform:translateY(-1px)}.card{padding:2em}.read-the-docs{color:#888}.emoji-pink{filter:grayscale(1) brightness(.9) sepia(1) saturate(6000%) hue-rotate(305deg);-webkit-filter:grayscale(1) brightness(.9) sepia(1) saturate(6000%) hue-rotate(305deg);display:inline-block}button,a,input,textarea,select{outline:none;-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible,a:focus,a:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{outline:none!important;box-shadow:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none!important;box-shadow:0 0 0 2px #87ceeba6,0 0 0 4px #87ceeb40!important;border-radius:8px}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff69b4,#87ceeb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8ac8,#9ad8f5)}*::-webkit-scrollbar-corner{background:transparent}
