@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap);.phone,.scene{box-sizing:border-box}.content .bar,.content .text{opacity:var(--bar-opacity, 0);display:flex}:root{--size:max(5px, 0.9vmin);--height:110em;--pad:1.25em;--border-radius:6.666em;--gutter:calc(var(--pad) * 2);--scene-pad:5vmin;--bg-blur:0.333em;--button-width:0.333em;--notch-height:3.33em;--notch-width:33.3%;--notch-radius:calc(var(--border-radius) - calc(var(--pad) * 2));--notch-duration:0.333s;--ease:cubic-bezier(.666, 0, .4, 1);--ease-spring:cubic-bezier(.666, 0, .4, 1.2);--ease-out:cubic-bezier(.15,0,.333,1);--border-width:0.4em;--deep-green:284;--gold:22.5;--space-black:215;--silver:254;--c-h:var(--deep-green);--c-s:100%;--c-l:50%}@media (min-width:768px){:root{--height:80em}}@-webkit-keyframes appear{to{transform:scale3d(1,1,1);opacity:1}}@keyframes appear{to{transform:scale3d(1,1,1);opacity:1}}.scene{align-items:center;align-content:center;justify-content:center;font-family:Inter;font-size:var(--size);padding:var(--scene-pad)}.phone-con{flex-basis:100%;display:flex;justify-content:center}.phone{position:relative;z-index:1;aspect-ratio:37/76;background:#000;height:var(--height);border-radius:var(--border-radius);box-shadow:0 0 .1em .25em hsl(var(--c-h),20%,25%),0 0 0 var(--border-width) hsl(var(--c-h),30%,85%);opacity:0;transform:scale3d(1.1,1.1,1);-webkit-animation:appear 1s var(--ease-out) forwards;animation:appear 1s var(--ease-out) forwards;webkit-backface-visibility:hidden}.phone:before{content:"";position:absolute;top:var(--border-radius);right:calc(var(--border-width) * -1);bottom:var(--border-radius);left:calc(var(--border-width) * -1);border:.5em solid hsl(var(--c-h),20%,30%);border-left-width:0;border-right-width:0}.buttons{position:absolute;inset:calc(var(--border-width) * -1);pointer-events:none}.bg,.screen-container{inset:0;position:absolute}.buttons .left,.buttons .right{position:absolute;width:var(--button-width);display:flex;flex-direction:column;align-items:stretch;gap:1.5em}.buttons .left{right:100%;top:calc(var(--border-radius) * 2)}.buttons .left .button:first-child{height:3em;margin-bottom:.5em}.buttons .right{left:100%;transform:scale3d(-1,1,1);top:calc(var(--border-radius) * 3)}.buttons .right .button{height:9.5em}.buttons .button{background:hsl(var(--c-h),20%,95%);height:6em;box-shadow:inset -.15em 0 .1em #000,inset 0 0 .1em hsl(var(--c-h),30%,90%),inset 0 .2em .1em hsl(var(--c-h),30%,90%),inset 0 -.2em .1em hsl(var(--c-h),30%,90%),inset -.1em .333em .1em rgba(0,0,0,.5),inset -.1em -.333em .1em rgba(0,0,0,.5);border-top-left-radius:.2em;border-bottom-left-radius:.2em}.screen-container{border-radius:var(--border-radius);border:var(--pad) solid #000;display:flex;flex-direction:column;align-items:center;gap:calc(var(--pad) * 2)}.screen-container:before{content:"";position:absolute;z-index:2;background:#fff;width:36.6%;bottom:calc(var(--pad) * .75);height:calc(var(--pad) * .5);border-radius:calc(var(--pad) * .25);filter:drop-shadow(0 .1em .25em rgba(0, 0, 0, .1))}.bg,.bg .section{border-radius:calc(var(--border-radius) - var(--pad));overflow:hidden}.bg{background:#ebebeb;transform:translateZ(0)}.bg>*,.notch:before{background:#000;inset:0}.bg>*{position:absolute;display:flex;flex-direction:column;opacity:0;transition:opacity 1s var(--ease-out) .5s}.bg .section{--g-h:var(--c-h);--g-s:var(--c-s);--g-l:var(--c-l);flex-grow:1;position:relative;border-bottom-left-radius:20em;border-bottom-right-radius:20em}.bg .section:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#ebebeb;transform:scale3d(1.1,1.25,1);transform-origin:bottom;transition:transform 1s var(--ease-out) .5s}.bg .section:after{content:"";position:absolute;inset:0;border:var(--border-width) solid rgba(255,255,255,.8);border-radius:inherit;filter:blur(.05em);-webkit-mask-image:radial-gradient(100% 100% at 50% 70%,black 30%,transparent 50%);mask-image:radial-gradient(100% 100% at 50% 70%,black 30%,transparent 50%);transform:translatez(2px)}.bg .section .glow{position:absolute;inset:0;border-radius:inherit;mix-blend-mode:overlay;z-index:1;background:radial-gradient(80% 150% at 50% 100%,hsl(var(--g-h),100%,var(--g-l)),transparent 70%)}.bg .section:last-of-type{--g-h:calc(var(--c-h) - var(--g-hue-adjust, 0));--g-l:calc(var(--c-l) + 40%);--g-lightness:95%;transform:scale3d(1,-1,1) translateZ(1px)}.notch-container{position:absolute;z-index:3;top:var(--pad);right:var(--pad);left:var(--pad);display:flex;justify-content:center;height:100%;max-height:calc(var(--notch-radius) * 2);pointer-events:none;outline:0;transition:var(--notch-duration) var(--ease);transition-property:max-height,max-width,filter,transform;will-change:max-width,max-height,filter}.notch{position:relative;border-radius:var(--notch-radius);pointer-events:all;overflow:hidden;color:#fff;display:flex;width:100%;transition:inherit;transition-property:inherit;will-change:inherit;filter:drop-shadow(0 1em 2em hsla(0 0% 0%/var(--shadow-opacity, 0)));transform:scale3d(.375,.4,1);transform-origin:top}.camera,.content .tile:before{border-radius:50%;position:absolute}.notch:before{content:"";position:absolute;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1'><defs><filter id='round'><feGaussianBlur in='SourceGraphic' stdDeviation='5' result='blur' /><feColorMatrix in='blur' mode='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9' result='goo'/><feComposite in='SourceGraphic' in2='goo' operator='atop'/></filter></defs></svg>#round");border-radius:inherit}.content{--content-padding:1.75em;--duration-height:0.5em;--content-gap:1em;width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:stretch;padding:var(--content-padding);gap:var(--content-gap);font-size:125%;transition-property:padding;will-change:padding;position:relative}.content .left,.content .right{height:100%;max-height:calc(100% - var(--bar-height,0%));display:flex;align-items:center;gap:1em}.content,.content .bar,.content .left,.content .right,.content .text{transition:var(--notch-duration) var(--ease-out)}.content .bar,.content .left,.content .right{transition-property:max-height,opacity;will-change:max-height}.content .left{flex-grow:2}.content .text{flex-direction:column;gap:.333em;transition-property:opacity}.content .text:before{content:"The Move";order:1;text-transform:uppercase}.content .text:after{order:2;content:"Space Rangers";opacity:.5}.content .right{flex-grow:1}.content .tile{background:#1a1ab3;height:100%;aspect-ratio:1;border-radius:33.3%;position:relative}.content .tile:before{content:"";inset:0;background:radial-gradient(50% 50% at 55% 40%,#131386,#cd1385 75%,transparent) center/133.3% 133.3%;background-color:#ff0;filter:blur(.05em)}.content .bar{align-items:center;gap:1em;flex-basis:100%;height:100%;max-height:var(--bar-height,0%);color:rgba(255,255,255,.5)}.screen .numero,.screen .tasti{display:inline-block;width:100%}.content .bar .duration{position:relative;height:var(--duration-height);background:rgba(255,255,255,.25);border-radius:calc(var(--duration-height) * .5);overflow:hidden;flex-grow:1}.content .bar .duration:before{content:"";height:100%;background:#fff;width:25%;position:absolute}.content .bar:before{content:"1:20"}.content .bar:after{content:"-1:48"}.camera{display:flex;justify-content:center;align-items:center;height:var(--notch-height);aspect-ratio:1/1;pointer-events:none;z-index:4;top:calc(var(--pad) * 2);right:calc(50% - calc(var(--notch-width) * .5));margin-right:calc(var(--pad) * .333)}.hidden-box,.screen{z-index:1;text-align:center}.camera:before{content:"";height:33.3%;aspect-ratio:1;border-radius:inherit;box-shadow:inset 0 0 .25em #4c4da3;background:radial-gradient(#6667ac,transparent 50%) 33.3% 10%/75% 50% no-repeat,radial-gradient(#454680,transparent 50%) 60% 85%/50% 50% no-repeat;background-color:#080928}.screen{width:100%;position:relative;padding-top:calc(var(--gutter) * 3);border-radius:calc(var(--border-radius) - var(--pad));transition:opacity 1s var(--ease-out) .25s}.screen .numero{font-size:30px;line-height:30px;padding:25px 0 50px}.num_base{color:#009879;font-weight:700}@media only screen and (min-width :768px){.screen .numero{font-size:40px;line-height:40px}}@media only screen and (min-width :992px){.screen .numero{font-size:40px;line-height:40px}}.screen .tasti{padding:5% 0;border:none;background-color:transparent}.hidden-box{position:absolute;background-color:#fff;border-radius:5px;padding:10px 5px 0;width:220px}#box-num2,#box-num5,#box-num8{left:-66px}#box-num4,#box-num7{left:10px}#box-num3,#box-num6,#box-num9{right:10px}.hidden-box p{text-align:center}.btn-hidden{font-size:16px;background-color:#ccc;color:#000;border:none;border-radius:3px;margin:0 3px 10px}#errorScelta,#successScelta{display:inline-block;padding:10px;width:100%;border-radius:5px;color:#fff;font-size:18px;text-align:center}#msgScelta{display:inline-block;width:100%}#errorScelta{background-color:#dd4b39}#successScelta{background-color:#01b559}