.preview_container__rZ2Rs{overflow-x:hidden;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,340px);margin:15px 0}.preview_browser__rSknT{font-size:18px;margin:.5rem;padding:2.1em 0 0;border-radius:1em;background:#000;display:inline-block;position:relative;overflow:hidden;box-shadow:0 .25em .9em -.1em rgba(0,0,0,.3)}.preview_browser__rSknT .preview_browserNavigationBar__XaiR0{display:block;box-sizing:border-box;height:2.1em;position:absolute;top:0;padding:.3em;width:100%}.preview_browser__rSknT i{display:inline-block;height:.7em;width:.7em;border-radius:.45em;background-color:#eee;margin:.4em .15em}.preview_browser__rSknT i:first-child{background-color:#ff564f}.preview_browser__rSknT i:first-child:hover{background-color:#ff1419}.preview_browser__rSknT i:nth-child(2){background-color:#ffb72a}.preview_browser__rSknT i:nth-child(2):hover{background-color:#e6af2a}.preview_browser__rSknT i:nth-child(3){background-color:#25c63a}.preview_browser__rSknT i:nth-child(3):hover{background-color:#0ae10a}.preview_browser__rSknT input{font-size:.75em;vertical-align:top;display:inline-block;height:1.6em;color:#aaa;width:calc(100% - 6em);border:.1em solid #e1e1e1;border-radius:.25em;background-color:#eee;margin:.1em;padding:0 .4em}.preview_browserContainer__qFstg{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;text-align:center}.preview_btnNew__myj61{display:block;width:325px;max-width:100vw;padding:20px 10px;border:1px dashed hsl(var(--nextra-primary-hue)100% 45%/var(--tw-text-opacity));color:#ffa6f1;font-size:1.25rem;font-weight:500;border-radius:1rem;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center}