/* bundler debug
./modules/uf/overflow-detector.css: 692
*/
/* bundling ./modules/uf/overflow-detector.css */
/**
 * Highlight elements with right margin overflow
 * The JavaScript adds this attribute with the overflow amount in pixels
 */
[data-debug='1'] [data-overflow-right] {
    outline: 1px dashed #ff4444 !important;
    outline-offset: 0px;
}

/**
 * Display overflow amount as a badge on the element
 */

[data-debug='1'] [data-overflow-right]::after {
    content: '→ ' attr(data-overflow-right) 'px';
    position: fixed;
    top: 0;
    right: 0;
    background: #ff4444;
    color: #ffffff;
    padding: 4px 8px;
    font-size: 12px;
    font-family: monospace;
    font-weight: bold;
    z-index: 99999;
    border-radius: 0 0 0 4px;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
}
/* bundling inline/ */
h2 {
        margin-bottom:0.5em;
    }
