@layer vitamin-play{:root{--drawer-zi-root:0;--drawer-zi-backdrop:calc(var(--drawer-zi-root) + 1);--drawer-zi-container:calc(var(--drawer-zi-backdrop) + 1)}.vp-drawer{--vp-component-drawer-sizing-container-screen-s-height:323px;--vp-component-drawer-sizing-container-screen-m-height:323px;--vp-component-drawer-sizing-container-screen-l-height:323px;--drawer-background-color:var(--vp-semantic-color-container-on-overlay);--drawer-gap:var(--vp-semantic-spacing-m);--drawer-height:var(--vp-component-drawer-sizing-container-screen-s-height);--drawer-width:390px;--drawer-padding:calc(var(--vp-semantic-spacing-l) - var(--drawer-gap)/2) 0 calc(var(--vp-semantic-spacing-l) - var(--drawer-gap)/2) 0;--drawer-backdrop-background-color:var(--vp-semantic-color-container-overlay);--drawer-containers-padding-block-start:calc(var(--drawer-gap)/2);--drawer-containers-padding-block-end:calc(var(--drawer-gap)/2);--drawer-containers-padding-inline-start:var(--vp-semantic-spacing-xl);--drawer-containers-padding-inline-end:var(--vp-semantic-spacing-xl);--drawer-header-gap:var(--vp-semantic-spacing-xs);--drawer-header-padding:calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-block-start)) calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-inline-end)) calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-block-end)) calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-inline-start));--drawer-header-title-color:var(--vp-semantic-color-content-neutral);--drawer-header-title-font-family:var(--vp-semantic-typography-screen-l-title-s-font-family);--drawer-header-title-font-size:var(--vp-semantic-typography-screen-l-title-s-font-size);--drawer-header-title-font-weight:var(--vp-semantic-typography-screen-l-title-s-font-weight);--drawer-header-title-letter-spacing:var(--vp-semantic-typography-screen-l-title-s-letter-spacing);--drawer-header-title-line-height:var(--vp-semantic-typography-screen-l-title-s-line-height);--drawer-header-title-text-case:var(--vp-semantic-typography-screen-l-title-s-text-case);--drawer-header-title-text-decoration:var(--vp-semantic-typography-screen-l-title-s-text-decoration);--drawer-header-title-webkit-font-smoothing:var(--vp-semantic-typography-screen-l-title-s-webkit-font-smoothing);--drawer-body-padding:var(--drawer-containers-padding-block-start) var(--drawer-containers-padding-inline-end) var(--drawer-containers-padding-block-end) var(--drawer-containers-padding-inline-start);--drawer-footer-padding:calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-block-start)) calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-inline-end)) calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-block-end)) calc(var(--vp-semantic-spacing-4xs) + var(--drawer-containers-padding-inline-start));--drawer-key-frame-slide-horizontal-in:drawer-slide-horizontal-in;--drawer-key-frame-slide-horizontal-out:drawer-slide-horizontal-out;--drawer-key-frame-slide-from-bottom-in:drawer-slide-from-bottom-in;--drawer-key-frame-slide-from-bottom-out:drawer-slide-from-bottom-out;--drawer-opening-duration:var(--vp-semantic-motion-duration-moderate);--drawer-opening-easing:var(--vp-semantic-motion-easing-expressive-ease-in-out);--drawer-closing-duration:var(--vp-semantic-motion-duration-quick);--drawer-closing-easing:var(--vp-semantic-motion-easing-expressive-ease-out);--drawer-backdrop-opening-duration:var(--vp-semantic-motion-duration-moderate);--drawer-backdrop-opening-easing:var(--vp-semantic-motion-easing-expressive-ease-in-out);--drawer-backdrop-closing-duration:var(--vp-semantic-motion-duration-quick);--drawer-backdrop-closing-easing:var(--vp-semantic-motion-easing-expressive-ease-out)}@media screen and (min-width:600px){.vp-drawer{--drawer-gap:var(--vp-semantic-spacing-m);--drawer-height:var(--vp-component-drawer-sizing-container-screen-m-height);--drawer-width:484px;--drawer-padding:calc(var(--vp-semantic-spacing-xl) - var(--drawer-gap)/2) 0 calc(var(--vp-semantic-spacing-xl) - var(--drawer-gap)/2) 0;--drawer-containers-padding-inline-start:var(--vp-semantic-spacing-2xl);--drawer-containers-padding-inline-end:var(--vp-semantic-spacing-2xl)}}@media screen and (min-width:1200px){.vp-drawer{--drawer-gap:var(--vp-semantic-spacing-m);--drawer-height:var(--vp-component-drawer-sizing-container-screen-l-height);--drawer-width:550px;--drawer-padding:calc(var(--vp-semantic-spacing-2xl) - var(--drawer-gap)/2) 0 calc(var(--vp-semantic-spacing-2xl) - var(--drawer-gap)/2) 0;--drawer-containers-padding-inline-start:var(--vp-semantic-spacing-3xl);--drawer-containers-padding-inline-end:var(--vp-semantic-spacing-3xl)}}.vp-drawer .backdrop,.vp-drawer::backdrop{background-color:var(--drawer-backdrop-background-color);top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;z-index:var(--drawer-zi-backdrop)}@media (prefers-reduced-motion:reduce){.vp-drawer .backdrop,.vp-drawer::backdrop{animation:none!important}}.vp-drawer{background-color:var(--drawer-background-color);border:0;display:flex;flex-direction:column;margin:0;min-height:100%;min-width:var(--drawer-width);padding:var(--drawer-padding);position:fixed;z-index:var(--drawer-zi-container)}.vp-drawer[data-hidden]{display:none}.vp-drawer{inset-block:0;inset-inline:auto 0;--drawer-slide-direction:1;--drawer-motion-slide-in:var(--drawer-key-frame-slide-horizontal-in);--drawer-motion-slide-out:var(--drawer-key-frame-slide-horizontal-out);transform:translate(calc(-100%*var(--drawer-slide-direction)))}.vp-drawer--inline-start,[dir=rtl] .vp-drawer{--drawer-slide-direction:-1}.vp-drawer--inline-start{inset-inline:0 auto}[dir=rtl] .vp-drawer--inline-start{--drawer-slide-direction:1}.vp-drawer--left{top:0;bottom:0;left:0;right:auto;--drawer-slide-direction:-1!important}.vp-drawer--right{top:0;right:0;bottom:0;left:auto;--drawer-slide-direction:1!important}.vp-drawer--bottom{--drawer-motion-slide-in:var(--drawer-key-frame-slide-from-bottom-in);--drawer-motion-slide-out:var(--drawer-key-frame-slide-from-bottom-out);height:auto;inset:auto 0 0;min-height:var(--drawer-height);min-width:100%;transform:translateY(100%)}.vp-drawer[data-open]:not(.vp-drawer-exit-animation){animation:var(--drawer-motion-slide-in) var(--drawer-opening-duration) var(--drawer-opening-easing);transform:translate(0)}.vp-drawer[data-open]:not(.vp-drawer-exit-animation) .backdrop,.vp-drawer[data-open]:not(.vp-drawer-exit-animation)::backdrop{animation:drawer-appear-in var(--drawer-backdrop-opening-duration) var(--drawer-backdrop-opening-easing);opacity:1}.vp-drawer--bottom.vp-drawer[data-open]:not(.vp-drawer-exit-animation){transform:translateY(0)}.vp-drawer-exit-animation{animation:var(--drawer-motion-slide-out) var(--drawer-closing-duration) var(--drawer-closing-easing)}.vp-drawer-exit-animation .backdrop,.vp-drawer-exit-animation::backdrop{animation:drawer-appear-out var(--drawer-backdrop-closing-duration) var(--drawer-backdrop-closing-easing)}@media (prefers-reduced-motion:reduce){.vp-drawer{animation:none!important}}.vp-drawer__header{align-items:center;color:var(--drawer-header-title-color);display:flex;font-family:var(--drawer-header-title-font-family);font-size:var(--drawer-header-title-font-size);font-weight:var(--drawer-header-title-font-weight);gap:var(--drawer-header-gap);justify-content:space-between;letter-spacing:var(--drawer-header-title-letter-spacing);line-height:var(--drawer-header-title-line-height);overflow-wrap:anywhere;padding:var(--drawer-header-padding);-webkit-text-decoration:var(--drawer-header-title-text-decoration);text-decoration:var(--drawer-header-title-text-decoration);text-transform:var(--drawer-header-title-text-case);-webkit-font-smoothing:var(--drawer-header-title-webkit-font-smoothing)}.vp-drawer__header-icon{color:var(--vp-semantic-color-content-neutral)}.vp-drawer__body{flex:1;overflow-y:auto;padding:var(--drawer-body-padding)}.vp-drawer__footer{display:flex;padding:var(--drawer-footer-padding)}.vp-drawer [data-part=close-button]{align-self:flex-start}@keyframes drawer-appear-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-appear-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-slide-horizontal-in{0%{transform:translate(calc(100%*var(--drawer-slide-direction)))}to{transform:translate(0)}}@keyframes drawer-slide-horizontal-out{0%{transform:translate(0)}to{transform:translate(calc(100%*var(--drawer-slide-direction)))}}@keyframes drawer-slide-from-bottom-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawer-slide-from-bottom-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}}