body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#181616;color:#fff;font-family:Roboto,sans-serif;height:100vh;text-align:center;width:100vw}.App,.App .container{align-items:center;display:flex;justify-content:center}.App .container{background-color:#000;border-radius:52px;height:616px;position:relative;width:298px}.App .container .physicialButton{background-color:#6f6767;border-bottom-left-radius:1.5px;border-top-left-radius:1.5px;position:absolute;width:2px}.App .container .volumeSwitch{height:25px;left:-2px;top:117px}.App .container .topVolumeButton{height:48px;left:-2px;top:162px}.App .container .bottomVolumeButton{height:48px;left:-2px;top:222px}.App .container .powerButton{border-bottom-right-radius:1.5px;border-top-right-radius:1.5px;cursor:pointer;height:73px;left:100%;top:195px;transition:width .2s}.App .container .powerButton:hover{background-color:#948b8b;width:10px}.Screen{align-items:center;background-color:hsla(0,0%,100%,.245);border-radius:38px;display:flex;flex-direction:column;height:590px;overflow:hidden;position:relative;width:270px}.Screen div{z-index:1}.Screen .appsSpace{bottom:0;display:flex;flex-direction:column;height:calc(100% - 42px);justify-content:space-between;position:absolute;width:100%}.Screen .wallpaper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.Screen .wallpaper img{height:100%;object-fit:cover;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.DynamicIsland{align-items:center;background-color:#000;border-radius:13px;display:flex;font-family:Montserrat,sans-serif;font-weight:700;height:26px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.5s;width:87px}.DynamicIsland .faceIdImgContainer{height:70%;width:70%}.DynamicIsland .faceIdImgContainer img{height:100%;width:100%}.ExtendedDynamicIsland{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.ExtendedDynamicIsland div{align-items:center;display:flex;height:26px;justify-content:center;width:26px}.ExtendedDynamicIsland .left img{border-radius:50%;height:80%;width:80%}.BigDynamicIsland{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:3px;width:100%}.BigDynamicIsland div.topBar{align-items:center;display:flex;height:45%;justify-content:space-between;width:90%}.BigDynamicIsland div.topBar .linePicture,.BigDynamicIsland div.topBar div.cover{align-items:center;border-radius:9px;display:flex;height:35px;justify-content:center;overflow:hidden;width:35px}.BigDynamicIsland div.topBar .linePicture img,.BigDynamicIsland div.topBar div.cover img{height:100%;width:100%}.BigDynamicIsland div.topBar .linePicture img{height:80%;width:80%}.BigDynamicIsland div.topBar div.nameBar{align-items:flex-start;display:flex;flex-direction:column;font-size:11px;height:23px;overflow:hidden;width:137px}.BigDynamicIsland div.topBar div.nameBar span.title{color:#fff}.BigDynamicIsland div.topBar div.nameBar span.artist{color:hsla(0,0%,100%,.5)}.BigDynamicIsland .musicLineBar{color:hsla(0,0%,100%,.5);font-size:9px;height:20%;width:90%}.BigDynamicIsland .musicLineBar,.BigDynamicIsland .musicLineBar .line{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.BigDynamicIsland .musicLineBar .line{height:2px;width:70%}.BigDynamicIsland .musicLineBar .line .listened{background-color:#fff;height:2px;transition:width .5s}.BigDynamicIsland .musicLineBar .line .left{background-color:hsla(0,0%,100%,.5);height:2px;transition:width .5s}.BigDynamicIsland .buttons{align-items:center;display:flex;flex-direction:row;height:30%;justify-content:space-between;width:50%}.BigDynamicIsland .buttons div{align-items:center;display:flex;height:22px;justify-content:center;overflow:hidden;width:22px}.BigDynamicIsland .buttons div img{height:60%;opacity:.8;width:60%}.TopBar{align-items:center;box-sizing:border-box;display:flex;height:42px;justify-content:space-between;padding:0 3px;position:absolute;width:100%}.TopBar span.left{color:#000;font-size:9px;font-weight:700;width:calc(50% - 43.5px)}.TopBar span.right{align-items:center;display:flex;justify-content:center;width:calc(50% - 43.5px)}.TopBar span.right img{height:10px;margin-left:3px;width:10px}.BottomBar{background-color:hsla(0,0%,100%,.2);border-top-left-radius:23px;border-top-right-radius:23px;box-sizing:border-box;height:76px;justify-content:space-between;padding:0 20px;width:100%}.BottomBar,.BottomBar div{align-items:center;display:flex}.BottomBar div{background-color:#fff;border-radius:10px;height:42px;justify-content:center;overflow:hidden;width:42px}.BottomBar div img{height:100%;object-fit:cover;width:100%}.IconsPlace{grid-gap:17px;box-sizing:border-box;display:grid;flex-grow:1;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);min-height:100px;padding:19px;width:100%}.Application{align-items:center;display:flex;flex-direction:column;height:54px;justify-content:start;opacity:.6;width:42px}.Application .imageContainer{background-color:#fff;border-radius:10px;height:42px;overflow:hidden;width:42px}.Application .imageContainer img{height:100%;width:100%}.Application span{font-size:10px;font-weight:700;margin:0;padding:0}.Application:first-child{cursor:pointer;opacity:1}.ApplicationAnimation{border-radius:38px;height:100%;overflow:hidden;position:absolute;-webkit-transform-origin:50% 8px;transform-origin:50% 8px;width:100%}.Spotify{align-items:center;background:linear-gradient(180deg,#515151,#1f222d);display:flex;font-family:Montserrat,sans-serif;justify-content:center}.Spotify .container{background-color:transparent;border-radius:0;flex-direction:column;height:75%;width:100%}.Spotify .container,.Spotify .container div{align-items:center;display:flex;justify-content:space-between}.Spotify .container div{flex-direction:row}.Spotify .container .cover{background-color:#2a2424;height:244px;width:244px}.Spotify .container .cover img{height:100%;width:100%}.Spotify .container .nameBar{height:29px;width:214px}.Spotify .container .nameBar div:nth-child(2){display:flex;flex-direction:column}.Spotify .container .nameBar div:nth-child(2) span:first-child{font-size:13px}.Spotify .container .nameBar div:nth-child(2) span:nth-child(2){font-size:11px;opacity:.5}.Spotify .container .musicLineBar{font-size:13px;width:244px}.Spotify .container .musicLineBar div:first-child,.Spotify .container .musicLineBar div:last-child{width:10%}.Spotify .container .musicLineBar .line{height:2px;width:70%}.Spotify .container .musicLineBar .line .left,.Spotify .container .musicLineBar .line .listened{background-color:#fff;height:2px;transition:width .5s}.Spotify .container .musicLineBar .line .left{opacity:.5}.Spotify .container .buttonsBar{justify-content:space-around;width:244px}.Spotify .container .buttonsBar div{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:30px;justify-content:center;overflow:hidden}.Spotify .container .buttonsBar div img{height:40%;width:40%}.Spotify .container .buttonsBar div:nth-child(2){border:2px solid #fff;height:50px;width:50px}.HomeBar{background-color:#fff;border-radius:50px;bottom:10px;cursor:pointer;height:5px;position:absolute;width:70%}.ApplePay{background-color:#322f2f;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.ApplePay .cardContainer{background:linear-gradient(-50deg,#cab8b8,#8e8eb2);border-radius:10px;height:150px;margin-top:50px;position:relative;width:90%}.ApplePay .cardContainer .name{font-family:sans-serif;font-size:18px;left:10px;position:absolute;top:10px}.ApplePay .cardContainer .name:after{color:#000;content:attr(data-name);font-size:18px;left:.5px;position:absolute;top:.5px}.ApplePay .cardContainer .logo{background-color:hsla(0,0%,100%,.3);border:1px solid #fff;border-radius:50%;bottom:10px;height:30px;position:absolute;right:10px;width:30px}.ApplePay .cardContainer .logo:after{background-color:blue;background-color:hsla(0,0%,100%,.3);border:1px solid #fff;border-radius:50%;content:"";height:100%;position:absolute;right:20px;width:100%}.OffScreen{background-color:#0d0d0d;color:#4dd581}.LockedScreen,.OffScreen{height:100%;position:absolute;width:100%}.LockedScreen{background-color:#639}.LockedScreen .wallpaper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.LockedScreen .wallpaper img{height:100%;object-fit:cover;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.LockedScreen .time{color:hsla(0,0%,100%,.8);font-size:70px;font-weight:700;left:50%;position:absolute;top:100px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}
/*# sourceMappingURL=main.08f0e059.css.map*/