.al-r8{position:relative;width:100%;max-width:420px;height:230px;margin:0 auto}.al-r8-vista{position:absolute;z-index:1;right:0;top:0;width:156px;height:156px;border-radius:50%;background:var(--al-paper);border:4px solid var(--al-hot-bright);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px;text-align:center}.al-r8-vista b{font-size:32px;font-weight:700;color:var(--al-hot);line-height:1}.al-r8-vista span{font-size:12px;font-weight:600;color:var(--al-ink-2);line-height:1.3}.al-r8-tubo{position:absolute;left:6px;bottom:54px;width:230px;height:44px;transform-origin:0 50%;transform:rotate(-16deg)}.al-r8-tubo i{position:absolute;top:50%;border-radius:8px}.al-r8-t1{left:0;width:96px;height:44px;margin-top:-22px;background:var(--al-ink-2)}.al-r8-t2{left:0;width:80px;height:34px;margin-top:-17px;background:var(--al-req);transform:translateX(78px)}.al-r8-t3{left:0;width:66px;height:26px;margin-top:-13px;background:var(--al-muted);transform:translateX(142px)}.al-r8-t1:after{content:"";position:absolute;left:10px;top:6px;bottom:6px;width:4px;border-radius:2px;background:color-mix(in srgb,var(--al-paper) 30%,transparent)}.al-r8-piede{position:absolute;left:40px;bottom:0;width:64px;height:66px;color:var(--al-req)}@media (prefers-reduced-motion:no-preference){html.js .al-r8:not([data-seen=true]) :is(.al-r8-t2,.al-r8-t3){transform:translateX(8px)}html.js .al-r8:not([data-seen=true]) .al-r8-vista{opacity:0;transform:scale(.85)}html.js .al-r8[data-seen=true] .al-r8-t2{animation:al-r8-t2 .6s var(--al-ease) .4s both}html.js .al-r8[data-seen=true] .al-r8-t3{animation:al-r8-t3 .6s var(--al-ease) .8s both}html.js .al-r8[data-seen=true] .al-r8-vista{animation:al-r8-fuoco .7s var(--al-ease) 1.3s both}}@keyframes al-r8-t2{0%{transform:translateX(8px)}to{transform:translateX(78px)}}@keyframes al-r8-t3{0%{transform:translateX(8px)}to{transform:translateX(142px)}}@keyframes al-r8-fuoco{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:none}}.al-r9{--rh:34px}.al-r9-card{padding:12px;border-radius:16px;background:var(--al-paper);color:var(--al-ink);max-width:340px;margin:0 auto}.al-r9-mese,.al-r9-sett{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.al-r9-sett{margin:0 0 4px}.al-r9-sett span{text-align:center;font-size:12px;font-weight:600;color:var(--al-muted)}.al-r9-mese{position:relative;grid-auto-rows:var(--rh)}.al-r9-mese span{display:flex;align-items:center;justify-content:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--al-ink-2)}.al-r9-mese i{position:absolute;left:calc(var(--c) * 100% / 7);top:calc(var(--r) * var(--rh));width:calc(100% / 7);height:var(--rh);transform:translateY(var(--rh))}.al-r9-scad:before,.al-r9-soll:before{content:"";position:absolute;inset:3px 5px}.al-r9-scad:before{border-radius:8px;border:2px solid var(--al-hot);background:color-mix(in srgb,var(--al-hot-bright) 22%,transparent)}.al-r9-soll:before{border-radius:50%;inset:4px;margin:0 auto;max-width:26px;border:3px solid var(--al-rem-bright)}.al-r9-mano{position:absolute;right:-2px;bottom:-8px;width:16px;height:20px;color:var(--al-ink);opacity:0}.al-r9-leg{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-size:12px;color:var(--al-ink-2)}.al-r9-leg span{display:inline-flex;align-items:center;gap:6px}.al-r9-leg i{width:12px;height:12px;border:2px solid var(--al-hot)}.al-r9-leg i.q{border-radius:3px;background:color-mix(in srgb,var(--al-hot-bright) 22%,transparent)}.al-r9-leg i.c{border-radius:50%;border-color:var(--al-rem-bright)}.al-r9-ok{margin:12px 0 0;text-align:center;font-size:14px;color:var(--al-paper)}@media (prefers-reduced-motion:no-preference){html.js .al-r9:not([data-seen=true]) .al-r9-mese i{transform:none}html.js .al-r9:not([data-seen=true]) .al-r9-ok{opacity:0}html.js .al-r9[data-seen=true] .al-r9-scad{animation:al-r9-scad 1.3s var(--al-ease-io) .4s both}html.js .al-r9[data-seen=true] .al-r9-soll{animation:al-r9-segue .6s var(--al-ease) both;animation-delay:calc(1.05s + var(--k) * .12s)}html.js .al-r9[data-seen=true] .al-r9-mano{animation:al-r9-mano 1.7s linear .3s both}html.js .al-r9[data-seen=true] .al-r9-ok{animation:al-r9-ok .4s var(--al-ease) 1.9s both}}@keyframes al-r9-scad{0%,30%{transform:none}80%,to{transform:translateY(var(--rh))}}@keyframes al-r9-segue{0%{transform:none}to{transform:translateY(var(--rh))}}@keyframes al-r9-mano{0%{opacity:0}10%{opacity:1;transform:none}24%{transform:scale(.85)}80%{opacity:1;transform:scale(.85)}92%{transform:none}to{opacity:0}}@keyframes al-r9-ok{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}