.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))}.vp-icon-button{--icon-button-width:var(--vp-component-icon-button-sizing-medium-container-width);--icon-button-height:var(--vp-component-icon-button-sizing-medium-container-height);--icon-button-icon-width:var(--vp-component-icon-button-sizing-medium-icon-width);--icon-button-icon-height:var(--vp-component-icon-button-sizing-medium-icon-height)}.vp-icon-button--small{--icon-button-width:var(--vp-component-icon-button-sizing-small-container-width);--icon-button-height:var(--vp-component-icon-button-sizing-small-container-height);--icon-button-icon-width:var(--vp-component-icon-button-sizing-small-icon-width);--icon-button-icon-height:var(--vp-component-icon-button-sizing-small-icon-height)}.vp-icon-button--large{--icon-button-width:var(--vp-component-icon-button-sizing-large-container-width);--icon-button-height:var(--vp-component-icon-button-sizing-large-container-height);--icon-button-icon-width:var(--vp-component-icon-button-sizing-large-icon-width);--icon-button-icon-height:var(--vp-component-icon-button-sizing-large-icon-height)}.vp-icon-button{--icon-button-disabled-opacity:var(--vp-component-icon-button-opacity-disabled);--icon-button-border-width:var(--vp-component-icon-button-border-width);--icon-button-border-radius:var(--vp-component-icon-button-border-radius-bottom-left) var(--vp-component-icon-button-border-radius-bottom-right) var(--vp-component-icon-button-border-radius-top-right) var(--vp-component-icon-button-border-radius-top-left);--icon-button-border-color:var(--vp-component-icon-button-color-primary-regular-border);--icon-button-color:var(--vp-component-icon-button-color-primary-regular-content);--icon-button-background-color:var(--vp-component-icon-button-color-primary-regular-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-primary-regular-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-primary-regular-container-active)}.vp-icon-button--inverse{--icon-button-border-color:var(--vp-component-icon-button-color-primary-inverse-border);--icon-button-color:var(--vp-component-icon-button-color-primary-inverse-content);--icon-button-background-color:var(--vp-component-icon-button-color-primary-inverse-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-primary-inverse-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-primary-inverse-container-active)}.vp-icon-button--secondary{--icon-button-border-color:var(--vp-component-icon-button-color-secondary-regular-border);--icon-button-color:var(--vp-component-icon-button-color-secondary-regular-content);--icon-button-background-color:var(--vp-component-icon-button-color-secondary-regular-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-secondary-regular-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-secondary-regular-container-active)}.vp-icon-button--secondary.vp-icon-button--inverse{--icon-button-border-color:var(--vp-component-icon-button-color-secondary-inverse-border);--icon-button-color:var(--vp-component-icon-button-color-secondary-inverse-content);--icon-button-background-color:var(--vp-component-icon-button-color-secondary-inverse-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-secondary-inverse-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-secondary-inverse-container-active)}.vp-icon-button--tertiary{--icon-button-border-color:var(--vp-component-icon-button-color-tertiary-regular-border);--icon-button-color:var(--vp-component-icon-button-color-tertiary-regular-content);--icon-button-background-color:var(--vp-component-icon-button-color-tertiary-regular-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-tertiary-regular-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-tertiary-regular-container-active)}.vp-icon-button--tertiary.vp-icon-button--inverse{--icon-button-border-color:var(--vp-component-icon-button-color-tertiary-inverse-border);--icon-button-color:var(--vp-component-icon-button-color-tertiary-inverse-content);--icon-button-background-color:var(--vp-component-icon-button-color-tertiary-inverse-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-tertiary-inverse-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-tertiary-inverse-container-active)}.vp-icon-button--negative{--icon-button-border-color:var(--vp-component-icon-button-color-negative-regular-border);--icon-button-color:var(--vp-component-icon-button-color-negative-regular-content);--icon-button-background-color:var(--vp-component-icon-button-color-negative-regular-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-negative-regular-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-negative-regular-container-active)}.vp-icon-button--negative.vp-icon-button--inverse{--icon-button-border-color:var(--vp-component-icon-button-color-negative-inverse-border);--icon-button-color:var(--vp-component-icon-button-color-negative-inverse-content);--icon-button-background-color:var(--vp-component-icon-button-color-negative-inverse-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-negative-inverse-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-negative-inverse-container-active)}.vp-icon-button--camouflage{--icon-button-border-color:var(--vp-component-icon-button-color-camouflage-regular-border);--icon-button-color:var(--vp-component-icon-button-color-camouflage-regular-content);--icon-button-background-color:var(--vp-component-icon-button-color-camouflage-regular-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-camouflage-regular-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-camouflage-regular-container-active)}.vp-icon-button--ghost{--icon-button-border-color:var(--vp-component-icon-button-color-ghost-regular-border);--icon-button-color:var(--vp-component-icon-button-color-ghost-regular-content);--icon-button-background-color:var(--vp-component-icon-button-color-ghost-regular-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-ghost-regular-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-ghost-regular-container-active)}.vp-icon-button--ghost.vp-icon-button--inverse{--icon-button-border-color:var(--vp-component-icon-button-color-ghost-inverse-border);--icon-button-color:var(--vp-component-icon-button-color-ghost-inverse-content);--icon-button-background-color:var(--vp-component-icon-button-color-ghost-inverse-container-default);--icon-button-background-color-hover:var(--vp-component-icon-button-color-ghost-inverse-container-hover);--icon-button-background-color-active:var(--vp-component-icon-button-color-ghost-inverse-container-active)}.vp-icon-button{align-items:center;background-color:var(--icon-button-background-color);border:var(--icon-button-border-width) solid var(--icon-button-border-color);border-radius:var(--icon-button-border-radius);box-sizing:border-box;color:var(--icon-button-color);display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--icon-button-height);justify-content:center;padding:0;position:relative;transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--icon-button-width)}@media (prefers-reduced-motion:reduce){.vp-icon-button{transition-duration:0s}}.vp-icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.vp-icon-button svg{flex:0 0 auto;height:var(--icon-button-icon-height);width:var(--icon-button-icon-width)}.vp-icon-button:before{content:"";height:max(var(--vp-component-icon-button-sizing-min-height),100%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(var(--vp-component-icon-button-sizing-min-width),100%)}.vp-icon-button:hover:not(:disabled),.vp-icon-button:hover:not([data-disabled]){--icon-button-background-color:var(--icon-button-background-color-hover)}.vp-icon-button:active:not(:disabled),.vp-icon-button:active:not([data-disabled]){--icon-button-background-color:var(--icon-button-background-color-active)}.vp-icon-button:focus-visible{box-shadow:var(--vp-semantic-box-shadow-focus);outline:none}.vp-icon-button:disabled,.vp-icon-button[data-disabled]{cursor:default;opacity:var(--icon-button-disabled-opacity)}.vp-icon-button[data-loading]{color:transparent}.vp-icon-button[data-loading]>:not([data-part=loading-slot]){visibility:hidden}.vp-icon-button [data-part=loading-slot]{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vp-icon-button [data-part=alt]{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;white-space:nowrap}