/*
# 
# ========================================================================
#  Copyright (c) 2024 - Current Year. Genesis NX Pte Ltd. All Rights Reserved.
#   
#  This source code and its associated concepts are proprietary to Genesis NX Pte Ltd
#  and are developed for the purpose of GNX Fit-App. Access, modification, or distribution 
#  is strictly restricted to authorized personnel under a signed NDA and contractual agreements.
# 
#  Unauthorized modification, enhancement, or deletion of this code—including components derived 
#  from open-source software but modified under Genesis NX initiatives—may result in legal action.  
#  Prior approval from Genesis NX Pte Ltd is mandatory before any changes.
#   
#  Any breach of these terms will be subject to legal consequences.
#  ========================================================================
# More info: <https://www.gnxfit.com>
*/

/*
 *  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;
}