@use "variables" as *;
:host {
    .dot-wysiwyg__wrapper {
        display: flex;
        gap: $spacing-1;
        flex-direction: column;
    }

    .dot-wysiwyg__editor {
        display: flex;
        flex-direction: column;
    }

    .dot-wysiwyg__controls {
        display: flex;
        justify-content: space-between;
    }

    ::ng-deep {
        // Hide the promotion button
        // This button redirect to the tinyMCE premium page
        .tox-promotion {
            display: none;
        }

        .tox-statusbar__branding {
            display: none;
        }

        .tox .tox-statusbar {
            border-top: 1px solid $color-palette-gray-400;
        }

        .tox-tinymce {
            border: none;
        }

        p-dropdown {
            min-width: 10rem;
            .p-dropdown .p-dropdown-trigger {
                height: 100%;
            }
        }

        p-autocomplete .p-inputwrapper {
            padding-right: 35px;
        }

        .p-autocomplete-panel {
            z-index: 1000;
            position: fixed;
            max-width: 16rem;
        }
    }
}
