.toggle-button{position:relative;gap:.5rem;border-radius:18px;background:var(--transp-black-16);border:1px solid var(--transp-white-8);padding:var(--spacing-6)}.toggle-button,.toggle-button-side{display:flex;transition:all .2s ease-in-out}.toggle-button-side{width:44px;height:44px;border-radius:12px;top:4px;align-items:center;justify-content:center}.toggle-button-side.left{left:4px}.toggle-button-side.right{right:4px}.toggle-button-side.active{background:var(--transp-purple-16);border:1px solid var(--transp-purple-4);opacity:1;transition:all .2s ease-in-out}.toggle-button-side.inactive{background:rgba(0,0,0,0);opacity:.5}.toggle-button-side.inactive:hover{opacity:1;background:var(--transp-purple-4)}.toggle-button-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.25rem}.toggle-button-icon img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:none;outline:none}.toggle-button-resp{position:relative;min-width:fit-content;height:calc(var(--spacing-56) - 2px);border-radius:18px;background:var(--transp-black-16);border:1px solid var(--transp-white-8);padding:var(--spacing-6);display:flex;gap:var(--spacing-6)}.toggle-button-side-resp{flex:1;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:none!important;min-width:fit-content;padding:var(--spacing-8)!important}.toggle-button-side-resp.active{background:var(--transp-purple-16);border:1px solid var(--transp-purple-4);opacity:1;transition:none!important}.toggle-button-side-resp.inactive{background:rgba(0,0,0,0);opacity:.5}.toggle-button-side-resp.inactive:hover{opacity:1;background:var(--transp-purple-4)}.toggle-button-side-resp-wide{flex:1;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:none!important;min-width:fit-content;padding:var(--spacing-8) var(--spacing-16)!important;cursor:pointer}.toggle-button-side-resp-wide.active{background:var(--transp-purple-16);border:1px solid var(--transp-purple-4);opacity:1;transition:none!important}.toggle-button-side-resp-wide.inactive{background:rgba(0,0,0,0);opacity:.5}.toggle-button-side-resp-wide.inactive:hover{opacity:1;background:var(--transp-purple-4)}.toggle-button-icon-resp{width:var(--spacing-32);height:var(--spacing-32);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:.25rem}.toggle-button-icon-resp img,.toggle-button-icon-resp svg{width:var(--spacing-24);height:var(--spacing-24);border-radius:18px;object-fit:cover;border:none;outline:none}