.view-toggle-container{display:flex;justify-content:flex-end;padding:0}.view-toggle{display:flex;background-color:hsla(0,0%,100%,.05);border-radius:6px;padding:4px}.view-toggle .toggle-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.6);padding:8px 12px;cursor:pointer;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-toggle .toggle-btn:hover{color:hsla(0,0%,100%,.9)}.view-toggle .toggle-btn.active{background-color:hsla(0,0%,100%,.1);color:#fff}.view-toggle .toggle-btn svg{transition:transform .2s ease}.view-toggle .toggle-btn:hover svg{transform:scale(1.1)}@media(max-width:768px){.view-toggle{display:flex;background-color:hsla(0,0%,100%,.05);border-radius:6px;padding:3px}.view-toggle .toggle-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.6);padding:5px 8px;cursor:pointer;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.7rem}.view-toggle .toggle-btn:hover{color:hsla(0,0%,100%,.9)}.view-toggle .toggle-btn.active{background-color:hsla(0,0%,100%,.1);color:#fff}.view-toggle .toggle-btn svg{transition:transform .2s ease}.view-toggle .toggle-btn:hover svg{transform:scale(1.1)}}