.phone-back{background-image:linear-gradient(180deg,#3a3b3f 70%,#1d1d1f);border-radius:74px 40px 84px 50px;box-shadow:inset 20px 0 15px -6px #0009,inset 2px 0 4px -2px #0009,inset 2px 0 1px -2px #ffffff1a,inset 0 -15px 10px -10px #ffffff26;height:862px;position:absolute;top:-3px;transform:translate(-50%,-50%);width:430px}.phone-back:before{filter:blur(5px);left:16px;opacity:.1;transform:rotate(4deg)}.phone-back:after,.phone-back:before{background-color:#fff;border-radius:20px;bottom:40px;content:"";display:block;height:300px;position:absolute;width:100px}.phone-back:after{filter:blur(4px);left:26px;opacity:.25;transform:rotate(2deg)}.phone-screen{background-color:#000;border-radius:48px 40px 52px 45px;box-shadow:-2px 0 0 -1px #fff6,-1px 3px 3px -3px #ffffffb3;height:838px;left:14px;top:-16px;width:400px}.phone-display,.phone-screen{position:absolute;transform:translate(-50%,-50%)}.phone-display{background-color:#212121;border-radius:45px 37px 41px 41px;height:818px;left:20px;top:-23px;width:378px;z-index:1}.phone-notch{background-color:#131313;border-radius:0 0 20px 20px;border-top:6px solid #000;height:21px;left:50%;position:absolute;top:-1px;transform:translate(-50%);width:210px;z-index:3}.phone-notch:after{box-shadow:5px -5px 0 -3px #000;left:-12px}.phone-notch:after,.phone-notch:before{background-color:initial;border-radius:50%;content:"";display:block;height:12px;position:absolute;top:-5px;width:12px}.phone-notch:before{box-shadow:-4px -4px 0 -3px #000;right:-12px}.phone-speaker{background-color:#2b2b2b;border-radius:20px;box-shadow:0 0 0 1px #363637,inset -3px 3px 1px 0 #000,inset -3px 4px 0 -1px #ffffff80;height:6px;left:50%;overflow:hidden;position:absolute;top:6px;transform:translateX(-50%);width:58px}.phone-speaker:after{background-color:#87888c;right:-1px;top:-1px}.phone-speaker:after,.phone-speaker:before{border-radius:50%;content:"";display:block;height:4px;position:absolute;width:4px}.phone-speaker:before{background-color:#898a8e;right:-2px;top:4px}.phone-left-side{height:100%;left:0;position:absolute;top:60px;width:30px}.phone-left-side .phone-antenna{background-color:initial;border-radius:50%;box-shadow:0 -2px 1px -2px #000;height:20px;left:-5px;position:absolute;top:10px;transform:rotate(-40deg) skewX(20deg);width:50px}.phone-left-side .phone-antenna.bottom{bottom:128px;top:auto}.phone-left-side .phone-antenna:after{background-color:initial;border-radius:50%;box-shadow:0 -2px 1px -2px #000;content:"";display:block;height:20px;left:-5px;position:absolute;top:3px;transform:rotate(-2deg);width:50px}.phone-button{background-color:#010101;border-radius:30px;height:47px;left:4px;position:absolute;top:100px;transform:skewY(-40deg);width:12px}.phone-button.bottom{top:160px}.phone-button.top{border-radius:10px 10px 10px 3px;box-shadow:inset 2px 0 0 -1px #ffffff40;height:29px;left:2px;top:48px;width:14px}.phone-button.top:after{height:27px;left:4px;top:0;width:8px}.phone-button.top:before{box-shadow:1px 0 0 0 #0006;height:28px;left:6px;top:0;width:8px}.phone-button:before{background-image:linear-gradient(180deg,#6a6b6f 85%,#0b0b0b);height:45px}.phone-button:after,.phone-button:before{border-radius:20px;content:"";display:block;position:absolute;width:10px}.phone-button:after{background-color:#2d2d2f;box-shadow:inset -1px -1px 0 -1px #fff9;height:44px;left:-2px;top:-1px}.phone-bottom{bottom:0;position:absolute;width:100%}.phone-bottom .bottom-speaker{bottom:6px;display:flex;left:calc(50% - 120px);position:absolute;transform:skewX(-50deg)}.phone-bottom .bottom-speaker.right{left:calc(50% + 45px)}.phone-bottom .bottom-speaker div{background-color:#212121;border-radius:50%;box-shadow:inset -4px -3px 2px -2px #000,1px -1px 0 -1px #ffffff80;height:6px;margin:0 3px;overflow:hidden;position:relative;width:6px}.phone-bottom .bottom-speaker div:after{background-color:#fff;border-radius:50%;bottom:-1px;content:"";display:block;height:3px;left:3px;opacity:.4;position:absolute;width:3px}.phone-bottom .phone-screw{background-image:linear-gradient(90deg,#1a1a1c 30%,#a1a2a7 60%,#1a1a1c 80%);border-radius:50%;bottom:5px;height:9px;left:calc(50% - 38px);position:absolute;transform:translateX(-50%) skewX(-50deg);width:9px}.phone-bottom .phone-screw.right{left:calc(50% + 36px)}.phone-bottom .phone-screw div{background-color:#252527;border-radius:50%;box-shadow:2px 2px 0 0 #000000e6,inset -2px 1px 1px -1px #000;height:6px;position:relative;width:6px}.phone-bottom .phone-screw div:after{background-color:#151515;box-shadow:inset -1px -1px 0 0 #fff9;content:"";display:block;height:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.phone-bottom .phone-charger{background-image:linear-gradient(90deg,#121214 5%,#434446 20%,#434446 60%,#7a7b80 75%,#1b1b1d 90%);border-radius:15px 16px 24px 20px;bottom:2px;box-shadow:1px 1px 1px -1px #fff6,inset -2px -2px 0 -1px #0e0e0e,inset -3px -3px 0 -1px #252527,inset 3px 3px 0 -1px #050505;height:14px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%) skewX(-50deg);width:48px}.phone-bottom .phone-charger:after{background-color:#050505;border-radius:20px 8px 16px 10px;box-shadow:1px 1px 0 -1px #fff6;content:"";display:block;height:10px;width:42px}.phone-bottom .phone-antenna{background-color:initial;border-radius:40%;bottom:8px;box-shadow:0 -2px 1px -2px #000;height:20px;left:60px;opacity:.7;position:absolute;transform:rotate(-45deg) skewX(20deg) scaleY(-1);width:50px}.phone-bottom .phone-antenna.right{left:auto;right:70px}.phone-bottom .phone-antenna.right,.phone-bottom .phone-antenna.right:after{box-shadow:0 -2px 1px -2px #000,19px -2px 0 -2px #fff6}.phone-bottom .phone-antenna:after{background-color:initial;border-radius:40%;box-shadow:0 -2px 1px -2px #000;content:"";display:block;height:20px;left:-3px;position:absolute;top:3px;transform:rotate(-2deg);width:50px}.phone-reflections{background-color:initial;border-radius:48px 40px 52px 45px;height:837px;left:15px;overflow:hidden;position:absolute;top:-17px;transform:translate(-50%,-50%);width:399px;z-index:4}.phone-reflections .reflection-1{background-color:#fff;height:200%;left:-320px;opacity:0;position:absolute;top:-200px;transform:rotate(32deg);width:120%;z-index:10}.phone-reflections .reflection-2,.phone-reflections .reflection-3{background-color:#000;border-radius:100px;height:100%;left:-94px;position:absolute;top:calc(50% + 14px);transform:translateY(-50%);width:100px;z-index:11}.phone-reflections .reflection-3{background:#6d6c71;height:60%;left:-8px;opacity:.6;top:70%;width:10px}.phone-reflections .reflection-4{background-color:#67686c;height:60%;position:absolute;top:0;width:16px}.phone-reflections .reflection-4:before{background-color:initial;border-radius:44px 40px 0 0;box-shadow:-20px -1px 0 0 #67686c;content:"";display:block;height:100px;left:16px;position:absolute;top:4px;width:100px}.phone-reflections .reflection-4:after{background-color:initial;border-radius:60px 0 0 0;box-shadow:-25px -3px 2px -8px #000;content:"";display:block;height:80px;left:0;position:absolute;top:-1px;transform:rotate(15deg);width:80px}.phone-reflections .reflection-5{background-color:#000;border-radius:50%;bottom:0;height:50%;left:4px;position:absolute;width:12px}.phone-reflections .reflection-6{background-color:#000;border-radius:50%;bottom:-4px;height:20px;left:-14px;position:absolute;transform:rotate(40deg);width:80px;z-index:12}.phone-reflections .reflection-6:after{background-color:#000;border-radius:40%;content:"";display:block;height:100px;position:absolute;right:-17px;top:-78px;transform:rotate(50deg);width:20px}.phone-reflections .reflection-6:before{background-color:initial;border-radius:40%;box-shadow:4px 15px 1px -10px #000;content:"";display:block;height:50px;left:7px;position:absolute;top:-51px;transform:rotate(-20deg);width:50px}.reflection-7{border-radius:20px 0 6px 10px;bottom:-4px;left:10px;transform:skewX(60deg) skewY(-10deg) scaleY(-1) scaleX(-1) scale(.8);width:40px;z-index:13}.reflection-7,.reflection-7:after{background-color:#5c5d61;height:20px;position:absolute}.reflection-7:after{border-radius:50%;content:"";display:block;right:6px;top:-3px;transform:rotate(40deg) skewX(-54deg) skewY(47deg) scaleY(1) scaleX(1);width:30px}.reflection-7:before{background-color:#5c5d61;border-radius:2px;bottom:-6px;content:"";display:block;height:18px;left:6px;position:absolute;transform:rotate(253deg) skewX(10deg);width:15px}.display-content{background-image:url(/static/media/screenshot.6d65cbaeb98099d24622.png);background-repeat:no-repeat;background-size:cover;border-radius:45px 37px 41px 41px;height:818px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;left:0;position:absolute;top:0;width:378px}
/*# sourceMappingURL=main.3171a9da.css.map*/