@scope (.sticky)
{
        :scope 
        {
                position:fixed;
                top:40%;
                right:-370px;

                width:400px;
                height:117px; 
                display:grid;

                grid-template-columns:9% 1fr;
                grid-template-rows:1fr 1fr 1fr; 
                
                row-gap:6px;  
                column-gap:6px;  
                align-items:baseline;
                border-radius:7px;

                transition: 
                        transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1),
                        background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

                background-color:#c58c4133;
                z-index:9999; 
        }

        :scope.open 
        {            
                transform: translateX(-93%);                
                grid-template-rows:1fr 1fr 54%;                 
                background-color:#c58c41ff;
                height:150px;
        }
        
        :scope .grid-element                            { outline:13px solid bronze; }
        :scope .grid-element:nth-of-type(1),
        :scope .grid-element:nth-of-type(3),
        :scope .grid-element:nth-of-type(5)             {  padding:6.4px; text-align:center;  }

        :scope .menu-toggle                             { display:none; } 
}