@layer vitamin-play{:root{--input-zi-root:0;--input-zi-container:var(--input-zi-root);--input-zi-input:calc(var(--input-zi-root) + 1);--input-zi-slot:calc(var(--input-zi-input) + 1)}.vp-input{--input-text-case:var(--vp-semantic-typography-screen-s-body-m-text-case);--input-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--input-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--input-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--input-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--input-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--input-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--input-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);--input-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--input-placeholder-text-case:var(--vp-semantic-typography-screen-s-body-m-text-case);--input-placeholder-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--input-placeholder-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--input-placeholder-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--input-placeholder-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--input-placeholder-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--input-placeholder-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--input-placeholder-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);--input-placeholder-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--input-color:var(--vp-semantic-color-content-neutral);--input-placeholder-color:var(--vp-semantic-color-content-quiet);--input-background-color:var(--vp-semantic-color-container-neutral);--input-border-radius:var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main);--input-border-width:var(--vp-semantic-border-width-s);--input-border-width-hover:var(--vp-semantic-border-width-m);--input-border-width-active:var(--vp-semantic-border-width-m);--input-border-color:var(--vp-semantic-color-border-neutral);--input-border-color-active:var(--vp-semantic-color-active-border-neutral);--input-border-color-success:var(--vp-semantic-color-status-positive);--input-border-color-error:var(--vp-semantic-color-status-negative);--input-focus-box-shadow:var(--vp-semantic-box-shadow-focus-textfield);--input-spacing-gap:var(--vp-semantic-spacing-xs);--input-padding:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s)}.vp-input--small{--input-spacing-gap:var(--vp-semantic-spacing-xs);--input-padding:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-xs)}.vp-input--large{--input-spacing-gap:var(--vp-semantic-spacing-xs);--input-padding:var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-m) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-m)}.vp-input-container{--input-disabled-opacity:var(--vp-semantic-opacity-s);--input-checkmark-color:var(--vp-semantic-color-status-positive);--input-icons-color:var(--vp-semantic-color-content-neutral);--input-start-icon-width:var(--vp-semantic-sizing-xl);--input-start-icon-height:var(--vp-semantic-sizing-xl);--input-end-icon-width:var(--vp-semantic-sizing-xl);--input-end-icon-height:var(--vp-semantic-sizing-xl);--input-slot-padding:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s);--input-start-slot-width:calc(var(--vp-semantic-sizing-xl) + var(--vp-semantic-spacing-s) + var(--vp-semantic-spacing-xs));--input-end-slot-width:calc(var(--vp-semantic-sizing-xl) + var(--vp-semantic-spacing-xs) + var(--vp-semantic-spacing-s));--input-multiple-end-slots-gap:var(--vp-semantic-spacing-s);--input-multiple-end-slots-width:calc(var(--vp-semantic-sizing-xl)*2 + var(--input-spacing-gap) + var(--vp-semantic-spacing-s) + var(--input-multiple-end-slots-gap))}.vp-input{box-sizing:border-box;font-family:var(--input-font-family);font-optical-sizing:var(--input-font-optical-sizing);font-size:var(--input-font-size);font-weight:var(--input-font-weight);align-items:center;gap:var(--input-spacing-gap);letter-spacing:var(--input-letter-spacing);line-height:var(--input-line-height);padding:var(--input-padding);-webkit-text-decoration:var(--input-text-decoration);-webkit-text-decoration:var(--input-text-decoration);text-decoration:var(--input-text-decoration);text-transform:var(--input-text-case);vertical-align:middle;-webkit-font-smoothing:var(--input-webkit-font-smoothing);appearance:none;background-color:var(--input-background-color);border-radius:var(--input-border-radius);width:100%;color:var(--input-color);--input-border-box-shadow:inset 0 0 0 var(--input-border-width) var(--input-border-color);box-shadow:var(--input-border-box-shadow);transition:box-shadow var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);z-index:var(--input-zi-input);border:0;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.vp-input{transition-duration:0s}}.vp-input::-moz-placeholder{font-family:var(--input-placeholder-font-family);font-optical-sizing:var(--input-placeholder-font-optical-sizing);font-size:var(--input-placeholder-font-size);font-weight:var(--input-placeholder-font-weight);letter-spacing:var(--input-placeholder-letter-spacing);line-height:var(--input-placeholder-line-height);-webkit-text-decoration:var(--input-placeholder-text-decoration);text-decoration:var(--input-placeholder-text-decoration);text-transform:var(--input-placeholder-text-case);-webkit-font-smoothing:var(--input-placeholder-webkit-font-smoothing);color:var(--input-placeholder-color)}.vp-input::placeholder{font-family:var(--input-placeholder-font-family);font-optical-sizing:var(--input-placeholder-font-optical-sizing);font-size:var(--input-placeholder-font-size);font-weight:var(--input-placeholder-font-weight);letter-spacing:var(--input-placeholder-letter-spacing);line-height:var(--input-placeholder-line-height);-webkit-text-decoration:var(--input-placeholder-text-decoration);-webkit-text-decoration:var(--input-placeholder-text-decoration);text-decoration:var(--input-placeholder-text-decoration);text-transform:var(--input-placeholder-text-case);-webkit-font-smoothing:var(--input-placeholder-webkit-font-smoothing);color:var(--input-placeholder-color)}.vp-input-container[data-disabled]{cursor:default;opacity:var(--input-disabled-opacity)}.vp-input[data-hover]{--input-border-width:var(--input-border-width-hover)}.vp-input[data-active]{--input-border-width:var(--input-border-width-active);--input-border-color:var(--input-border-color-active);outline:0}.vp-input[data-focus]{box-shadow:var(--input-focus-box-shadow);outline:0}.vp-input[data-success]{--input-border-color:var(--input-border-color-success)}.vp-input[data-invalid]{--input-border-color:var(--input-border-color-error)}.vp-input[data-start-slot]{padding-inline-start:var(--input-start-slot-width)}.vp-input[data-end-slot]{padding-inline-end:var(--input-end-slot-width)}.vp-input[data-end-slot][data-success]{padding-inline-end:var(--input-multiple-end-slots-width)}.vp-input[data-success]{padding-inline-end:var(--input-end-slot-width)}.vp-input-container{z-index:var(--input-zi-container);position:relative}.vp-input-container svg{color:var(--input-icons-color);flex:none}.vp-input-container [data-part=start-slot]{box-sizing:border-box;padding:var(--input-slot-padding);width:var(--input-start-slot-width);z-index:var(--input-zi-slot);justify-content:flex-start;align-items:center;padding-inline-end:0;display:flex;position:absolute;inset-block:0;inset-inline-start:0}.vp-input-container [data-part=start-slot] svg{height:var(--input-start-icon-height);width:var(--input-start-icon-width)}.vp-input-container [data-part=end-slot]{box-sizing:border-box;align-items:center;gap:var(--input-multiple-end-slots-gap);padding:var(--input-slot-padding);width:var(--input-end-slot-width);z-index:var(--input-zi-slot);justify-content:center;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.vp-input-container [data-part=end-slot] svg{height:var(--input-end-icon-height);width:var(--input-end-icon-width)}.vp-input-container [data-part=end-slot] svg[data-part=checkmark]{color:var(--input-checkmark-color)}.vp-input-container [data-part=end-slot][data-end-slot][data-success]{width:var(--input-multiple-end-slots-width)}}
@layer vitamin-play{.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:var(--vp-semantic-color-hover-container-brand);--icon-button-background-color-active:var(--vp-semantic-color-active-container-brand)}.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:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.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:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.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:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.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:var(--vp-semantic-color-hover-container-negative);--icon-button-background-color-active:var(--vp-semantic-color-active-container-negative)}.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:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.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-hover-container-alpha-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-alpha-neutral)}.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{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);height:var(--icon-button-height);transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--icon-button-width);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@media (prefers-reduced-motion:reduce){.vp-icon-button{transition-duration:0s}}.vp-icon-button{appearance:none;cursor:pointer}.vp-icon-button svg{height:var(--icon-button-icon-height);width:var(--icon-button-icon-width);flex:none}.vp-icon-button:before{content:"";height:max(var(--vp-semantic-sizing-accessibility-touch-size),100%);width:max(var(--vp-semantic-sizing-accessibility-touch-size),100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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:#0000}.vp-icon-button[data-loading]>:not([data-part=loading-slot]){visibility:hidden}.vp-icon-button [data-part=loading-slot]{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-icon-button [data-part=alt]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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)}}
@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-optical-sizing:var(--vp-semantic-typography-screen-s-title-m-optical-sizing);--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);opacity:0;pointer-events:none;z-index:var(--modal-zi-backdrop);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.vp-modal .backdrop,.vp-modal::backdrop{animation:none!important}}.vp-modal{margin-block:auto var(--modal-max-size-padding);max-height:calc(100% - var(--modal-max-size-offset));max-width:calc(100% - var(--modal-max-size-offset));min-width:var(--modal-min-width);z-index:var(--modal-zi-container);border:0;margin-inline:auto;position:fixed}@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);opacity:0;padding:var(--modal-padding);flex-direction:column;display:flex}.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);opacity:1;inset-block-end:0}.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;gap:var(--modal-header-gap);overflow-wrap:anywhere;padding:var(--modal-header-padding);justify-content:space-between;display:flex}.vp-modal__header>*{color:var(--modal-header-title-color);font-family:var(--modal-header-title-font-family);font-optical-sizing:var(--modal-header-title-font-optical-sizing);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);-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{gap:var(--modal-footer-gap);padding:var(--modal-footer-padding);display:flex}.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%{opacity:0;inset-block-end:-100%}to{opacity:1;inset-block-end:0}}@keyframes modal-slide-from-bottom-out-mobile{0%{opacity:1;inset-block-end:0}to{opacity:0;inset-block-end:-100%}}}
.blue-shadow{box-shadow:0 0 0 .125rem var(--vp-primary)}.scrollbar-thin{scrollbar-width:thin}.bui-select-status-error{border-color:var(--vp-component-text-input-color-regular-border-error)}.bui-select-status-success{border-color:var(--vp-component-text-input-color-regular-border-success)}.select-options{z-index:1}.select-options.open{max-height:calc(var(--spacing) * 56);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);translate:0 12px}.select-options.close{max-height:0;translate:0 calc(var(--spacing) * -5)}
@layer vitamin-play{:root{--checkbox-zi-root:0;--checkbox-zi-halo:calc(var(--checkbox-zi-root) - 1)}.vp-checkbox{--checkbox-margin-block-start:var(--vp-semantic-spacing-3xs);--checkbox-margin-block-end:var(--vp-semantic-spacing-3xs);--checkbox-spacing-gap:var(--vp-semantic-spacing-s);--checkbox-tick-color:var(--vp-semantic-color-content-on-brand-neutral);--checkbox-tick-width:var(--vp-semantic-sizing-m);--checkbox-tick-height:var(--vp-semantic-sizing-m);--checkbox-container-checked-color:var(--vp-semantic-color-container-brand);--checkbox-container-checked-border-color-default:var(--vp-semantic-color-border-brand);--checkbox-container-checked-border-color-hover:var(--vp-semantic-color-border-brand);--checkbox-container-checked-border-color-active:var(--vp-semantic-color-border-brand);--checkbox-container-unchecked-color:transparent;--checkbox-container-unchecked-border-color-default:var(--vp-semantic-color-border-neutral);--checkbox-container-unchecked-border-color-hover:var(--vp-semantic-color-border-brand);--checkbox-container-unchecked-border-color-active:var(--vp-semantic-color-border-brand);--checkbox-container-unchecked-border-color-error:var(--vp-semantic-color-status-negative);--checkbox-container-width:var(--vp-semantic-sizing-l);--checkbox-container-height:var(--vp-semantic-sizing-l);--checkbox-container-border-radius:var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main);--checkbox-disabled-opacity:var(--vp-semantic-opacity-s);--checkbox-halo-unchecked-active-color:var(--vp-semantic-color-active-container-alpha-neutral);--checkbox-halo-unchecked-hover-color:var(--vp-semantic-color-hover-container-alpha-neutral);--checkbox-halo-checked-active-color:var(--vp-semantic-color-active-container-alpha-brand);--checkbox-halo-checked-hover-color:var(--vp-semantic-color-hover-container-alpha-brand);--checkbox-halo-width:var(--vp-semantic-sizing-xl);--checkbox-halo-height:var(--vp-semantic-sizing-xl);--checkbox-halo-border-radius:var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main);--checkbox-label-color:var(--vp-semantic-color-content-neutral);--checkbox-label-text-case:var(--vp-semantic-typography-screen-s-body-m-text-case);--checkbox-label-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--checkbox-label-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--checkbox-label-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--checkbox-label-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--checkbox-label-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--checkbox-label-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--checkbox-label-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);--checkbox-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing)}.vp-checkbox--vertical{--checkbox-margin-block-start:0}.vp-checkbox{cursor:pointer;align-items:flex-start;gap:var(--checkbox-spacing-gap);vertical-align:middle;z-index:var(--checkbox-zi-root);flex-direction:row;display:flex;position:relative}.vp-checkbox--vertical{flex-direction:column;align-items:center}.vp-checkbox__input{cursor:pointer}.vp-checkbox__input[data-disabled]{cursor:default}@supports selector(:has(:focus-visible)){.vp-checkbox__input{appearance:none;height:var(--checkbox-container-height);margin-block:var(--checkbox-margin-block-start) var(--checkbox-margin-block-end);width:var(--checkbox-container-width);border:none;outline:none;padding:0;position:absolute;overflow:hidden}}.vp-checkbox__control{--checkbox-control-border-color:var(--checkbox-container-unchecked-border-color-default);--checkbox-control-background-color:var(--checkbox-container-unchecked-color);--checkbox-halo-background-color:transparent;background-color:var(--checkbox-control-background-color);border:var(--vp-semantic-border-width-s) solid var(--checkbox-control-border-color);border-radius:var(--checkbox-container-border-radius);height:var(--checkbox-container-height);margin-block:var(--checkbox-margin-block-start) var(--checkbox-margin-block-end);transition:border-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--checkbox-container-width);justify-content:center;align-items:center;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.vp-checkbox__control{transition-duration:0s}}.vp-checkbox__control{flex:0 0 var(--checkbox-container-width)}.vp-checkbox__control[data-checked],.vp-checkbox__control[data-indeterminate]{--checkbox-control-border-color:var(--checkbox-container-checked-border-color-default);--checkbox-control-background-color:var(--checkbox-container-checked-color)}.vp-checkbox__control[data-checked][data-hover],.vp-checkbox__control[data-indeterminate][data-hover]{--checkbox-control-border-color:var(--checkbox-container-checked-border-color-hover);--checkbox-halo-background-color:var(--checkbox-halo-unchecked-hover-color)}.vp-checkbox__control[data-checked][data-active],.vp-checkbox__control[data-indeterminate][data-active]{--checkbox-control-border-color:var(--checkbox-container-checked-border-color-active);--checkbox-halo-background-color:var(--checkbox-halo-unchecked-active-color)}.vp-checkbox__control:not([data-checked],[data-indeterminate])[data-hover]{--checkbox-control-border-color:var(--checkbox-container-unchecked-border-color-hover);--checkbox-halo-background-color:var(--checkbox-halo-checked-hover-color)}.vp-checkbox__control:not([data-checked],[data-indeterminate])[data-active]{--checkbox-control-border-color:var(--checkbox-container-unchecked-border-color-active);--checkbox-halo-background-color:var(--checkbox-halo-checked-active-color)}.vp-checkbox__control:not([data-checked])[data-invalid]{--checkbox-control-border-color:var(--checkbox-container-unchecked-border-color-error)}.vp-checkbox__control svg{color:var(--checkbox-tick-color);height:var(--checkbox-tick-height);width:var(--checkbox-tick-width);flex:none}.vp-checkbox__control:before{background-color:var(--checkbox-halo-background-color);border-radius:var(--checkbox-halo-border-radius);content:"";height:var(--checkbox-halo-height);transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--checkbox-halo-width);z-index:var(--checkbox-zi-halo);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.vp-checkbox__control:before{transition-duration:0s}}.vp-checkbox:has([data-focus]) .vp-checkbox__control{box-shadow:var(--vp-semantic-box-shadow-focus);outline:none}.vp-checkbox[data-disabled]{cursor:default;opacity:var(--checkbox-disabled-opacity)}.vp-checkbox__label{color:var(--checkbox-label-color);font-family:var(--checkbox-label-font-family);font-optical-sizing:var(--checkbox-label-font-optical-sizing);font-size:var(--checkbox-label-font-size);font-weight:var(--checkbox-label-font-weight);letter-spacing:var(--checkbox-label-letter-spacing);line-height:var(--checkbox-label-line-height);-webkit-text-decoration:var(--checkbox-label-text-decoration);-webkit-text-decoration:var(--checkbox-label-text-decoration);text-decoration:var(--checkbox-label-text-decoration);text-transform:var(--checkbox-label-text-case);-webkit-font-smoothing:var(--checkbox-label-webkit-font-smoothing);display:inline-flex}}