:root{--zui-icon-button-default-size:44px;--zui-icon-button-small-size:36px;--zui-icon-button-default-icon-size:16px;--zui-icon-button-small-icon-size:14px;--zui-icon-button-border-radius:var(--zable-radius-xl);--zui-icon-button-border-width:var(--zable-border-width-normal);--zui-icon-button-primary-default-bg-color:var(--zable-theme-light-cta-active-cta-bg-primary-normal);--zui-icon-button-primary-default-icon-color:var(--zable-theme-light-cta-active-cta-text-primary-normal);--zui-icon-button-primary-hover-bg-color:var(--zable-theme-light-cta-hover-cta-hover-bg-primary-normal);--zui-icon-button-primary-press-bg-color:var(--zable-theme-light-cta-pressed-cta-pressed-bg-primary-normal);--zui-icon-button-primary-disabled-bg-color:var(--zable-theme-light-cta-inactive-cta-inactive-bg-primary-normal);--zui-icon-button-primary-disabled-icon-color:var(--zable-theme-light-cta-inactive-cta-inactive-text-primary-normal);--zui-icon-button-primary-focus-border-color:var(--zable-theme-light-focus-normal);--zui-icon-button-primary-focus-border-width:var(--zable-border-width-focus-desktop);--zui-icon-button-secondary-default-bg-color:transparent;--zui-icon-button-secondary-default-icon-color:var(--zable-theme-light-cta-active-cta-text-secondary-normal);--zui-icon-button-secondary-default-border-color:var(--zable-theme-light-cta-active-cta-border-secondary-normal);--zui-icon-button-secondary-hover-bg-color:transparent;--zui-icon-button-secondary-hover-icon-color:var(--zable-theme-light-cta-hover-cta-hover-text-secondary-normal);--zui-icon-button-secondary-hover-border-color:var(--zable-theme-light-cta-hover-cta-hover-border-secondary-normal);--zui-icon-button-secondary-press-bg-color:transparent;--zui-icon-button-secondary-press-icon-color:var(--zable-theme-light-cta-pressed-cta-pressed-text-secondary-normal);--zui-icon-button-secondary-press-border-color:var(--zable-theme-light-cta-pressed-cta-pressed-border-secondary-normal);--zui-icon-button-secondary-disabled-bg-color:transparent;--zui-icon-button-secondary-disabled-icon-color:var(--zable-theme-light-cta-inactive-cta-inactive-text-secondary-normal);--zui-icon-button-secondary-disabled-border-color:var(--zable-theme-light-cta-inactive-cta-inactive-text-secondary-normal);--zui-icon-button-secondary-focus-border-color:var(--zable-theme-light-focus-normal);--zui-icon-button-secondary-focus-border-width:var(--zable-border-width-focus-desktop);--zui-icon-button-tertiary-default-bg-color:transparent;--zui-icon-button-tertiary-default-icon-color:var(--zable-theme-light-cta-active-cta-text-tertiary-normal);--zui-icon-button-tertiary-hover-bg-color:var(--zable-theme-light-cta-hover-cta-hover-bg-tertiary-normal);--zui-icon-button-tertiary-hover-icon-color:var(--zable-theme-light-cta-hover-cta-hover-text-tertiary-normal);--zui-icon-button-tertiary-press-bg-color:var(--zable-theme-light-cta-pressed-cta-pressed-bg-tertiary);--zui-icon-button-tertiary-press-icon-color:var(--zable-theme-light-cta-pressed-cta-pressed-text-tertiary-normal);--zui-icon-button-tertiary-disabled-icon-color:var(--zable-theme-light-cta-inactive-cta-inactive-text-tertiary-normal);--zui-icon-button-tertiary-focus-border-color:var(--zable-theme-light-focus-normal);--zui-icon-button-tertiary-focus-border-width:var(--zable-border-width-focus-desktop)}:root[data-brand=dtcg]{--zui-icon-button-default-size:var(--button-height);--zui-icon-button-small-size:var(--button-sm-height);--zui-icon-button-default-icon-size:var(--button-icon-size);--zui-icon-button-small-icon-size:var(--button-sm-icon-size);--zui-icon-button-border-radius:var(--button-corner-radius);--zui-icon-button-border-width:var(--button-secondary-border-width);--zui-icon-button-primary-default-bg-color:var(--button-primary-default-bg-color);--zui-icon-button-primary-default-icon-color:var(--button-primary-default-icon-color);--zui-icon-button-primary-hover-bg-color:var(--button-primary-hover-bg-color);--zui-icon-button-primary-press-bg-color:var(--button-primary-press-bg-color);--zui-icon-button-primary-disabled-bg-color:var(--button-primary-disabled-bg-color);--zui-icon-button-primary-disabled-icon-color:var(--button-primary-disabled-icon-color);--zui-icon-button-primary-focus-border-color:var(--button-primary-focus-border-color);--zui-icon-button-primary-focus-border-width:var(--button-primary-focus-border-width);--zui-icon-button-secondary-default-bg-color:var(--button-secondary-default-bg-color);--zui-icon-button-secondary-default-icon-color:var(--button-secondary-default-icon-color);--zui-icon-button-secondary-default-border-color:var(--button-secondary-default-border-color);--zui-icon-button-secondary-hover-bg-color:var(--button-secondary-hover-bg-color);--zui-icon-button-secondary-hover-icon-color:var(--button-secondary-hover-icon-color);--zui-icon-button-secondary-hover-border-color:var(--button-secondary-hover-border-color);--zui-icon-button-secondary-press-bg-color:var(--button-secondary-press-bg-color);--zui-icon-button-secondary-press-icon-color:var(--button-secondary-press-icon-color);--zui-icon-button-secondary-press-border-color:var(--button-secondary-press-border-color);--zui-icon-button-secondary-disabled-bg-color:var(--button-secondary-disabled-bg-color);--zui-icon-button-secondary-disabled-icon-color:var(--button-secondary-disabled-icon-color);--zui-icon-button-secondary-disabled-border-color:var(--button-secondary-disabled-border-color);--zui-icon-button-secondary-focus-border-color:var(--button-secondary-focus-border-color);--zui-icon-button-secondary-focus-border-width:var(--button-secondary-focus-border-width);--zui-icon-button-tertiary-default-bg-color:var(--button-tertiary-default-bg-color);--zui-icon-button-tertiary-default-icon-color:var(--button-tertiary-default-icon-color);--zui-icon-button-tertiary-hover-bg-color:var(--button-tertiary-hover-bg-color);--zui-icon-button-tertiary-hover-icon-color:var(--button-tertiary-hover-icon-color);--zui-icon-button-tertiary-press-bg-color:var(--button-tertiary-press-bg-color);--zui-icon-button-tertiary-press-icon-color:var(--button-tertiary-press-icon-color);--zui-icon-button-tertiary-disabled-icon-color:var(--button-tertiary-disabled-icon-color);--zui-icon-button-tertiary-focus-border-color:var(--button-tertiary-focus-border-color);--zui-icon-button-tertiary-focus-border-width:var(--button-tertiary-focus-border-width)}:root[data-brand=dtcg] .dark{--zui-icon-button-primary-default-bg-color:var(--button-ondark-primary-default-bg-color);--zui-icon-button-primary-default-icon-color:var(--button-ondark-primary-default-icon-color);--zui-icon-button-primary-hover-bg-color:var(--button-ondark-primary-hover-bg-color);--zui-icon-button-primary-press-bg-color:var(--button-ondark-primary-press-bg-color);--zui-icon-button-primary-disabled-bg-color:var(--button-ondark-primary-disabled-bg-color);--zui-icon-button-primary-disabled-icon-color:var(--button-ondark-primary-disabled-icon-color);--zui-icon-button-primary-focus-border-color:var(--button-ondark-primary-focus-border-color);--zui-icon-button-primary-focus-border-width:var(--button-ondark-primary-focus-border-width);--zui-icon-button-secondary-default-bg-color:var(--button-ondark-secondary-default-bg-color);--zui-icon-button-secondary-default-icon-color:var(--button-ondark-secondary-default-icon-color);--zui-icon-button-secondary-default-border-color:var(--button-ondark-secondary-default-border-color);--zui-icon-button-secondary-hover-bg-color:var(--button-ondark-secondary-hover-bg-color);--zui-icon-button-secondary-hover-icon-color:var(--button-ondark-secondary-hover-icon-color);--zui-icon-button-secondary-hover-border-color:var(--button-ondark-secondary-hover-border-color);--zui-icon-button-secondary-press-bg-color:var(--button-ondark-secondary-press-bg-color);--zui-icon-button-secondary-press-icon-color:var(--button-ondark-secondary-press-icon-color);--zui-icon-button-secondary-press-border-color:var(--button-ondark-secondary-press-border-color);--zui-icon-button-secondary-disabled-bg-color:var(--button-ondark-secondary-disabled-bg-color);--zui-icon-button-secondary-disabled-icon-color:var(--button-ondark-secondary-disabled-icon-color);--zui-icon-button-secondary-disabled-border-color:var(--button-ondark-secondary-disabled-border-color);--zui-icon-button-secondary-focus-border-color:var(--button-ondark-secondary-focus-border-color);--zui-icon-button-secondary-focus-border-width:var(--button-ondark-secondary-focus-border-width);--zui-icon-button-tertiary-default-bg-color:var(--button-ondark-tertiary-default-bg-color);--zui-icon-button-tertiary-default-icon-color:var(--button-ondark-tertiary-default-icon-color);--zui-icon-button-tertiary-hover-bg-color:var(--button-ondark-tertiary-hover-bg-color);--zui-icon-button-tertiary-hover-icon-color:var(--button-ondark-tertiary-hover-icon-color);--zui-icon-button-tertiary-press-bg-color:var(--button-ondark-tertiary-press-bg-color);--zui-icon-button-tertiary-press-icon-color:var(--button-ondark-tertiary-press-icon-color);--zui-icon-button-tertiary-disabled-icon-color:var(--button-ondark-tertiary-disabled-icon-color);--zui-icon-button-tertiary-focus-border-color:var(--button-ondark-tertiary-focus-border-color);--zui-icon-button-tertiary-focus-border-width:var(--button-ondark-tertiary-focus-border-width)}.zui-icon-button__iconButton{--zui-icon-button-border-color:transparent;box-sizing:border-box;inline-size:var(--zui-icon-button-size);block-size:var(--zui-icon-button-size);color:var(--zui-icon-button-icon-color);background-color:var(--zui-icon-button-bg-color);border:var(--zui-icon-button-border-width) solid var(--zui-icon-button-border-color);border-radius:var(--zui-icon-button-border-radius);flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.zui-icon-button__iconButton:is(a,button){cursor:pointer}.zui-icon-button__iconButton:focus-visible{outline:var(--zui-icon-button-focus-border-width) solid var(--zui-icon-button-focus-border-color);outline-offset:0}.zui-icon-button__iconButton:disabled{cursor:not-allowed}.zui-icon-button__primary{--zui-icon-button-bg-color:var(--zui-icon-button-primary-default-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-primary-default-icon-color);--zui-icon-button-focus-border-color:var(--zui-icon-button-primary-focus-border-color);--zui-icon-button-focus-border-width:var(--zui-icon-button-primary-focus-border-width)}.zui-icon-button__primary:not([aria-pressed=true]):is(a,button:not(:disabled,[aria-busy=true])):hover{--zui-icon-button-bg-color:var(--zui-icon-button-primary-hover-bg-color)}.zui-icon-button__primary:not([aria-pressed=true]):is(a,button:not(:disabled,[aria-busy=true])):active,.zui-icon-button__primary[aria-pressed=true]{--zui-icon-button-bg-color:var(--zui-icon-button-primary-press-bg-color)}.zui-icon-button__primary:disabled{--zui-icon-button-bg-color:var(--zui-icon-button-primary-disabled-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-primary-disabled-icon-color);--zui-icon-button-focus-border-color:var(--zui-icon-button-primary-focus-border-color);--zui-icon-button-focus-border-width:var(--zui-icon-button-primary-focus-border-width)}.zui-icon-button__secondary{--zui-icon-button-bg-color:var(--zui-icon-button-secondary-default-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-secondary-default-icon-color);--zui-icon-button-border-color:var(--zui-icon-button-secondary-default-border-color);--zui-icon-button-focus-border-color:var(--zui-icon-button-secondary-focus-border-color);--zui-icon-button-focus-border-width:var(--zui-icon-button-secondary-focus-border-width)}.zui-icon-button__secondary:not([aria-pressed=true]):is(a,button:not(:disabled,[aria-busy=true])):hover{--zui-icon-button-bg-color:var(--zui-icon-button-secondary-hover-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-secondary-hover-icon-color);--zui-icon-button-border-color:var(--zui-icon-button-secondary-hover-border-color)}.zui-icon-button__secondary:not([aria-pressed=true]):is(a,button:not(:disabled,[aria-busy=true])):active,.zui-icon-button__secondary[aria-pressed=true]{--zui-icon-button-bg-color:var(--zui-icon-button-secondary-press-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-secondary-press-icon-color);--zui-icon-button-border-color:var(--zui-icon-button-secondary-press-border-color)}.zui-icon-button__secondary:disabled{--zui-icon-button-bg-color:var(--zui-icon-button-secondary-disabled-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-secondary-disabled-icon-color);--zui-icon-button-border-color:var(--zui-icon-button-secondary-disabled-border-color);--zui-icon-button-focus-border-color:var(--zui-icon-button-secondary-focus-border-color);--zui-icon-button-focus-border-width:var(--zui-icon-button-secondary-focus-border-width)}.zui-icon-button__tertiary{--zui-icon-button-bg-color:var(--zui-icon-button-tertiary-default-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-tertiary-default-icon-color);--zui-icon-button-focus-border-color:var(--zui-icon-button-tertiary-focus-border-color);--zui-icon-button-focus-border-width:var(--zui-icon-button-tertiary-focus-border-width)}.zui-icon-button__tertiary:not([aria-pressed=true]):is(a,button:not(:disabled,[aria-busy=true])):hover{--zui-icon-button-bg-color:var(--zui-icon-button-tertiary-hover-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-tertiary-hover-icon-color)}.zui-icon-button__tertiary:not([aria-pressed=true]):is(a,button:not(:disabled,[aria-busy=true])):active,.zui-icon-button__tertiary[aria-pressed=true]{--zui-icon-button-bg-color:var(--zui-icon-button-tertiary-press-bg-color);--zui-icon-button-icon-color:var(--zui-icon-button-tertiary-press-icon-color)}.zui-icon-button__tertiary:disabled{--zui-icon-button-icon-color:var(--zui-icon-button-tertiary-disabled-icon-color);--zui-icon-button-bg-color:var(--zui-icon-button-tertiary-default-bg-color);--zui-icon-button-focus-border-color:var(--zui-icon-button-tertiary-focus-border-color);--zui-icon-button-focus-border-width:var(--zui-icon-button-tertiary-focus-border-width)}.zui-icon-button__default{--zui-icon-button-size:var(--zui-icon-button-default-size);--zui-icon-button-icon-size:var(--zui-icon-button-default-icon-size)}.zui-icon-button__small{--zui-icon-button-size:var(--zui-icon-button-small-size);--zui-icon-button-icon-size:var(--zui-icon-button-small-icon-size)}.zui-icon-button__icon{font-size:var(--zui-icon-button-icon-size)}.zui-icon-button__spinner{--zui-spinner-default-color:var(--zui-icon-button-icon-color)}