@layer theme,base,components,vitamin-play,utilities;@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{align-items:center;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);display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--icon-button-height);justify-content:center;padding:0;position:relative;transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--icon-button-width)}@media(prefers-reduced-motion:reduce){.vp-icon-button{transition-duration:0s}}.vp-icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.vp-icon-button svg{flex:0 0 auto;height:var(--icon-button-icon-height);width:var(--icon-button-icon-width)}.vp-icon-button:before{content:"";height:max(var(--vp-semantic-sizing-accessibility-touch-size),100%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(var(--vp-semantic-sizing-accessibility-touch-size),100%)}.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:transparent}.vp-icon-button[data-loading]>:not([data-part=loading-slot]){visibility:hidden}.vp-icon-button [data-part=loading-slot]{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vp-icon-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}.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 theme,base,components,vitamin-play,utilities;@layer vitamin-play{.vp-link{--link-vertical-alignment:baseline;--link-text-case:var(--vp-semantic-typography-screen-s-body-m-text-case);--link-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--link-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--link-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--link-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--link-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--link-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--link-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing)}.vp-link--small{--link-text-case:var(--vp-semantic-typography-screen-s-body-s-text-case);--link-text-decoration:var(--vp-semantic-typography-screen-s-body-s-text-decoration);--link-letter-spacing:var(--vp-semantic-typography-screen-s-body-s-letter-spacing);--link-font-size:var(--vp-semantic-typography-screen-s-body-s-font-size);--link-line-height:var(--vp-semantic-typography-screen-s-body-s-line-height);--link-font-weight:var(--vp-semantic-typography-screen-s-body-s-font-weight);--link-font-family:var(--vp-semantic-typography-screen-s-body-s-font-family);--link-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-s-webkit-font-smoothing)}.vp-link--large{--link-text-case:var(--vp-semantic-typography-screen-s-body-l-text-case);--link-text-decoration:var(--vp-semantic-typography-screen-s-body-l-text-decoration);--link-letter-spacing:var(--vp-semantic-typography-screen-s-body-l-letter-spacing);--link-font-size:var(--vp-semantic-typography-screen-s-body-l-font-size);--link-line-height:var(--vp-semantic-typography-screen-s-body-l-line-height);--link-font-weight:var(--vp-semantic-typography-screen-s-body-l-font-weight);--link-font-family:var(--vp-semantic-typography-screen-s-body-l-font-family);--link-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-l-webkit-font-smoothing)}.vp-link--caption{--link-vertical-alignment:initial;font-variation-settings:var(--link-font-variation-settings);text-underline-offset:var(--link-underlining-offset);--link-text-case:var(--vp-semantic-typography-screen-s-link-caption-text-case);--link-text-decoration:var(--vp-semantic-typography-screen-s-body-s-text-decoration);--link-letter-spacing:var(--vp-semantic-typography-screen-s-link-caption-letter-spacing);--link-font-size:var(--vp-semantic-typography-screen-s-link-caption-font-size);--link-line-height:var(--vp-semantic-typography-screen-s-link-caption-line-height);--link-font-weight:var(--vp-semantic-typography-screen-s-link-caption-font-weight);--link-font-family:var(--vp-semantic-typography-screen-s-link-caption-font-family);--link-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-link-caption-webkit-font-smoothing);--link-font-variation-settings:"opsz" var(--vp-semantic-typography-screen-s-link-caption-optical-sizing);--link-underlining-offset:var(--vp-semantic-typography-screen-s-link-caption-underlining-offset)}@media screen and (min-width:600px){.vp-link--caption{--link-text-transform:var(--vp-semantic-typography-screen-m-link-caption-text-case);--link-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--link-letter-spacing:var(--vp-semantic-typography-screen-m-link-caption-letter-spacing);--link-font-size:var(--vp-semantic-typography-screen-m-link-caption-font-size);--link-line-height:var(--vp-semantic-typography-screen-m-link-caption-line-height);--link-font-weight:var(--vp-semantic-typography-screen-m-link-caption-font-weight);--link-font-family:var(--vp-semantic-typography-screen-m-link-caption-font-family);--link-font-variation-settings:"opsz" var(--vp-semantic-typography-screen-m-link-caption-optical-sizing);--link-underlining-offset:var(--vp-semantic-typography-screen-m-link-caption-underlining-offset);--link-webkit-font-smoothing:var(--vp-semantic-typography-screen-m-link-caption-webkit-font-smoothing)}}@media screen and (min-width:1200px){.vp-link--caption{--link-text-transform:var(--vp-semantic-typography-screen-l-link-caption-text-case);--link-text-decoration:var(--vp-semantic-typography-screen-s-body-l-text-decoration);--link-letter-spacing:var(--vp-semantic-typography-screen-l-link-caption-letter-spacing);--link-font-size:var(--vp-semantic-typography-screen-l-link-caption-font-size);--link-line-height:var(--vp-semantic-typography-screen-l-link-caption-line-height);--link-font-weight:var(--vp-semantic-typography-screen-l-link-caption-font-weight);--link-font-family:var(--vp-semantic-typography-screen-l-link-caption-font-family);--link-font-variation-settings:"opsz" var(--vp-semantic-typography-screen-l-link-caption-optical-sizing);--link-underlining-offset:var(--vp-semantic-typography-screen-l-link-caption-underlining-offset);--link-webkit-font-smoothing:var(--vp-semantic-typography-screen-l-link-caption-webkit-font-smoothing)}}.vp-link{--link-color:var(--vp-semantic-color-content-brand);--link-color-active:var(--vp-semantic-color-active-content-brand);--link-color-hover:var(--vp-semantic-color-hover-content-brand);--link-color-underlining:transparent;--link-color-underlining-active:var(--vp-semantic-color-active-content-brand);--link-color-underlining-hover:var(--vp-semantic-color-hover-content-brand)}.vp-link--on-brand{--link-color:var(--vp-semantic-color-content-on-brand-neutral);--link-color-active:var(--vp-semantic-color-content-on-brand-neutral);--link-color-hover:var(--vp-semantic-color-content-on-brand-neutral);--link-color-underlining:transparent;--link-color-underlining-active:var(--vp-semantic-color-content-on-brand-neutral);--link-color-underlining-hover:var(--vp-semantic-color-content-on-brand-neutral)}.vp-link--secondary{--link-color:var(--vp-semantic-color-content-neutral);--link-color-active:color-mix(in srgb,var(--vp-semantic-color-content-neutral) 80%,#fff);--link-color-hover:color-mix(in srgb,var(--vp-semantic-color-content-neutral) 90%,#fff);--link-color-underlining:transparent;--link-color-underlining-active:color-mix(in srgb,var(--vp-semantic-color-border-catchy) 80%,#fff);--link-color-underlining-hover:color-mix(in srgb,var(--vp-semantic-color-border-catchy) 90%,#fff)}.vp-link--secondary.vp-link--on-brand{--link-color:var(--vp-semantic-color-content-on-brand-neutral);--link-color-active:var(--vp-semantic-color-content-on-brand-neutral);--link-color-hover:var(--vp-semantic-color-content-on-brand-neutral);--link-color-underlining:transparent;--link-color-underlining-active:var(--vp-semantic-color-content-on-brand-neutral);--link-color-underlining-hover:var(--vp-semantic-color-content-on-brand-neutral)}.vp-link--tertiary{--link-color:var(--vp-semantic-color-content-quiet);--link-color-active:var(--vp-semantic-color-active-content-quiet);--link-color-hover:var(--vp-semantic-color-hover-content-quiet);--link-color-underlining:transparent;--link-color-underlining-active:color-mix(in srgb,var(--vp-semantic-color-content-quiet) 20%,var(--vp-semantic-color-container-catchy));--link-color-underlining-hover:color-mix(in srgb,var(--vp-semantic-color-content-quiet) 60%,var(--vp-semantic-color-container-catchy))}.vp-link--tertiary.vp-link--on-brand{--link-color:var(--vp-semantic-color-content-on-brand-neutral);--link-color-active:var(--vp-semantic-color-content-on-brand-neutral);--link-color-hover:var(--vp-semantic-color-content-on-brand-neutral);--link-color-underlining:transparent;--link-color-underlining-active:var(--vp-semantic-color-content-on-brand-neutral);--link-color-underlining-hover:var(--vp-semantic-color-content-on-brand-neutral)}.vp-link,.vp-link--large,.vp-link--small{--link-spacing-horizontal-gap:var(--vp-semantic-spacing-2xs);--link-spacing-vertical-gap:var(--vp-semantic-spacing-4xs)}.vp-link{--link-icon-width:var(--vp-semantic-sizing-l);--link-icon-height:var(--vp-semantic-sizing-l)}.vp-link--small{--link-icon-width:var(--vp-semantic-sizing-m);--link-icon-height:var(--vp-semantic-sizing-m)}.vp-link--large{--link-icon-width:var(--vp-semantic-sizing-xl);--link-icon-height:var(--vp-semantic-sizing-xl)}.vp-link--caption{--link-icon-width:var(--vp-semantic-sizing-s);--link-icon-height:var(--vp-semantic-sizing-s)}.vp-link{--link-disabled-opacity:var(--vp-semantic-opacity-s);--link-underline-offset:0px;--link-underline-height:1px;--link-underline-width:100%;--link-underline-transition:transform var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-expressive-ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline;font-family:var(--link-font-family);font-size:var(--link-font-size);font-weight:var(--link-font-weight);letter-spacing:var(--link-letter-spacing);line-height:var(--link-line-height);position:relative;-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);text-transform:var(--link-text-case);vertical-align:var(--link-vertical-alignment);-webkit-font-smoothing:var(--link-webkit-font-smoothing);background-color:transparent;background-image:linear-gradient(to right,var(--link-color-underlining));background-position-x:var(--link-underline-offset);background-position-y:bottom;background-repeat:no-repeat;background-size:0 var(--link-underline-height);border:0;color:var(--link-color);margin:0;overflow:visible;padding:0;padding-bottom:var(--link-spacing-vertical-gap);transition:color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);transition:all var(--vp-semantic-motion-duration-quick) ease}@media(prefers-reduced-motion:reduce){.vp-link{transition-duration:0s}}.vp-link[data-end-slot],.vp-link[data-hover][data-arrow-on-hover],.vp-link[data-start-slot]{--link-underline-width:calc(100% - var(--link-icon-width) - var(--link-spacing-horizontal-gap))}.vp-link[data-start-slot][data-arrow-on-hover][data-hover],.vp-link[data-start-slot][data-end-slot]{--link-underline-width:calc(100% - var(--link-icon-width)*2 - var(--link-spacing-horizontal-gap)*2)}.vp-link[data-start-slot]{--link-underline-offset:calc(var(--link-icon-width) + var(--link-spacing-horizontal-gap))}.vp-link--underlined,.vp-link[data-hover]{--link-color-underlining:var(--link-color-underlining-hover);background-size:var(--link-underline-width) var(--link-underline-height)}.vp-link[data-disabled]{cursor:default;opacity:var(--link-disabled-opacity)}.vp-link[data-active]{--link-color:var(--link-color-active);--link-color-underlining:var(--link-color-underlining-active)}.vp-link[data-hover]{--link-color:var(--link-color-hover);--link-color-underlining:var(--link-color-underlining-hover)}.vp-link[data-focus]{box-shadow:var(--vp-semantic-box-shadow-focus);outline:none}.vp-link [data-part=end-slot],.vp-link [data-part=start-slot],.vp-link svg{display:inline;height:var(--link-icon-height);width:var(--link-icon-width)}.vp-link [data-part=start-slot]{margin-inline-end:var(--link-spacing-horizontal-gap)}.vp-link [data-part=arrow],.vp-link [data-part=end-slot]{margin-inline-start:var(--link-spacing-horizontal-gap)}.vp-link svg{vertical-align:middle}}