.mobile-vetrina-panel{background:radial-gradient(60% 55% at 62% 92%,#aac6fa,#0000 72%),radial-gradient(at 70% 100%,#c9dcff,#0000 67%),#f4f8ff;border:1px solid #dce6f6;border-radius:2rem;display:grid;overflow:hidden}.mobile-vetrina-copy{padding:2rem clamp(1.25rem,5vw,4.5rem) 0}.mobile-vetrina-stage{--phone-shift-x:3%;--phone-shift-y:0px;--phone-z:10px;--phone-angle:-28deg;--phone-tilt:-3deg;--phone-slant:-8deg;--phone-roll:-2deg;--phone-depth:34px;--from-x:14%;--from-y:28px;--from-z:-320px;--from-angle:-26deg;--from-tilt:10deg;--from-roll:-4deg;--phone-perspective:900px;align-content:start;justify-items:center;height:clamp(336px,98vw,455px);padding-top:1.7rem;display:grid;position:relative;overflow:hidden}.mobile-vetrina-volo{width:100%;height:100%;perspective:var(--phone-perspective);perspective-origin:62% 18%;align-content:start;justify-items:center;display:grid}.mobile-vetrina-phone{aspect-ratio:300/560;width:min(76%,324px);transform-style:preserve-3d;transform-origin:50% 30%;transform:translate3d(var(--phone-shift-x), var(--phone-shift-y), var(--phone-z)) skewX(var(--phone-slant)) rotate(var(--phone-roll)) rotateY(var(--phone-angle)) rotateX(var(--phone-tilt));position:relative}.mobile-vetrina-fetta{background:linear-gradient(90deg, #0b111c calc(100% - 30px), var(--metallo) calc(100% - 26px));transform:translateZ(calc(var(--phone-depth) / -14 * var(--i)));border-radius:2.6rem;position:absolute;inset:0}.mobile-vetrina-fetta:nth-child(-n+5){--metallo:#14171d}.mobile-vetrina-fetta:nth-child(n+6):nth-child(-n+9){--metallo:#1d2129}.mobile-vetrina-fetta:nth-child(n+10):nth-child(-n+11){--metallo:#2b303a}.mobile-vetrina-fetta:nth-child(12){--metallo:#5a616e}.mobile-vetrina-fetta:nth-child(n+13){--metallo:#262a33}.mobile-vetrina-tasto-lato{width:9px;height:14%;transform:translateZ(calc(var(--phone-depth) * -.5));background:linear-gradient(90deg,#0d1015 0%,#3a404c 45%,#7d8593 62%,#262b33 100%);border-radius:4px;position:absolute;top:23%;right:-5px;box-shadow:inset 0 1.5px #ffffff38,inset 0 -1.5px #00000073}.mobile-vetrina-fronte{background:#0b0d11;border:2px solid #252a33;border-radius:2.6rem;padding:7px;position:absolute;inset:0;transform:translateZ(.5px);box-shadow:inset -1.5px 0 #969eac8c,inset 0 1px #ffffff29,inset 0 0 0 1px #3a404b}.mobile-vetrina-ombra{aspect-ratio:300/560;filter:blur(30px);pointer-events:none;width:min(70%,300px);transform:translateX(-50%) translate(calc(var(--phone-shift-x) - 96px), 34px) skewX(var(--phone-slant)) scale(.96);opacity:.62;background:#09163480;border-radius:3rem;position:absolute;top:1.7rem;left:50%}.mobile-vetrina-ombra[data-vicina]{filter:blur(12px);transform:translateX(-50%) translate(calc(var(--phone-shift-x) - 34px), 18px) skewX(var(--phone-slant)) scale(.96);opacity:.6;background:#050c1e8c}.mobile-vetrina-stage[data-entrata=attesa] :is(.mobile-vetrina-volo,.mobile-vetrina-ombra){opacity:0}.motion-ok .mobile-vetrina-stage:not([data-entrata]) :is(.mobile-vetrina-volo,.mobile-vetrina-ombra){opacity:0;animation:0s 2.5s forwards mobile-vetrina-ripiego}.motion-ok .mobile-vetrina-stage:not([data-entrata]) .mobile-vetrina-ombra{animation-name:mobile-vetrina-ripiego-ombra}.motion-ok .mobile-vetrina-stage:not([data-entrata]) .mobile-vetrina-ombra[data-vicina]{animation-name:mobile-vetrina-ripiego-ombra-vicina}@keyframes mobile-vetrina-ripiego{to{opacity:1}}@keyframes mobile-vetrina-ripiego-ombra{to{opacity:.62}}@keyframes mobile-vetrina-ripiego-ombra-vicina{to{opacity:.6}}.mobile-vetrina-screen{color:#0c1a35;background:#fff;border-radius:2rem;flex-direction:column;height:100%;font-size:.875rem;display:flex;overflow:hidden}.mobile-vetrina-status{flex:0 0 38px;justify-content:space-between;align-items:center;padding-inline:1rem;font-size:.75rem;font-weight:650;display:flex;position:relative}.mobile-vetrina-island{background:#080b10;border-radius:2rem;width:27%;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mobile-vetrina-toolbar{border-bottom:1px solid #e7ecf4;grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem .9rem;font-weight:650;display:grid}.mobile-vetrina-menuMark{border-block:1.5px solid;width:17px;height:8px}.mobile-vetrina-toolbarMarks{justify-self:end;align-items:center;gap:.4rem;display:flex}.mobile-vetrina-toolbarMarks span{color:#fff;background:#0c1a35;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.mobile-vetrina-greeting{text-align:center;align-content:center;gap:.4rem;min-height:clamp(88px,22vw,120px);padding:.8rem 1rem;display:grid}.mobile-vetrina-greeting strong{letter-spacing:-.04em;font-size:clamp(1.45rem,5vw,2rem);line-height:1.1}.mobile-vetrina-greeting p{color:#525a67;line-height:1.35}.mobile-vetrina-dashboard{gap:.55rem;padding:0 .7rem;display:grid}.mobile-vetrina-chips{white-space:nowrap;gap:.4rem;display:flex;overflow:hidden}.mobile-vetrina-chips span{background:#f0f2f6;border-radius:1.5rem;padding:.45rem .65rem;font-size:.73rem;font-weight:600}.mobile-vetrina-composer{color:#525a67;border:1px solid #e0e6ef;border-radius:2rem;justify-content:space-between;align-items:center;gap:.45rem;padding:.35rem .4rem .35rem .8rem;display:flex}.mobile-vetrina-sendMark{background:#f0f2f6;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}@media (min-width:1024px){.mobile-vetrina-panel{background:radial-gradient(34% 75% at 76% 88%,#aac6fa,#0000 72%),radial-gradient(at 70% 100%,#c9dcff,#0000 67%),#f4f8ff;grid-template-columns:1fr 1fr;align-items:center;overflow:visible}.mobile-vetrina-copy{padding-block:3rem}.mobile-vetrina-stage{clip-path:inset(-4rem 0 0);--phone-shift-x:6%;--phone-shift-y:-1.75rem;--phone-z:40px;--phone-angle:-33deg;--phone-slant:-12deg;--phone-depth:44px;--from-x:18%;--from-y:24px;--from-z:-440px;--from-angle:-26deg;--from-tilt:10deg;--from-roll:-4deg;--phone-perspective:1100px;height:408px;padding-top:0;overflow:visible}.mobile-vetrina-ombra{width:min(66%,300px);top:-1.75rem}}.mobile-vetrina-composer[data-attivo]{border-color:#1a56db;box-shadow:0 0 0 2px #1a56db24}.mobile-vetrina-caret{vertical-align:-.15em;background:#1a56db;width:1.5px;height:1em;margin-right:2px;display:inline-block}.mobile-vetrina-tastiera{color:#0c1a35;background:#d3d6dd;gap:7px;margin-top:.7rem;padding:6px 3px 10px;display:grid}.mobile-vetrina-suggerimenti{text-align:center;grid-template-columns:repeat(3,1fr);padding-block:2px 3px;font-size:.72rem;display:grid}.mobile-vetrina-suggerimenti span+span{border-left:1px solid #b4b8c1}.mobile-vetrina-tasti{justify-content:center;gap:4px;display:flex}.mobile-vetrina-tasti[data-riga="1"]{padding-inline:5%}.mobile-vetrina-tasto{background:#fff;border-radius:5px;flex:1 1 0;place-items:center;max-width:9%;height:30px;font-size:.82rem;display:grid;box-shadow:0 1px #898c93}.mobile-vetrina-tasto[data-speciale]{background:#adb2bc;flex:1.35 1 0;max-width:13%;font-size:.72rem}.mobile-vetrina-tasto[data-spazio]{color:#525a67;flex:5 1 0;max-width:none;font-size:.72rem}.mobile-vetrina-tasto[data-invio]{color:#fff;background:#1a56db;flex:2 1 0;max-width:24%;font-size:.72rem}