/* THIS FILE IS COPIED FROM THE COMMON LIBRARY AS OF 2025-07-09 15:55:08 GMT. DO NOT EDIT THIS FILE. EDIT THE ORIGINAL IN THE COMMON LIBRARY INSTEAD. */
agile-user-content {
    display: block;
    position: relative;
    min-height: 1em;
    transition: 0.3s;
    border-radius: 8px;
}
agile-user-content.editable:hover {
    outline: dotted 2px gray;
}
agile-user-content.no-content.editable {
    background: lightgray;
}
agile-user-content.no-content.editable .content::after {
    content: "No content yet!";
    font-style: italic;
}
agile-user-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
agile-user-content.show-overlay .overlay {
    opacity: 1;
    visibility: visible;
}


agile-user-content .controls {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    cursor: pointer;
    user-select: none;
}

agile-user-content:hover .controls {
    opacity: 1;
    visibility: visible;
}
agile-user-content .controls > * {
    color: gray;
    transition: 0.3s;
    cursor: pointer;
    user-select: none;
}
agile-user-content .controls > *:hover {
    color: var(--primary-color);
}

agile-user-content .content {
    padding: 8px;
}