
    .rbea-color-control{
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;

        .rbea-color-control__popup {
            position: absolute;
            top: 46px;
            left: 1px;
        }
        .rbea-color-control__wrapper {
            display: flex;
            align-items: center;    
            gap: 10px; 
        }
    
        .rbea-color-control__label{
            margin-bottom: 0px;
            font-family: Roboto;
            font-size: 13px;
            font-weight: 400;
            line-height: 16.41px;
            text-align: left;
            color: #666;
        }
    
        .rbea-reset {
            padding: 0px;
    
            .dashicons-image-rotate{
                font-size: 10px;
                height: fit-content;
                width: fit-content;
            }
        }

        .rbea-color-control__indicator{
            background-size: 10px 10px;
            background-position: 0 0, 5px 5px;
            border-radius: 50%;
            box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
            display: inline-block;
            width: 30px;
            height: 30px;
            cursor: pointer;
        }

        .rbea-color-palette-wrapper {
            margin-top: 16px;
            // Hide the preview/clear button area at the top of ColorPalette
            .components-color-palette__custom-clear-wrapper {
                display: none;
            }

            .rbea-color-palette-heading {
                font-family: Roboto;
                font-size: 13px;
                font-weight: 500;
                line-height: 16px;
                color: #666;
                margin: 0 0 8px 0;
            }
        }
    }
