*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body{margin:0;padding:0}:root{--sh-class:#6f42c1;--sh-identifier:#354150;--sh-sign:#24292e;--sh-string:#57a3a7;--sh-keyword:#d73a49;--sh-comment:#6a737d;--sh-jsxliterals:#24292e;--sh-entity:#424d5b;--sh-property:#1d3147;--codice-caret-color:#333}a,a:focus,a:visited{color:inherit}a:hover{color:#424d5b}main{padding:0 1.5rem}footer{justify-content:center;padding:0 1.5rem;display:flex}footer>p{text-align:center;width:100%;max-width:680px}.text-center{text-align:center}.editor{flex-direction:column;justify-content:stretch;max-height:300px;display:flex;position:relative;overflow-y:scroll}.executor{color:#fff;background:#333;border:none;border-radius:4px;position:absolute;top:8px;right:8px}.titles{color:#404756;flex-direction:column;justify-content:space-between;width:100%;max-width:680px;margin:0 auto;padding:1rem 0;line-height:1.4;display:flex}.titles h1{margin:0;font-size:52px}.titles h3{margin:0;padding:8px 0;font-size:32px}.titles p{margin:0;padding:8px 0;font-size:18px}.playground-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 300px);padding:2rem 0;display:flex}.playground-wrapper{width:100%;max-width:960px;margin:0 auto}.examples-section{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.examples-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.example-tabs{flex-wrap:wrap;justify-content:center;gap:0;display:flex}.example-tab{cursor:pointer;color:#374151;background:0 0;border:none;padding:4px 12px;font-size:13px;font-weight:400;transition:background-color .15s}.example-tab:hover{background-color:#f3f4f6}.example-tab.active{color:#111827;background-color:#f9fafb}.playground{flex-direction:column;justify-content:center;width:100%;max-width:680px;line-height:1.4;display:flex}.showcase{justify-content:center;margin:2rem 0;line-height:1.4}.section{border-bottom:1px dashed #e5e7eb;max-width:680px;padding:32px 0}@media (max-width:640px){main,footer{padding:0 .5rem}.codesandbox-layout{flex-direction:column}.filetree{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;min-width:100%}.filetree-root{display:none}.filetree-files{flex-direction:row;gap:4px;padding:8px;display:flex;overflow-x:auto}.filetree-item{white-space:nowrap;flex-shrink:0;padding:8px 12px}.titles h1{font-size:36px}.titles h3{font-size:24px}.titles p{font-size:16px}}