@scope(.WONDERMAN_OVERLAY)
        {
                :scope /* ie #GLOVERLAY */
                {      
                        z-index:99;
                        transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
                        display: grid;   
                        grid-template-areas:
                                'SPACER'
                                'FORM'
                                'CLOSE'
                                'CONFIRMATION';
                        grid-template-columns:1fr;    
                        grid-template-rows:30% 52% 1fr 10px;
                        justify-items:center;
                        row-gap:11px;            
                        
                        transform-style: preserve-3d;                  
                        transition: opacity 4.0s;      
                } 
                  
                .SPACER { grid-area:SPACER; }
                .CLOSE_DIV                              { grid-area:CLOSE;              width:var(--GRID_ELEMENT_WIDTH); height:10rem;}           
                .CONFIRMATION_DIV                       { grid-area:CONFIRMATION;               width:var(--GRID_ELEMENT_WIDTH); z-index:-1;  position:absolute; }
                /* .CONFIRMATION                           { grid-area:CONFIRMATION;      height:100%; }                 */
        }