/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.invisible-effect-frame{--effect-tone:var(--color-action-primary);--effect-duration:6s;--effect-border:calc(var(--border-hairline) * 2);border-radius:var(--radius-surface);background:var(--color-surface-default);isolation:isolate;position:relative;overflow:hidden}.invisible-effect-frame--primary{--effect-tone:var(--color-action-primary)}.invisible-effect-frame--accent{--effect-tone:var(--color-accent)}.invisible-effect-frame--success{--effect-tone:var(--color-status-success)}.invisible-effect-frame--neutral{--effect-tone:var(--color-text-muted)}.invisible-effect-frame--slow{--effect-duration:12s}.invisible-effect-frame--normal{--effect-duration:6s}.invisible-effect-frame--fast{--effect-duration:3s}.invisible-effect-frame--pad-none .invisible-effect-frame__content{padding:0}.invisible-effect-frame--pad-sm .invisible-effect-frame__content{padding:var(--size-3)}.invisible-effect-frame--pad-md .invisible-effect-frame__content{padding:var(--size-5)}.invisible-effect-frame--pad-lg .invisible-effect-frame__content{padding:var(--size-8)}.invisible-effect-frame__content{z-index:1;position:relative}.invisible-effect-frame__decor{pointer-events:none;position:absolute;inset:0}.invisible-effect-frame--border-beam{border:var(--border-hairline) solid var(--color-border-default)}.invisible-effect-frame--border-beam .invisible-effect-frame__decor{background:conic-gradient(from 0deg, transparent 0 70%, var(--effect-tone) 85%, transparent 100%);animation:invisible-effect-spin var(--effect-duration) linear infinite;inset:-50%}.invisible-effect-frame--border-beam:after{content:"";inset:var(--effect-border);border-radius:inherit;background:var(--color-surface-default);z-index:0;position:absolute}@keyframes invisible-effect-spin{to{transform:rotate(360deg)}}.invisible-effect-frame--grid .invisible-effect-frame__decor{background-image:linear-gradient(to right, var(--effect-tone) var(--border-hairline), transparent var(--border-hairline)), linear-gradient(to bottom, var(--effect-tone) var(--border-hairline), transparent var(--border-hairline))}@supports (color:color-mix(in lab, red, red)){.invisible-effect-frame--grid .invisible-effect-frame__decor{background-image:linear-gradient(to right, color-mix(in srgb, var(--effect-tone) 12%, transparent) var(--border-hairline), transparent var(--border-hairline)), linear-gradient(to bottom, color-mix(in srgb, var(--effect-tone) 12%, transparent) var(--border-hairline), transparent var(--border-hairline))}}.invisible-effect-frame--grid .invisible-effect-frame__decor{background-size:var(--size-8) var(--size-8);-webkit-mask-image:radial-gradient(#000 40%,#0000 75%);mask-image:radial-gradient(#000 40%,#0000 75%)}.invisible-effect-frame--dots .invisible-effect-frame__decor{background-image:radial-gradient(var(--effect-tone) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.invisible-effect-frame--dots .invisible-effect-frame__decor{background-image:radial-gradient(color-mix(in srgb, var(--effect-tone) 25%, transparent) 1px, transparent 1px)}}.invisible-effect-frame--dots .invisible-effect-frame__decor{background-size:var(--size-4) var(--size-4);-webkit-mask-image:radial-gradient(#000 40%,#0000 75%);mask-image:radial-gradient(#000 40%,#0000 75%)}.invisible-effect-frame--glow .invisible-effect-frame__decor{background:radial-gradient(ellipse at 50% 0%, var(--effect-tone), transparent 65%)}@supports (color:color-mix(in lab, red, red)){.invisible-effect-frame--glow .invisible-effect-frame__decor{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--effect-tone) 22%, transparent), transparent 65%)}}.invisible-effect-frame--grid,.invisible-effect-frame--dots,.invisible-effect-frame--glow,.invisible-effect-frame--none{border:var(--border-hairline) solid var(--color-border-default)}@media (prefers-reduced-motion:reduce){.invisible-effect-frame--border-beam .invisible-effect-frame__decor{animation:none}}