.vp-icon-button{--icon-button-width:var(--vp-semantic-sizing-4xl);--icon-button-height:var(--vp-semantic-sizing-4xl);--icon-button-icon-width:var(--vp-semantic-sizing-xl);--icon-button-icon-height:var(--vp-semantic-sizing-xl)}.vp-icon-button--small{--icon-button-width:var(--vp-semantic-sizing-2xl);--icon-button-height:var(--vp-semantic-sizing-2xl);--icon-button-icon-width:var(--vp-semantic-sizing-l);--icon-button-icon-height:var(--vp-semantic-sizing-l)}.vp-icon-button--large{--icon-button-width:var(--vp-semantic-sizing-6xl);--icon-button-height:var(--vp-semantic-sizing-6xl);--icon-button-icon-width:var(--vp-semantic-sizing-2xl);--icon-button-icon-height:var(--vp-semantic-sizing-2xl)}.vp-icon-button{--icon-button-disabled-opacity:var(--vp-semantic-opacity-s);--icon-button-border-width:var(--vp-semantic-border-width-s);--icon-button-border-radius:var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full);--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-on-brand-neutral);--icon-button-background-color:var(--vp-semantic-color-container-brand);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-brand) 80%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-brand) 60%,var(--vp-semantic-color-container-catchy))}.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-brand);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 90%,var(--vp-semantic-color-container-brand));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-container-brand))}.vp-icon-button--secondary{--icon-button-border-color:var(--vp-semantic-color-border-neutral);--icon-button-color:var(--vp-semantic-color-content-neutral);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 90%,var(--vp-semantic-color-container-brand));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-container-brand))}.vp-icon-button--secondary.vp-icon-button--inverse{--icon-button-border-color:var(--vp-semantic-color-border-on-brand);--icon-button-color:var(--vp-semantic-color-content-on-brand-neutral);--icon-button-background-color:var(--vp-semantic-color-container-on-brand);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.vp-icon-button--tertiary{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-neutral);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-quiet) 90%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-container-catchy))}.vp-icon-button--tertiary.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-inverse);--icon-button-background-color:var(--vp-semantic-color-container-catchy);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-catchy) 90%,var(--vp-semantic-color-container-neutral));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-catchy) 80%,var(--vp-semantic-color-container-neutral))}.vp-icon-button--negative{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-inverse);--icon-button-background-color:var(--vp-semantic-color-status-negative);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-status-negative) 80%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-status-negative) 60%,var(--vp-semantic-color-container-catchy))}.vp-icon-button--negative.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-status-negative);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 80%,var(--vp-semantic-color-status-negative));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral) 70%,var(--vp-semantic-color-status-negative))}.vp-icon-button--camouflage{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-on-media-neutral);--icon-button-background-color:var(--vp-semantic-color-container-overlay);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-overlay) 80%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-overlay) 60%,var(--vp-semantic-color-container-catchy))}.vp-icon-button--ghost{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-neutral);--icon-button-background-color:transparent;--icon-button-background-color-hover:var(--vp-semantic-color-alpha-quiet-s);--icon-button-background-color-active:var(--vp-semantic-color-alpha-quiet-m)}.vp-icon-button--ghost.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-on-brand-neutral);--icon-button-background-color:var(--vp-semantic-color-container-on-brand);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.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-semantic-sizing-accessibility-touch-size),100%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(var(--vp-semantic-sizing-accessibility-touch-size),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}.vp-skeleton.vp-icon-button-skeleton{--skeleton-height:var(--vp-semantic-sizing-4xl);--skeleton-width:var(--vp-semantic-sizing-4xl)}.vp-skeleton.vp-icon-button-skeleton--small{--skeleton-height:var(--vp-semantic-sizing-2xl);--skeleton-width:var(--vp-semantic-sizing-2xl)}.vp-skeleton.vp-icon-button-skeleton--large{--skeleton-height:var(--vp-semantic-sizing-6xl);--skeleton-width:var(--vp-semantic-sizing-6xl)}