/*  ===  Default File Preview  ============*/
    [file_preview_wrapper]
    {
        position: relative;
        display: inline-block;

        [file_preview_head]
        {
            display: flex;
            align-items: center;
            justify-content: end;
            gap: 8px;
            padding: 0px 4px;
        }

        [file_preview]
        {
            position: relative;

            /* file_preview ( Example ) ( iframe )  ======================================================  */
                &.file_preview
                {
                    min-width: 480px;
                    /* min-width: 480px; */
                    height: 80vh;

                    padding: 4px;
                    background: #f5deb3;
                }
            /* file_preview ( Example ) ( iframe )  ======================================================  */

            /* emp_photo ( Example )  ======================================================  */
                &.emp_photo
                {
                    background: white;

                    --set_width: 65px;

                    width: var(--set_width);
                    height: auto ;
                    aspect-ratio: 1/1.3;

                    padding: 0px;
                    border: none;
                    border-radius: 5px;

                    &:hover
                    {
                        left: var(--set_width);
                        transform: scale(3);
                        z-index: 1;
                        box-shadow: 1px 2px 4px 1px rgba(50, 50, 50, 0.8);
                    }
                }
            /* emp_photo ( Example ) ======================================================  */            
        }


    }
/*  ===  Default File Preview  ============*/



.upload_file_area
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EDEDED;
    height: 100px;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    /* border: 2px dashed #ddd; */

    input[type="file"]
    {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
    }
}