:root,.vp--dark-mode,.vp--wonder-theme,.vp--legacy-theme{--vp-component-modal-sizing-container-screen-s-min-width: 280px;--vp-component-modal-sizing-container-screen-m-min-width: 385px;--vp-component-modal-sizing-container-screen-l-min-width: 342px;--vp-component-modal-typography-title-webkit-font-smoothing: var(--vp-semantic-typography-screen-s-title-m-webkit-font-smoothing);--vp-component-modal-typography-title-text-case: var(--vp-semantic-typography-screen-s-title-m-text-case);--vp-component-modal-typography-title-text-decoration: var(--vp-semantic-typography-screen-s-title-m-text-decoration);--vp-component-modal-typography-title-letter-spacing: var(--vp-semantic-typography-screen-s-title-m-letter-spacing);--vp-component-modal-typography-title-font-size: var(--vp-semantic-typography-screen-s-title-m-font-size);--vp-component-modal-typography-title-line-height: var(--vp-semantic-typography-screen-s-title-m-line-height);--vp-component-modal-typography-title-font-weight: var(--vp-semantic-typography-screen-s-title-m-font-weight);--vp-component-modal-typography-title-font-family: var(--vp-semantic-typography-screen-s-title-m-font-family);--vp-component-modal-motion-dialog-closing-easing: var(--vp-semantic-motion-easing-expressive-ease-out);--vp-component-modal-motion-dialog-closing-duration: var(--vp-semantic-motion-duration-quick);--vp-component-modal-motion-dialog-opening-easing: var(--vp-semantic-motion-easing-expressive-ease-in-out);--vp-component-modal-motion-dialog-opening-duration: var(--vp-semantic-motion-duration-moderate);--vp-component-modal-motion-backdrop-closing-easing: var(--vp-semantic-motion-easing-expressive-ease-out);--vp-component-modal-motion-backdrop-closing-duration: var(--vp-semantic-motion-duration-quick);--vp-component-modal-motion-backdrop-opening-easing: var(--vp-semantic-motion-easing-expressive-ease-in-out);--vp-component-modal-motion-backdrop-opening-duration: var(--vp-semantic-motion-duration-moderate);--vp-component-modal-border-radius-bottom-right: var(--vp-semantic-border-radius-m);--vp-component-modal-border-radius-bottom-left: var(--vp-semantic-border-radius-m);--vp-component-modal-border-radius-top-right: var(--vp-semantic-border-radius-m);--vp-component-modal-border-radius-top-left: var(--vp-semantic-border-radius-m);--vp-component-modal-color-icon: var(--vp-semantic-color-content-neutral);--vp-component-modal-color-title: var(--vp-semantic-color-content-neutral);--vp-component-modal-color-container: var(--vp-semantic-color-container-on-overlay);--vp-component-modal-color-backdrop-background-color: var(--vp-semantic-color-container-overlay);--vp-component-modal-spacing-footer-padding-inline-start: var(--vp-semantic-spacing-2xl);--vp-component-modal-spacing-footer-padding-inline-end: var(--vp-semantic-spacing-2xl);--vp-component-modal-spacing-footer-padding-block-end: var(--vp-semantic-spacing-2xl);--vp-component-modal-spacing-footer-padding-block-start: var(--vp-semantic-spacing-2xl);--vp-component-modal-spacing-footer-gap: var(--vp-semantic-spacing-s);--vp-component-modal-spacing-container-padding-inline-start: var(--vp-semantic-spacing-4xs);--vp-component-modal-spacing-container-padding-inline-end: var(--vp-semantic-spacing-4xs);--vp-component-modal-spacing-container-padding-block-end: var(--vp-semantic-spacing-4xs);--vp-component-modal-spacing-container-padding-block-start: var(--vp-semantic-spacing-4xs);--vp-component-modal-spacing-title-padding-inline-end: var(--vp-semantic-spacing-4xs);--vp-component-modal-spacing-title-padding-inline-start: var(--vp-semantic-spacing-4xs);--vp-component-modal-spacing-title-padding-block-end: var(--vp-semantic-spacing-4xs);--vp-component-modal-spacing-title-padding-block-start: var(--vp-semantic-spacing-xs);--vp-component-modal-spacing-header-padding-inline-end: var(--vp-semantic-spacing-xl);--vp-component-modal-spacing-header-padding-inline-start: var(--vp-semantic-spacing-2xl);--vp-component-modal-spacing-header-padding-block-end: var(--vp-semantic-spacing-xl);--vp-component-modal-spacing-header-padding-block-start: var(--vp-semantic-spacing-xl);--vp-component-modal-spacing-header-gap: var(--vp-semantic-spacing-xs)}:root{--modal-zi-root:0;--modal-zi-backdrop:calc(var(--modal-zi-root) + 1);--modal-zi-container:calc(var(--modal-zi-backdrop) + 1)}.vp-modal{--modal-background-color:var(--vp-component-modal-color-container);--modal-min-width:var(--vp-component-modal-sizing-container-screen-s-min-width);--modal-padding:var(--vp-component-modal-spacing-container-padding-block-start) var(--vp-component-modal-spacing-container-padding-inline-end) var(--vp-component-modal-spacing-container-padding-block-end) var(--vp-component-modal-spacing-container-padding-inline-start);--modal-border-radius:var(--vp-component-modal-border-radius-top-left) var(--vp-component-modal-border-radius-top-right) var(--vp-component-modal-border-radius-bottom-right) var(--vp-component-modal-border-radius-bottom-left);--modal-max-size-padding:var(--vp-semantic-sizing-m);--modal-max-size-offset:calc(var(--modal-max-size-padding)*2);--modal-backdrop-background-color:var(--vp-component-modal-color-backdrop-background-color);--modal-header-title-color:var(--vp-component-modal-color-title);--modal-header-title-font-family:var(--vp-component-modal-typography-title-font-family);--modal-header-title-font-size:var(--vp-component-modal-typography-title-font-size);--modal-header-title-font-weight:var(--vp-component-modal-typography-title-font-weight);--modal-header-title-letter-spacing:var(--vp-component-modal-typography-title-letter-spacing);--modal-header-title-line-height:var(--vp-component-modal-typography-title-line-height);--modal-header-title-text-case:var(--vp-component-modal-typography-title-text-case);--modal-header-title-text-decoration:var(--vp-component-modal-typography-title-text-decoration);--modal-header-title-webkit-font-smoothing:var(--vp-component-modal-typography-title-webkit-font-smoothing);--modal-header-gap:var(--vp-component-modal-spacing-header-gap);--modal-header-padding:var(--vp-component-modal-spacing-header-padding-block-start) var(--vp-component-modal-spacing-header-padding-inline-end) var(--vp-component-modal-spacing-header-padding-block-end) var(--vp-component-modal-spacing-header-padding-inline-start);--modal-footer-gap:var(--vp-component-modal-spacing-footer-gap);--modal-footer-padding:var(--vp-component-modal-spacing-footer-padding-block-start) var(--vp-component-modal-spacing-footer-padding-inline-end) var(--vp-component-modal-spacing-footer-padding-block-end) var(--vp-component-modal-spacing-footer-padding-inline-start);--modal-opening-duration:var(--vp-component-modal-motion-dialog-opening-duration);--modal-opening-easing:var(--vp-component-modal-motion-dialog-opening-easing);--modal-closing-duration:var(--vp-component-modal-motion-dialog-closing-duration);--modal-closing-easing:var(--vp-component-modal-motion-dialog-closing-easing);--backdrop-opening-duration:var(--vp-component-modal-motion-backdrop-opening-duration);--backdrop-opening-easing:var(--vp-component-modal-motion-backdrop-opening-easing);--backdrop-closing-duration:var(--vp-component-modal-motion-backdrop-closing-duration);--backdrop-closing-easing:var(--vp-component-modal-motion-backdrop-closing-easing)}@media screen and (min-width:600px){.vp-modal{--modal-min-width:var(--vp-component-modal-sizing-container-screen-m-min-width)}}@media screen and (min-width:1200px){.vp-modal{--modal-min-width:var(--vp-component-modal-sizing-container-screen-l-min-width)}}.vp-modal .backdrop,.vp-modal::backdrop{background-color:var(--modal-backdrop-background-color);top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;z-index:var(--modal-zi-backdrop)}@media (prefers-reduced-motion:reduce){.vp-modal .backdrop,.vp-modal::backdrop{animation:none!important}}.vp-modal{border:0;margin-block:auto var(--modal-max-size-padding);margin-inline:auto;max-height:calc(100% - var(--modal-max-size-offset));max-width:calc(100% - var(--modal-max-size-offset));min-width:var(--modal-min-width);position:fixed;z-index:var(--modal-zi-container)}@media screen and (min-width:600px){.vp-modal{margin-block-end:auto}}.vp-modal{background-color:var(--modal-background-color);border-radius:var(--modal-border-radius);display:flex;flex-direction:column;opacity:0;padding:var(--modal-padding)}.vp-modal[data-hidden]{display:none}.vp-modal[data-open]:not(.vp-modal-exit-animation){--modal-motion-name:modal-slide-from-bottom-in-mobile;animation:var(--modal-motion-name) var(--modal-opening-duration) var(--modal-opening-easing);inset-block-end:0;opacity:1}.vp-modal[data-open]:not(.vp-modal-exit-animation) .backdrop,.vp-modal[data-open]:not(.vp-modal-exit-animation)::backdrop{animation:modal-appear-in var(--backdrop-opening-duration) var(--backdrop-opening-easing);opacity:1}@media screen and (min-width:600px){.vp-modal[data-open]:not(.vp-modal-exit-animation){--modal-motion-name:modal-slide-from-bottom-in}}.vp-modal-exit-animation{--modal-motion-name:modal-slide-from-bottom-out-mobile;animation:var(--modal-motion-name) var(--modal-closing-duration) var(--modal-closing-easing)}.vp-modal-exit-animation .backdrop,.vp-modal-exit-animation::backdrop{animation:modal-appear-out var(--backdrop-closing-duration) var(--backdrop-closing-easing)}@media screen and (min-width:600px){.vp-modal-exit-animation{--modal-motion-name:modal-slide-from-bottom-out}}@media (prefers-reduced-motion:reduce){.vp-modal{animation:none!important}}.vp-modal__header{align-items:center;display:flex;gap:var(--modal-header-gap);justify-content:space-between;overflow-wrap:anywhere;padding:var(--modal-header-padding)}.vp-modal__header>*{color:var(--modal-header-title-color);font-family:var(--modal-header-title-font-family);font-size:var(--modal-header-title-font-size);font-weight:var(--modal-header-title-font-weight);letter-spacing:var(--modal-header-title-letter-spacing);line-height:var(--modal-header-title-line-height);-webkit-text-decoration:var(--modal-header-title-text-decoration);text-decoration:var(--modal-header-title-text-decoration);text-transform:var(--modal-header-title-text-case);-webkit-font-smoothing:var(--modal-header-title-webkit-font-smoothing)}.vp-modal__header-icon{color:var(--vp-component-modal-color-icon)}.vp-modal__body{flex-grow:1;flex-shrink:0;overflow-y:auto}.vp-modal__footer{display:flex;gap:var(--modal-footer-gap);padding:var(--modal-footer-padding)}.vp-modal [data-part=close-button]{align-self:flex-start}@keyframes modal-appear-in{0%{opacity:0}to{opacity:1}}@keyframes modal-appear-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-from-bottom-in{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translate(0)}}@keyframes modal-slide-from-bottom-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(50%)}}@keyframes modal-slide-from-bottom-in-mobile{0%{inset-block-end:-100%;opacity:0}to{inset-block-end:0;opacity:1}}@keyframes modal-slide-from-bottom-out-mobile{0%{inset-block-end:0;opacity:1}to{inset-block-end:-100%;opacity:0}}
