.IconControl-iconControlButton-ccf7960{font-family:inherit;position:relative;cursor:pointer;border:0;outline:none;display:-moz-inline-box;display:inline-flex;-moz-box-align:center;align-items:center;border-radius:var(--radius-action);vertical-align:middle;background-color:transparent;color:var(--color-icon-secondary);-webkit-transition:background-color var(--ease-fade) var(--duration-fade-moderate);-moz-transition:background-color var(--ease-fade) var(--duration-fade-moderate);transition:background-color var(--ease-fade) var(--duration-fade-moderate)}.IconControl-iconControlButton-ccf7960:hover{background-color:var(--color-action-passive-subtle-hover)}.IconControl-iconControlButton-ccf7960:active{background-color:var(--color-action-passive-subtle-active);color:var(--color-icon-primary)}.IconControl-iconControlButton-ccf7960.IconControl-disabled-ccf7960{opacity:.4;cursor:not-allowed;pointer-events:none}.IconControl-iconControlButton-ccf7960.IconControl-complementary-ccf7960{color:var(--color-icon-complementary)}.IconControl-iconControlButton-ccf7960.IconControl-complementary-ccf7960:hover{background-color:color-mix(in srgb,var(--color-icon-complementary) 10%,transparent)}.IconControl-iconControlButton-ccf7960.IconControl-complementary-ccf7960:active{background-color:color-mix(in srgb,var(--color-icon-complementary) 20%,transparent)}.IconControl-iconControlButton-ccf7960.IconControl-selected-ccf7960{background-color:var(--color-action-passive-subtle-active);color:var(--color-icon-primary)}.IconControl-iconControlButton-ccf7960.IconControl-labelToTheLeft-ccf7960{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}.IconControl-iconControlButton-ccf7960:focus-visible{--negative-one:-1;outline:2px solid transparent}.IconControl-iconControlButton-ccf7960:focus-visible:before{content:"";inset:-moz-calc(var(--negative-one) * 2px);inset:calc(var(--negative-one) * 2px);border-radius:inherit;position:absolute;-webkit-transition:-webkit-box-shadow .1s ease;transition:-webkit-box-shadow .1s ease;-moz-transition:box-shadow .1s ease;transition:box-shadow .1s ease;transition:box-shadow .1s ease,-webkit-box-shadow .1s ease}.IconControl-iconControlButton-ccf7960:focus-visible:focus:before{-webkit-box-shadow:0 0 0 2px var(--color-focus-indicator);box-shadow:0 0 0 2px var(--color-focus-indicator)}.IconControl-iconMarginRight-ccf7960{margin-right:var(--space-component-inline-padding-medium)}.IconControl-iconMarginLeft-ccf7960{margin-left:var(--space-component-inline-padding-medium)}.IconControl-shapeCircle-ccf7960{border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-container-background-complementary) 5%,transparent)}.IconControl-sizeSmall-ccf7960,.IconControl-sizeXSmall-ccf7960{padding:var(--space-component-stack-padding-x-small) var(--space-component-inline-padding-xx-small) var(--space-component-stack-padding-x-small) var(--space-component-inline-padding-xx-small)}.IconControl-sizeMedium-ccf7960{padding:var(--space-component-stack-padding-medium) var(--space-component-inline-padding-small) var(--space-component-stack-padding-medium) var(--space-component-inline-padding-small)}.IconControl-sizeLarge-ccf7960{padding:var(--space-component-stack-padding-x-large) var(--space-component-inline-padding-large) var(--space-component-stack-padding-x-large) var(--space-component-inline-padding-large)}.IconControl-labelLeftSpacing-ccf7960{margin-right:var(--space-component-inline-padding-x-small);margin-left:calc(var(--space-component-inline-padding-x-small) / 2)}.IconControl-labelRightSpacing-ccf7960{margin-left:var(--space-component-inline-padding-x-small);margin-right:calc(var(--space-component-inline-padding-x-small) / 2)}@media only screen and (min-width:320px) and (max-width:989px){.IconControl-responsiveIcon-ccf7960{height:24px;width:24px}}