@layer vitamin-play{: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-semantic-color-container-on-overlay);--modal-min-width:280px;--modal-padding:var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs);--modal-border-radius:var(--vp-semantic-border-radius-m) var(--vp-semantic-border-radius-m) var(--vp-semantic-border-radius-m) var(--vp-semantic-border-radius-m);--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-semantic-color-container-overlay);--modal-header-title-color:var(--vp-semantic-color-content-neutral);--modal-header-title-font-family:var(--vp-semantic-typography-screen-s-title-m-font-family);--modal-header-title-font-size:var(--vp-semantic-typography-screen-s-title-m-font-size);--modal-header-title-font-weight:var(--vp-semantic-typography-screen-s-title-m-font-weight);--modal-header-title-letter-spacing:var(--vp-semantic-typography-screen-s-title-m-letter-spacing);--modal-header-title-line-height:var(--vp-semantic-typography-screen-s-title-m-line-height);--modal-header-title-text-case:var(--vp-semantic-typography-screen-s-title-m-text-case);--modal-header-title-text-decoration:var(--vp-semantic-typography-screen-s-title-m-text-decoration);--modal-header-title-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-title-m-webkit-font-smoothing);--modal-header-gap:var(--vp-semantic-spacing-xs);--modal-header-padding:var(--vp-semantic-spacing-xl) var(--vp-semantic-spacing-xl) var(--vp-semantic-spacing-xl) var(--vp-semantic-spacing-2xl);--modal-footer-gap:var(--vp-semantic-spacing-s);--modal-footer-padding:var(--vp-semantic-spacing-2xl) var(--vp-semantic-spacing-2xl) var(--vp-semantic-spacing-2xl) var(--vp-semantic-spacing-2xl);--modal-opening-duration:var(--vp-semantic-motion-duration-moderate);--modal-opening-easing:var(--vp-semantic-motion-easing-expressive-ease-in-out);--modal-closing-duration:var(--vp-semantic-motion-duration-quick);--modal-closing-easing:var(--vp-semantic-motion-easing-expressive-ease-out);--backdrop-opening-duration:var(--vp-semantic-motion-duration-moderate);--backdrop-opening-easing:var(--vp-semantic-motion-easing-expressive-ease-in-out);--backdrop-closing-duration:var(--vp-semantic-motion-duration-quick);--backdrop-closing-easing:var(--vp-semantic-motion-easing-expressive-ease-out)}@media screen and (min-width:600px){.vp-modal{--modal-min-width:385px}}@media screen and (min-width:1200px){.vp-modal{--modal-min-width:342px}}.vp-modal .backdrop,.vp-modal::backdrop{background-color:var(--modal-backdrop-background-color);inset: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-semantic-color-content-neutral)}.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}}}