div.color-picker {
    position: relative;

    div.block-button {
        width: 20px;
        height: 20px;
        border: 1px solid $secondary;
        cursor: pointer;
    }

    div.picker-container {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 5001;
    }

    div.picker-block {
        padding: 5px;
        background-color: white;
        border-radius: 5px;

        div.action-container {
            text-align: right;
            padding-top: 5px;
            
            .btn {
                cursor: pointer;
            }
        }
    }

    div.overlay-area {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000;
        background-color: $modal-backdrop-bg;
        opacity: 0.2;
        cursor: pointer;
    }
}