:root {
    color-scheme: light;
}

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.font-display,
.font-heading {
    font-family: 'Space Grotesk', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

html {
    scroll-behavior: smooth;
}

.ace-editor-shell {
    width: 100%;
    min-height: 32rem;
    border: 1px solid rgb(203 213 225);
    border-radius: 1rem;
    overflow: hidden;
}

.ace-fallback-textarea {
    font-family: 'IBM Plex Mono', monospace;
    min-height: 32rem;
}

.ace-fallback-textarea.is-editor-hidden {
    position: absolute;
    left: -9999px;
}

.alias-pill-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 1023px) {
    .ace-editor-shell,
    .ace-fallback-textarea {
        min-height: 24rem;
    }
}