@property --snake-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes klyp-SnakeBorder-rotate{to{--snake-angle:360deg}}@keyframes klyp-SnakeBorder-burst{0%{--snake-angle:0deg;opacity:1}75%{--snake-angle:270deg;opacity:1}to{--snake-angle:360deg;opacity:0}}@keyframes klyp-SnakeBorder-bounce{0%{transform:scaleY(1)}40%{transform:scaleY(1.04)}to{transform:scaleY(1)}}.klyp-SnakeBorder{position:relative}.klyp-SnakeBorder[data-state=submit]{transform-origin:bottom;animation:.45s cubic-bezier(.34,1.56,.64,1) klyp-SnakeBorder-bounce}.klyp-SnakeBorder__ring{border-radius:inherit;pointer-events:none;transition:filter .3s;position:absolute;inset:0}.klyp-SnakeBorder__ring:before{content:"";border-radius:inherit;border:var(--snake-width,2px) solid transparent;background:conic-gradient(from var(--snake-angle) at var(--snake-cx,50%) var(--snake-cy,50%), transparent 0deg, var(--snake-color,var(--gold-400)) 50deg, transparent 100deg, transparent 360deg) border-box;-webkit-mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity .22s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.klyp-SnakeBorder__ring[data-state=ambient]:before{opacity:1;animation:klyp-SnakeBorder-rotate var(--snake-duration,6s) linear infinite}.klyp-SnakeBorder__ring[data-state=generating]:before{opacity:1;animation:klyp-SnakeBorder-rotate calc(var(--snake-duration,6s) / 2.5) linear infinite}.klyp-SnakeBorder__ring[data-state=submit]:before{opacity:1;animation:1s linear forwards klyp-SnakeBorder-burst}.klyp-SnakeBorder__ring[data-state=submit]{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--snake-color,var(--gold-400)) 65%, transparent)) drop-shadow(0 0 22px color-mix(in srgb, var(--snake-color,var(--gold-400)) 28%, transparent))}