:root,.vp--dark-mode,.vp--wonder-theme,.vp--legacy-theme{--vp-component-button-typography-small-label-webkit-font-smoothing: var(--vp-semantic-typography-screen-s-button-label-s-webkit-font-smoothing);--vp-component-button-typography-small-label-text-case: var(--vp-semantic-typography-screen-s-button-label-s-text-case);--vp-component-button-typography-small-label-text-decoration: var(--vp-semantic-typography-screen-s-button-label-s-text-decoration);--vp-component-button-typography-small-label-letter-spacing: var(--vp-semantic-typography-screen-s-button-label-s-letter-spacing);--vp-component-button-typography-small-label-font-size: var(--vp-semantic-typography-screen-s-button-label-s-font-size);--vp-component-button-typography-small-label-line-height: var(--vp-semantic-typography-screen-s-button-label-s-line-height);--vp-component-button-typography-small-label-font-weight: var(--vp-semantic-typography-screen-s-button-label-s-font-weight);--vp-component-button-typography-small-label-font-family: var(--vp-semantic-typography-screen-s-button-label-s-font-family);--vp-component-button-typography-medium-label-webkit-font-smoothing: var(--vp-semantic-typography-screen-s-button-label-m-webkit-font-smoothing);--vp-component-button-typography-medium-label-text-case: var(--vp-semantic-typography-screen-s-button-label-m-text-case);--vp-component-button-typography-medium-label-text-decoration: var(--vp-semantic-typography-screen-s-button-label-m-text-decoration);--vp-component-button-typography-medium-label-letter-spacing: var(--vp-semantic-typography-screen-s-button-label-m-letter-spacing);--vp-component-button-typography-medium-label-font-size: var(--vp-semantic-typography-screen-s-button-label-m-font-size);--vp-component-button-typography-medium-label-line-height: var(--vp-semantic-typography-screen-s-button-label-m-line-height);--vp-component-button-typography-medium-label-font-weight: var(--vp-semantic-typography-screen-s-button-label-m-font-weight);--vp-component-button-typography-medium-label-font-family: var(--vp-semantic-typography-screen-s-button-label-m-font-family);--vp-component-button-typography-large-label-webkit-font-smoothing: var(--vp-semantic-typography-screen-s-button-label-m-webkit-font-smoothing);--vp-component-button-typography-large-label-text-case: var(--vp-semantic-typography-screen-s-button-label-m-text-case);--vp-component-button-typography-large-label-text-decoration: var(--vp-semantic-typography-screen-s-button-label-m-text-decoration);--vp-component-button-typography-large-label-letter-spacing: var(--vp-semantic-typography-screen-s-button-label-m-letter-spacing);--vp-component-button-typography-large-label-font-size: var(--vp-semantic-typography-screen-s-button-label-m-font-size);--vp-component-button-typography-large-label-line-height: var(--vp-semantic-typography-screen-s-button-label-m-line-height);--vp-component-button-typography-large-label-font-weight: var(--vp-semantic-typography-screen-s-button-label-m-font-weight);--vp-component-button-typography-large-label-font-family: var(--vp-semantic-typography-screen-s-button-label-m-font-family);--vp-component-button-color-negative-inverse-border: var(--vp-core-color-transparent);--vp-component-button-color-negative-regular-border: var(--vp-core-color-transparent);--vp-component-button-color-tertiary-inverse-border: var(--vp-core-color-transparent);--vp-component-button-color-tertiary-regular-border: var(--vp-core-color-transparent);--vp-component-button-color-tertiary-regular-container-default: var(--vp-core-color-transparent);--vp-component-button-color-primary-inverse-border: var(--vp-core-color-transparent);--vp-component-button-color-primary-regular-border: var(--vp-core-color-transparent);--vp-component-button-opacity-disabled: var(--vp-semantic-opacity-s);--vp-component-button-border-width: var(--vp-semantic-border-width-s);--vp-component-button-border-radius-rounded-bottom-left: var(--vp-semantic-border-radius-full);--vp-component-button-border-radius-rounded-bottom-right: var(--vp-semantic-border-radius-full);--vp-component-button-border-radius-rounded-top-right: var(--vp-semantic-border-radius-full);--vp-component-button-border-radius-rounded-top-left: var(--vp-semantic-border-radius-full);--vp-component-button-border-radius-squared-bottom-left: var(--vp-semantic-border-radius-main);--vp-component-button-border-radius-squared-bottom-right: var(--vp-semantic-border-radius-main);--vp-component-button-border-radius-squared-top-right: var(--vp-semantic-border-radius-main);--vp-component-button-border-radius-squared-top-left: var(--vp-semantic-border-radius-main);--vp-component-button-color-negative-inverse-content: var(--vp-semantic-color-status-negative);--vp-component-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-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-button-color-negative-inverse-container-default: var(--vp-semantic-color-container-neutral);--vp-component-button-color-negative-regular-content: var(--vp-semantic-color-content-inverse);--vp-component-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-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-button-color-negative-regular-container-default: var(--vp-semantic-color-status-negative);--vp-component-button-color-tertiary-inverse-content: var(--vp-semantic-color-content-on-brand-neutral);--vp-component-button-color-tertiary-inverse-container-active: color-mix(in srgb, var(--vp-semantic-color-container-on-brand) 60%, var(--vp-semantic-color-container-neutral));--vp-component-button-color-tertiary-inverse-container-hover: color-mix(in srgb, var(--vp-semantic-color-container-on-brand) 80%, var(--vp-semantic-color-container-neutral));--vp-component-button-color-tertiary-inverse-container-default: var(--vp-semantic-color-container-on-brand);--vp-component-button-color-tertiary-regular-content: var(--vp-semantic-color-content-brand);--vp-component-button-color-secondary-inverse-border: var(--vp-semantic-color-border-on-brand);--vp-component-button-color-secondary-inverse-content: var(--vp-semantic-color-content-on-brand-neutral);--vp-component-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-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-button-color-secondary-inverse-container-default: var(--vp-semantic-color-container-on-brand);--vp-component-button-color-secondary-regular-border: var(--vp-semantic-color-border-neutral);--vp-component-button-color-secondary-regular-content: var(--vp-semantic-color-content-neutral);--vp-component-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-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-button-color-secondary-regular-container-default: var(--vp-semantic-color-container-neutral);--vp-component-button-color-primary-inverse-content: var(--vp-semantic-color-content-brand);--vp-component-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-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-button-color-primary-inverse-container-default: var(--vp-semantic-color-container-neutral);--vp-component-button-color-primary-regular-content: var(--vp-semantic-color-content-on-brand-neutral);--vp-component-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-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-button-color-primary-regular-container-default: var(--vp-semantic-color-container-brand);--vp-component-button-spacing-small-padding-inline-start: var(--vp-semantic-spacing-m);--vp-component-button-spacing-small-padding-block-end: var(--vp-semantic-spacing-xs);--vp-component-button-spacing-small-padding-inline-end: var(--vp-semantic-spacing-m);--vp-component-button-spacing-small-padding-block-start: var(--vp-semantic-spacing-xs);--vp-component-button-spacing-small-gap: var(--vp-semantic-spacing-2xs);--vp-component-button-spacing-medium-padding-inline-start: var(--vp-semantic-spacing-l);--vp-component-button-spacing-medium-padding-block-end: var(--vp-semantic-spacing-s);--vp-component-button-spacing-medium-padding-inline-end: var(--vp-semantic-spacing-l);--vp-component-button-spacing-medium-padding-block-start: var(--vp-semantic-spacing-s);--vp-component-button-spacing-medium-gap: var(--vp-semantic-spacing-xs);--vp-component-button-spacing-large-padding-inline-start: var(--vp-semantic-spacing-2xl);--vp-component-button-spacing-large-padding-block-end: var(--vp-semantic-spacing-l);--vp-component-button-spacing-large-padding-inline-end: var(--vp-semantic-spacing-2xl);--vp-component-button-spacing-large-padding-block-start: var(--vp-semantic-spacing-l);--vp-component-button-spacing-large-gap: var(--vp-semantic-spacing-xs);--vp-component-button-sizing-min-height: var(--vp-semantic-sizing-accessibility-touch-size);--vp-component-button-sizing-small-end-icon-width: var(--vp-semantic-sizing-m);--vp-component-button-sizing-small-end-icon-height: var(--vp-semantic-sizing-m);--vp-component-button-sizing-small-start-icon-width: var(--vp-semantic-sizing-m);--vp-component-button-sizing-small-start-icon-height: var(--vp-semantic-sizing-m);--vp-component-button-sizing-medium-end-icon-width: var(--vp-semantic-sizing-l);--vp-component-button-sizing-medium-end-icon-height: var(--vp-semantic-sizing-l);--vp-component-button-sizing-medium-start-icon-width: var(--vp-semantic-sizing-l);--vp-component-button-sizing-medium-start-icon-height: var(--vp-semantic-sizing-l);--vp-component-button-sizing-large-end-icon-width: var(--vp-semantic-sizing-xl);--vp-component-button-sizing-large-end-icon-height: var(--vp-semantic-sizing-xl);--vp-component-button-sizing-large-start-icon-width: var(--vp-semantic-sizing-xl);--vp-component-button-sizing-large-start-icon-height: var(--vp-semantic-sizing-xl);--vp-component-button-color-negative-inverse-container-skeleton: var(--vp-semantic-color-alpha-inverse-l);--vp-component-button-color-negative-regular-container-skeleton: var(--vp-semantic-color-alpha-quiet-l);--vp-component-button-color-tertiary-inverse-container-skeleton: color-mix(in srgb, var(--vp-semantic-color-alpha-inverse-l) 60%, var(--vp-semantic-color-container-neutral));--vp-component-button-color-tertiary-regular-container-skeleton: var(--vp-semantic-color-alpha-quiet-l);--vp-component-button-color-tertiary-regular-container-active: var(--vp-semantic-color-alpha-brand-m);--vp-component-button-color-tertiary-regular-container-hover: var(--vp-semantic-color-alpha-brand-s);--vp-component-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-button-color-secondary-regular-container-skeleton: var(--vp-semantic-color-alpha-quiet-l);--vp-component-button-color-primary-inverse-container-skeleton: var(--vp-semantic-color-alpha-inverse-l);--vp-component-button-color-primary-regular-container-skeleton: var(--vp-semantic-color-alpha-quiet-l)}.vp-button{--button-text-case:var(--vp-component-button-typography-medium-label-text-case);--button-text-decoration:var(--vp-component-button-typography-medium-label-text-decoration);--button-letter-spacing:var(--vp-component-button-typography-medium-label-letter-spacing);--button-font-size:var(--vp-component-button-typography-medium-label-font-size);--button-line-height:var(--vp-component-button-typography-medium-label-line-height);--button-font-weight:var(--vp-component-button-typography-medium-label-font-weight);--button-font-family:var(--vp-component-button-typography-medium-label-font-family);--button-webkit-font-smoothing:var(--vp-component-button-typography-medium-label-webkit-font-smoothing)}.vp-button--small{--button-text-case:var(--vp-component-button-typography-small-label-text-case);--button-text-decoration:var(--vp-component-button-typography-small-label-text-decoration);--button-letter-spacing:var(--vp-component-button-typography-small-label-letter-spacing);--button-font-size:var(--vp-component-button-typography-small-label-font-size);--button-line-height:var(--vp-component-button-typography-small-label-line-height);--button-font-weight:var(--vp-component-button-typography-small-label-font-weight);--button-font-family:var(--vp-component-button-typography-small-label-font-family);--button-webkit-font-smoothing:var(--vp-component-button-typography-small-label-webkit-font-smoothing)}.vp-button--large{--button-text-case:var(--vp-component-button-typography-large-label-text-case);--button-text-decoration:var(--vp-component-button-typography-large-label-text-decoration);--button-letter-spacing:var(--vp-component-button-typography-large-label-letter-spacing);--button-font-size:var(--vp-component-button-typography-large-label-font-size);--button-line-height:var(--vp-component-button-typography-large-label-line-height);--button-font-weight:var(--vp-component-button-typography-large-label-font-weight);--button-font-family:var(--vp-component-button-typography-large-label-font-family);--button-webkit-font-smoothing:var(--vp-component-button-typography-large-label-webkit-font-smoothing)}.vp-button{--button-border-color:var(--vp-component-button-color-primary-regular-border);--button-color:var(--vp-component-button-color-primary-regular-content);--button-background-color:var(--vp-component-button-color-primary-regular-container-default);--button-background-color-hover:var(--vp-component-button-color-primary-regular-container-hover);--button-background-color-active:var(--vp-component-button-color-primary-regular-container-active)}.vp-button--inverse{--button-border-color:var(--vp-component-button-color-primary-inverse-border);--button-color:var(--vp-component-button-color-primary-inverse-content);--button-background-color:var(--vp-component-button-color-primary-inverse-container-default);--button-background-color-hover:var(--vp-component-button-color-primary-inverse-container-hover);--button-background-color-active:var(--vp-component-button-color-primary-inverse-container-active)}.vp-button--secondary{--button-border-color:var(--vp-component-button-color-secondary-regular-border);--button-color:var(--vp-component-button-color-secondary-regular-content);--button-background-color:var(--vp-component-button-color-secondary-regular-container-default);--button-background-color-hover:var(--vp-component-button-color-secondary-regular-container-hover);--button-background-color-active:var(--vp-component-button-color-secondary-regular-container-active)}.vp-button--secondary.vp-button--inverse{--button-border-color:var(--vp-component-button-color-secondary-inverse-border);--button-color:var(--vp-component-button-color-secondary-inverse-content);--button-background-color:var(--vp-component-button-color-secondary-inverse-container-default);--button-background-color-hover:var(--vp-component-button-color-secondary-inverse-container-hover);--button-background-color-active:var(--vp-component-button-color-secondary-inverse-container-active)}.vp-button--tertiary{--button-border-color:var(--vp-component-button-color-tertiary-regular-border);--button-color:var(--vp-component-button-color-tertiary-regular-content);--button-background-color:var(--vp-component-button-color-tertiary-regular-container-default);--button-background-color-hover:var(--vp-component-button-color-tertiary-regular-container-hover);--button-background-color-active:var(--vp-component-button-color-tertiary-regular-container-active)}.vp-button--tertiary.vp-button--inverse{--button-border-color:var(--vp-component-button-color-tertiary-inverse-border);--button-color:var(--vp-component-button-color-tertiary-inverse-content);--button-background-color:var(--vp-component-button-color-tertiary-inverse-container-default);--button-background-color-hover:var(--vp-component-button-color-tertiary-inverse-container-hover);--button-background-color-active:var(--vp-component-button-color-tertiary-inverse-container-active)}.vp-button--negative{--button-border-color:var(--vp-component-button-color-negative-regular-border);--button-color:var(--vp-component-button-color-negative-regular-content);--button-background-color:var(--vp-component-button-color-negative-regular-container-default);--button-background-color-hover:var(--vp-component-button-color-negative-regular-container-hover);--button-background-color-active:var(--vp-component-button-color-negative-regular-container-active)}.vp-button--negative.vp-button--inverse{--button-border-color:var(--vp-component-button-color-negative-inverse-border);--button-color:var(--vp-component-button-color-negative-inverse-content);--button-background-color:var(--vp-component-button-color-negative-inverse-container-default);--button-background-color-hover:var(--vp-component-button-color-negative-inverse-container-hover);--button-background-color-active:var(--vp-component-button-color-negative-inverse-container-active)}.vp-button{--button-disabled-opacity:var(--vp-component-button-opacity-disabled);--button-border-width:var(--vp-component-button-border-width);--button-border-radius:var(--vp-component-button-border-radius-rounded-bottom-left) var(--vp-component-button-border-radius-rounded-bottom-right) var(--vp-component-button-border-radius-rounded-top-right) var(--vp-component-button-border-radius-rounded-top-left)}.vp-button--squared{--button-border-radius:var(--vp-component-button-border-radius-squared-bottom-left) var(--vp-component-button-border-radius-squared-bottom-right) var(--vp-component-button-border-radius-squared-top-right) var(--vp-component-button-border-radius-squared-top-left)}.vp-button{--button-spacing-gap:var(--vp-component-button-spacing-medium-gap);--button-padding:var(--vp-component-button-spacing-medium-padding-block-start) var(--vp-component-button-spacing-medium-padding-inline-end) var(--vp-component-button-spacing-medium-padding-block-end) var(--vp-component-button-spacing-medium-padding-inline-start)}.vp-button--small{--button-spacing-gap:var(--vp-component-button-spacing-small-gap);--button-padding:var(--vp-component-button-spacing-small-padding-block-start) var(--vp-component-button-spacing-small-padding-inline-end) var(--vp-component-button-spacing-small-padding-block-end) var(--vp-component-button-spacing-small-padding-inline-start)}.vp-button--large{--button-spacing-gap:var(--vp-component-button-spacing-large-gap);--button-padding:var(--vp-component-button-spacing-large-padding-block-start) var(--vp-component-button-spacing-large-padding-inline-end) var(--vp-component-button-spacing-large-padding-block-end) var(--vp-component-button-spacing-large-padding-inline-start)}.vp-button{--button-start-icon-width:var(--vp-component-button-sizing-medium-start-icon-width);--button-start-icon-height:var(--vp-component-button-sizing-medium-start-icon-height);--button-end-icon-width:var(--vp-component-button-sizing-medium-end-icon-width);--button-end-icon-height:var(--vp-component-button-sizing-medium-end-icon-height)}.vp-button--small{--button-start-icon-width:var(--vp-component-button-sizing-small-start-icon-width);--button-start-icon-height:var(--vp-component-button-sizing-small-start-icon-height);--button-end-icon-width:var(--vp-component-button-sizing-small-end-icon-width);--button-end-icon-height:var(--vp-component-button-sizing-small-end-icon-height)}.vp-button--large{--button-start-icon-width:var(--vp-component-button-sizing-large-start-icon-width);--button-start-icon-height:var(--vp-component-button-sizing-large-start-icon-height);--button-end-icon-width:var(--vp-component-button-sizing-large-end-icon-width);--button-end-icon-height:var(--vp-component-button-sizing-large-end-icon-height)}.vp-button{align-items:center;align-self:center;background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--button-color);display:inline-flex;flex-direction:row;font-family:var(--button-font-family);font-weight:var(--button-font-weight);gap:var(--button-spacing-gap);justify-content:center;letter-spacing:var(--button-letter-spacing);line-height:var(--button-line-height);padding:var(--button-padding);position:relative;-webkit-text-decoration:var(--button-text-decoration);text-decoration:var(--button-text-decoration);text-transform:var(--button-text-case);transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);-webkit-font-smoothing:var(--button-webkit-font-smoothing);font-size:var(--button-font-size)}@media (prefers-reduced-motion:reduce){.vp-button{transition-duration:0s}}.vp-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.vp-button:before{content:"";height:var(--vp-component-button-sizing-min-height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.vp-button:hover:not(:disabled),.vp-button:hover:not([data-disabled]){--button-background-color:var(--button-background-color-hover)}.vp-button:active:not(:disabled),.vp-button:active:not([data-disabled]){--button-background-color:var(--button-background-color-active)}.vp-button:focus-visible:not(:disabled){box-shadow:var(--vp-semantic-box-shadow-focus);outline:none}.vp-button:disabled,.vp-button[data-disabled]{cursor:default;opacity:var(--button-disabled-opacity)}.vp-button[data-loading]{color:transparent}.vp-button[data-loading]>:not([data-part=loading-slot]){visibility:hidden}.vp-button [data-part=loading-slot]{color:var(--button-color);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vp-button [data-part=loading-slot],.vp-button [data-part=start-slot]{align-items:center;display:flex;justify-content:center}.vp-button [data-part=start-slot] svg{flex:0 0 auto;height:var(--button-start-icon-height);width:var(--button-start-icon-width)}.vp-button [data-part=end-slot]{align-items:center;display:flex;justify-content:center}.vp-button [data-part=end-slot] svg{flex:0 0 auto;height:var(--button-end-icon-height);width:var(--button-end-icon-width)}.vp-button [data-part=alt]{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}:root,.vp--dark-mode,.vp--wonder-theme,.vp--legacy-theme{--vp-component-loader-motion-duration: var(--vp-semantic-motion-duration-slow);--vp-component-loader-motion-easing: var(--vp-semantic-motion-easing-expressive-ease-in-out);--vp-component-loader-border-radius-container: var(--vp-semantic-border-radius-full);--vp-component-loader-color-inverse-content-end: var(--vp-semantic-color-content-brand);--vp-component-loader-color-inverse-content-start: var(--vp-semantic-color-content-on-brand-neutral);--vp-component-loader-color-regular-content-end: var(--vp-semantic-color-content-on-brand-neutral);--vp-component-loader-color-regular-content-start: var(--vp-semantic-color-content-brand);--vp-component-loader-sizing-small-width: var(--vp-semantic-sizing-m);--vp-component-loader-sizing-small-height: var(--vp-semantic-sizing-m);--vp-component-loader-sizing-medium-width: var(--vp-semantic-sizing-xl);--vp-component-loader-sizing-medium-height: var(--vp-semantic-sizing-xl);--vp-component-loader-sizing-large-width: var(--vp-semantic-sizing-2xl);--vp-component-loader-sizing-large-height: var(--vp-semantic-sizing-2xl);--vp-component-loader-sizing-extra-large-width: var(--vp-semantic-sizing-4xl);--vp-component-loader-sizing-extra-large-height: var(--vp-semantic-sizing-4xl)}.vp-loader{--loader-border-radius:var(--vp-component-loader-border-radius-container);--loader-height:var(--vp-component-loader-sizing-medium-height);--loader-width:var(--vp-component-loader-sizing-medium-width)}.vp-loader--small{--loader-height:var(--vp-component-loader-sizing-small-height);--loader-width:var(--vp-component-loader-sizing-small-width)}.vp-loader--large{--loader-height:var(--vp-component-loader-sizing-large-height);--loader-width:var(--vp-component-loader-sizing-large-width)}.vp-loader--extra-large{--loader-height:var(--vp-component-loader-sizing-extra-large-height);--loader-width:var(--vp-component-loader-sizing-extra-large-width)}.vp-loader{--loader-conic-gradient-start:var(--vp-component-loader-color-regular-content-start);--loader-conic-gradient-end:var(--vp-component-loader-color-regular-content-end)}.vp-loader--inverse{--loader-conic-gradient-start:var(--vp-component-loader-color-inverse-content-start);--loader-conic-gradient-end:var(--vp-component-loader-color-inverse-content-end)}.vp-loader{--loader-timing-function:var(--vp-component-loader-motion-easing);--loader-duration:var(--vp-component-loader-motion-duration);display:inline-block;height:var(--loader-height);transform:skew(-20deg,-10deg) rotate(-40deg);width:var(--loader-width)}.vp-loader:before{animation:vp-loader infinite;animation-duration:var(--loader-duration);animation-timing-function:var(--loader-timing-function);border-radius:var(--loader-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (prefers-reduced-motion:reduce){.vp-loader:before{animation:none}}.vp-loader:before{background:conic-gradient(var(--loader-conic-gradient-start),var(--loader-conic-gradient-end) 85%);-webkit-mask:radial-gradient(farthest-side,#0000 80%,#000 0);mask:radial-gradient(farthest-side,#0000 80%,#000 0)}.vp-loader-alt{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}@keyframes vp-loader{to{rotate:-1turn}}