.buttongroup{border-color:var(--sui-border-color-secondary);border-radius:.5rem;border-width:1px;display:flex;flex-direction:column;font-family:var(--sui-font-family-code);font-size:.75rem;line-height:1rem;overflow:hidden}@media (min-width:768px){.buttongroup{flex-direction:row;font-size:1rem;line-height:1.5rem}}.buttongroup__option{border-color:var(--sui-border-color-secondary);flex:1 1 0%;font-weight:700;padding:.5rem 1.5rem;text-align:center;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.buttongroup__option{border-right-width:1px}}.buttongroup__option:hover{cursor:pointer}.buttongroup__option:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}@media (min-width:768px){.buttongroup__option:first-child{border-bottom-left-radius:.375rem;border-top-left-radius:0;border-top-left-radius:.375rem;border-top-right-radius:0}}.buttongroup__option:last-child{border-right-width:0}@media (min-width:768px){.buttongroup__option:last-child{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}}.buttongroup--primary .buttongroup__option{background:var(--sui-background-primary);font-family:var(--sui-font-family-secondary)}.buttongroup--primary .buttongroup__option:hover{background:var(--sui-background-secondary);font-family:var(--sui-font-family-primary)}.buttongroup--primary .buttongroup__option--active{background:var(--sui-background-secondary);font-family:var(--sui-font-family-primary)}.buttongroup--secondary .buttongroup__option{background:var(--sui-background-secondary);color:var(--sui-color-primary)}.buttongroup--secondary .buttongroup__option:hover{background:var(--sui-background-primary);color:var(--sui-color-secondary)}.buttongroup--secondary .buttongroup__option--active{background:var(--sui-background-primary);color:var(--sui-color-secondary)}.buttongroup--large{font-size:2.25rem;line-height:2.5rem;padding:1rem 3rem}.buttongroup--small{font-size:.75rem;line-height:1rem;padding:.5rem 1.5rem}