button.app-close, #contenedormax #conterdormaxc.app-close, #verb #verc.app-close { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 10px; margin: 0; border: 0; border-radius: 10px; background: #e9e6f5; color: #27187e; cursor: pointer; font-size: 1rem; }
.app-close svg { width: 20px; height: 20px; flex-shrink: 0; }
html:not([data-keyboard-focus="true"]) button.app-close:focus, html:not([data-keyboard-focus="true"]) button.app-close:focus-visible { outline: none; box-shadow: none; }
html:not([data-keyboard-focus="true"]) dialog button:focus-visible { outline: none; }
html[data-keyboard-focus="true"] button.app-close:focus-visible { outline: 2px solid #8372d8; outline-offset: 3px; }
.library-heading > :first-child, .results-heading > :first-child { min-width: 0; }
dialog > .library-heading, dialog .results-heading { position: sticky; top: 0; z-index: 2; background: white; }
.library-dialog { --dialog-padding-x: 24px; --dialog-padding-y: 24px; }
.library-dialog > .library-heading { margin-left: calc(-1 * var(--dialog-padding-x)); margin-right: calc(-1 * var(--dialog-padding-x)); padding: 12px var(--dialog-padding-x); box-shadow: 0 calc(-1 * var(--dialog-padding-y)) 0 0 white; border-bottom: 1px solid #edf0f5; }
#verb .results-heading { padding-bottom: 10px; box-shadow: 0 -16px 0 0 white; }
@media (max-width: 768px) { .library-dialog { --dialog-padding-x: 16px; --dialog-padding-y: 20px; } }
@media (min-width: 769px) { .library-dialog { --dialog-padding-x: 32px; --dialog-padding-y: 32px; } }