html{font-family:sans-serif;padding:2rem 4rem;max-width:700px;margin:auto}#root{max-width:1280px;margin:0 auto;padding:2rem}.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(1) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.response{background:#444;border-radius:15px;padding:2rem}.code{text-align:start;max-width:500px;margin:auto}.button-container{display:flex;align-items:center;gap:2rem}.docs-link{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;color:#ffffffde}.docs-link:hover{border-color:#646cff}.docs-link:focus,.docs-link:focus-visible{outline:4px auto -webkit-focus-ring-color}.widget{margin:1rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.widget-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.widget-form>button[type=button]:last-child{align-self:flex-start;margin-top:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.widget-button-group{display:flex;flex-direction:column;gap:.5rem}.widget-button-group label{font-weight:500;color:#374151;margin-bottom:.25rem}.widget-button-group div[role=group]{display:flex;gap:.25rem;flex-wrap:wrap}.widget-form .widget-button-group button,.widget-button-group button{padding:.5rem 1rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.widget-form .widget-button-group button:hover,.widget-button-group button:hover{background-color:#f9fafb;border-color:#9ca3af}.widget-form .widget-button-group button[aria-pressed=true],.widget-button-group button[aria-pressed=true]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.widget-form .widget-button-group button:focus,.widget-button-group button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.widget-button{display:flex;flex-direction:column;gap:.5rem}.widget-button label{font-weight:500;color:#374151}.widget-button input[type=text]{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.widget-button input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.widget-button input[type=text]::placeholder{color:#9ca3af}.selector,.selector-multi{display:flex;flex-direction:column;gap:.5rem}.selector label,.selector-multi-label{font-weight:500;color:#374151}.selector select{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.selector select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.selector option{padding:.5rem}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;max-height:200px;overflow-y:auto}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0;font-weight:400}.checkbox-item input[type=checkbox]{margin:0;cursor:pointer}.checkbox-item span{font-size:.875rem;color:#374151}.checkbox-item:hover{background-color:#f9fafb;border-radius:4px;margin:-.25rem 0;padding:.5rem .25rem}.widget-slider{display:flex;flex-direction:column;gap:.5rem}.widget-slider label{font-weight:500;color:#374151}.slider-container{display:flex;flex-direction:column;gap:.25rem}.slider-values{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.current-value{font-weight:600;color:#3b82f6;background:#eff6ff;padding:.25rem .5rem;border-radius:4px;min-width:2rem;text-align:center}.min-value,.max-value{font-weight:500}.widget-slider input[type=range]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer}.widget-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:background-color .2s ease}.widget-slider input[type=range]::-webkit-slider-thumb:hover{background:#2563eb}.widget-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:background-color .2s ease}.widget-slider input[type=range]::-moz-range-thumb:hover{background:#2563eb}.widget-form>button[type=button]:last-child:hover{background-color:#2563eb}.widget-form>button[type=button]:last-child:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.widget span[style*="color:red"]{color:#ef4444!important;font-weight:500;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:inline-block}@media (max-width: 640px){.widget-button-group div[role=group]{flex-direction:column}.widget-button-group button{width:100%}.widget-form{padding:1rem}}