/* PearlButton supplied by the user, adapted to existing control sizes.
   Rainbow layers adapted from dexter-st, Neon liquid button.
   MIT, Copyright (c) 2026 dexter-st.
   https://uiverse.io/dexter-st/breezy-zebra-94 — AI-BUTTON-LICENSE.txt.
   See docs/supplied-components.md for source and adaptations. */
.liqui-ai{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:1px solid transparent!important;background:#28282d!important;color:#fff!important;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;text-shadow:0 1px 2px #000;box-shadow:0 5px 12px #0005!important;transition:box-shadow .2s ease,transform .2s ease}
.liqui-ai:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#080808a8;z-index:0;pointer-events:none}
.liqui-ai:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff4d,transparent 50%);z-index:1;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.liqui-ai-art>.liqui-ai-layer{position:absolute;pointer-events:none;left:-160px;width:500%;aspect-ratio:1;background:radial-gradient(ellipse at 65% 180%,#fff,#00f,#fff,#00f,#fff,#00f,#fff,#00f,#fff,#00f,#fff);mix-blend-mode:difference;animation:liqui-ai-rotate 25s linear infinite;z-index:-1}
.liqui-ai-layer:nth-of-type(2){animation-delay:.15s;animation-duration:15.9s}.liqui-ai-layer:nth-of-type(3){animation-delay:.53s;animation-duration:26.4s}.liqui-ai-layer:nth-of-type(4){animation-delay:.45s;animation-duration:17.8s}.liqui-ai-layer:nth-of-type(5){animation-delay:1.6s;animation-duration:19.2s}.liqui-ai-layer:nth-of-type(6){animation-delay:1.6s;animation-duration:29.2s}.liqui-ai-layer:nth-of-type(7){animation-delay:1.6s;animation-duration:20.2s}
.liqui-ai-light{display:none}.liqui-ai-label{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:7px;pointer-events:none;color:#fff!important;text-shadow:0 1px 3px #000;transition:transform .2s ease}
.liqui-ai-label:before{content:none}
.liqui-ai:hover:not(:disabled),.liqui-ai:focus-visible{box-shadow:0 5px 12px #0005!important}
.liqui-ai:hover:not(:disabled):after{opacity:.4}.liqui-ai:hover:not(:disabled) .liqui-ai-label{transform:translateY(-2%)}.liqui-ai:hover:not(:disabled) .liqui-ai-label:before{transform:translateY(-5%)}
.liqui-ai-label svg,.pearl-star{stroke:currentColor;fill:none}.liqui-ai:hover:not(:disabled) .liqui-ai-label svg,.liqui-ai:focus-visible .pearl-star{fill:currentColor}
.liqui-ai:active:not(:disabled){transform:translateY(1px)}.liqui-ai:focus-visible{outline:2px solid #c7c7ff!important;outline-offset:4px}
.liqui-ai:disabled{cursor:default;opacity:.6}.liqui-ai[aria-busy=true]{cursor:wait;opacity:.8}.liqui-ai:disabled .liqui-ai-layer,.liqui-ai[aria-busy=true] .liqui-ai-layer{animation-play-state:paused}
.liqui-ai[aria-busy=true]:before{background:#080808e5}.liqui-ai[aria-busy=true]:after{opacity:.25}.liqui-ai .button-border-beam{z-index:4}
.pearl-button:not(.btn){border-radius:8px;padding:10px 15px;font-size:14px;min-height:40px}.pearl-button .pearl-star{width:16px;height:16px}
@keyframes liqui-ai-rotate{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.liqui-ai,.liqui-ai:before,.liqui-ai:after,.liqui-ai-layer,.liqui-ai-label,.liqui-ai-label:before{animation:none!important;transition:none!important;transform:none!important}}

.liqui-ai-art{position:absolute;inset:1px;border-radius:inherit;overflow:hidden;isolation:isolate;pointer-events:none;z-index:-1;background:#f00}.liqui-ai-art>.liqui-ai-layer{z-index:0}