textarea-localizer.css

.textarea-localizer{
    position: relative;
    
    & .textarea-localizer-header{
        /* position: absolute; */
        display: flex;
        justify-content: flex-end;
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: #2e80d5;
        padding: 5px;
        text-align: right;
        box-sizing: border-box;
    }
    
    & .textarea-localizer-languages{
        /* float: right; */
        display: flex;
        gap: 10px;
        width: 17px;
        overflow: hidden;
        transition: width 0.3s;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -o-transition: width 0.3s;
        
        &:focus, &:hover{
            width: var(--width);
        }
        
        & .textarea-localizer-language{
            height: 17px;
            
            & img{
                cursor: pointer;
                width: 17px;
                vertical-align: top;
            }
        }
    }
    
    &  .textarea-localizer-textarea{
        width: 100%;
        padding: 7px;
        box-sizing: border-box;
        resize: none;
    }
    
    & .textarea-hidden{
        display: none;
    }
}