@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:color-mix(in srgb,var(--vp-semantic-color-container-brand)80%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-brand)60%,var(--vp-semantic-color-container-catchy))}.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:color-mix(in srgb,var(--vp-semantic-color-container-neutral)90%,var(--vp-semantic-color-container-brand));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral)80%,var(--vp-semantic-color-container-brand))}.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:color-mix(in srgb,var(--vp-semantic-color-container-neutral)90%,var(--vp-semantic-color-container-brand));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral)80%,var(--vp-semantic-color-container-brand))}.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:color-mix(in srgb,var(--vp-semantic-color-container-quiet)90%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral)80%,var(--vp-semantic-color-container-catchy))}.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:color-mix(in srgb,var(--vp-semantic-color-status-negative)80%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-status-negative)60%,var(--vp-semantic-color-container-catchy))}.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:color-mix(in srgb,var(--vp-semantic-color-container-neutral)80%,var(--vp-semantic-color-status-negative));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-neutral)70%,var(--vp-semantic-color-status-negative))}.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-alpha-quiet-s);--icon-button-background-color-active:var(--vp-semantic-color-alpha-quiet-m)}.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)}}
/*# sourceMappingURL=58530ed25f1fb999.css.map*/