| 12345678910111213141516171819202122232425262728293031 | 
							- .elements-bar {
 
-     position: fixed;
 
-     box-sizing: border-box;
 
-     width: 300px;
 
-     top: 50%;
 
-     right: 0px;
 
-     transform: translateY(-50%);
 
-     max-height: 80%;
 
-     background-color: var(--elements-bar-color);
 
-     border-radius: var(--padding) 0 0 var(--padding);
 
-     padding: var(--padding);
 
-     color: var(--font-color);
 
-     min-height: calc(var(--padding) * 6.5);
 
-     transition: transform 0.5s, right 0.5s;
 
- }
 
- .elements-bar .control-button button {
 
-     position: absolute;
 
-     top: calc(var(--padding) * 2);
 
-     right: 100%;
 
-     border: none;
 
-     background-color: var(--elements-bar-color);
 
-     color: var(--font-color);
 
-     padding: calc(var(--padding) / 2);
 
-     border-radius: calc(var(--padding) / 2) 0 0 calc(var(--padding) / 2);
 
-     transition: transform 0.5s;
 
- }
 
- .elements-bar .control-button button:hover {
 
-     transform: scale(1.2);
 
- }
 
 
  |