#scanner {position:fixed; top:0; left:0; height:calc(100% - 60px); width:100%; background:#202020; z-index:99999999;}
    #camera {position:relative; display:flex; flex-direction:column; height:100%; width:100%}
        #video {height:100%; width:100%; object-fit: cover;}
        /*рамка*/
        #overlay {position:absolute; top:40%; left:50%; width:140px; height:440px; transform:translate(-50%, -50%); pointer-events:none}
            .corner {width:20px; height:20px; border:3px solid #b39979; position:absolute;}
            .top-left {top:0; left:0; border-right:none; border-bottom:none;}
            .top-right {top:0; right:0; border-left:none; border-bottom:none;}
            .bottom-left {bottom:0; left:0; border-right:none; border-top:none;}
            .bottom-right {bottom:0; right:0; border-left:none; border-top:none;}
        /* затемнение вокруг рамки */
        .shade {position: absolute; background: rgba(0,0,0,0.6); z-index: 1}
        .shade.top {top: 0; left: 0; width: 100%; height: calc(40% - 220px)}
        .shade.bottom {display:none; bottom: 60px; left: 0; width: 100%; height: calc(50% - 260px)}
        .shade.left {top:40%; transform: translate(0, -50%); left: 0; width: calc(50% - 70px); height: 440px}
        .shade.right {top:40%; transform: translate(0, -50%); right: 0; width: calc(50% - 70px); height: 440px}
        /*отмена / снимок*/
        #option {position:absolute; z-index:2; bottom:0; height:calc(60% - 220px); width:100%; display:flex; justify-content:center; background: rgba(0,0,0,0.6);}
            #snap {border:2px solid #b39979; height:60px; margin-top:60px; width:60px; border-radius:80px; background-color:transparent}
                #snap>img {height:40px}
    #result {position:relative; display:none; align-items:center; background:#202020; justify-content:center; height:100%; width:100%}
        #photo {height:400px}
        #witeScaner {position:absolute; display:flex; align-items:center; gap:16px; color:#b39979; font-size:18px; bottom:24px; left:0; width:100%; justify-content:center;}
            #witeScaner>img {height:28px}