.vp-button{--button-text-case:var(--vp-semantic-typography-screen-s-button-label-m-text-case);--button-text-decoration:var(--vp-semantic-typography-screen-s-button-label-m-text-decoration);--button-letter-spacing:var(--vp-semantic-typography-screen-s-button-label-m-letter-spacing);--button-font-size:var(--vp-semantic-typography-screen-s-button-label-m-font-size);--button-line-height:var(--vp-semantic-typography-screen-s-button-label-m-line-height);--button-font-weight:var(--vp-semantic-typography-screen-s-button-label-m-font-weight);--button-font-family:var(--vp-semantic-typography-screen-s-button-label-m-font-family);--button-font-optical-sizing:var(--vp-semantic-typography-screen-s-button-label-m-optical-sizing);--button-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-button-label-m-webkit-font-smoothing)}.vp-button--small{--button-text-case:var(--vp-semantic-typography-screen-s-button-label-s-text-case);--button-text-decoration:var(--vp-semantic-typography-screen-s-button-label-s-text-decoration);--button-letter-spacing:var(--vp-semantic-typography-screen-s-button-label-s-letter-spacing);--button-font-size:var(--vp-semantic-typography-screen-s-button-label-s-font-size);--button-line-height:var(--vp-semantic-typography-screen-s-button-label-s-line-height);--button-font-weight:var(--vp-semantic-typography-screen-s-button-label-s-font-weight);--button-font-family:var(--vp-semantic-typography-screen-s-button-label-s-font-family);--button-font-optical-sizing:var(--vp-semantic-typography-screen-s-button-label-s-optical-sizing);--button-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-button-label-s-webkit-font-smoothing)}.vp-button--large{--button-text-case:var(--vp-semantic-typography-screen-s-button-label-m-text-case);--button-text-decoration:var(--vp-semantic-typography-screen-s-button-label-m-text-decoration);--button-letter-spacing:var(--vp-semantic-typography-screen-s-button-label-m-letter-spacing);--button-font-size:var(--vp-semantic-typography-screen-s-button-label-m-font-size);--button-line-height:var(--vp-semantic-typography-screen-s-button-label-m-line-height);--button-font-weight:var(--vp-semantic-typography-screen-s-button-label-m-font-weight);--button-font-family:var(--vp-semantic-typography-screen-s-button-label-m-font-family);--button-font-optical-sizing:var(--vp-semantic-typography-screen-s-button-label-m-optical-sizing);--button-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-button-label-m-webkit-font-smoothing)}.vp-button{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-on-brand-neutral);--button-background-color:var(--vp-semantic-color-container-brand);--button-background-color-hover:var(--vp-semantic-color-hover-container-brand);--button-background-color-active:var(--vp-semantic-color-active-container-brand)}.vp-button--inverse{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-brand);--button-background-color:var(--vp-semantic-color-container-neutral);--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button--secondary{--button-border-color:var(--vp-semantic-color-border-neutral);--button-color:var(--vp-semantic-color-content-neutral);--button-background-color:var(--vp-semantic-color-container-neutral);--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button--secondary.vp-button--inverse{--button-border-color:var(--vp-semantic-color-border-on-brand);--button-color:var(--vp-semantic-color-content-on-brand-neutral);--button-background-color:var(--vp-semantic-color-container-on-brand);--button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.vp-button--tertiary{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-brand);--button-background-color:transparent;--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button--tertiary.vp-button--inverse{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-on-brand-neutral);--button-background-color:var(--vp-semantic-color-container-on-brand);--button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.vp-button--negative{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-inverse);--button-background-color:var(--vp-semantic-color-status-negative);--button-background-color-hover:var(--vp-semantic-color-hover-container-negative);--button-background-color-active:var(--vp-semantic-color-active-container-negative)}.vp-button--negative.vp-button--inverse{--button-border-color:transparent;--button-color:var(--vp-semantic-color-status-negative);--button-background-color:var(--vp-semantic-color-container-neutral);--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button{--button-disabled-opacity:var(--vp-semantic-opacity-s);--button-border-width:var(--vp-semantic-border-width-s);--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)}.vp-button--squared{--button-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)}.vp-button{--button-spacing-gap:var(--vp-semantic-spacing-xs);--button-padding:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-l)}.vp-button--small{--button-spacing-gap:var(--vp-semantic-spacing-2xs);--button-padding:var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-m) var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-m)}.vp-button--large{--button-spacing-gap:var(--vp-semantic-spacing-xs);--button-padding:var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-2xl) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-2xl)}.vp-button{--button-start-icon-width:var(--vp-semantic-sizing-l);--button-start-icon-height:var(--vp-semantic-sizing-l);--button-end-icon-width:var(--vp-semantic-sizing-l);--button-end-icon-height:var(--vp-semantic-sizing-l)}.vp-button--small{--button-start-icon-width:var(--vp-semantic-sizing-m);--button-start-icon-height:var(--vp-semantic-sizing-m);--button-end-icon-width:var(--vp-semantic-sizing-m);--button-end-icon-height:var(--vp-semantic-sizing-m)}.vp-button--large{--button-start-icon-width:var(--vp-semantic-sizing-xl);--button-start-icon-height:var(--vp-semantic-sizing-xl);--button-end-icon-width:var(--vp-semantic-sizing-xl);--button-end-icon-height:var(--vp-semantic-sizing-xl)}.vp-button{background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--button-color);font-family:var(--button-font-family);font-optical-sizing:var(--button-font-optical-sizing);font-weight:var(--button-font-weight);align-self:center;align-items:center;gap:var(--button-spacing-gap);letter-spacing:var(--button-letter-spacing);line-height:var(--button-line-height);padding:var(--button-padding);-webkit-text-decoration:var(--button-text-decoration);-webkit-text-decoration:var(--button-text-decoration);text-decoration:var(--button-text-decoration);text-transform:var(--button-text-case);transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);-webkit-font-smoothing:var(--button-webkit-font-smoothing);font-size:var(--button-font-size);flex-direction:row;justify-content:center;display:inline-flex;position:relative}@media (prefers-reduced-motion:reduce){.vp-button{transition-duration:0s}}.vp-button{appearance:none;cursor:pointer}.vp-button:before{content:"";height:var(--vp-semantic-sizing-accessibility-touch-size);width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-button:active:not(:disabled),.vp-button:active:not([data-disabled]){--button-background-color:var(--button-background-color-active)}.vp-button:focus-visible:not(:disabled){box-shadow:var(--vp-semantic-box-shadow-focus);outline:none}.vp-button:disabled,.vp-button[data-disabled]{cursor:default;opacity:var(--button-disabled-opacity)}@media (hover:hover){.vp-button:hover:not(:disabled),.vp-button:hover:not([data-disabled]){--button-background-color:var(--button-background-color-hover)}}.vp-button[data-loading]{color:#0000}.vp-button[data-loading]>:not([data-part=loading-slot]){visibility:hidden}.vp-button [data-part=loading-slot]{color:var(--button-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-button [data-part=loading-slot],.vp-button [data-part=start-slot]{justify-content:center;align-items:center;display:flex}.vp-button [data-part=start-slot] svg{height:var(--button-start-icon-height);width:var(--button-start-icon-width);flex:none}.vp-button [data-part=end-slot]{justify-content:center;align-items:center;display:flex}.vp-button [data-part=end-slot] svg{height:var(--button-end-icon-height);width:var(--button-end-icon-width);flex:none}.vp-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-button-skeleton{--skeleton-border-offset:calc(var(--vp-semantic-border-width-s)*2);--skeleton-height:calc(var(--vp-semantic-typography-screen-s-button-label-m-font-size)*var(--vp-semantic-typography-screen-s-button-label-m-line-height) + var(--vp-semantic-spacing-s) + var(--vp-semantic-spacing-s) + var(--skeleton-border-offset))}.vp-skeleton.vp-button-skeleton--small{--skeleton-height:calc(var(--vp-semantic-typography-screen-s-button-label-s-font-size)*var(--vp-semantic-typography-screen-s-button-label-s-line-height) + var(--vp-semantic-spacing-xs) + var(--vp-semantic-spacing-xs) + var(--skeleton-border-offset))}.vp-skeleton.vp-button-skeleton--large{--skeleton-height:calc(var(--vp-semantic-typography-screen-s-button-label-m-font-size)*var(--vp-semantic-typography-screen-s-button-label-m-line-height) + var(--vp-semantic-spacing-l) + var(--vp-semantic-spacing-l) + var(--skeleton-border-offset))}.vp-loader{--loader-border-radius:var(--vp-semantic-border-radius-full);--loader-height:var(--vp-semantic-sizing-xl);--loader-width:var(--vp-semantic-sizing-xl)}.vp-loader--small{--loader-height:var(--vp-semantic-sizing-m);--loader-width:var(--vp-semantic-sizing-m)}.vp-loader--large{--loader-height:var(--vp-semantic-sizing-2xl);--loader-width:var(--vp-semantic-sizing-2xl)}.vp-loader--extra-large{--loader-height:var(--vp-semantic-sizing-4xl);--loader-width:var(--vp-semantic-sizing-4xl)}.vp-loader{--loader-conic-gradient-start:var(--vp-semantic-color-content-brand);--loader-conic-gradient-end:transparent}.vp-loader--inverse{--loader-conic-gradient-start:var(--vp-semantic-color-content-on-brand-neutral);--loader-conic-gradient-end:transparent}.vp-loader{--loader-timing-function:var(--vp-semantic-motion-easing-expressive-ease-in-out);--loader-duration:var(--vp-semantic-motion-duration-slow);height:var(--loader-height);width:var(--loader-width);display:inline-block;transform:skew(-20deg,-10deg)rotate(-40deg)}.vp-loader:before{animation:infinite vp-loader;animation-duration:var(--loader-duration);animation-timing-function:var(--loader-timing-function);border-radius:var(--loader-border-radius);content:"";width:100%;height:100%;display:block;position:absolute}@media (prefers-reduced-motion:reduce){.vp-loader:before{animation:none}}.vp-loader:before{background:conic-gradient(var(--loader-conic-gradient-start),var(--loader-conic-gradient-end) 85%);-webkit-mask:radial-gradient(farthest-side,#0000 80%,#000 0);mask:radial-gradient(farthest-side,#0000 80%,#000 0)}.vp-loader-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}@keyframes vp-loader{to{rotate:-1turn}}.vp-skeleton{--skeleton-height:var(--vp-semantic-sizing-xs);--skeleton-width:100%;--skeleton-background-color-start:var(--vp-semantic-color-alpha-quiet-s);--skeleton-background-color-end:var(--vp-semantic-color-alpha-quiet-l);border-radius:var(--vp-semantic-border-radius-full);height:var(--skeleton-height);width:var(--skeleton-width)}.vp-skeleton--graphic{--skeleton-height:initial;--skeleton-width:initial;min-height:var(--vp-semantic-sizing-xs);min-width:var(--vp-semantic-sizing-xs)}.vp-skeleton--on-brand{--skeleton-background-color-start:var(--vp-semantic-color-alpha-on-brand-quiet-s);--skeleton-background-color-end:var(--vp-semantic-color-alpha-on-brand-quiet-l)}.vp-skeleton--rounded{border-radius:var(--vp-semantic-border-radius-s)}.vp-skeleton--squared{border-radius:var(--vp-semantic-border-radius-main)}.vp-skeleton{animation:skeleton-pulse var(--vp-semantic-motion-duration-slow) var(--vp-semantic-motion-easing-functional-ease-in-out) var(--vp-semantic-motion-delay-instant) infinite alternate-reverse;background-color:var(--skeleton-background-color-end)}.vp-skeleton--none{animation:none}@media (prefers-reduced-motion:reduce){.vp-skeleton{animation:none}}@keyframes skeleton-pulse{0%{background-color:var(--skeleton-background-color-start)}to{background-color:var(--skeleton-background-color-end)}}.vp-star-rating{align-items:center;gap:var(--vp-semantic-spacing-4xs);display:flex}.vp-star-rating__star{color:var(--vp-semantic-color-content-neutral);height:var(--vp-semantic-sizing-m);width:var(--vp-semantic-sizing-m)}.vp-skeleton.vp-star-rating-skeleton{--skeleton-height:var(--vp-semantic-sizing-m);--skeleton-width:var(--vp-semantic-sizing-7xl)}.vp-toggle{--toggle-rtl-direction:1}[dir=rtl] .vp-toggle{--toggle-rtl-direction:-1}.vp-toggle{--toggle-transition:var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-expressive-ease-in-out);--toggle-disabled-opacity:var(--vp-semantic-opacity-s);--touch-height:var(--vp-semantic-sizing-accessibility-touch-size);--track-background:var(--vp-semantic-color-container-quiet);--track-border-radius:var(--vp-semantic-border-radius-full);--toggle-border-width:var(--vp-semantic-border-width-s);--track-border:var(--toggle-border-width) solid var(--vp-semantic-color-border-neutral);--track-width:var(--vp-semantic-sizing-5xl);--track-height:var(--vp-semantic-sizing-2xl);--container-spacing-block-start:var(--vp-semantic-spacing-xs);--container-spacing-block-end:var(--vp-semantic-spacing-xs);--container-spacing-inline-start:var(--vp-semantic-spacing-xs);--container-spacing-inline-end:var(--vp-semantic-spacing-xs);--checked-icon:url("data:image/svg+xml;utf8,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.48861 9.66681L8.2225 14.4007L16.5367 6.08646' stroke='black' stroke-width='2'/></svg>");--checked-ball-mask:var(--checked-icon) no-repeat 50% 50%,linear-gradient(#fff,#fff);--checked-icon-width:var(--vp-semantic-sizing-xl);--checked-icon-height:var(--vp-semantic-sizing-xl);--checked-icon-size:var(--checked-icon-width) var(--checked-icon-height);--handle-background:var(--vp-semantic-color-content-quiet);--handle-width:var(--vp-semantic-sizing-m);--handle-height:var(--vp-semantic-sizing-m);--halo-width:var(--vp-semantic-sizing-3xl);--halo-height:var(--vp-semantic-sizing-3xl);--halo-color:transparent;--halo-color-checked-active:var(--vp-semantic-color-active-container-alpha-brand);--halo-color-checked-hover:var(--vp-semantic-color-hover-container-alpha-brand);--halo-color-unchecked-active:var(--vp-semantic-color-active-container-alpha-neutral);--halo-color-unchecked-hover:var(--vp-semantic-color-hover-container-alpha-neutral);--halo-offset:calc(var(--halo-width)/2 - var(--handle-width)/2 - var(--container-spacing-inline-start))}.vp-toggle[data-checked]{--track-background:var(--vp-semantic-color-container-brand);--handle-background:var(--vp-semantic-color-content-on-brand-neutral);--toggle-border-width:var(--vp-semantic-border-width-none);--track-border:var(--toggle-border-width) solid transparent;--handle-width:var(--vp-semantic-sizing-xl);--handle-height:var(--vp-semantic-sizing-xl);--container-spacing-block-start:var(--vp-semantic-spacing-2xs);--container-spacing-block-end:var(--vp-semantic-spacing-2xs);--container-spacing-inline-start:var(--vp-semantic-spacing-2xs);--container-spacing-inline-end:var(--vp-semantic-spacing-2xs)}.vp-toggle--small{--track-width:var(--vp-semantic-sizing-3xl);--track-height:var(--vp-semantic-sizing-xl);--checked-icon-width:var(--vp-semantic-sizing-m);--checked-icon-height:var(--vp-semantic-sizing-m);--handle-width:var(--vp-semantic-sizing-m);--handle-height:var(--vp-semantic-sizing-m);--container-spacing-block-start:var(--vp-semantic-spacing-2xs);--container-spacing-block-end:var(--vp-semantic-spacing-2xs);--container-spacing-inline-start:var(--vp-semantic-spacing-2xs);--container-spacing-inline-end:var(--vp-semantic-spacing-2xs);--halo-width:var(--vp-semantic-sizing-2xl);--halo-height:var(--vp-semantic-sizing-2xl)}.vp-toggle--small[data-checked]{--handle-width:var(--vp-semantic-sizing-m);--handle-height:var(--vp-semantic-sizing-m);--container-spacing-block-start:var(--vp-semantic-spacing-2xs);--container-spacing-block-end:var(--vp-semantic-spacing-2xs);--container-spacing-inline-start:var(--vp-semantic-spacing-2xs);--container-spacing-inline-end:var(--vp-semantic-spacing-2xs)}.vp-toggle{appearance:none;background-color:var(--track-background);border:var(--track-border);border-radius:var(--track-border-radius);box-sizing:border-box;cursor:pointer;height:var(--track-height);transition:background-color var(--toggle-transition);width:var(--track-width);flex-grow:0;flex-shrink:0;margin:0;padding:0;position:relative}.vp-toggle:before{background-image:radial-gradient(circle at center,var(--halo-color) 0,var(--halo-color) 70%,transparent 70%,transparent 100%);content:"";height:max(var(--touch-height),var(--halo-height));transition:inset-inline-start var(--toggle-transition);width:var(--halo-width);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--container-spacing-inline-start) + var(--handle-width)/2 - var(--halo-width)/2);transform:translateY(-50%)}.vp-toggle:after{background-color:var(--handle-background);content:"";height:var(--handle-height);margin-block:var(--container-spacing-block-start) var(--container-spacing-block-end);margin-inline:var(--container-spacing-inline-start) var(--container-spacing-inline-end);inset:0;top:calc(var(--toggle-border-width)*-1);transition:transform var(--toggle-transition),width var(--toggle-transition),height var(--toggle-transition),margin var(--toggle-transition);width:var(--handle-width);z-index:1;border-radius:100%;position:absolute}.vp-toggle[data-checked]:before{inset-inline-start:calc(100% - var(--container-spacing-inline-end) - var(--handle-width)/2 - var(--halo-width)/2)}.vp-toggle[data-checked]:after{-webkit-mask-composite:destination-out;-webkit-mask-size:var(--checked-icon-size);-webkit-mask:var(--checked-ball-mask);-webkit-mask:var(--checked-ball-mask);mask:var(--checked-ball-mask);-webkit-mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-size:var(--checked-icon-size);mask-size:var(--checked-icon-size);transform:translateX(calc((var(--track-width) - var(--handle-width) - var(--container-spacing-inline-start) - var(--container-spacing-inline-end))*var(--toggle-rtl-direction)))}.vp-toggle[data-hover]{--halo-color:var(--halo-color-unchecked-hover)}.vp-toggle[data-hover][data-checked]{--halo-color:var(--halo-color-checked-hover)}.vp-toggle[data-active]{--halo-color:var(--halo-color-unchecked-active)}.vp-toggle[data-active][data-checked]{--halo-color:var(--halo-color-checked-active)}.vp-toggle[data-disabled]{cursor:default;opacity:var(--toggle-disabled-opacity)}
