@layer ifx{.ifx-neon-glass{isolation:isolate;border-radius:var(--ifx-neon-glass-radius,var(--ipf-radius,0px));color:var(--ifx-neon-glass-ink,inherit);background:color-mix(in srgb, var(--ifx-neon-glass-surface,var(--ipf-color-surface,Canvas)) var(--ifx-neon-glass-tint,55%), transparent);backdrop-filter:blur(var(--ifx-neon-glass-frost,14px)) saturate(var(--ifx-neon-glass-saturate,1.3));border:var(--ifx-neon-glass-hairline-width,1px) solid var(--ifx-neon-glass-hairline,color-mix(in srgb, currentColor 16%, transparent));box-shadow:inset 0 1px 0 var(--ifx-neon-glass-sheen,color-mix(in srgb, currentColor 14%, transparent));transition:translate var(--ifx-neon-glass-transition,.32s) cubic-bezier(.23, 1, .32, 1), border-color var(--ifx-neon-glass-transition,.32s) ease;display:block;position:relative;overflow:hidden}.ifx-neon-glass__lights{z-index:0;pointer-events:none;opacity:var(--ifx-neon-glass-rest,.35);transition:opacity var(--ifx-neon-glass-transition,.32s) ease, translate .7s cubic-bezier(.23, 1, .32, 1);position:absolute;inset:0}.ifx-neon-glass__source{inline-size:var(--ifx-neon-glass-bloom-size,75%);aspect-ratio:1;opacity:var(--ifx-neon-glass-bloom-strength,.85);animation-duration:var(--ifx-neon-glass-drift,9s);border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused;position:absolute}.ifx-neon-glass__source--a{background:radial-gradient(closest-side, var(--ifx-neon-glass-color-1,var(--ipf-color-accent,currentColor)), color-mix(in srgb, var(--ifx-neon-glass-color-1,var(--ipf-color-accent,currentColor)) 35%, transparent) 45%, transparent);animation-name:ifx-neon-glass-drift-a;inset-block-start:-30%;inset-inline-start:-20%}.ifx-neon-glass__source--b{background:radial-gradient(closest-side, var(--ifx-neon-glass-color-2,var(--ipf-color-accent-strong,currentColor)), color-mix(in srgb, var(--ifx-neon-glass-color-2,var(--ipf-color-accent-strong,currentColor)) 35%, transparent) 45%, transparent);animation-name:ifx-neon-glass-drift-b;inset-block-end:-35%;inset-inline-end:-25%}@keyframes ifx-neon-glass-drift-a{to{translate:22% 18%}}@keyframes ifx-neon-glass-drift-b{to{translate:-20% -16%}}.ifx-neon-glass__edge{z-index:2;padding:var(--ifx-neon-glass-edge,1.5px);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--ifx-neon-glass-transition,.32s) ease;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source;container-type:size}.ifx-neon-glass__sweep{aspect-ratio:1;background:conic-gradient(transparent 0deg, transparent 230deg, var(--ifx-neon-glass-color-2,var(--ipf-color-accent-strong,currentColor)) 300deg, var(--ifx-neon-glass-color-1,var(--ipf-color-accent,currentColor)) 345deg, transparent 360deg);inline-size:calc(100cqw + 100cqh);animation:ifx-neon-glass-sweep var(--ifx-neon-glass-sweep,3.6s) linear infinite;animation-play-state:paused;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}@keyframes ifx-neon-glass-sweep{to{rotate:1turn}}.ifx-neon-glass__content{z-index:1;padding:var(--ifx-neon-glass-padding,var(--ipf-space-component-large,2rem));position:relative}.ifx-neon-glass:has(:focus-visible),.ifx-neon-glass[data-ifx-activation=always]{border-color:var(--ifx-neon-glass-hairline-lit,color-mix(in srgb, currentColor 28%, transparent))}.ifx-neon-glass:has(:focus-visible) .ifx-neon-glass__lights,.ifx-neon-glass[data-ifx-activation=always] .ifx-neon-glass__lights{opacity:1}.ifx-neon-glass:has(:focus-visible) .ifx-neon-glass__edge,.ifx-neon-glass[data-ifx-activation=always] .ifx-neon-glass__edge{opacity:var(--ifx-neon-glass-edge-strength,1)}.ifx-neon-glass:has(:focus-visible) :is(.ifx-neon-glass__source,.ifx-neon-glass__sweep){animation-play-state:running}@media (hover:hover) and (pointer:fine){.ifx-neon-glass:hover{translate:0 calc(var(--ifx-neon-glass-lift,0px) * -1);border-color:var(--ifx-neon-glass-hairline-lit,color-mix(in srgb, currentColor 28%, transparent))}.ifx-neon-glass:hover .ifx-neon-glass__lights{opacity:1}.ifx-neon-glass:hover .ifx-neon-glass__edge{opacity:var(--ifx-neon-glass-edge-strength,1)}.ifx-neon-glass:hover :is(.ifx-neon-glass__source,.ifx-neon-glass__sweep){animation-play-state:running}}.ifx-neon-glass[data-ifx-activation=always] .ifx-neon-glass__sweep{animation-timing-function:cubic-bezier(.77,0,.175,1);animation-iteration-count:1;animation-play-state:running}.ifx-neon-glass[data-ifx-activation=always] .ifx-neon-glass__edge{animation:ifx-neon-glass-settle var(--ifx-neon-glass-sweep,3.6s) ease-out 1 both}.ifx-neon-glass[data-ifx-activation=always] .ifx-neon-glass__source{animation-iteration-count:1;animation-play-state:running;animation-duration:min(var(--ifx-neon-glass-drift,9s), 4.5s);animation-fill-mode:both}@keyframes ifx-neon-glass-settle{0%{opacity:0}15%,70%{opacity:var(--ifx-neon-glass-edge-strength,1)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.ifx-neon-glass,.ifx-neon-glass__lights{transition:none;translate:none!important}.ifx-neon-glass__source,.ifx-neon-glass__sweep{animation:none!important}.ifx-neon-glass__edge{opacity:0!important;animation:none!important}}@media (forced-colors:active){.ifx-neon-glass__lights,.ifx-neon-glass__edge{display:none}.ifx-neon-glass{border-color:canvastext}}@media print{.ifx-neon-glass__lights,.ifx-neon-glass__edge{display:none}}}