.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;background-clip:padding-box;background-color:var(--control-background);border-color:var(--control-border);border-style:solid;border-width:var(--control-border-width,0);color:var(--control-color);height:var(--control-size);width:var(--control-size);transition:var(--control-default-transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.control-button *{flex:none}.control-button svg{height:var(--control-icon-size);width:var(--control-icon-size)}.control-button .label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.control-button[aria-disabled=true]{cursor:default;background-color:var(--control-background--disabled,var(--control-background));color:var(--color-text-disabled);border-color:var(--color-border-disabled)}.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:#0000000a;--control-background--active:#00000014;--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:#ffffff0a;--control-background--active:#ffffff14;--control-border:var(--color-border-subtle-dark);--control-border--hover:var(--color-border-inverse),}