[hidden]{display:none!important}.demo-host{position:relative;container-type:size}.demo-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(.35rem,min(1.2cqw,2.3cqh),.9rem);padding:clamp(.6rem,min(6cqw,10cqh),4rem) clamp(1rem,6cqw,5rem)}.dc-eyebrow{font:600 clamp(.58rem,min(1.3cqw,2.4cqh),.85rem) / 1 var(--font-body, system-ui);letter-spacing:.14em;text-transform:uppercase}.dc-title{margin:0;font:700 clamp(1rem,min(4.6cqw,8.7cqh),3.2rem) / 1.12 var(--font-display, system-ui)}.dc-text{margin:0;max-width:34ch;font:400 clamp(.72rem,min(1.7cqw,3.2cqh),1.05rem) / 1.5 var(--font-body, system-ui)}.dc-btn{display:inline-block;margin-top:clamp(.25rem,min(1cqw,1.9cqh),.7rem);padding:clamp(.4rem,min(1.2cqw,2.3cqh),.7rem) clamp(.7rem,2.4cqw,1.3rem);border-radius:.6rem;font:600 clamp(.68rem,min(1.5cqw,2.8cqh),.95rem) / 1 var(--font-body, system-ui);color:#fff;background:#ee4564;cursor:default}.demo--align-center .demo-content{align-items:center;text-align:center}.demo--align-right .demo-content{align-items:flex-end;text-align:right}.demo--dark .dc-eyebrow{color:#ffffff8c}.demo--dark .dc-title{color:#fffffff2}.demo--dark .dc-text{color:#ffffffb8}.demo--light .dc-eyebrow{color:#00000080}.demo--light .dc-title{color:#0000008c}.demo--light .dc-text{color:#000000e6}.demo-content [contenteditable]{outline:none;border-radius:4px}.demo-content [contenteditable]:hover,.demo-content [contenteditable]:focus{outline:1px dashed rgb(127 127 127 / .55);outline-offset:3px}.fx-paused .backdrop *,.fx-paused .backdrop *:before,.fx-paused .backdrop *:after{animation-play-state:paused!important}.backdrop{--fx-teal: 0 195 178;--fx-blue: 65 181 230;--fx-red: 238 69 100;--fx-graphite: 50 52 57;--fx-white: 255 255 255}.backdrop{--fx-grain-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0.8 0.8 0 -0.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--fx-grain-snow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.8 0.8 0.8 0 -0.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;isolation:isolate;pointer-events:none;background:var(--bd-bg)}.backdrop--light{--bd-bg: #f9fafb;--fx-ink: var(--fx-graphite)}.backdrop--dark{--bd-bg: #323439;--fx-ink: var(--fx-white)}.backdrop__img{position:absolute;inset:0;opacity:var(--img-o, 1);-webkit-mask-image:var(--img-mask, none);mask-image:var(--img-mask, none)}.backdrop__img:before{content:"";position:absolute;inset:0;background-image:var(--img-url);background-size:cover;background-position:var(--img-pos, 50% 50%);background-repeat:no-repeat;transform:scale(var(--img-sx, 1),var(--img-sy, 1));scale:var(--img-scale, 1)}.backdrop__fx{position:absolute;inset:0;-webkit-mask-image:var(--fx-mask, none);mask-image:var(--fx-mask, none)}canvas.backdrop__fx{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.backdrop *,.backdrop *:before,.backdrop *:after{animation-play-state:paused!important}}.backdrop__overlay{position:absolute;inset:0;pointer-events:none;opacity:var(--ov-o, 1);mix-blend-mode:var(--ov-blend, normal);-webkit-mask-image:var(--ov-mask, none);mask-image:var(--ov-mask, none)}@keyframes kf-fx-img-zoom{0%{scale:var(--img-scale, 1)}to{scale:calc(var(--img-scale, 1) * var(--img-z1, 1.15))}}@keyframes kf-fx-img-rot{0%{rotate:calc(var(--img-r, 0deg) - var(--img-rdeg, 2deg))}to{rotate:calc(var(--img-r, 0deg) + var(--img-rdeg, 2deg))}}.backdrop__img.img-zoom:before{animation:kf-fx-img-zoom var(--img-zdur, 40s) ease-in-out infinite alternate}.backdrop__img.img-rot:before{inset:-8%;animation:kf-fx-img-rot var(--img-rdur, 50s) ease-in-out infinite alternate}.backdrop__img.img-zoom.img-rot:before{animation:kf-fx-img-zoom var(--img-zdur, 40s) ease-in-out infinite alternate,kf-fx-img-rot var(--img-rdur, 50s) ease-in-out infinite alternate}.backdrop__img.img-rotated:before{--img-rc: max(cos(var(--img-r, 0deg)), -1 * cos(var(--img-r, 0deg)));--img-rs: max(sin(var(--img-r, 0deg)), -1 * sin(var(--img-r, 0deg)));inset:calc((1 - (var(--img-rc) + 2.4 * var(--img-rs))) * 50%);rotate:var(--img-r, 0deg)}.backdrop__img.img-rot.img-rotated:before{inset:min(-8%,calc((1 - (var(--img-rc) + 2.4 * var(--img-rs))) * 50%))}.backdrop__img.img-tint:after{content:"";position:absolute;inset:0;background:var(--bd-bg);opacity:var(--img-tint, 0);mix-blend-mode:var(--img-tint-blend, color)}@property --fx-breath{syntax: "<number>"; inherits: false; initial-value: 0;}.fx-faro{--glow-hsl: var(--fx-hue, 0) calc(var(--fx-sat, 0) * 100%) calc(100% - var(--fx-sat, 0) * 35%);--amp: var(--fx-ampiezza, 1);--dep: var(--fx-profondita, 1);--ra: var(--fx-respiro-ampiezza, .07);--rp: var(--fx-respiro-profondita, .04);--osc: calc(var(--fx-oscillazione, 0) * 1deg);--hw0: 21deg;--hw: calc(var(--hw0) * var(--amp) * (1 + var(--ra) * var(--fx-breath)));--depB: calc(var(--dep) * (1 + var(--rp) * var(--fx-breath)));--ang: var(--fx-posizione, 0);--sn: sin(var(--ang) * 1deg);--cs: cos(var(--ang) * 1deg);--k: max(abs(var(--sn)), abs(var(--cs)));--ax: calc(50% + 54% * var(--sn) / var(--k));--ay: calc(50% - 54% * var(--cs) / var(--k));transform-origin:var(--ax) var(--ay);animation:kf-fx-faro calc(9s / var(--fx-speed, 1) * var(--fx-animazione, 0)) ease-in-out infinite}.fx-faro:before,.fx-faro:after{content:"";position:absolute;inset:0}.fx-faro:before{background:linear-gradient(calc((var(--ang) + 180) * 1deg),hsl(var(--glow-hsl) / var(--c1)),hsl(var(--glow-hsl) / var(--c2)) 26%,hsl(var(--glow-hsl) / 0) calc(70% * var(--depB)));-webkit-mask:conic-gradient(from calc((var(--ang) + 180) * 1deg - var(--hw) - 7deg) at var(--ax) var(--ay),transparent 0deg,#000 7deg,#000 calc(var(--hw) * 2 + 7deg),transparent calc(var(--hw) * 2 + 14deg));mask:conic-gradient(from calc((var(--ang) + 180) * 1deg - var(--hw) - 7deg) at var(--ax) var(--ay),transparent 0deg,#000 7deg,#000 calc(var(--hw) * 2 + 7deg),transparent calc(var(--hw) * 2 + 14deg))}.fx-faro:after{background:radial-gradient(circle at var(--ax) var(--ay),hsl(var(--glow-hsl) / var(--h1)) 0%,hsl(var(--glow-hsl) / 0) calc(15% * var(--amp))),radial-gradient(58% 42% at var(--ax) var(--ay),hsl(var(--glow-hsl) / var(--h2)) 0%,hsl(var(--glow-hsl) / 0) 72%)}@keyframes kf-fx-faro{0%,to{--fx-breath: 0;transform:rotate(calc(-1 * var(--osc)))}50%{--fx-breath: 1;transform:rotate(var(--osc))}}.backdrop--light .fx-faro{--c1: .26;--c2: .11;--h1: .3;--h2: .09}.backdrop--dark .fx-faro{--c1: .5;--c2: .2;--h1: .55;--h2: .16}.fx-mesh-multistop{--mesh-ink: color-mix( in oklch, #fff, hsl(calc(var(--fx-tinta, 0) * 1deg) 95% 55%) calc(var(--fx-colore, 0) * 1%) );--mesh-fill: color-mix(in srgb, var(--mesh-ink), transparent calc((1 - var(--fx-intensita, 22) / 100) * 100%));--mesh-s: var(--fx-dimensione, 1);background-image:radial-gradient(ellipse calc(var(--fx-b1w, 55) * var(--mesh-s) * 1%) calc(var(--fx-b1h, 45) * var(--mesh-s) * 1%) at calc(var(--fx-b1x, 12) * 1%) calc(var(--fx-b1y, 18) * 1%),var(--mesh-fill) 0%,transparent 62%),radial-gradient(ellipse calc(var(--fx-b2w, 50) * var(--mesh-s) * 1%) calc(var(--fx-b2h, 60) * var(--mesh-s) * 1%) at calc(var(--fx-b2x, 88) * 1%) calc(var(--fx-b2y, 12) * 1%),var(--mesh-fill) 0%,transparent 62%),radial-gradient(ellipse calc(var(--fx-b3w, 60) * var(--mesh-s) * 1%) calc(var(--fx-b3h, 50) * var(--mesh-s) * 1%) at calc(var(--fx-b3x, 78) * 1%) calc(var(--fx-b3y, 92) * 1%),var(--mesh-fill) 0%,transparent 62%)}.fx-blob-sfocati{--blob-ink: color-mix( in oklch, #fff, hsl(calc(var(--fx-tinta, 0) * 1deg) 95% 55%) calc(var(--fx-colore, 0) * 1%) )}.fx-blob-sfocati:before{content:"";position:absolute;inset:-15%;--blob-s: var(--fx-dimensione, 1);filter:blur(calc(var(--fx-sfocatura, 58) * 1px));opacity:calc(var(--fx-intensita, 50) / 100);background:radial-gradient(circle at calc(var(--fx-b1x, 25) * 1%) calc(var(--fx-b1y, 30) * 1%),var(--blob-ink) 0 calc(var(--fx-b1r, 16) * var(--blob-s) * 1%),transparent calc(var(--fx-b1r, 16) * var(--blob-s) * 2.5%)),radial-gradient(circle at calc(var(--fx-b2x, 76) * 1%) calc(var(--fx-b2y, 34) * 1%),var(--blob-ink) 0 calc(var(--fx-b2r, 15) * var(--blob-s) * 1%),transparent calc(var(--fx-b2r, 15) * var(--blob-s) * 2.5%)),radial-gradient(circle at calc(var(--fx-b3x, 55) * 1%) calc(var(--fx-b3y, 82) * 1%),var(--blob-ink) 0 calc(var(--fx-b3r, 13) * var(--blob-s) * 1%),transparent calc(var(--fx-b3r, 13) * var(--blob-s) * 2.5%))}.fx-lavaggio-duotone{background-image:linear-gradient(135deg,rgb(var(--fx-teal) / var(--a)),rgb(var(--fx-blue) / var(--a)))}.backdrop--light .fx-lavaggio-duotone{--a: .07}.backdrop--dark .fx-lavaggio-duotone{--a: .16}.fx-grana-su-lavaggio-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,rgb(var(--wash) / var(--wa)),rgb(var(--wash) / 0) 60%)}.fx-grana-su-lavaggio-brand:after{content:"";position:absolute;inset:0;background-image:var(--g);background-size:var(--gsize, 150px) var(--gsize, 150px);opacity:var(--op)}.backdrop--light .fx-grana-su-lavaggio-brand{--wash: var(--fx-teal);--wa: .13;--g: var(--fx-grain-ink);--op: .16}.backdrop--dark .fx-grana-su-lavaggio-brand{--wash: var(--fx-blue);--wa: .18;--g: var(--fx-grain-snow);--op: .18}.fx-aurora-drift:before,.fx-aurora-drift:after{content:"";position:absolute;width:66%;aspect-ratio:1;border-radius:50%;filter:blur(46px);opacity:var(--op);will-change:transform}.fx-aurora-drift:before{left:2%;top:6%;background:radial-gradient(circle,rgb(var(--fx-teal) / .85),rgb(var(--fx-teal) / 0) 70%);animation:kf-fx-aurora-a calc(26s / var(--fx-speed, 1)) ease-in-out infinite}.fx-aurora-drift:after{right:2%;bottom:2%;background:radial-gradient(circle,rgb(var(--fx-blue) / .85),rgb(var(--fx-blue) / 0) 70%);animation:kf-fx-aurora-b calc(34s / var(--fx-speed, 1)) ease-in-out infinite}@keyframes kf-fx-aurora-a{50%{transform:translate3d(22%,16%,0) scale(1.16)}}@keyframes kf-fx-aurora-b{50%{transform:translate3d(-20%,-12%,0) scale(1.12)}}.backdrop--light .fx-aurora-drift{--op: .5}.backdrop--dark .fx-aurora-drift{--op: .42}.fx-mesh-animato{background-image:radial-gradient(40% 50% at 20% 25%,rgb(var(--fx-teal) / var(--a)),rgb(var(--fx-teal) / 0) 70%),radial-gradient(45% 45% at 80% 20%,rgb(var(--fx-blue) / var(--a)),rgb(var(--fx-blue) / 0) 70%),radial-gradient(50% 50% at 72% 80%,rgb(var(--fx-red) / var(--ar)),rgb(var(--fx-red) / 0) 70%),radial-gradient(40% 40% at 25% 75%,rgb(var(--fx-blue) / var(--a)),rgb(var(--fx-blue) / 0) 70%);background-size:200% 200%;animation:kf-fx-mesh calc(30s / var(--fx-speed, 1)) ease-in-out infinite}@keyframes kf-fx-mesh{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.backdrop--light .fx-mesh-animato{--a: .18;--ar: .14}.backdrop--dark .fx-mesh-animato{--a: .2;--ar: .12}@property --fx-hue-g1{syntax: "<color>"; inherits: false; initial-value: #00c3b2;}@property --fx-hue-g2{syntax: "<color>"; inherits: false; initial-value: #41b5e6;}.fx-hue-shift{background-image:radial-gradient(60% 60% at 25% 30%,color-mix(in srgb,var(--fx-hue-g1) var(--m),transparent),transparent 70%),radial-gradient(55% 55% at 75% 70%,color-mix(in srgb,var(--fx-hue-g2) var(--m),transparent),transparent 70%);animation:kf-fx-hue calc(24s / var(--fx-speed, 1)) ease-in-out infinite}@keyframes kf-fx-hue{0%,to{--fx-hue-g1: #00c3b2;--fx-hue-g2: #41b5e6}50%{--fx-hue-g1: #41b5e6;--fx-hue-g2: #00c3b2}}.backdrop--light .fx-hue-shift{--m: 26%}.backdrop--dark .fx-hue-shift{--m: 18%}.fx-spin-conico-mascherato:before{content:"";position:absolute;top:50%;left:50%;width:200%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,rgb(var(--fx-teal) / var(--m)),rgb(var(--fx-teal) / 0) 90deg,rgb(var(--fx-blue) / var(--m)),rgb(var(--fx-blue) / 0) 270deg,rgb(var(--fx-teal) / var(--m)));-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 75%);mask:radial-gradient(closest-side,#000 30%,transparent 75%);will-change:transform;animation:kf-fx-spin calc(48s / var(--fx-speed, 1)) linear infinite}@keyframes kf-fx-spin{to{transform:rotate(360deg)}}.backdrop--light .fx-spin-conico-mascherato{--m: .26}.backdrop--dark .fx-spin-conico-mascherato{--m: .2}.fx-bagliore-respirante{--glow: var(--fx-teal)}.fx-bagliore-respirante:before{content:"";position:absolute;left:50%;top:-28%;width:72%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle,rgb(var(--glow) / .55),rgb(var(--glow) / 0) 65%);filter:blur(22px);will-change:transform,opacity;animation:kf-fx-breathe calc(11s / var(--fx-speed, 1)) ease-in-out infinite}@keyframes kf-fx-breathe{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1.12);opacity:.95}}.fx-drift-diagonale{overflow:hidden}.fx-drift-diagonale:before{content:"";position:absolute;inset:-60%;background-image:repeating-linear-gradient(45deg,rgb(var(--fx-ink) / var(--a)) 0 1.5px,transparent 1.5px 16px);will-change:transform;animation:kf-fx-diag calc(4s / var(--fx-speed, 1)) linear infinite}@keyframes kf-fx-diag{0%{transform:translate(0)}to{transform:translate(22.627px,-22.627px)}}.backdrop--light .fx-drift-diagonale{--a: .09}.backdrop--dark .fx-drift-diagonale{--a: .07}.fx-sheen-sweep:after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(105deg,transparent 0%,rgb(var(--fx-white) / var(--a)) 50%,transparent 100%);transform:translate(-180%) skew(-12deg);will-change:transform;animation:kf-fx-sheen calc(5s / var(--fx-speed, 1)) ease-in-out .5s infinite}@keyframes kf-fx-sheen{0%{transform:translate(-180%) skew(-12deg)}28%,to{transform:translate(240%) skew(-12deg)}}.backdrop--light .fx-sheen-sweep{--a: .55}.backdrop--dark .fx-sheen-sweep{--a: .14}.fx-divisorio-onda:before,.fx-divisorio-onda:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background-repeat:repeat-x;background-size:480px 64px;will-change:background-position}.fx-divisorio-onda:before{opacity:.6;animation:kf-fx-wave calc(22s / var(--fx-speed, 1)) linear infinite reverse}.fx-divisorio-onda:after{animation:kf-fx-wave calc(14s / var(--fx-speed, 1)) linear infinite}@keyframes kf-fx-wave{to{background-position:480px 0}}.backdrop--light .fx-divisorio-onda:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='64'%3E%3Cpath d='M0,34 C60,14 120,14 240,34 C360,54 420,54 480,34 L480,64 L0,64 Z' fill='%23dfe2e6'/%3E%3C/svg%3E")}.backdrop--light .fx-divisorio-onda:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='64'%3E%3Cpath d='M0,34 C60,14 120,14 240,34 C360,54 420,54 480,34 L480,64 L0,64 Z' fill='%23ffffff'/%3E%3C/svg%3E")}.backdrop--dark .fx-divisorio-onda:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='64'%3E%3Cpath d='M0,34 C60,14 120,14 240,34 C360,54 420,54 480,34 L480,64 L0,64 Z' fill='%232a2c30'/%3E%3C/svg%3E")}.backdrop--dark .fx-divisorio-onda:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='64'%3E%3Cpath d='M0,34 C60,14 120,14 240,34 C360,54 420,54 480,34 L480,64 L0,64 Z' fill='%233d4045'/%3E%3C/svg%3E")}.fx-anelli-concentrici{background-image:repeating-radial-gradient(circle at 100% 0%,rgb(var(--fx-ink) / var(--a)) 0 1px,transparent 1px 38px);-webkit-mask:radial-gradient(circle at 100% 0%,#000 0%,transparent 78%);mask:radial-gradient(circle at 100% 0%,#000 0%,transparent 78%)}.fx-anelli-concentrici .fx-ripple{position:absolute;width:34px;height:34px;margin:-17px;border:1.5px solid rgb(var(--fx-teal) / .6);border-radius:50%;opacity:0;will-change:transform,opacity;animation:kf-fx-ripple calc(4.2s / var(--fx-speed, 1)) ease-out infinite}@keyframes kf-fx-ripple{0%{transform:scale(.4);opacity:.65}to{transform:scale(5);opacity:0}}.backdrop--light .fx-anelli-concentrici{--a: .1}.backdrop--dark .fx-anelli-concentrici{--a: .12}@property --fx-spot-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --fx-spot-y{syntax: "<percentage>"; inherits: true; initial-value: 32%;}.fx-faro-cursore{background:radial-gradient(var(--spot, 280px) var(--spot, 280px) at var(--fx-spot-x) var(--fx-spot-y),rgb(var(--glow) / var(--a)),rgb(var(--glow) / 0) 70%);animation:kf-fx-spot-idle calc(15s / var(--fx-speed, 1)) ease-in-out infinite}.fx-faro-cursore.tracking{animation:none}@keyframes kf-fx-spot-idle{0%{--fx-spot-x: 28%;--fx-spot-y: 30%}25%{--fx-spot-x: 72%;--fx-spot-y: 24%}50%{--fx-spot-x: 76%;--fx-spot-y: 72%}75%{--fx-spot-x: 24%;--fx-spot-y: 66%}to{--fx-spot-x: 28%;--fx-spot-y: 30%}}.backdrop--light .fx-faro-cursore{--glow: var(--fx-teal);--a: .16}.backdrop--dark .fx-faro-cursore{--glow: var(--fx-blue);--a: .24}.fx-card-spotlight{pointer-events:auto}.cardspot-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.cardspot-card{position:relative;border-radius:12px;padding:1.5px;overflow:hidden;background:var(--cardborder)}.cardspot-card:before{content:"";position:absolute;width:210px;height:210px;left:var(--mx, 50%);top:var(--my, 50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(var(--ink2) / 1),rgb(var(--ink2) / 0) 62%);filter:blur(18px);opacity:0;transition:opacity .2s}.cardspot-grid:hover .cardspot-card:before{opacity:.9}.cardspot-card:hover:before{opacity:1}.cardspot-card:hover .cardspot-inner{box-shadow:inset 0 0 34px rgb(var(--ink2) / .24)}.cardspot-inner{position:relative;z-index:1;height:100%;min-height:132px;border-radius:11px;background:var(--cardbg);display:flex;flex-direction:column;gap:.45rem;padding:.8rem}.cardspot-inner .dot{width:24px;height:24px;border-radius:7px;background:rgb(var(--ink2) / .18)}.cardspot-inner .l1{margin-top:auto;height:7px;width:72%;border-radius:4px;background:rgb(var(--fx-ink) / .4)}.cardspot-inner .l2{height:6px;width:48%;border-radius:4px;background:rgb(var(--fx-ink) / .2)}.backdrop--light .fx-card-spotlight{--cardborder: #e5e7eb;--cardbg: #fff;--ink2: var(--fx-teal)}.backdrop--dark .fx-card-spotlight{--cardborder: #3d4046;--cardbg: #323439;--ink2: var(--fx-blue)}.fx-risalita-punti{background:radial-gradient(80% 60% at 50% 112%,rgb(var(--glow) / var(--fa1)),rgb(var(--glow) / var(--fa2)) 42%,rgb(var(--glow) / 0) 78%)}.backdrop--light .fx-risalita-punti{--glow: var(--fx-blue);--fa1: .16;--fa2: .06;box-shadow:inset 0 0 0 1px rgb(var(--fx-graphite) / .08)}.backdrop--dark .fx-risalita-punti{--glow: var(--fx-teal);--fa1: .3;--fa2: .12;box-shadow:inset 0 0 0 1px rgb(var(--fx-white) / .06)}.ov-grana-ink{background-image:var(--fx-grain-ink);background-size:160px}.ov-grana-snow{background-image:var(--fx-grain-snow);background-size:160px}.ov-scanline{--ov-scan-ink: color-mix( in oklch, rgb(var(--fx-ink)), hsl(calc(var(--fx-tinta, 0) * 1deg) 95% 55%) calc(var(--fx-colore, 0) * 1%) );background-image:repeating-linear-gradient(calc(var(--fx-angolo, 0) * 1deg),color-mix(in srgb,var(--ov-scan-ink),transparent calc((1 - var(--ov-scan-a)) * 100%)) 0 calc(var(--fx-thickness, 1) * 1px),transparent calc(var(--fx-thickness, 1) * 1px) calc((var(--fx-thickness, 1) + var(--fx-gap, 2)) * 1px))}.backdrop--light .ov-scanline{--ov-scan-a: .18}.backdrop--dark .ov-scanline{--ov-scan-a: .14}@property --ov-mz-t{syntax: "<number>"; inherits: false; initial-value: 0;}.ov-mezzitoni{--ov-mz-ink: color-mix( in oklch, rgb(var(--fx-ink)), hsl(calc(var(--fx-tinta, 0) * 1deg) 95% 55%) calc(var(--fx-colore, 0) * 1%) );--ov-mz-tile-w: calc((var(--fx-larghezza, 1) * 2 + var(--fx-spazioh, var(--fx-spaziatura, 5))) * 1px);--ov-mz-tile-h: calc((var(--fx-altezza, 1) * 2 + var(--fx-spaziov, var(--fx-spaziatura, 5))) * 1px);--ov-mz-keep-h: calc(max(1, var(--fx-segmh, 0))*1px) ;--ov-mz-cut-h: calc(var(--fx-segmgap, 1) * min(1, var(--fx-segmh, 0)) * 1px);overflow:hidden}.ov-mezzitoni:before{content:"";position:absolute;inset:-75%;background-image:linear-gradient(90deg,color-mix(in srgb,var(--ov-mz-ink),transparent calc((1 - var(--ov-mz-a)) * 100%)) calc(var(--fx-larghezza, 1) * 2px - .75px),transparent calc(var(--fx-larghezza, 1) * 2px));background-size:var(--ov-mz-tile-w) 100%;-webkit-mask-image:linear-gradient(180deg,#000 calc(var(--fx-altezza, 1) * 2px - .75px),transparent calc(var(--fx-altezza, 1) * 2px));mask-image:linear-gradient(180deg,#000 calc(var(--fx-altezza, 1) * 2px - .75px),transparent calc(var(--fx-altezza, 1) * 2px));-webkit-mask-size:100% var(--ov-mz-tile-h);mask-size:100% var(--ov-mz-tile-h);transform:rotate(calc(var(--fx-angolo, 0) * 1deg)) translateY(calc(var(--ov-mz-t, 0) * -1 * var(--ov-mz-tile-h)));animation:kf-ov-mezzitoni calc(3s / var(--fx-speed, 1) * var(--fx-animazione, 0)) linear infinite}@supports (mask-composite: intersect){.ov-mezzitoni:before{-webkit-mask-image:linear-gradient(180deg,#000 calc(var(--fx-altezza, 1) * 2px - .75px),transparent calc(var(--fx-altezza, 1) * 2px)),repeating-linear-gradient(calc(180deg + var(--fx-segmangolo, 0) * 1deg),#000 0 var(--ov-mz-keep-h),transparent var(--ov-mz-keep-h) calc(var(--ov-mz-keep-h) + var(--ov-mz-cut-h)));mask-image:linear-gradient(180deg,#000 calc(var(--fx-altezza, 1) * 2px - .75px),transparent calc(var(--fx-altezza, 1) * 2px)),repeating-linear-gradient(calc(180deg + var(--fx-segmangolo, 0) * 1deg),#000 0 var(--ov-mz-keep-h),transparent var(--ov-mz-keep-h) calc(var(--ov-mz-keep-h) + var(--ov-mz-cut-h)));-webkit-mask-size:100% var(--ov-mz-tile-h),100% var(--ov-mz-tile-h);mask-size:100% var(--ov-mz-tile-h),100% var(--ov-mz-tile-h);mask-composite:intersect}}@keyframes kf-ov-mezzitoni{0%{--ov-mz-t: 0}to{--ov-mz-t: 1}}.backdrop--light .ov-mezzitoni{--ov-mz-a: .4}.backdrop--dark .ov-mezzitoni{--ov-mz-a: .32}.ov-vignetta{background-image:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgb(0 0 0 / var(--ov-vin-a)) 100%)}.backdrop--light .ov-vignetta{--ov-vin-a: .28}.backdrop--dark .ov-vignetta{--ov-vin-a: .55}.ov-consumato{--ov-worn-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.4 2.4 2.4 0 -2.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E")}.ov-consumato:before{content:"";position:absolute;inset:0;background:rgb(var(--fx-ink) / var(--ov-worn-a));-webkit-mask-image:var(--ov-worn-noise);mask-image:var(--ov-worn-noise);-webkit-mask-size:420px;mask-size:420px}.backdrop--light .ov-consumato{--ov-worn-a: .35}.backdrop--dark .ov-consumato{--ov-worn-a: .4}