:root {
    /* Customize PicoCSS variables here. See https://picocss.com/docs/css-variables */

    --pico-font-size: 98%;
}

html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
	scroll-behavior: auto;
    }
}

.center-content {
    display: flex;
    justify-content:center;
    align-items: center;
}

bliki-toolbar [role="group"] button {
    --pico-form-element-spacing-horizontal: 0.2rem;
}

/* Hide rendered HTML during editing */
bliki-editable[data-state="editing"] > :not(bliki-editor, bliki-preview, [edit], [error], [lock], [pane]) {
    display: none !important;
}

bliki-editor textarea {
    font-family: var(--pico-font-family-monospace);
}