body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100%}#__next,body,html{overflow-x:hidden;width:100%;position:relative}#__next{max-width:100vw}*{box-sizing:border-box}.code-playground-fullheight{height:100%!important;min-height:500px!important;display:flex;flex-direction:column}.sp-preview-container{background:linear-gradient(to bottom right,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2))!important;border-radius:8px!important}@keyframes gentle-pulse{0%{box-shadow:0 4px 12px rgba(0,0,0,.05)}50%{box-shadow:0 6px 16px rgba(0,0,0,.08)}to{box-shadow:0 4px 12px rgba(0,0,0,.05)}}.sp-preview-iframe{animation:gentle-pulse 3s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}@media (max-width:768px){.code-playground-fullheight{min-height:400px!important}}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px;width:100%;max-width:100%;overflow:hidden}