.atc-socr-hidden-file{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.atc-socr-camera-wrap{ display:inline-block; margin-left:8px; vertical-align:middle; }
.atc-socr-camera-btn{ width:58px; height:58px; border-radius:0% 30% 30% 0%; border:none; cursor:pointer; background:#E4C26C; position:relative; transition:opacity .2s ease; }
.atc-socr-camera-btn:before{ content:""; position:absolute; inset:0; margin:auto; width:30px; height:30px; background:#fff; color:#fff; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M20 5h-2.6l-1.2-1.6c-.2-.3-.5-.4-.9-.4H8.7c-.3 0-.6.2-.9.4L6.6 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-8 13c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z\"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M20 5h-2.6l-1.2-1.6c-.2-.3-.5-.4-.9-.4H8.7c-.3 0-.6.2-.9.4L6.6 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-8 13c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z\"/></svg>') center / contain no-repeat; }
.atc-socr-camera-btn.loading{ opacity:.9; cursor:progress; }
.loading {
    position: fixed !important;
    top: 0px !important;
    left: 0px;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.9) !important;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    content:"plase wait..." !important;
    border-radius: 0 !important;
}