.pb{--pb-corsa:42svh;--pb-r:min(36vw, 560px);--pb-t:clamp(56px, 11svh, 120px);--pb-largo:min(44vw, 640px);--pb-centro:42%;--pb-posa:0px;--pb-cresce:1.02;--pb-onda:9px;--pb-gonfio:.008;--pb-deriva:12px;block-size:calc((var(--pb-n) - 1) * var(--pb-corsa) + 100svh);position:relative}.pb__fondo{pointer-events:none;border-start-start-radius:var(--foglio-raggio,0px);border-start-end-radius:var(--foglio-raggio,0px);position:absolute;inset:0;overflow:clip}.pb__palco{block-size:100svh;position:sticky;inset-block-start:0;overflow:clip}:is(.pb:has(.pb__pezzo[data-corrente][data-ia]) .pb__ia--una,.pb:not(:has(.pb__pezzo[data-corrente][data-ia])) .pb__ia--piu){display:none}.pb__cielo{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;block-size:100svh;position:sticky;inset-block-start:0;overflow:clip}.pb[data-trascino] .pb__cielo{cursor:grabbing}.pb__rosa{position:absolute;inset:0}.pb__anello{margin:0;padding:0;list-style:none;position:absolute;inset:0}.pb__pezzo{--pb-peso:var(--y);inline-size:var(--pb-largo);transform:translate3d(calc(var(--x) * var(--pb-r) + var(--pb-peso) * var(--pb-onda) * var(--pb-respiro,0)), calc(var(--y) * var(--pb-t)), 0) scale(calc(var(--s) * (1 + var(--pb-peso) * var(--pb-gonfio) * var(--pb-respiro,0))));opacity:var(--o);z-index:var(--z);will-change:transform, opacity;margin-block-start:calc(var(--pb-largo) * 711 / 1400 / -2);margin-inline-start:calc(var(--pb-largo) / -2);position:absolute;inset-block-start:var(--pb-centro);inset-inline-start:50%}.pb__tocca{animation:pb-corrente calc(var(--dur-respiro) * 3.4) ease-in-out infinite alternate}@keyframes pb-corrente{0%{transform:translate3d(calc(var(--y,0) * var(--pb-deriva) * -1), 0, 0)}to{transform:translate3d(calc(var(--y,0) * var(--pb-deriva)), 0, 0)}}.pb[data-fermo] .pb__tocca,.pb[data-trascino] .pb__tocca{animation-play-state:paused}.pb__scatto{transform:translateY(var(--su,0)) scale(var(--zoom,1));transition:transform var(--dur-base) var(--ease-exit);display:block}.pb__pezzo[data-corrente] .pb__scatto{transform:translateY(calc(var(--su,0px) - var(--pb-posa))) scale(calc(var(--zoom,1) * var(--pb-cresce)));transition:transform var(--dur-slow) var(--ease-emphasized)}.pb__cartello{pointer-events:none;place-items:end center;display:grid;position:absolute;inset-block-end:clamp(18px,4vh,44px);inset-inline:0}.pb__did{opacity:0;inline-size:min(26rem,92vw);transition:opacity var(--dur-fast) var(--ease-exit), transform var(--dur-fast) var(--ease-exit);grid-area:1/1;transform:translateY(10px)}.pb__did[data-corrente],.pb__did--su{opacity:1;pointer-events:auto;transition:opacity var(--dur-slow) var(--ease-standard) var(--dur-instant), transform var(--dur-slow) var(--ease-emphasized) var(--dur-instant);transform:none}.pb[data-vivo] .pb__did--su:not([data-corrente]){opacity:0;pointer-events:none;transform:translateY(10px)}@media (max-width:1000px){.pb{--pb-corsa:40svh;--pb-r:36vw;--pb-t:clamp(44px, 8svh, 80px);--pb-largo:76vw;--pb-centro:32%;--pb-onda:6px;--pb-deriva:7px}.pb__pezzo{transform:translate3d(calc(var(--x) * var(--pb-r) + var(--pb-peso) * var(--pb-onda) * var(--pb-respiro,0)), calc(var(--y) * var(--pb-t)), 0) scale(calc((.3 + .7 * var(--s)) * (1 + var(--pb-peso) * var(--pb-gonfio) * var(--pb-respiro,0))));opacity:calc(var(--o) * var(--o))}.pb__cartello{inset-block-end:106px}}@media (max-width:1000px) and (min-height:600px){.pb__cartello{inset-block-end:154px}}@media (prefers-reduced-motion:reduce){.pb{--pb-onda:0px;--pb-gonfio:0;--pb-deriva:0px;block-size:auto}.pb__tocca{animation:none}.pb__cielo{block-size:min(100svh,820px);position:relative}.pb__palco{block-size:100%;position:relative}}.fv.fv--toys{--fv-sale:var(--dur-slow);--fv-cala:var(--dur-slow);position:absolute}.fv.fv--toys .fv__velo{background:radial-gradient(150% 44% at 50% 46%,#f6f7f89e 0%,#f6f7f885 44%,#f6f7f847 76%,#f6f7f81a 100%),linear-gradient(#0000 66%,#f6f7f81f 86%,#f6f7f83d 100%)}.pb[data-fondo] .pb__rosa .pb__pezzo{opacity:calc(.58 + (var(--o) - .26) * .5676)}@media (max-width:1000px){.pb[data-fondo] .pb__rosa .pb__pezzo{opacity:calc(.48 + (var(--o) - .26) * .7027)}.fv.fv--toys .fv__velo{background:radial-gradient(170% 40% at 50% 34%,#f6f7f8a8 0%,#f6f7f88f 40%,#f6f7f852 74%,#f6f7f829 100%),linear-gradient(#0000 52%,#f6f7f82e 78%,#f6f7f857 100%)}}
