.play-menu{background-color:var(--background-primary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.play-menu .top-navigation-main{justify-content:flex-end}main.play{--play-height:calc(100vh - var(--top-nav-height) - var(--top-banner-outer-height));background-color:var(--background-primary);display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr;min-height:var(--play-height);padding:1rem}@media(min-width:769px){main.play{grid-template-columns:1fr 1fr}}main.play dialog{border:1px solid var(--border-primary);border-radius:var(--elem-radius);box-shadow:1px 1px 2px var(--border-primary);margin:auto;width:-webkit-fit-content;width:fit-content;z-index:1}main.play dialog>form{display:flex;flex-direction:column;flex-wrap:wrap;font-size:var(--type-smaller-font-size);gap:2rem;max-width:30rem;overflow-wrap:anywhere;padding:.5rem;width:min(100vw - 5rem,25rem)}main.play dialog>form a:hover:not(.button){text-decoration:underline}main.play dialog>form>section{display:flex;flex-direction:column}main.play dialog>form>section#share-link>a{align-self:center;margin-top:1rem}main.play dialog>form>section>span{font-size:var(--type-base-font-size-rem)}main.play dialog>form>section .button{margin:.5rem auto;width:min(100%,15rem)}main.play dialog>form>section .button .button-wrap{height:auto;padding:.5rem 1rem}main.play dialog>form>section .share-get-plus{--text-link:var(--plus-accent-color);background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);padding:.5rem;text-align:center}main.play dialog>form>section .share-get-plus .auth-container{justify-content:center;margin-top:1rem}main.play dialog>form #share-cancel{position:absolute;right:.5rem;top:.5rem;width:-webkit-fit-content;width:fit-content}main.play dialog>form .buttons{display:flex;gap:.5rem;justify-content:center}main.play dialog>form.flag>textarea{height:6rem;resize:vertical;width:100%}main.play dialog>form.flag>.buttons{justify-content:flex-end}main.play section.editors{display:flex;flex-direction:column;gap:1rem;max-height:max(var(--play-height) - 2rem,30rem)}main.play section.editors aside{border:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}main.play section.editors aside h1{display:inline-flex;font-size:1rem;margin:auto 0;text-transform:uppercase}main.play section.editors aside .switch{font-size:smaller}main.play section.editors aside menu{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin:0 0 0 auto}main.play section.editors aside menu button{text-transform:capitalize}main.play section.editors aside menu button:disabled{cursor:not-allowed}main.play section.editors aside menu button.red{--button-color:var(--text-primary-red)}main.play section.editors details.editor-container{--editor-header-height:2.25rem;--editor-header-padding:0.25rem;--editor-header-border-width:1px;background-color:var(--background-secondary);border:var(--editor-header-border-width) solid var(--border-primary);height:0;min-height:var(--editor-header-height);width:100%}main.play section.editors details.editor-container::details-content{display:contents}main.play section.editors details.editor-container[open]{height:100%}main.play section.editors details.editor-container:not(:focus-within) summary{color:var(--text-inactive)}main.play section.editors details.editor-container summary{cursor:pointer;padding:var(--editor-header-padding)}main.play section.editors details.editor-container play-editor{height:calc(100% - var(--editor-header-height) - var(--editor-header-padding)*2 - var(--editor-header-border-width));margin:.5rem 0 0}main.play section.preview{align-items:center;display:flex;flex-direction:column;overflow:auto}main.play section.preview button.flag-example{align-self:flex-end;color:var(--text-link);cursor:pointer;font-size:smaller;margin:0;text-decoration:underline}main.play section.preview button.flag-example:hover{text-decoration:none}main.play section.preview play-runner{border:1px solid var(--border-primary);height:100%;width:100%}main.play section.preview #play-console{display:flex;flex-direction:column;font-size:smaller;margin:0;width:100%}main.play section.preview #play-console>span{background-color:var(--code-background-inline);font-weight:600;text-align:center;width:100%}main.play section.preview #play-console play-console{background-color:var(--code-background-inline);height:6rem;max-height:6rem;overflow:auto;width:100%}.login-banner{align-items:center;background-color:var(--background-success);border:2px solid var(--background-success);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.login-banner .plus-link{color:var(--text-primary);font-style:normal;font-variation-settings:normal;text-decoration:underline;text-decoration-thickness:.15rem;text-underline-offset:.1em}.login-banner .auth-container{flex-direction:row;flex-wrap:wrap;gap:1rem;margin-bottom:0;margin-left:auto}
/*# sourceMappingURL=732.54ca2c41.chunk.css.map*/