.full_screen_draw_modal{
    --modal-width: 100svw;
    --modal-height: 100svh;

    --modal-title-size: 24px;
    --modal-title-align: left;

    .overlay{display: none;}

    .modal_container_content{border-radius: 0;}

    .modal_body{
        height: calc(100% - 45px);
        margin-top: 15px;
    }

    .canvas_cont{
        width: 100%;
        height: 100%;
        max-height: calc(100% - 30px);
        display: flex;
        justify-content: center;
    }

    .canvas_part{
        position: relative;
        aspect-ratio: 1/1;
        height: 100%;

        @media(max-width: 930px){
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .pen_color_picker{
            position: absolute;
            left: 0;
            top: calc(50% - 120px);
        }

        .canvas_actions{
            position: absolute;
            left: calc(50% - 97px);
            top: -10px;

            display: flex;
            gap: 20px;
            align-items: center;

            background: #fff;
            border-radius: 14px;

            padding: 2px 8px 2px 4px;
            border: 1px solid #f2f2f2;

            .canvas_action_image{
                display: block;
                width: 20px;
                height: 20px;
                cursor: pointer;


                transition: 0.3s ease all;
                &:active{
                    scale: 1.11;
                }
            }
        }

        .canvas_delete_content{
            position: absolute;
            bottom: 10px;
            right: 0;
            width: fit-content;
        }

        canvas{
            border-radius: 50%;
            max-width: 100%;
            width: 100%;
        }
    }
}