:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#272727de;background-color:#eee7e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh;background-color:#f2f3fb}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid slategrey}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}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-20px) translate(-50%)}60%{transform:translateY(-10px) translate(-50%)}}:root{--color-primary: #1a3263;--color-primary-light: #435989;--color-primary-dark: #0d1d3f;--color-secondary: #e63946;--color-accent: #d9d9d9;--color-text: #333333;--color-background: #f5f5f5;--color-pending: #f4c430;--color-pending-light: #ffe799;--color-completed: #2a9d8f;--color-completed-light: #a8dadc}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-pending{background-color:var(--color-pending)}.bg-pending-light{background-color:var(--color-pending-light)}.bg-completed{background-color:var(--color-completed)}.bg-completed-light{background-color:var(--color-completed-light)}.text-primary{color:var(--color-primary)}.text-primary-light{color:var(--color-primary-light)}.text-primary-dark{color:var(--color-primary-dark)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-color{color:var(--color-text)}.text-pending{color:var(--color-pending)}.text-pending-light{color:var(--color-pending-light)}.text-completed{color:var(--color-completed)}.text-completed-light{color:var(--color-completed-light)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-accent{border-color:var(--color-accent)}#root{margin:0 auto;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}.error{color:red;font-size:small}.loader{display:inline-grid;width:100px;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 30deg,#c02942 0,#c02942 60deg,#032335 0,#032335 120deg);animation:l9-0 3s linear infinite}.loader:before,.loader:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;transform:rotate(0) translate(100%);animation:l9-1 3s linear infinite}.loader:after{animation-delay:-1.5s}@keyframes l9-0{to{rotate:-1turn}}@keyframes l9-1{to{transform:rotate(1turn) translate(100%) rotate(1turn)}}.image-container{position:relative;display:inline-block}.interactive-image{width:100%;height:auto}.point{position:absolute;width:15px;height:15px;background-color:var(--color-primary-light);border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;animation:pulse 2s infinite;transition:transform .3s ease-in-out}.point:hover{transform:translate(-50%,-50%) scale(1.5);background-color:var(--color-primary)}.tooltip{visibility:hidden;position:absolute;background-color:var(--color-primary);font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;color:var(--color-accent);text-align:center;padding:5px;border-radius:5px;white-space:nowrap;transform:translate(-50%,-120%);z-index:10;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.point:hover .tooltip{visibility:visible;opacity:1;transform:translate(-50%,-150%)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-primary-light)}70%{box-shadow:0 0 0 20px #f000}to{box-shadow:0 0 #f000}}