/*
# 

# ========================================================================
#  Copyright (c) 2024-2025 Genesis NX Pte Ltd. All Rights Reserved.
#  GNX Fit App - Proprietary Software | https://www.gnxfit.com
# ========================================================================
#
# SUMMARY:
#   This source code and associated concepts are proprietary to Genesis NX Pte Ltd and developed for GNX Fit.
#   Access, modification, or distribution is strictly restricted to authorized personnel under signed NDA and contractual agreements.
#   Unauthorized modification, enhancement, or deletion of this code—including components derived from open-source software modified under Genesis NX initiatives—may result in legal action.
#   Prior approval from Genesis NX Pte Ltd is mandatory for any changes.
#
# ADDITIONAL PROTECTIONS:
#   This license extends to images, graphics, user interface designs, documentation, videos, and other associated content.
#   Unauthorized copying, modification, distribution, or republication of these assets—including through reverse engineering, decompilation, or creation of derivative works that replicate or compete with GNX Fit—is strictly prohibited.
#   Protections under applicable copyright laws, including anti-circumvention measures for digital content, apply.
#
# REFERENCES:
#   [LICENSE](https://github.com/GenesisNX/gnxfit-support/blob/main/LICENSE.md) file for full terms.
#   [T&Cs](https://www.gnxfit.com/app-terms) file for Terms & Conditions.
#
# ========================================================================

*/

/*
 *  Hack: this is the copied CSS from https://github.com/megahertz/react-simple-wysiwyg
 *  so that the styles are loaded when loading this in a shadow dom in the django
 *  application.
 */
.rsw-editor {
    border: 1px solid #ddd;
    border-radius: 0.375rem;
    display: flex;
    flex-direction: column;
    min-height: 100px;
    overflow: hidden;
}

.rsw-ce {
    flex: 1 0 auto;
    padding: 0.5rem;
}

.rsw-ce:focus {
    outline: 1px solid #668;
}

.rsw-ce[contentEditable='true']:empty:not(:focus):before {
    content: attr(placeholder);
    color: grey;
}

.rsw-html {
    background: transparent;
    border: none;
    font-family: monospace, 'Courier New';
}

.rsw-separator {
    align-self: stretch;
    border-right: 1px solid #ddd;
    display: flex;
    margin: 0 3px;
}

.rsw-dd {
    box-sizing: border-box;
    outline: none;
}

.rsw-btn {
    background: transparent;
    border: 0;
    cursor: pointer;
    color: #222;
    font-size: 1em;
    height: 2em;
    outline: none;
    padding: 0;
    width: 2em;
}

.rsw-btn:hover {
    background: #eaeaea;
}

.rsw-btn[data-active='true'] {
    background: #e0e0e0;
}

.rsw-toolbar {
    align-items: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    display: flex;
}