.vp--dark-mode,.vp--legacy-theme,.vp--wonder-theme,:root{--vp-component-icon-button-color-tertiary-inverse-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-tertiary-regular-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-camouflage-regular-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-negative-inverse-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-negative-regular-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-ghost-inverse-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-ghost-regular-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-ghost-regular-container-default:var(--vp-core-color-transparent);--vp-component-icon-button-color-primary-inverse-border:var(--vp-core-color-transparent);--vp-component-icon-button-color-primary-regular-border:var(--vp-core-color-transparent);--vp-component-icon-button-opacity-disabled:var(--vp-semantic-opacity-s);--vp-component-icon-button-border-width:var(--vp-semantic-border-width-s);--vp-component-icon-button-border-radius-bottom-left:var(--vp-semantic-border-radius-full);--vp-component-icon-button-border-radius-bottom-right:var(--vp-semantic-border-radius-full);--vp-component-icon-button-border-radius-top-right:var(--vp-semantic-border-radius-full);--vp-component-icon-button-border-radius-top-left:var(--vp-semantic-border-radius-full);--vp-component-icon-button-color-tertiary-inverse-content:var(--vp-semantic-color-content-inverse);--vp-component-icon-button-color-tertiary-inverse-container-active:color-mix(in srgb,var(--vp-semantic-color-container-catchy) 80%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-tertiary-inverse-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-catchy) 90%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-tertiary-inverse-container-default:var(--vp-semantic-color-container-catchy);--vp-component-icon-button-color-tertiary-regular-content:var(--vp-semantic-color-content-neutral);--vp-component-icon-button-color-tertiary-regular-container-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-tertiary-regular-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-quiet) 90%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-tertiary-regular-container-default:var(--vp-semantic-color-container-neutral);--vp-component-icon-button-color-camouflage-regular-content:var(--vp-semantic-color-content-on-media-neutral);--vp-component-icon-button-color-camouflage-regular-container-active:color-mix(in srgb,var(--vp-semantic-color-container-overlay) 60%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-camouflage-regular-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-overlay) 80%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-camouflage-regular-container-default:var(--vp-semantic-color-container-overlay);--vp-component-icon-button-color-negative-inverse-content:var(--vp-semantic-color-status-negative);--vp-component-icon-button-color-negative-inverse-container-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 70%,var(--vp-semantic-color-status-negative));--vp-component-icon-button-color-negative-inverse-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-status-negative));--vp-component-icon-button-color-negative-inverse-container-default:var(--vp-semantic-color-container-neutral);--vp-component-icon-button-color-negative-regular-content:var(--vp-semantic-color-content-inverse);--vp-component-icon-button-color-negative-regular-container-active:color-mix(in srgb,var(--vp-semantic-color-status-negative) 60%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-negative-regular-container-hover:color-mix(in srgb,var(--vp-semantic-color-status-negative) 80%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-negative-regular-container-default:var(--vp-semantic-color-status-negative);--vp-component-icon-button-color-ghost-inverse-content:var(--vp-semantic-color-content-on-brand-neutral);--vp-component-icon-button-color-ghost-inverse-container-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-ghost-inverse-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-ghost-inverse-container-default:var(--vp-semantic-color-container-on-brand);--vp-component-icon-button-color-ghost-regular-content:var(--vp-semantic-color-content-neutral);--vp-component-icon-button-color-secondary-inverse-border:var(--vp-semantic-color-border-on-brand);--vp-component-icon-button-color-secondary-inverse-content:var(--vp-semantic-color-content-on-brand-neutral);--vp-component-icon-button-color-secondary-inverse-container-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-secondary-inverse-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-secondary-inverse-container-default:var(--vp-semantic-color-container-on-brand);--vp-component-icon-button-color-secondary-regular-border:var(--vp-semantic-color-border-neutral);--vp-component-icon-button-color-secondary-regular-content:var(--vp-semantic-color-content-neutral);--vp-component-icon-button-color-secondary-regular-container-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-container-brand));--vp-component-icon-button-color-secondary-regular-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 90%,var(--vp-semantic-color-container-brand));--vp-component-icon-button-color-secondary-regular-container-default:var(--vp-semantic-color-container-neutral);--vp-component-icon-button-color-primary-inverse-content:var(--vp-semantic-color-content-brand);--vp-component-icon-button-color-primary-inverse-container-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-container-brand));--vp-component-icon-button-color-primary-inverse-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 90%,var(--vp-semantic-color-container-brand));--vp-component-icon-button-color-primary-inverse-container-default:var(--vp-semantic-color-container-neutral);--vp-component-icon-button-color-primary-regular-content:var(--vp-semantic-color-content-on-brand-neutral);--vp-component-icon-button-color-primary-regular-container-active:color-mix(in srgb,var(--vp-semantic-color-container-brand) 60%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-primary-regular-container-hover:color-mix(in srgb,var(--vp-semantic-color-container-brand) 80%,var(--vp-semantic-color-container-catchy));--vp-component-icon-button-color-primary-regular-container-default:var(--vp-semantic-color-container-brand);--vp-component-icon-button-sizing-min-width:var(--vp-semantic-sizing-accessibility-touch-size);--vp-component-icon-button-sizing-min-height:var(--vp-semantic-sizing-accessibility-touch-size);--vp-component-icon-button-sizing-small-container-width:var(--vp-semantic-sizing-2xl);--vp-component-icon-button-sizing-small-container-height:var(--vp-semantic-sizing-2xl);--vp-component-icon-button-sizing-small-icon-width:var(--vp-semantic-sizing-l);--vp-component-icon-button-sizing-small-icon-height:var(--vp-semantic-sizing-l);--vp-component-icon-button-sizing-medium-container-width:var(--vp-semantic-sizing-4xl);--vp-component-icon-button-sizing-medium-container-height:var(--vp-semantic-sizing-4xl);--vp-component-icon-button-sizing-medium-icon-width:var(--vp-semantic-sizing-xl);--vp-component-icon-button-sizing-medium-icon-height:var(--vp-semantic-sizing-xl);--vp-component-icon-button-sizing-large-container-width:var(--vp-semantic-sizing-6xl);--vp-component-icon-button-sizing-large-container-height:var(--vp-semantic-sizing-6xl);--vp-component-icon-button-sizing-large-icon-width:var(--vp-semantic-sizing-2xl);--vp-component-icon-button-sizing-large-icon-height:var(--vp-semantic-sizing-2xl);--vp-component-icon-button-color-tertiary-inverse-container-skeleton:color-mix(in srgb,var(--vp-semantic-color-alpha-inverse-l) 80%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-tertiary-regular-container-skeleton:var(--vp-semantic-color-alpha-quiet-l);--vp-component-icon-button-color-camouflage-regular-container-skeleton:var(--vp-semantic-color-alpha-quiet-l);--vp-component-icon-button-color-negative-inverse-container-skeleton:var(--vp-semantic-color-alpha-inverse-l);--vp-component-icon-button-color-negative-regular-container-skeleton:var(--vp-semantic-color-alpha-quiet-l);--vp-component-icon-button-color-ghost-inverse-container-skeleton:color-mix(in srgb,var(--vp-semantic-color-alpha-inverse-l) 60%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-ghost-regular-container-skeleton:var(--vp-semantic-color-alpha-quiet-l);--vp-component-icon-button-color-ghost-regular-container-active:var(--vp-semantic-color-alpha-quiet-m);--vp-component-icon-button-color-ghost-regular-container-hover:var(--vp-semantic-color-alpha-quiet-s);--vp-component-icon-button-color-secondary-inverse-container-skeleton:color-mix(in srgb,var(--vp-semantic-color-alpha-inverse-l) 60%,var(--vp-semantic-color-container-neutral));--vp-component-icon-button-color-secondary-regular-container-skeleton:color-mix(in srgb,var(--vp-semantic-color-alpha-quiet-l) 80%,var(--vp-semantic-color-container-brand));--vp-component-icon-button-color-primary-inverse-container-skeleton:color-mix(in srgb,var(--vp-semantic-color-alpha-inverse-l) 80%,var(--vp-semantic-color-container-brand));--vp-component-icon-button-color-primary-regular-container-skeleton:color-mix(in srgb,var(--vp-semantic-color-alpha-quiet-l) 60%,var(--vp-semantic-color-container-catchy))}