.VibeBrandButton{display:inline-flex;max-width:100%;vertical-align:middle}.VibeBrandButton--fullWidth,.VibeBrandButton--fullWidth .Polaris-Button{width:100%}.VibeBrandButton .Polaris-Button{--pc-button-gap: 8px;--pc-button-padding-block: 8px;--pc-button-padding-inline: 12px;min-width:0;min-height:36px;border:1px solid transparent;border-radius:32px;box-shadow:none;font-family:Tomato Grotesk,Inter,sans-serif;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.VibeBrandButton .Polaris-Button>.Polaris-Text--root{font-family:inherit;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0}.VibeBrandButton--primary .Polaris-Button{--pc-button-bg: var(--vibe-button-ink);--pc-button-bg_hover: var(--vibe-button-ink);--pc-button-bg_active: var(--vibe-brand-fg);--pc-button-bg_disabled: var(--vibe-button-line);--pc-button-color: #ffffff;--pc-button-color_hover: #ffffff;--pc-button-color_active: #ffffff;--pc-button-color_disabled: #ffffff;--pc-button-icon-fill: currentColor;--pc-button-icon-fill_hover: currentColor;--pc-button-icon-fill_active: currentColor;--pc-button-icon-fill_disabled: currentColor;border-color:var(--vibe-button-ink)}.VibeBrandButton--primary.VibeBrandButton--on-dark .Polaris-Button{--pc-button-bg: #ffffff;--pc-button-bg_hover: #ffffff;--pc-button-bg_active: var(--vibe-brand-fg);--pc-button-bg_disabled: #ffffff;--pc-button-color: var(--vibe-button-ink);--pc-button-color_hover: var(--vibe-button-ink);--pc-button-color_active: #ffffff;--pc-button-color_disabled: var(--vibe-button-line);border-color:#fff}.VibeBrandButton--secondary .Polaris-Button{--pc-button-bg: transparent;--pc-button-bg_hover: transparent;--pc-button-bg_active: transparent;--pc-button-bg_disabled: transparent;--pc-button-color: var(--vibe-button-ink);--pc-button-color_hover: var(--vibe-button-ink);--pc-button-color_active: #ffffff;--pc-button-color_disabled: var(--vibe-button-line);--pc-button-icon-fill: currentColor;--pc-button-icon-fill_hover: currentColor;--pc-button-icon-fill_active: currentColor;--pc-button-icon-fill_disabled: currentColor;border-color:var(--vibe-button-ink);background-image:linear-gradient(var(--vibe-button-ink),var(--vibe-button-ink));background-position:left center;background-repeat:no-repeat;background-size:0 100%;transition:background-size .12s ease-out,border-color .12s ease,color .12s ease}.VibeBrandButton--secondary .Polaris-Button:active{background-size:100% 100%}.VibeBrandButton--primary:not(.VibeBrandButton--nativeTone) .Polaris-Button:active{border-color:var(--vibe-brand-fg)}.VibeBrandButton--tertiary .Polaris-Button,.VibeBrandButton--plain .Polaris-Button,.VibeBrandButton--monochromePlain .Polaris-Button{--pc-button-padding-block: 0;--pc-button-padding-inline: 0;--pc-button-bg: transparent;--pc-button-bg_hover: transparent;--pc-button-bg_active: transparent;--pc-button-bg_disabled: transparent;--pc-button-color: var(--vibe-button-ink);--pc-button-color_hover: var(--vibe-brand-fg);--pc-button-color_active: var(--vibe-brand-fg);--pc-button-color_disabled: var(--vibe-button-line);min-height:19px;margin:0;border:0;border-bottom:1px solid currentColor;border-radius:0}.VibeBrandButton--tertiary:not(.is-disabled) .Polaris-Button:before,.VibeBrandButton--plain:not(.is-disabled) .Polaris-Button:before,.VibeBrandButton--monochromePlain:not(.is-disabled) .Polaris-Button:before{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--vibe-brand-fg);transform:scaleX(0);transform-origin:left center;transition:transform .12s ease-out}.VibeBrandButton--tertiary:not(.is-disabled) .Polaris-Button:is(:hover,:active):before,.VibeBrandButton--plain:not(.is-disabled) .Polaris-Button:is(:hover,:active):before,.VibeBrandButton--monochromePlain:not(.is-disabled) .Polaris-Button:is(:hover,:active):before{transform:scaleX(1)}.VibeBrandButton--tertiary .Polaris-Button>.Polaris-Text--root,.VibeBrandButton--add .Polaris-Button>.Polaris-Text--root{font-weight:500}.VibeBrandButton--add .Polaris-Button{--pc-button-gap: 8px;--pc-button-padding-block: 2px;--pc-button-padding-inline: 8px;--pc-button-bg: #ffffff;--pc-button-bg_hover: #ffffff;--pc-button-bg_active: var(--vibe-button-ink);--pc-button-bg_disabled: #ffffff;--pc-button-color: #767c85;--pc-button-color_hover: #767c85;--pc-button-color_active: #ffffff;--pc-button-color_disabled: var(--vibe-button-line);min-height:24px;border-color:var(--vibe-button-line-subtle)}.VibeBrandButton.is-disabled .Polaris-Button{border-color:var(--vibe-button-line);cursor:not-allowed}.VibeBrandButton--primary.VibeBrandButton--on-dark.is-disabled .Polaris-Button{border-color:#fff}.VibeBrandButton .Polaris-Button:focus-visible{outline:2px solid var(--p-color-border-focus);outline-offset:2px}.VibeBrandButton .Polaris-Spinner svg{animation-duration:.8s}.VibeBrandButton--nativeTone:not(.VibeBrandButton--primary) .Polaris-Button--toneCritical{--pc-button-bg: var(--p-color-bg-fill);--pc-button-bg_hover: var(--p-color-bg-fill-hover);--pc-button-bg_active: var(--p-color-bg-fill-active);--pc-button-color: var(--p-color-text-critical);--pc-button-color_hover: var(--p-color-text-critical-hover);--pc-button-color_active: var(--p-color-text-critical-active);border-color:var(--p-color-border-critical-secondary);background-image:none}.VibeBrandButton--nativeTone:not(.VibeBrandButton--primary) .Polaris-Button--toneSuccess{--pc-button-bg: var(--p-color-bg-fill);--pc-button-bg_hover: var(--p-color-bg-fill-hover);--pc-button-bg_active: var(--p-color-bg-fill-active);--pc-button-color: var(--p-color-text-success);--pc-button-color_hover: var(--p-color-text-success-hover);--pc-button-color_active: var(--p-color-text-success-active);border-color:var(--p-color-border-success);background-image:none}.VibeBrandButton--nativeTone.VibeBrandButton--primary .Polaris-Button--toneCritical{--pc-button-bg: var(--p-color-bg-fill-critical);--pc-button-bg_hover: var(--p-color-bg-fill-critical-hover);--pc-button-bg_active: var(--p-color-bg-fill-critical-active);--pc-button-color: var(--p-color-text-critical-on-bg-fill);--pc-button-color_hover: var(--p-color-text-critical-on-bg-fill);--pc-button-color_active: var(--p-color-text-critical-on-bg-fill);border-color:var(--p-color-bg-fill-critical)}.VibeBrandButton--nativeTone.VibeBrandButton--primary .Polaris-Button--toneSuccess{--pc-button-bg: var(--p-color-bg-fill-success);--pc-button-bg_hover: var(--p-color-bg-fill-success-hover);--pc-button-bg_active: var(--p-color-bg-fill-success-active);--pc-button-color: var(--p-color-text-success-on-bg-fill);--pc-button-color_hover: var(--p-color-text-success-on-bg-fill);--pc-button-color_active: var(--p-color-text-success-on-bg-fill);border-color:var(--p-color-bg-fill-success)}@media(max-width:47.99rem){.VibeBrandButton--mobileBlock,.VibeBrandButton--mobileBlock .Polaris-Button{width:100%}}@media(hover:hover)and (pointer:fine){.VibeBrandButton--primary:not(.is-disabled):not(.VibeBrandButton--nativeTone) .Polaris-Button:hover{--pc-button-bg_hover: var(--vibe-brand-fg);border-color:var(--vibe-brand-fg)}.VibeBrandButton--secondary:not(.is-disabled):not(.VibeBrandButton--nativeTone) .Polaris-Button:hover,.VibeBrandButton--add:not(.is-disabled):not(.VibeBrandButton--nativeTone) .Polaris-Button:hover{--pc-button-color_hover: #ffffff;border-color:var(--vibe-button-ink)}.VibeBrandButton--secondary:not(.is-disabled):not(.VibeBrandButton--nativeTone) .Polaris-Button:hover{background-size:100% 100%}.VibeBrandButton--add:not(.is-disabled):not(.VibeBrandButton--nativeTone) .Polaris-Button:hover{--pc-button-bg_hover: var(--vibe-button-ink)}}@media(prefers-reduced-motion:reduce){.VibeBrandButton .Polaris-Button{transition-duration:.01ms}.VibeBrandButton .Polaris-Spinner svg{animation-duration:1.6s}}.VibeUsageBar{width:100%;height:4px;background:#d9d9d9;border-radius:4px;overflow:hidden}.VibeUsageBar-fill{height:100%;background:var(--vibe-brand-fg);border-radius:4px}.VibeUsageBar-fill--critical{background:#c70a24}.VibeTag{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 8px;border-radius:9999px;background:var(--vibe-brand-fg);color:#fff;font-size:12px;font-weight:650;line-height:16px;letter-spacing:0;white-space:nowrap;vertical-align:middle}.VibeSwitch{position:relative;width:32px;height:16px;border-radius:9999px;background:var(--p-color-bg-fill-tertiary);border:none;cursor:pointer;padding:0;transition:background-color .15s ease;flex:0 0 auto}.VibeSwitch.is-checked{background:var(--p-color-bg-fill-inverse)}.VibeSwitch:disabled,.VibeSwitch.is-disabled{cursor:not-allowed;opacity:.45}.VibeSwitch-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.VibeSwitch.is-checked .VibeSwitch-thumb{transform:translate(16px)}.VibeSwitch:focus-visible{outline:2px solid var(--p-color-border-focus);outline-offset:2px}.VibeSwitch-wrap{display:inline-flex;align-items:center;gap:8px}.VibeSwitch-label{font-size:14px;line-height:20px;color:var(--p-color-text)}
