.control-button{--control-icon-size:1.5rem;--control-border-width:0px;--control-default-transition:background-color .25s cubic-bezier(.215,.61,.355,1),border-color .25s cubic-bezier(.215,.61,.355,1),color .25s cubic-bezier(.215,.61,.355,1);-webkit-tap-highlight-color:transparent;align-items:center;background-clip:padding-box;background-color:var(--control-background);border-color:var(--control-border);border-radius:50%;border-style:solid;border-width:var(--control-border-width,0);color:var(--control-color);display:inline-flex;height:var(--control-size);justify-content:center;transition:var(--control-default-transition);width:var(--control-size)}.control-button *{flex:0 0 auto}.control-button svg{height:var(--control-icon-size);width:var(--control-icon-size)}.control-button .label{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.control-button[aria-disabled=true]{background-color:var(--control-background--disabled,var(--control-background));border-color:var(--color-border-disabled);color:var(--color-text-disabled);cursor:default}.control-button:where(.size-xs){--control-size:1.5rem;--control-icon-size:1.25rem}.control-button:where(.size-sm){--control-size:2rem}.control-button:where(.size-lg){--control-size:3rem}.control-button:not([aria-disabled]):hover{background-color:var(--control-background--hover,var(--control-background));border-color:var(--control-border--hover,var(--control-border));color:var(--control-color--hover,var(--control-color))}.control-button:not([aria-disabled]):focus-visible{background-color:var(--control-background--focus,var(--control-background--hover,var(--control-background)));border-color:var(--control-border--focus,var(--control-border--hover,var(--control-border)));color:var(--control-color--focus,var(--control-color--hover,var(--control-color)))}.control-button:not([aria-disabled]):active{background-color:var(--control-background--active,var(--control-background--hover,var(--control-background)));border-color:var(--control-border--active,var(--control-border--hover,var(--control-border)));color:var(--control-color--active,var(--control-color--hover,var(--control-color)))}.control-button.type-outline{--control-border-width:1px;--control-background:transparent}.control-button.type-outline.variant-primary{--control-color:var(--color-text-primary);--control-background--hover:rgba(0,0,0,.039);--control-background--active:rgba(0,0,0,.078);--control-border:var(--color-border-subtle-dark);--control-border--hover:var(--color-border-primary),}.control-button.type-outline.variant-inverse{--control-color:var(--color-text-inverse);--control-background--hover:hsla(0,0%,100%,.039);--control-background--active:hsla(0,0%,100%,.078);--control-border:var(--color-border-subtle-dark);--control-border--hover:var(--color-border-inverse),}