.SurfaceEffects-module__0X1fLa__preview{isolation:isolate;contain:layout paint;width:100%;height:100%;min-height:220px;position:relative;overflow:hidden;container-type:size}.SurfaceEffects-module__0X1fLa__paused *{animation-play-state:paused!important}.SurfaceEffects-module__0X1fLa__compact{pointer-events:none;min-height:0}.SurfaceEffects-module__0X1fLa__presetStrip{min-width:0}.SurfaceEffects-module__0X1fLa__presetPreview{border-radius:inherit;height:100%;min-height:0}.SurfaceEffects-module__0X1fLa__halftone{background:var(--surface-bg)}.SurfaceEffects-module__0X1fLa__halftoneField{opacity:var(--half-opacity);transform:rotate(var(--half-angle));animation:SurfaceEffects-module__0X1fLa__halfDrift var(--half-duration) linear infinite;position:absolute;inset:-35%}.SurfaceEffects-module__0X1fLa__half_dots .SurfaceEffects-module__0X1fLa__halftoneField{background-image:radial-gradient(circle, var(--surface-ink) 0 var(--half-radius), transparent var(--half-radius-cut)), radial-gradient(circle, var(--surface-accent) 0 1.5px, transparent 2px);background-position:0 0, var(--half-offset) var(--half-offset);background-size:var(--half-cell) var(--half-cell)}.SurfaceEffects-module__0X1fLa__half_lines .SurfaceEffects-module__0X1fLa__halftoneField{background:repeating-linear-gradient(90deg, var(--surface-ink) 0 var(--half-mark), transparent var(--half-mark) var(--half-cell)), repeating-linear-gradient(0deg, transparent 0 var(--half-line-start), var(--surface-accent) var(--half-line-start) var(--half-cell))}.SurfaceEffects-module__0X1fLa__half_cross .SurfaceEffects-module__0X1fLa__halftoneField{background-image:repeating-linear-gradient(0deg, transparent 0 var(--half-cross-start), var(--surface-ink) var(--half-cross-start) var(--half-cross-end), transparent var(--half-cross-end) var(--half-cell)), repeating-linear-gradient(90deg, transparent 0 var(--half-cross-start), var(--surface-ink) var(--half-cross-start) var(--half-cross-end), transparent var(--half-cross-end) var(--half-cell)), radial-gradient(circle, var(--surface-accent) 0 1px, transparent 1.5px);background-size:auto, auto, var(--half-cell) var(--half-cell)}@keyframes SurfaceEffects-module__0X1fLa__halfDrift{to{translate:var(--half-travel) var(--half-travel)}}.SurfaceEffects-module__0X1fLa__stripes{background:radial-gradient(circle at var(--stripe-offset) 50%, color-mix(in srgb, var(--surface-accent) 24%, transparent), transparent 52%), var(--surface-bg)}.SurfaceEffects-module__0X1fLa__stripeField{filter:blur(var(--stripe-soft));animation:SurfaceEffects-module__0X1fLa__stripeMove var(--stripe-duration) linear infinite;position:absolute;inset:-30%}.SurfaceEffects-module__0X1fLa__stripe_diagonal .SurfaceEffects-module__0X1fLa__stripeField{background:repeating-linear-gradient(90deg, var(--stripe-color) 0 var(--stripe-width), transparent var(--stripe-width) var(--stripe-cell));rotate:-32deg}.SurfaceEffects-module__0X1fLa__stripe_horizontal .SurfaceEffects-module__0X1fLa__stripeField{background:repeating-linear-gradient(0deg, var(--stripe-color) 0 var(--stripe-width), transparent var(--stripe-width) var(--stripe-cell))}.SurfaceEffects-module__0X1fLa__stripe_vertical .SurfaceEffects-module__0X1fLa__stripeField{background:repeating-linear-gradient(90deg, var(--stripe-color) 0 var(--stripe-width), transparent var(--stripe-width) var(--stripe-cell))}@keyframes SurfaceEffects-module__0X1fLa__stripeMove{to{translate:var(--stripe-end-x) var(--stripe-end-y)}}.SurfaceEffects-module__0X1fLa__metaballs{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--meta-secondary) 13%, transparent), transparent 58%), var(--surface-bg);place-items:center;display:grid}.SurfaceEffects-module__0X1fLa__metaballField{filter:blur(var(--meta-blur)) contrast(1.3);position:absolute;inset:5%;transform:translateZ(0)}.SurfaceEffects-module__0X1fLa__metaball{left:var(--ball-x);top:var(--ball-y);width:min(var(--meta-size), 28cqw, 32cqh);aspect-ratio:1;background:radial-gradient(circle at 32% 28%, var(--meta-highlight), var(--ball-color) 28%, var(--meta-primary) 70%);opacity:var(--meta-spread);transform:translate(-50%, -50%) scale(var(--ball-scale));animation:SurfaceEffects-module__0X1fLa__metaOrbit var(--meta-duration) ease-in-out var(--ball-delay) infinite alternate;border-radius:50%;position:absolute}.SurfaceEffects-module__0X1fLa__meta_rise .SurfaceEffects-module__0X1fLa__metaball{animation-name:SurfaceEffects-module__0X1fLa__metaRise}.SurfaceEffects-module__0X1fLa__meta_drift .SurfaceEffects-module__0X1fLa__metaball{animation-name:SurfaceEffects-module__0X1fLa__metaDrift}@keyframes SurfaceEffects-module__0X1fLa__metaOrbit{to{translate:var(--ball-dx) var(--ball-dy);rotate:26deg}}@keyframes SurfaceEffects-module__0X1fLa__metaRise{0%{translate:0 9cqh}to{translate:var(--ball-dx) -12cqh}}@keyframes SurfaceEffects-module__0X1fLa__metaDrift{to{translate:var(--ball-dx) var(--ball-dy);scale:1.12}}.SurfaceEffects-module__0X1fLa__ripples{background:radial-gradient(circle at var(--ripple-origin-x) var(--ripple-origin-y), color-mix(in srgb, var(--surface-accent) 12%, transparent), transparent 62%), var(--surface-bg)}.SurfaceEffects-module__0X1fLa__rippleSvg{width:100%;height:100%;display:block;overflow:hidden}.SurfaceEffects-module__0X1fLa__rippleRing{fill:none;stroke:var(--ripple-stroke);stroke-width:var(--ripple-weight);vector-effect:non-scaling-stroke;opacity:var(--ring-opacity);transform-box:fill-box;transform-origin:50%;animation:SurfaceEffects-module__0X1fLa__ripplePulse var(--ripple-duration) ease-in-out var(--ring-delay) infinite}.SurfaceEffects-module__0X1fLa__ripple_topographic .SurfaceEffects-module__0X1fLa__rippleRing{stroke-dasharray:.08 .035;animation-name:SurfaceEffects-module__0X1fLa__rippleContour}.SurfaceEffects-module__0X1fLa__rippleCore{fill:var(--surface-accent);filter:drop-shadow(0 0 3px var(--surface-accent));animation:SurfaceEffects-module__0X1fLa__rippleCore var(--ripple-duration) ease-in-out infinite}.SurfaceEffects-module__0X1fLa__radarArm{stroke:var(--surface-accent);stroke-width:1.2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:bottom;animation:SurfaceEffects-module__0X1fLa__radarSweep var(--ripple-duration) linear infinite;filter:drop-shadow(0 0 3px var(--surface-accent))}@keyframes SurfaceEffects-module__0X1fLa__ripplePulse{0%,to{opacity:.12;transform:scale(.92)}50%{opacity:var(--ring-opacity);transform:scale(1.03)}}@keyframes SurfaceEffects-module__0X1fLa__rippleContour{0%,to{stroke-dashoffset:0;opacity:.18}50%{stroke-dashoffset:.24px;opacity:var(--ring-opacity)}}@keyframes SurfaceEffects-module__0X1fLa__rippleCore{50%{opacity:.45;transform:scale(1.8)}}@keyframes SurfaceEffects-module__0X1fLa__radarSweep{to{transform:rotate(360deg)}}.SurfaceEffects-module__0X1fLa__glass{background:var(--surface-bg);perspective:900px;outline:none;place-items:center;display:grid}.SurfaceEffects-module__0X1fLa__glass:focus-visible:after{content:"";border:2px solid var(--surface-accent);border-radius:18px;position:absolute;inset:12px}.SurfaceEffects-module__0X1fLa__glassBackdrop{background:radial-gradient(circle at 22% 30%, var(--surface-accent), transparent 20%), radial-gradient(circle at 76% 68%, var(--glass-secondary), transparent 23%), linear-gradient(135deg, color-mix(in srgb, var(--surface-accent) 18%, var(--surface-bg)), var(--surface-bg) 48%, color-mix(in srgb, var(--glass-secondary) 22%, var(--surface-bg)));position:absolute;inset:-10%}.SurfaceEffects-module__0X1fLa__glassPane{aspect-ratio:1.5;border-radius:var(--glass-radius);background:linear-gradient(135deg, color-mix(in srgb, var(--glass-color) 25%, transparent), color-mix(in srgb, var(--glass-color) 5%, transparent));width:min(68cqw,470px);box-shadow:0 var(--glass-bend) 46px #00000052, inset 0 1px #ffffff8c;transform:rotateX(var(--glass-rx)) rotateY(var(--glass-ry));transition:transform .12s ease-out;position:relative;overflow:hidden}.SurfaceEffects-module__0X1fLa__glassBorder .SurfaceEffects-module__0X1fLa__glassPane{border:1px solid color-mix(in srgb, var(--glass-color) 72%, transparent)}.SurfaceEffects-module__0X1fLa__glassLight,.SurfaceEffects-module__0X1fLa__glassEdge{pointer-events:none;position:absolute;inset:-25%}.SurfaceEffects-module__0X1fLa__glassLight{background:radial-gradient(circle at var(--glass-mx) var(--glass-my), #ffffffe0, color-mix(in srgb, var(--surface-accent) 48%, transparent) 12%, transparent 35%);opacity:var(--glass-dispersion);mix-blend-mode:screen;filter:blur(var(--glass-blur))}.SurfaceEffects-module__0X1fLa__glassEdge{background:conic-gradient(from 210deg at var(--glass-mx) var(--glass-my), transparent, var(--surface-accent), transparent 32%, var(--glass-secondary), transparent 68%);opacity:var(--glass-dispersion);mix-blend-mode:screen}.SurfaceEffects-module__0X1fLa__glass_frost .SurfaceEffects-module__0X1fLa__glassPane{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:repeating-radial-gradient(circle at 20% 30%, #ffffff2e 0 1px, transparent 1.5px 5px), color-mix(in srgb, var(--glass-color) 18%, transparent)}.SurfaceEffects-module__0X1fLa__glass_lens .SurfaceEffects-module__0X1fLa__glassPane{border-radius:50%}.SurfaceEffects-module__0X1fLa__glass_prism .SurfaceEffects-module__0X1fLa__glassPane{clip-path:polygon(50% 0,100% 88%,6% 100%)}@media (max-width:620px){.SurfaceEffects-module__0X1fLa__glassPane{width:min(78cqw,400px)}.SurfaceEffects-module__0X1fLa__metaballField{inset:0}}@media (prefers-reduced-motion:reduce){.SurfaceEffects-module__0X1fLa__halftoneField,.SurfaceEffects-module__0X1fLa__stripeField,.SurfaceEffects-module__0X1fLa__metaball,.SurfaceEffects-module__0X1fLa__rippleRing,.SurfaceEffects-module__0X1fLa__rippleCore,.SurfaceEffects-module__0X1fLa__radarArm{animation:none!important}.SurfaceEffects-module__0X1fLa__glassPane{transition:none;transform:none!important}}