.toggle-group{width:fit-content}.toggle-item{min-width:35px;color:var(--secondary-color-4);background-color:#0000;border:none;border-radius:0;outline:none;padding:10px;font-size:14px;transition:background-color .2s,border .2s}.toggle-group[data-allow-multiple-pressed=true] .toggle-item{border-top:1px solid var(--primary-color-6);border-right:1px solid var(--primary-color-6);border-bottom:1px solid var(--primary-color-6)}.toggle-item:hover,.toggle-item:focus-visible{background-color:var(--primary-color-4);cursor:pointer}.toggle-item[data-state=on]{background-color:var(--primary-color-7);color:var(--secondary-color-1)}.toggle-group[data-allow-multiple-pressed=true] .toggle-item[data-state=on]{border-top:1px solid var(--secondary-color-6);border-right:1px solid var(--secondary-color-6);border-bottom:1px solid var(--secondary-color-6)}.toggle-group[data-allow-multiple-pressed=true] .toggle-item:first-child[data-state=on]{border:1px solid var(--secondary-color-6)}.toggle-item:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.toggle-group[data-allow-multiple-pressed=true] .toggle-item:first-child{border:1px solid var(--primary-color-6)}.toggle-item:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}