{"version":3,"sources":["marvel-devices.scss"],"names":[],"mappings":"AAAA,eACC,qBACA,kBACA,kCACG,6DAEH,uBACC,WACA,kBACA,YACA,UACA,gBACA,gBACA,cACA,kBACA,0BAGD,mDACC,WACA,gBACA,WACA,cAGD,2BACC,UACA,WACA,QACA,UACA,gBACA,kBAGD,uBACC,YACA,aACA,mBACA,mBACA,mBACA,0CAEA,8BACC,wBACA,yBACA,kBACA,QACA,WACA,SACA,mBACA,mBACA,UAGD,6BACC,wBACA,yBACA,kBACA,QACA,WACA,SACA,mBACA,iEAEA,UAGD,6BACC,mBACA,WACA,YACA,kBACA,SACA,kBACA,YACA,UACA,mBACA,6HAEA,oCACC,mBACA,kBACA,WACA,mBACA,uBACA,wBACA,QACA,SAIF,gCACC,YACA,mBACA,kBACA,SACA,OAGD,mCACC,YACA,mBACA,kBACA,YACA,OAGD,8BACC,kBACA,UACA,WACA,UACA,YACA,8BACA,mBAGD,+BACC,kBACA,UACA,UACA,UACA,YACA,UACA,8BACA,mBAEA,sCACC,kBACA,SACA,UACA,YACA,UACA,8BACA,mBACA,WACA,cAGD,qCACC,kBACA,SACA,SACA,YACA,UACA,8BACA,mBACA,WACA,cAIF,+BACC,mBACA,WACA,YACA,kBACA,SACA,SACA,iBACA,mBACA,UAGD,+BACC,mBACA,WACA,YACA,kBACA,SACA,WACA,UACA,mBAGD,gCACC,mBACA,WACA,WACA,kBACA,SACA,SACA,kBACA,kBACA,UAGD,4BACC,mBAEA,6EACC,gBAGD,uEACC,mBAGD,kCACC,mBACA,2GAIF,6BACC,mBACA,0CAEA,oCACC,mBAGD,mCACC,oEAKD,+EACC,mBAGD,yEACC,mBAGD,qCACC,mBAGD,mCACC,mBACA,4FAEA,0CACC,mBAMH,iCACC,mBACA,aACA,YAEA,wCACC,SACA,8BACA,YACA,WACA,WAGD,yCACC,WACA,WACA,SACA,+BACA,8BAEA,gDACC,WACA,WACA,QACA,YACA,UACA,8BAGD,+CACC,WACA,WACA,WACA,MACA,8BAIF,0CACC,WACA,YACA,8BACA,MAGD,6CACC,WACA,YACA,UACA,MAGD,uCACC,QACA,iBACA,cACA,UAGD,yCACC,UACA,8BAGD,0CACC,YACA,UACA,6BACA,QACA,gBACA,iBAGD,yCACC,uBACA,QACA,gBACA,gBAKH,2BACC,YACA,aACA,mBACA,mBACA,mBACA,0CAEA,kCACC,wBACA,yBACA,kBACA,QACA,WACA,SACA,mBACA,mBACA,UAGD,iCACC,wBACA,yBACA,kBACA,QACA,WACA,SACA,mBACA,iEAEA,UAGD,iCACC,mBACA,WACA,YACA,kBACA,SACA,kBACA,YACA,UACA,mBACA,6HAEA,wCACC,mBACA,kBACA,WACA,mBACA,uBACA,wBACA,QACA,SAIF,oCACC,YACA,mBACA,kBACA,SACA,OAGD,uCACC,YACA,mBACA,kBACA,YACA,OAGD,kCACC,kBACA,UACA,WACA,UACA,YACA,8BACA,mBAGD,mCACC,kBACA,UACA,UACA,UACA,YACA,UACA,8BACA,mBAEA,0CACC,kBACA,SACA,UACA,YACA,UACA,8BACA,mBACA,WACA,cAGD,yCACC,kBACA,SACA,SACA,YACA,UACA,8BACA,mBACA,WACA,cAIF,mCACC,mBACA,WACA,YACA,kBACA,SACA,SACA,iBACA,mBACA,UAGD,mCACC,mBACA,WACA,YACA,kBACA,SACA,WACA,UACA,mBAGD,oCACC,mBACA,WACA,WACA,kBACA,SACA,SACA,kBACA,kBACA,UAGD,gCACC,mBAEA,qFACC,gBAGD,+EACC,mBAGD,sCACC,mBACA,2GAIF,iCACC,mBACA,0CAEA,wCACC,mBAGD,uCACC,oEAKD,uFACC,mBAGD,iFACC,mBAGD,yCACC,mBAGD,uCACC,mBACA,4FAEA,8CACC,mBAMH,qCACC,mBACA,aACA,YAEA,4CACC,SACA,8BACA,YACA,WACA,WAGD,6CACC,WACA,WACA,SACA,+BACA,8BAEA,oDACC,WACA,WACA,QACA,YACA,UACA,8BAGD,mDACC,WACA,WACA,WACA,MACA,8BAIF,8CACC,WACA,YACA,8BACA,MAGD,iDACC,WACA,YACA,UACA,MAGD,2CACC,QACA,iBACA,cACA,UAGD,6CACC,UACA,8BAGD,8CACC,YACA,UACA,6BACA,QACA,gBACA,iBAGD,6CACC,uBACA,QACA,gBACA,gBAKH,gDACC,mBACA,mBACA,YACA,aACA,mBAEA,8DACC,uBACA,wBACA,kBACA,QACA,WACA,SACA,mBACA,mBACA,UAGD,8DACC,kBACA,SACA,WACA,WACA,WACA,8BACA,mBAGD,gEACC,kBACA,UACA,UACA,UACA,YACA,UACA,8BACA,mBAEA,8EACC,kBACA,SACA,UACA,YACA,UACA,8BACA,mBACA,WACA,cAGD,4EACC,kBACA,SACA,aACA,YACA,UACA,8BACA,mBACA,WACA,cAIF,gEACC,mBACA,WACA,YACA,kBACA,SACA,SACA,iBACA,kBACA,UAGD,gEACC,mBACA,WACA,YACA,kBACA,SACA,WACA,UACA,kBACA,kBAGD,kEACC,mBACA,WACA,YACA,kBACA,SACA,SACA,kBACA,kBACA,UAGD,oEACC,mBACA,aACA,YAEA,kFACC,WACA,uBACA,YACA,UACA,8BAGD,oFACC,WACA,WACA,SACA,wBACA,8BAEA,kGACC,WACA,WACA,QACA,YACA,UACA,8BAGD,gGACC,WACA,WACA,YACA,WACA,WACA,8BAIF,oFACC,UACA,uBACA,gBACA,iBAGD,sFACC,YACA,WACA,uBACA,QACA,gBACA,iBAGD,oFACC,uBACA,QACA,gBACA,gBAMF,8BACC,mBACA,WACA,mCACA,YACA,kBACA,SACA,kBACA,YACA,UAGD,iCACC,SACA,kBACA,OAGD,oCACC,YACA,kBACA,OAIA,wCACC,UACA,WACA,oBACA,gBAGD,2CACC,UACA,QACA,UACA,YAGD,8CACC,WACA,UACA,WACA,UACA,YAIF,+BACC,mBAEA,sCACC,mBAGD,6EACC,mBAGD,mFACC,mBAGD,qCACC,mCAIF,6BACC,mBAEA,oCACC,mBAGD,yEACC,mBAGD,+EACC,gBAGD,mCACC,mCAKH,wBACC,gBACA,sCAEA,qEACC,aAGD,8BACC,mBACA,mBACA,WACA,YACA,UACA,kBACA,SACA,kBACA,YAEA,oCACC,WACA,YACA,sCACA,kBACA,kBACA,cACA,WACA,QACA,SACA,iBACA,kBAKD,wCACC,UACA,WACA,oBACA,gBAIF,+DACC,gBAGD,4BACC,mBAEA,uEACC,mBAIF,+BACC,mBAEA,6EACC,mBAIF,8BACC,mBAEA,2EACC,mBAIF,6BACC,mBAEA,yEACC,mBAKH,wBACC,mBACA,YACA,aACA,mBACA,mBAEA,+BACC,WACA,uBACA,wBACA,kBACA,QACA,SACA,UACA,mBACA,mBAGD,iCACC,SACA,kBACA,OAGD,oCACC,YACA,kBACA,OAGD,gCACC,mBACA,WACA,YACA,kBACA,SACA,WACA,UACA,iBACA,mBAGD,iCACC,mBACA,WACA,YACA,kBACA,SACA,SACA,UACA,kBACA,kBAGD,gCACC,mBACA,WACA,YACA,kBACA,SACA,SACA,UACA,kBACA,kBAGD,8BACC,mBACA,mBACA,WACA,YACA,UACA,kBACA,SACA,kBACA,YAEA,oCACC,WACA,YACA,sCACA,kBACA,kBACA,cACA,WACA,QACA,SACA,iBACA,kBAIF,+BACC,kBACA,SACA,WACA,WACA,WACA,8BACA,mBAGD,gCACC,kBACA,UACA,UACA,YACA,UACA,8BACA,mBAEA,uCACC,kBACA,SACA,UACA,YACA,UACA,8BACA,mBACA,WACA,cAGD,sCACC,kBACA,SACA,aACA,YACA,UACA,8BACA,mBACA,WACA,cAIF,kCACC,mBACA,aACA,YAEA,8CACC,UACA,WACA,YACA,UAGD,2CACC,uBACA,QACA,YACA,UAGD,0CACC,UACA,uBACA,cAGD,2CACC,QACA,cACA,iBACA,uBACA,WACA,YAGD,0CACC,YACA,WACA,uBACA,QACA,cACA,iBAGD,wCACC,UACA,WACA,cACA,oBAGD,yCACC,YACA,UACA,WACA,uBACA,8BAGD,0CACC,SACA,wBACA,WACA,WACA,8BAEA,iDACC,YACA,UACA,QACA,WACA,WACA,8BAGD,gDACC,WACA,WACA,WACA,WACA,8BAKH,+BACC,mBAEA,sCACC,mBAGD,qCACC,mBACA,mCAEA,2CACC,gCAIF,6EACC,mBAKH,sBACC,4BACA,YACA,aACA,mBACA,mBAEA,6BACC,yBACA,mBACA,WACA,MACA,kBACA,cACA,wBACA,QACA,SACA,4CAGD,+BACC,uBACA,wBACA,kBACA,QACA,SACA,mBACA,mBAEA,sCACC,yBACA,mBACA,WACA,MACA,kBACA,YACA,wBACA,QACA,SACA,4CAIF,kCACC,aAGD,6BACC,UACA,kBACA,UACA,UACA,aACA,mBACA,8BAGD,8BACC,UACA,kBACA,WACA,SACA,YACA,mBACA,8BAGD,8BACC,mBACA,WACA,YACA,kBACA,SACA,SACA,UACA,iBACA,mBAEA,qCACC,mBACA,UACA,WACA,WACA,cACA,kBACA,QACA,YACA,UACA,mBAIF,gCACC,4BACA,aACA,YAEA,uCACC,aACA,yBACA,yBAGD,yCACC,SACA,QACA,wBACA,uBAEA,gDACC,WACA,yBACA,yBAIF,uCACC,WACA,YACA,wBACA,SACA,8BAGD,wCACC,WACA,WACA,WACA,SACA,8BAGD,wCACC,QACA,uBACA,cACA,gBAEA,+CACC,WACA,SAMJ,kBACC,kBACA,mBACA,YACA,aACA,mBAEA,iDACC,wBACA,WACA,cACA,YACA,mBACA,kBACA,yBACA,SACA,2BAGD,yBACC,SAGD,wBACC,YAGD,8BACC,aAGD,2BACC,mBACA,wBACA,yBACA,QACA,SACA,2IAGA,sBACA,wBACA,2BACA,UACA,kBAEA,mEACC,wBACA,WACA,cACA,YACA,mBACA,kBACA,yBACA,SACA,2BAGD,kCACC,SAGD,iCACC,YAIF,yBACC,UACA,kBACA,UACA,UACA,aACA,mBACA,8BAGD,2BACC,WACA,WACA,kBACA,SACA,cACA,UACA,SACA,kBACA,yBACA,6BACA,kBAGD,0BACC,cACA,kBACA,SACA,YACA,mBACA,mBACA,UACA,WACA,UAEA,gCACC,cACA,WACA,kBACA,QACA,WACA,mBACA,mBACA,UACA,WACA,UAIF,0BACC,cACA,kBACA,SACA,WACA,gBACA,mBACA,WACA,YACA,UAEA,iCACC,UACA,WACA,mBACA,mBACA,kBACA,WACA,QACA,SACA,gBACA,iBAIF,wBACC,kBACA,UACA,YACA,SACA,WACA,YACA,gBACA,mBACA,cACA,kBACA,sBAGD,4BACC,kBACA,aACA,YAEA,qEACC,yBACA,WACA,yBACA,2BAGD,mCACC,QACA,UAGD,kCACC,QACA,UACA,WAIA,uFACC,WACA,yBACA,yBACA,2BAGD,4CACC,WACA,QACA,UAGD,2CACC,UACA,QACA,WAIF,mCACC,WACA,YACA,wBACA,SACA,8BAGD,qCACC,YACA,UACA,uBACA,QACA,cACA,iBAGD,oCACC,WACA,uBAEA,0CACC,WACA,UAIF,oCACC,sBACA,WAGD,kCACC,WACA,YACA,WACA,oBACA,cACA,UAIF,wBACC,mBAEA,iCACC,gBAGD,+BACC,mBAGD,iCACC,2IAEA,yBACA,wBAGD,8BACC,mBAKH,wBACC,6BACA,gBACA,YACA,aACA,uBAEA,oCACC,aAGD,iCACC,wBACA,yBACA,kBACA,SACA,UACA,mBACA,gBACA,UAEA,wCACC,mBACA,cACA,WACA,uBACA,wBACA,QACA,SACA,kBACA,mBAIF,gCACC,UACA,kBACA,UACA,aACA,mBACA,WACA,8BAEA,uCACC,UACA,kBACA,UACA,WACA,cACA,YACA,mBACA,UACA,8BAGD,sCACC,UACA,kBACA,UACA,WACA,cACA,YACA,mBACA,UACA,8BAIF,gCACC,mBACA,WACA,YACA,kBACA,SACA,YACA,UACA,kBAGD,iCACC,mBACA,WACA,YACA,kBACA,SACA,SACA,kBACA,kBACA,UAGD,kCACC,6BACA,aACA,YACA,wBAEA,2CACC,yBACA,wBACA,UACA,SAGD,0CACC,WACA,YACA,YACA,SACA,8BAEA,iDACC,WACA,YACA,QACA,WACA,8BAGD,gDACC,WACA,YACA,QACA,WACA,8BAIF,0CACC,WACA,uBAGD,2CACC,WACA,YACA,QACA,cACA,iBACA,uBAIF,8BACC,gBAGD,8BACC,gBACA,sCAGD,6BACC,mBAGD,4BACC,mBAIF,uBACC,6BACA,YACA,aACA,mBACA,mBAEA,8BACC,WACA,cACA,uBACA,wBACA,kBACA,QACA,SACA,mBACA,mBAGD,6BACC,WACA,cACA,uBACA,wBACA,kBACA,QACA,SACA,gBACA,mBAGD,gCACC,uBACA,aACA,kBACA,mBACA,SACA,UACA,SAEA,uCACC,WACA,kBACA,uBACA,YACA,kBACA,gBACA,QACA,UACA,SAIF,mCACC,aAGD,gCACC,YACA,YACA,cACA,kBACA,SACA,UACA,SACA,mBACA,mHAEA,wBACA,6BAEA,sCACC,WACA,YACA,YACA,cACA,kBACA,UACA,UACA,SACA,mBACA,mBAIF,+BACC,cACA,kBACA,SACA,WACA,mBACA,mBACA,WACA,YACA,UAEA,sCACC,UACA,WACA,gBACA,mBACA,kBACA,WACA,QACA,SACA,gBACA,iBAIF,+BACC,cACA,kBACA,SACA,UACA,mBACA,mBACA,UACA,WACA,UAEA,qCACC,cACA,WACA,kBACA,QACA,WACA,mBACA,mBACA,UACA,WACA,UAIF,iCACC,6BACA,aACA,YAEA,0CACC,wBACA,YACA,wBACA,QAGD,0CACC,WACA,aACA,uBACA,QACA,gBACA,kBAEA,gDACC,WACA,aACA,wBACA,QACA,cACA,kBAIF,yCACC,WACA,sBAGD,yCACC,uBACA,SAEA,gDACC,QACA,UAMJ,oBACC,YACA,aACA,kBACA,mBACA,mBAEA,2BACC,uBACA,wBACA,kBACA,WACA,cACA,QACA,SACA,mBACA,mBAGD,4BACC,mBACA,WACA,YACA,kBACA,SACA,SACA,iBACA,mBAGD,6DACC,aAGD,0BACC,mBACA,mBACA,WACA,YACA,kBACA,SACA,kBACA,YAEA,gCACC,WACA,YACA,gBACA,iBACA,sCACA,kBACA,kBACA,cACA,WACA,QACA,SAIF,8BACC,aACA,YACA,kBAEA,sCACC,uBACA,QACA,cACA,gBAGD,oCACC,QACA,UACA,cACA,iBAIF,2BACC,mBAEA,kCACC,mBAGD,iCACC,mBACA,mCAEA,uCACC,gCAMJ,uBACC,YACA,aACA,uBACA,cACA,mBACA,mBAEA,8BACC,uBACA,wBACA,kBACA,WACA,cACA,QACA,SACA,mBACA,mBAGD,gCACC,yBACA,YACA,kBACA,WACA,cACA,UACA,WACA,oCACA,qCACA,mBACA,qDAEA,uCACC,WACA,YACA,WACA,cACA,MACA,OACA,mBACA,6BACA,kBACA,kBAGD,sCACC,UACA,YACA,WACA,cACA,MACA,gBACA,kBACA,iBACA,kBACA,OACA,QACA,4BACA,oCAIF,mCACC,yBACA,yBACA,YACA,kBACA,WACA,cACA,UACA,WAEA,mFAEC,wBACA,WACA,WACA,cACA,MAEA,kBAGD,0CACC,OACA,mBACA,gIAGD,yCACC,QACA,mBACA,+HAIF,+BACC,mBACA,WACA,YACA,kBACA,SACA,SACA,iBACA,mBAGD,6BACC,aAIF,wBACC,YACA,aACA,aACA,mBACA,iCACA,mBAEA,kCACC,WACA,YACA,kBACA,MACA,OACA,mBACA,gBAGD,gCACC,mBACA,WACA,YACA,kBACA,iGAGD,oCACC,UACA,WAGD,oCACC,UACA,YAGD,oCACC,aACA,WAGD,oCACC,aACA,YAGD,+BACC,wBACA,yBACA,kBACA,QACA,WACA,SACA,mBACA,gBACA,UAGD,sCACC,wBACA,yBACA,kBACA,SACA,gBACA,UACA,mBACA,kDACA,UAEA,6CACC,iCACA,WACA,YACA,kBACA,QACA,WACA,OACA,0BACA,UAIF,gCACC,mBACA,gBAGD,qEACC,WACA,kBACA,WACA,0BACA,OAGD,iCACC,SAGD,oCACC,YAGD,4IACC,UACA,mBACA,kBAGD,gCACC,UACA,UACA,YAEA,uCACC,YACA,SACA,WACA,OAGD,sCACC,YACA,UACA,WACA,OAIF,+BACC,YACA,UACA,WAGD,gCACC,UACA,WACA,QACA,mBACA,kBACA,WACA,mBAGD,iCACC,WACA,WACA,SACA,kBACA,QACA,kBACA,mBACA,kBAGD,+BACC,kBACA,YACA,YACA,SACA,WACA,UACA,gBACA,+BACG,gCAEA,2EACF,WACA,WACA,kBACA,MACA,UAGD,qCACC,yGACA,UAGD,sCACC,0GACA,WAIF,kCACC,aACA,YAEA,yFACC,UACA,YACA,MAGD,2CACC,UAGD,8CACC,WACA,YACA,UAGD,oLACC,WAGD,uDACC,YACA,WACA,SACA,MACA,0BAGD,0CACC,YACA,SACA,WACA,WAEA,iDACC,WACA,UACA,MAGD,gDACC,WACA,WACA,MAIF,yCACC,WACA,WACA,SACA,WAGD,0CACC,SACA,aACA,SAGD,2CACC,UACA,YACA,SACA,QACA,iBACA,cAGD,yCACC,aACA,WACA,UACA,aACA,SACA,6BACG,gCACA,4BAEH,+FACC,OAGD,+CACC,0GACA,YACA,SAGD,gDACC,uGACA,SAMJ,qBACC,YACA,aACA,gBACA,mBACA,kBAEA,+BACC,WACA,YACA,kBACA,MACA,OACA,mBACA,gBAGD,8BACC,WACA,WACA,SACA,kBACA,SACA,kBACA,mBACA,UACA,kBAGD,6BACC,YACA,WACA,UACA,kBACA,SACA,mBACA,UACA,mBAEA,oCACC,WACA,WACA,UACA,WACA,kBACA,QACA,mBACA,UACA,mBAIF,8BACC,YACA,WACA,WACA,kBACA,SACA,mBACA,UACA,mBAEA,qCACC,WACA,YACA,WACA,UACA,kBACA,MACA,mBACA,UACA,mBAIF,mCACC,YACA,WACA,WACA,kBACA,SACA,mBACA,0CACA,UACA,mBAEA,0CACC,WACA,YACA,WACA,UACA,kBACA,QACA,mBACA,UACA,mBAIF,4BACC,UACA,YACA,gBACA,kBACA,UACA,WAGD,6BACC,UACA,aACA,gBACA,kBACA,UACA,UAEA,oCACC,WACA,UACA,UACA,kBACA,OACA,gBACA,YAIF,4BACC,WACA,wBACA,kBACA,QACA,WACA,SACA,mBACA,6BACA,gCACA,gBACA,UACA,gDAGD,6BACC,uHAKA,YACA,kBACA,UACA,WACA,wBACA,UACA,mBACA,UACA,oBAGD,6BACC,mBACA,gBAGD,+BACC,aACA,YACA,kBAEA,wCACC,YACA,UACA,QACA,iBACA,cACA,WACA,UAGD,uCACC,SACA,WACA,UAEA,8CACC,UACA,SAIF,wCACC,UACA,WACA,UAEA,+CACC,SACA,OAIF,6CACC,UACA,WACA,UAEA,oDACC,SACA,SAIF,sCACC,YACA,SACA,YACA,WACA,WAGD,uCACC,YACA,WACA,SACA,YACA,UAEA,8CACC,YACA,UACA,MACA,WACA,WAIF,sCACC,YACA,uBACA,SACA,MACA,aACA,gBACA,8BACA,+BAGD,uCACC,WACA,yBACA,WACA","file":"marvel-devices.min.css","sourcesContent":[".marvel-device{\n\tdisplay: inline-block;\n\tposition: relative;\n\tbox-sizing: content-box !important;\n    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);\n\n\t.screen {\n\t\twidth: 100%;\n\t\tposition: relative;\n\t\theight: 100%;\n\t\tz-index: 3;\n\t\tbackground: white;\n\t\toverflow: hidden;\n\t\tdisplay: block;\n\t\tborder-radius: 1px;\n\t\tbox-shadow: 0 0 0 3px #111;\n\t}\n\n\t.top-bar, .bottom-bar {\n\t\theight: 3px;\n\t\tbackground: black;\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t}\n\n\t.middle-bar {\n\t\twidth: 3px;\n\t\theight: 4px;\n\t\ttop: 0px;\n\t\tleft: 90px;\n\t\tbackground: black;\n\t\tposition: absolute;\n\t}\n\n\t&.iphone8{\n\t\twidth: 375px;\n\t\theight: 667px;\n\t\tpadding: 105px 24px;\n\t\tbackground: #d9dbdc;\n\t\tborder-radius: 56px;\n\t\tbox-shadow:inset 0 0 3px 0 rgba(0, 0, 0, 0.2);\n\n\t\t&:before{\n\t\t\twidth: calc(100% - 12px);\n\t\t\theight: calc(100% - 12px);\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\tcontent: '';\n\t\t\tleft: 6px;\n\t\t\tborder-radius: 50px;\n\t\t\tbackground: #f8f8f8;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t&:after{\n\t\t\twidth: calc(100% - 16px);\n\t\t\theight: calc(100% - 16px);\n\t\t\tposition: absolute;\n\t\t\ttop: 8px;\n\t\t\tcontent: '';\n\t\t\tleft: 8px;\n\t\t\tborder-radius: 48px;\n\t\t\tbox-shadow:inset 0 0 3px 0 rgba(0, 0, 0, 0.1),\n\t\t\tinset 0 0 6px 3px #FFFFFF;\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.home {\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 68px;\n\t\t\theight: 68px;\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -34px;\n\t\t\tbottom: 22px;\n\t\t\tz-index: 3;\n\t\t\tbackground: rgb(48,50,51);\n\t\t\tbackground: linear-gradient(135deg, rgba(48,50,51,1) 0%,rgba(181,183,185,1) 50%,rgba(240,242,242,1) 69%,rgba(48,50,51,1) 100%);\n\n\t\t\t&:before{\n\t\t\t\tbackground: #f8f8f8;\n\t\t\t\tposition: absolute;\n\t\t\t\tcontent: '';\n\t\t\t\tborder-radius: 100%;\n\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\theight: calc(100% - 8px);\n\t\t\t\ttop: 4px;\n\t\t\t\tleft: 4px;\n\t\t\t}\n\t\t}\n\n\t\t.top-bar{\n\t\t\theight: 14px;\n\t\t\tbackground: #bfbfc0;\n\t\t\tposition: absolute;\n\t\t\ttop: 68px;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.bottom-bar{\n\t\t\theight: 14px;\n\t\t\tbackground: #bfbfc0;\n\t\t\tposition: absolute;\n\t\t\tbottom: 68px;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.sleep{\n\t\t\tposition: absolute;\n\t\t\ttop: 190px;\n\t\t\tright: -4px;\n\t\t\twidth: 4px;\n\t\t\theight: 66px;\n\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\tbackground: #d9dbdc;\n\t\t}\n\n\t\t.volume{\n\t\t\tposition: absolute;\n\t\t\tleft: -4px;\n\t\t\ttop: 188px;\n\t\t\tz-index: 0;\n\t\t\theight: 66px;\n\t\t\twidth: 4px;\n\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\tbackground: #d9dbdc;\n\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 2px;\n\t\t\t\ttop: -78px;\n\t\t\t\theight: 40px;\n\t\t\t\twidth: 2px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\ttop: 82px;\n\t\t\t\theight: 66px;\n\t\t\t\twidth: 4px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tposition: absolute;\n\t\t\ttop: 24px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -6px;\n\t\t\tborder-radius: 100%;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t.sensor {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tposition: absolute;\n\t\t\ttop: 49px;\n\t\t\tleft: 134px;\n\t\t\tz-index: 3;\n\t\t\tborder-radius: 100%;\n\t\t}\n\n\t\t.speaker {\n\t\t\tbackground: #292728;\n\t\t\twidth: 70px;\n\t\t\theight: 6px;\n\t\t\tposition: absolute;\n\t\t\ttop: 54px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -35px;\n\t\t\tborder-radius: 6px;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t&.gold{\n\t\t\tbackground: #f9e7d3;\n\n\t\t\t.top-bar, .bottom-bar{\n\t\t\t\tbackground: white;\n\t\t\t}\n\n\t\t\t.sleep, .volume{\n\t\t\t\tbackground: #f9e7d3;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbackground: rgb(206,187,169);\n\t\t\t\tbackground: linear-gradient(135deg, rgba(206,187,169,1) 0%,rgba(249,231,211,1) 50%,rgba(206,187,169,1) 100%);\n\t\t\t}\n\t\t}\n\n\t\t&.black{\n\t\t\tbackground: #464646;\n\t\t\tbox-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7);\n\n\t\t\t&:before{\n\t\t\t\tbackground: #080808;\n\t\t\t}\n\n\t\t\t&:after{\n\t\t\t\tbox-shadow:\n\t\t\t\t\tinset 0 0 3px 0 rgba(0, 0, 0, 0.1),\n\t\t\t\t\tinset 0 0 6px 3px #212121;\n\t\t\t}\n\n\t\t\t.top-bar, .bottom-bar{\n\t\t\t\tbackground: #212121;\n\t\t\t}\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #464646;\n\t\t\t}\n\n\t\t\t.camera{\n\t\t\t\tbackground: #080808;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbackground: rgb(8,8,8);\n\t\t\t\tbackground: linear-gradient(135deg, rgba(8,8,8,1) 0%,rgba(70,70,70,1) 50%,rgba(8,8,8,1) 100%);\n\n\t\t\t\t&:before{\n\t\t\t\t\tbackground: #080808;\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 24px 105px;\n\t\t\theight: 375px;\n\t\t\twidth: 667px;\n\n\t\t\t.sleep{\n\t\t\t\ttop: 100%;\n\t\t\t\tborder-radius: 0px 0px 2px 2px;\n\t\t\t\tright: 190px;\n\t\t\t\theight: 4px;\n\t\t\t\twidth: 66px;\n\t\t\t}\n\n\t\t\t.volume {\n\t\t\t\twidth: 66px;\n\t\t\t\theight: 4px;\n\t\t\t\ttop: -4px;\n\t\t\t\tleft: calc(100% - 188px - 66px);\n\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\n\t\t\t\t&:before {\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 2px;\n\t\t\t\t\ttop: 2px;\n\t\t\t\t\tright: -78px;\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\n\t\t\t\t&:after{\n\t\t\t\t\tleft: -82px;\n\t\t\t\t\twidth: 66px;\n\t\t\t\t\theight: 4px;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.top-bar{\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 100%;\n\t\t\t\tleft: calc(100% - 68px -  14px);\n\t\t\t\ttop: 0;\n\t\t\t}\n\n\t\t\t.bottom-bar{\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 100%;\n\t\t\t\tleft: 68px;\n\t\t\t\ttop: 0;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-top: -34px;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tleft: 22px;\n\t\t\t}\n\n\t\t\t.sensor {\n\t\t\t\ttop: 134px;\n\t\t\t\tleft: calc(100% - 49px - 16px);\n\t\t\t}\n\n\t\t\t.speaker {\n\t\t\t\theight: 70px;\n\t\t\t\twidth: 6px;\n\t\t\t\tleft: calc(100% - 54px - 6px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -35px;\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\tleft: calc(100% - 32px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -5px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.iphone8plus{\n\t\twidth: 414px;\n\t\theight: 736px;\n\t\tpadding: 112px 26px;\n\t\tbackground: #d9dbdc;\n\t\tborder-radius: 56px;\n\t\tbox-shadow:inset 0 0 3px 0 rgba(0, 0, 0, 0.2);\n\n\t\t&:before{\n\t\t\twidth: calc(100% - 12px);\n\t\t\theight: calc(100% - 12px);\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\tcontent: '';\n\t\t\tleft: 6px;\n\t\t\tborder-radius: 50px;\n\t\t\tbackground: #f8f8f8;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t&:after{\n\t\t\twidth: calc(100% - 16px);\n\t\t\theight: calc(100% - 16px);\n\t\t\tposition: absolute;\n\t\t\ttop: 8px;\n\t\t\tcontent: '';\n\t\t\tleft: 8px;\n\t\t\tborder-radius: 48px;\n\t\t\tbox-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1),\n\t\t\t\tinset 0 0 6px 3px #FFFFFF;\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.home {\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 68px;\n\t\t\theight: 68px;\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -34px;\n\t\t\tbottom: 24px;\n\t\t\tz-index: 3;\n\t\t\tbackground: rgb(48,50,51);\n\t\t\tbackground: linear-gradient(135deg, rgba(48,50,51,1) 0%,rgba(181,183,185,1) 50%,rgba(240,242,242,1) 69%,rgba(48,50,51,1) 100%);\n\n\t\t\t&:before{\n\t\t\t\tbackground: #f8f8f8;\n\t\t\t\tposition: absolute;\n\t\t\t\tcontent: '';\n\t\t\t\tborder-radius: 100%;\n\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\theight: calc(100% - 8px);\n\t\t\t\ttop: 4px;\n\t\t\t\tleft: 4px;\n\t\t\t}\n\t\t}\n\n\t\t.top-bar{\n\t\t\theight: 14px;\n\t\t\tbackground: #bfbfc0;\n\t\t\tposition: absolute;\n\t\t\ttop: 68px;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.bottom-bar{\n\t\t\theight: 14px;\n\t\t\tbackground: #bfbfc0;\n\t\t\tposition: absolute;\n\t\t\tbottom: 68px;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.sleep{\n\t\t\tposition: absolute;\n\t\t\ttop: 190px;\n\t\t\tright: -4px;\n\t\t\twidth: 4px;\n\t\t\theight: 66px;\n\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\tbackground: #d9dbdc;\n\t\t}\n\n\t\t.volume{\n\t\t\tposition: absolute;\n\t\t\tleft: -4px;\n\t\t\ttop: 188px;\n\t\t\tz-index: 0;\n\t\t\theight: 66px;\n\t\t\twidth: 4px;\n\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\tbackground: #d9dbdc;\n\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 2px;\n\t\t\t\ttop: -78px;\n\t\t\t\theight: 40px;\n\t\t\t\twidth: 2px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\ttop: 82px;\n\t\t\t\theight: 66px;\n\t\t\t\twidth: 4px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tposition: absolute;\n\t\t\ttop: 29px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -6px;\n\t\t\tborder-radius: 100%;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t.sensor {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tposition: absolute;\n\t\t\ttop: 54px;\n\t\t\tleft: 154px;\n\t\t\tz-index: 3;\n\t\t\tborder-radius: 100%;\n\t\t}\n\n\t\t.speaker {\n\t\t\tbackground: #292728;\n\t\t\twidth: 70px;\n\t\t\theight: 6px;\n\t\t\tposition: absolute;\n\t\t\ttop: 59px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -35px;\n\t\t\tborder-radius: 6px;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t&.gold{\n\t\t\tbackground: #f9e7d3;\n\n\t\t\t.top-bar, .bottom-bar{\n\t\t\t\tbackground: white;\n\t\t\t}\n\n\t\t\t.sleep, .volume{\n\t\t\t\tbackground: #f9e7d3;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbackground: rgb(206,187,169);\n\t\t\t\tbackground: linear-gradient(135deg, rgba(206,187,169,1) 0%,rgba(249,231,211,1) 50%,rgba(206,187,169,1) 100%);\n\t\t\t}\n\t\t}\n\n\t\t&.black{\n\t\t\tbackground: #464646;\n\t\t\tbox-shadow:inset 0 0 3px 0 rgba(0, 0, 0, 0.7);\n\n\t\t\t&:before{\n\t\t\t\tbackground: #080808;\n\t\t\t}\n\n\t\t\t&:after{\n\t\t\t\tbox-shadow:\n\t\t\t\t\tinset 0 0 3px 0 rgba(0, 0, 0, 0.1),\n\t\t\t\t\tinset 0 0 6px 3px #212121;\n\t\t\t}\n\n\t\t\t.top-bar, .bottom-bar{\n\t\t\t\tbackground: #212121;\n\t\t\t}\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #464646;\n\t\t\t}\n\n\t\t\t.camera{\n\t\t\t\tbackground: #080808;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbackground: rgb(8,8,8);\n\t\t\t\tbackground: linear-gradient(135deg, rgba(8,8,8,1) 0%,rgba(70,70,70,1) 50%,rgba(8,8,8,1) 100%);\n\n\t\t\t\t&:before{\n\t\t\t\t\tbackground: #080808;\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 26px 112px;\n\t\t\theight: 414px;\n\t\t\twidth: 736px;\n\n\t\t\t.sleep{\n\t\t\t\ttop: 100%;\n\t\t\t\tborder-radius: 0px 0px 2px 2px;\n\t\t\t\tright: 190px;\n\t\t\t\theight: 4px;\n\t\t\t\twidth: 66px;\n\t\t\t}\n\n\t\t\t.volume {\n\t\t\t\twidth: 66px;\n\t\t\t\theight: 4px;\n\t\t\t\ttop: -4px;\n\t\t\t\tleft: calc(100% - 188px - 66px);\n\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\n\t\t\t\t&:before {\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 2px;\n\t\t\t\t\ttop: 2px;\n\t\t\t\t\tright: -78px;\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\n\t\t\t\t&:after{\n\t\t\t\t\tleft: -82px;\n\t\t\t\t\twidth: 66px;\n\t\t\t\t\theight: 4px;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.top-bar{\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 100%;\n\t\t\t\tleft: calc(100% - 68px -  14px);\n\t\t\t\ttop: 0;\n\t\t\t}\n\n\t\t\t.bottom-bar{\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 100%;\n\t\t\t\tleft: 68px;\n\t\t\t\ttop: 0;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-top: -34px;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tleft: 24px;\n\t\t\t}\n\n\t\t\t.sensor {\n\t\t\t\ttop: 154px;\n\t\t\t\tleft: calc(100% - 54px - 16px);\n\t\t\t}\n\n\t\t\t.speaker {\n\t\t\t\theight: 70px;\n\t\t\t\twidth: 6px;\n\t\t\t\tleft: calc(100% - 59px - 6px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -35px;\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\tleft: calc(100% - 29px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -5px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.iphone5s, &.iphone5c{\n\t\tpadding: 105px 22px;\n\t\tbackground: #2c2b2c;\n\t\twidth: 320px;\n\t\theight: 568px;\n\t\tborder-radius: 50px;\n\n\t\t&:before{\n\t\t\twidth: calc(100% - 8px);\n\t\t\theight: calc(100% - 8px);\n\t\t\tposition: absolute;\n\t\t\ttop: 4px;\n\t\t\tcontent: '';\n\t\t\tleft: 4px;\n\t\t\tborder-radius: 46px;\n\t\t\tbackground: #1e1e1e;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.sleep{\n\t\t\tposition: absolute;\n\t\t\ttop: -4px;\n\t\t\tright: 60px;\n\t\t\twidth: 60px;\n\t\t\theight: 4px;\n\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\tbackground: #282727;\n\t\t}\n\n\t\t.volume{\n\t\t\tposition: absolute;\n\t\t\tleft: -4px;\n\t\t\ttop: 180px;\n\t\t\tz-index: 0;\n\t\t\theight: 27px;\n\t\t\twidth: 4px;\n\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\tbackground: #282727;\n\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\ttop: -75px;\n\t\t\t\theight: 35px;\n\t\t\t\twidth: 4px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\tbottom: -64px;\n\t\t\t\theight: 27px;\n\t\t\t\twidth: 4px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 32px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -5px;\n\t\t\tborder-radius: 5px;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t.sensor {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 60px;\n\t\t\tleft: 160px;\n\t\t\tz-index: 3;\n\t\t\tmargin-left: -32px;\n\t\t\tborder-radius: 5px;\n\t\t}\n\n\t\t.speaker {\n\t\t\tbackground: #292728;\n\t\t\twidth: 64px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 60px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -32px;\n\t\t\tborder-radius: 5px;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 22px 105px;\n\t\t\theight: 320px;\n\t\t\twidth: 568px;\n\n\t\t\t.sleep{\n\t\t\t\tright: -4px;\n\t\t\t\ttop: calc(100% - 120px);\n\t\t\t\theight: 60px;\n\t\t\t\twidth: 4px;\n\t\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\t}\n\n\t\t\t.volume {\n\t\t\t\twidth: 27px;\n\t\t\t\theight: 4px;\n\t\t\t\ttop: -4px;\n\t\t\t\tleft: calc(100% - 180px);\n\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\n\t\t\t\t&:before {\n\t\t\t\t\twidth: 35px;\n\t\t\t\t\theight: 4px;\n\t\t\t\t\ttop: 0px;\n\t\t\t\t\tright: -75px;\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\n\t\t\t\t&:after{\n\t\t\t\t\tbottom: 0px;\n\t\t\t\t\tleft: -64px;\n\t\t\t\t\tz-index: 999;\n\t\t\t\t\theight: 4px;\n\t\t\t\t\twidth: 27px;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sensor {\n\t\t\t\ttop: 160px;\n\t\t\t\tleft: calc(100% - 60px);\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -32px;\n\t\t\t}\n\n\t\t\t.speaker {\n\t\t\t\theight: 64px;\n\t\t\t\twidth: 10px;\n\t\t\t\tleft: calc(100% - 60px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -32px;\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\tleft: calc(100% - 32px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -5px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.iphone5s{\n\t\t.home {\n\t\t\tborder-radius: 36px;\n\t\t\twidth: 68px;\n\t\t\tbox-shadow: inset 0 0 0 4px #2c2b2c;\n\t\t\theight: 68px;\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -34px;\n\t\t\tbottom: 19px;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t.top-bar{\n\t\t\ttop: 70px;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.bottom-bar {\n\t\t\tbottom: 70px;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&.landscape{\n\t\t\t.home {\n\t\t\t\tleft: 19px;\n\t\t\t\tbottom: 50%;\n\t\t\t\tmargin-bottom: -34px;\n\t\t\t\tmargin-left: 0px;\n\t\t\t}\n\n\t\t\t.top-bar {\n\t\t\t\tleft: 70px;\n\t\t\t\ttop: 0px;\n\t\t\t\twidth: 3px;\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t.bottom-bar {\n\t\t\t\tright: 70px;\n\t\t\t\tleft: auto;\n\t\t\t\tbottom: 0px;\n\t\t\t\twidth: 3px;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&.silver{\n\t\t\tbackground: #bcbcbc;\n\n\t\t\t&:before{\n\t\t\t\tbackground: #fcfcfc;\n\t\t\t}\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #d6d6d6;\n\t\t\t}\n\n\t\t\t.top-bar, .bottom-bar{\n\t\t\t\tbackground: #eaebec;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbox-shadow: inset 0 0 0 4px #bcbcbc;\n\t\t\t}\n\t\t}\n\n\t\t&.gold{\n\t\t\tbackground: #f9e7d3;\n\n\t\t\t&:before{\n\t\t\t\tbackground: #fcfcfc;\n\t\t\t}\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #f9e7d3;\n\t\t\t}\n\n\t\t\t.top-bar, .bottom-bar{\n\t\t\t\tbackground: white;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbox-shadow: inset 0 0 0 4px #f9e7d3;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.iphone5c{\n\t\tbackground: white;\n\t\tbox-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);\n\n\t\t.top-bar, .bottom-bar{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.home{\n\t\t\tbackground: #242324;\n\t\t\tborder-radius: 36px;\n\t\t\twidth: 68px;\n\t\t\theight: 68px;\n\t\t\tz-index: 3;\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -34px;\n\t\t\tbottom: 19px;\n\n\t\t\t&:after{\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tborder: 1px solid rgba(255, 255, 255, 0.1);\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tposition: absolute;\n\t\t\t\tdisplay: block;\n\t\t\t\tcontent: '';\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-top: -11px;\n\t\t\t\tmargin-left: -11px;\n\t\t\t}\n\t\t}\n\n\t\t&.landscape{\n\t\t\t.home {\n\t\t\t\tleft: 19px;\n\t\t\t\tbottom: 50%;\n\t\t\t\tmargin-bottom: -34px;\n\t\t\t\tmargin-left: 0px;\n\t\t\t}\n\t\t}\n\n\t\t.volume, .sleep{\n\t\t\tbackground: #dddddd;\n\t\t}\n\n\t\t&.red{\n\t\t\tbackground: #f96b6c;\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #ed5758;\n\t\t\t}\n\t\t}\n\n\t\t&.yellow{\n\t\t\tbackground: #f2dc60;\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #e5ce4c;\n\t\t\t}\n\t\t}\n\n\t\t&.green{\n\t\t\tbackground: #97e563;\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #85d94d;\n\t\t\t}\n\t\t}\n\n\t\t&.blue{\n\t\t\tbackground: #33a2db;\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #2694cd;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.iphone4s{\n\t\tpadding: 129px 27px;\n\t\twidth: 320px;\n\t\theight: 480px;\n\t\tbackground: #686868;\n\t\tborder-radius: 54px;\n\n\t\t&:before{\n\t\t\tcontent: '';\n\t\t\twidth: calc(100% - 8px);\n\t\t\theight: calc(100% - 8px);\n\t\t\tposition: absolute;\n\t\t\ttop: 4px;\n\t\t\tleft: 4px;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 50px;\n\t\t\tbackground: #1e1e1e;\n\t\t}\n\n\t\t.top-bar {\n\t\t\ttop: 60px;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.bottom-bar {\n\t\t\tbottom: 90px;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 72px;\n\t\t\tleft: 134px;\n\t\t\tz-index: 3;\n\t\t\tmargin-left: -5px;\n\t\t\tborder-radius: 100%;\n\t\t}\n\n\t\t.speaker {\n\t\t\tbackground: #292728;\n\t\t\twidth: 64px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 72px;\n\t\t\tleft: 50%;\n\t\t\tz-index: 3;\n\t\t\tmargin-left: -32px;\n\t\t\tborder-radius: 5px;\n\t\t}\n\n\t\t.sensor {\n\t\t\tbackground: #292728;\n\t\t\twidth: 40px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 36px;\n\t\t\tleft: 50%;\n\t\t\tz-index: 3;\n\t\t\tmargin-left: -20px;\n\t\t\tborder-radius: 5px;\n\t\t}\n\n\t\t.home {\n\t\t\tbackground: #242324;\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 72px;\n\t\t\theight: 72px;\n\t\t\tz-index: 3;\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -36px;\n\t\t\tbottom: 30px;\n\n\t\t\t&:after {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tborder: 1px solid rgba(255, 255, 255, 0.1);\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tposition: absolute;\n\t\t\t\tdisplay: block;\n\t\t\t\tcontent: '';\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-top: -11px;\n\t\t\t\tmargin-left: -11px;\n\t\t\t}\n\t\t}\n\n\t\t.sleep {\n\t\t\tposition: absolute;\n\t\t\ttop: -4px;\n\t\t\tright: 60px;\n\t\t\twidth: 60px;\n\t\t\theight: 4px;\n\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\tbackground: #4D4D4D;\n\t\t}\n\n\t\t.volume {\n\t\t\tposition: absolute;\n\t\t\tleft: -4px;\n\t\t\ttop: 160px;\n\t\t\theight: 27px;\n\t\t\twidth: 4px;\n\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\tbackground: #4D4D4D;\n\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\ttop: -70px;\n\t\t\t\theight: 35px;\n\t\t\t\twidth: 4px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\tbottom: -64px;\n\t\t\t\theight: 27px;\n\t\t\t\twidth: 4px;\n\t\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 27px 129px;\n\t\t\theight: 320px;\n\t\t\twidth: 480px;\n\n\t\t\t.bottom-bar {\n\t\t\t\tleft: 90px;\n\t\t\t\tbottom: 0px;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 3px;\n\t\t\t}\n\n\t\t\t.top-bar {\n\t\t\t\tleft: calc(100% - 60px);\n\t\t\t\ttop: 0px;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 3px;\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\ttop: 134px;\n\t\t\t\tleft: calc(100% - 72px);\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t.speaker{\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: -32px;\n\t\t\t\tleft: calc(100% - 72px);\n\t\t\t\twidth: 10px;\n\t\t\t\theight: 64px;\n\t\t\t}\n\n\t\t\t.sensor {\n\t\t\t\theight: 40px;\n\t\t\t\twidth: 10px;\n\t\t\t\tleft: calc(100% - 36px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: -20px;\n\t\t\t}\n\n\t\t\t.home {\n\t\t\t\tleft: 30px;\n\t\t\t\tbottom: 50%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-bottom: -36px;\n\t\t\t}\n\n\t\t\t.sleep {\n\t\t\t\theight: 60px;\n\t\t\t\twidth: 4px;\n\t\t\t\tright: -4px;\n\t\t\t\ttop: calc(100% - 120px);\n\t\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\t}\n\n\t\t\t.volume {\n\t\t\t\ttop: -4px;\n\t\t\t\tleft: calc(100% - 187px);\n\t\t\t\theight: 4px;\n\t\t\t\twidth: 27px;\n\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tright: -70px;\n\t\t\t\t\tleft: auto;\n\t\t\t\t\ttop: 0px;\n\t\t\t\t\twidth: 35px;\n\t\t\t\t\theight: 4px;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\n\t\t\t\t&:after{\n\t\t\t\t\twidth: 27px;\n\t\t\t\t\theight: 4px;\n\t\t\t\t\tbottom: 0px;\n\t\t\t\t\tleft: -64px;\n\t\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.silver{\n\t\t\tbackground: #bcbcbc;\n\n\t\t\t&:before{\n\t\t\t\tbackground: #fcfcfc;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbackground: #fcfcfc;\n\t\t\t\tbox-shadow: inset 0 0 0 1px #bcbcbc;\n\n\t\t\t\t&:after{\n\t\t\t\t\tborder: 1px solid rgba(0, 0, 0, 0.2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.volume, .sleep{\n\t\t\t\tbackground: #d6d6d6;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.nexus5{\n\t\tpadding: 50px 15px 50px 15px;\n\t\twidth: 320px;\n\t\theight: 568px;\n\t\tbackground: #1e1e1e;\n\t\tborder-radius: 20px;\n\n\t\t&:before{\n\t\t\tborder-radius: 600px / 50px;\n\t\t\tbackground: inherit;\n\t\t\tcontent: '';\n\t\t\ttop: 0;\n\t\t\tposition: absolute;\n\t\t\theight: 103.1%;\n\t\t\twidth: calc(100% - 26px);\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%) translateY(-50%);\n\t\t}\n\n\t\t.top-bar{\n\t\t\twidth: calc(100% - 8px);\n\t\t\theight: calc(100% - 6px);\n\t\t\tposition: absolute;\n\t\t\ttop: 3px;\n\t\t\tleft: 4px;\n\t\t\tborder-radius: 20px;\n\t\t\tbackground: #181818;\n\n\t\t\t&:before {\n\t\t\t\tborder-radius: 600px / 50px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tcontent: '';\n\t\t\t\ttop: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\theight: 103.0%;\n\t\t\t\twidth: calc(100% - 26px);\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%) translateY(-50%);\n\t\t\t}\n\t\t}\n\n\t\t.bottom-bar{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.sleep{\n\t\t\twidth: 3px;\n\t\t\tposition: absolute;\n\t\t\tleft: -3px;\n\t\t\ttop: 110px;\n\t\t\theight: 100px;\n\t\t\tbackground: inherit;\n\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t}\n\n\t\t.volume{\n\t\t\twidth: 3px;\n\t\t\tposition: absolute;\n\t\t\tright: -3px;\n\t\t\ttop: 70px;\n\t\t\theight: 45px;\n\t\t\tbackground: inherit;\n\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 18px;\n\t\t\tleft: 50%;\n\t\t\tz-index: 3;\n\t\t\tmargin-left: -5px;\n\t\t\tborder-radius: 100%;\n\n\t\t\t&:before {\n\t\t\t\tbackground: #3c3d3d;\n\t\t\t\twidth: 6px;\n\t\t\t\theight: 6px;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 2px;\n\t\t\t\tleft: -100px;\n\t\t\t\tz-index: 3;\n\t\t\t\tborder-radius: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 15px 50px 15px 50px;\n\t\t\theight: 320px;\n\t\t\twidth: 568px;\n\n\t\t\t&:before {\n\t\t\t\twidth: 103.1%;\n\t\t\t\theight: calc(100% - 26px);\n\t\t\t\tborder-radius: 50px / 600px;\n\t\t\t}\n\n\t\t\t.top-bar {\n\t\t\t\tleft: 3px;\n\t\t\t\ttop: 4px;\n\t\t\t\theight: calc(100% - 8px);\n\t\t\t\twidth: calc(100% - 6px);\n\n\t\t\t\t&:before {\n\t\t\t\t\twidth: 103%;\n\t\t\t\t\theight: calc(100% - 26px);\n\t\t\t\t\tborder-radius: 50px / 600px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sleep{\n\t\t\t\theight: 3px;\n\t\t\t\twidth: 100px;\n\t\t\t\tleft: calc(100% - 210px);\n\t\t\t\ttop: -3px;\n\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t}\n\n\t\t\t.volume{\n\t\t\t\theight: 3px;\n\t\t\t\twidth: 45px;\n\t\t\t\tright: 70px;\n\t\t\t\ttop: 100%;\n\t\t\t\tborder-radius: 0px 0px 2px 2px;\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: calc(100% - 18px);\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: -5px;\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: -100px;\n\t\t\t\t\tleft: 2px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.s5{\n\t\tpadding: 60px 18px;\n\t\tborder-radius: 42px;\n\t\twidth: 320px;\n\t\theight: 568px;\n\t\tbackground: #bcbcbc;\n\n\t\t&:before, &:after{\n\t\t\twidth: calc(100% - 52px);\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\theight: 26px;\n\t\t\tbackground: inherit;\n\t\t\tposition: absolute;\n\t\t\tborder-radius: 500px / 40px;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t&:before{\n\t\t\ttop: -7px;\n\t\t}\n\n\t\t&:after{\n\t\t\tbottom: -7px;\n\t\t}\n\n\t\t.bottom-bar{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.top-bar{\n\t\t\tborder-radius: 37px;\n\t\t\twidth: calc(100% - 10px);\n\t\t\theight: calc(100% - 10px);\n\t\t\ttop: 5px;\n\t\t\tleft: 5px;\n\t\t\tbackground:\n\t\t\t\tradial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 0 0,\n\t\t\t\tradial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 3px 3px;\n\t\t\tbackground-color: white;\n\t\t\tbackground-size: 4px 4px;\n\t\t\tbackground-position: center;\n\t\t\tz-index: 2;\n\t\t\tposition: absolute;\n\n\t\t\t&:before, &:after{\n\t\t\t\twidth: calc(100% - 48px);\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 26px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tposition: absolute;\n\t\t\t\tborder-radius: 500px / 40px;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t}\n\n\t\t\t&:before{\n\t\t\t\ttop: -7px;\n\t\t\t}\n\n\t\t\t&:after{\n\t\t\t\tbottom: -7px;\n\t\t\t}\n\t\t}\n\n\t\t.sleep{\n\t\t\twidth: 3px;\n\t\t\tposition: absolute;\n\t\t\tleft: -3px;\n\t\t\ttop: 100px;\n\t\t\theight: 100px;\n\t\t\tbackground: #cecece;\n\t\t\tborder-radius: 2px 0px 0px 2px;\n\t\t}\n\n\t\t.speaker {\n\t\t\twidth: 68px;\n\t\t\theight: 8px;\n\t\t\tposition: absolute;\n\t\t\ttop: 20px;\n\t\t\tdisplay: block;\n\t\t\tz-index: 3;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -34px;\n\t\t\tbackground-color: #bcbcbc;\n\t\t\tbackground-position: top left;\n\t\t\tborder-radius: 4px;\n\t\t}\n\n\t\t.sensor {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 20px;\n\t\t\tright: 110px;\n\t\t\tbackground: #3c3d3d;\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 8px;\n\t\t\theight: 8px;\n\t\t\tz-index: 3;\n\n\t\t\t&:after {\n\t\t\t\tdisplay: block;\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0px;\n\t\t\t\tright: 12px;\n\t\t\t\tbackground: #3c3d3d;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tz-index: 3;\n\t\t\t}\n\t\t}\n\n\t\t.camera {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 24px;\n\t\t\tright: 42px;\n\t\t\tbackground: black;\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tz-index: 3;\n\n\t\t\t&:before{\n\t\t\t\twidth: 4px;\n\t\t\t\theight: 4px;\n\t\t\t\tbackground: #3c3d3d;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tcontent: '';\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-top: -2px;\n\t\t\t\tmargin-left: -2px;\n\t\t\t}\n\t\t}\n\n\t\t.home {\n\t\t\tposition: absolute;\n\t\t\tz-index: 3;\n\t\t\tbottom: 17px;\n\t\t\tleft: 50%;\n\t\t\twidth: 70px;\n\t\t\theight: 20px;\n\t\t\tbackground: white;\n\t\t\tborder-radius: 18px;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: -35px;\n\t\t\tborder: 2px solid black;\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 18px 60px;\n\t\t\theight: 320px;\n\t\t\twidth: 568px;\n\n\t\t\t&:before, &:after{\n\t\t\t\theight: calc(100% - 52px);\n\t\t\t\twidth: 26px;\n\t\t\t\tborder-radius: 40px / 500px;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t&:before {\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: -7px;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: auto;\n\t\t\t\tright: -7px;\n\t\t\t}\n\n\t\t\t.top-bar{\n\t\t\t\t&:before, &:after{\n\t\t\t\t\twidth: 26px;\n\t\t\t\t\theight: calc(100% - 48px);\n\t\t\t\t\tborder-radius: 40px / 500px;\n\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t}\n\n\t\t\t\t&:before{\n\t\t\t\t\tright: -7px;\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\n\t\t\t\t&:after{\n\t\t\t\t\tleft: -7px;\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\tright: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sleep{\n\t\t\t\theight: 3px;\n\t\t\t\twidth: 100px;\n\t\t\t\tleft: calc(100% - 200px);\n\t\t\t\ttop: -3px;\n\t\t\t\tborder-radius: 2px 2px 0px 0px;\n\t\t\t}\n\n\t\t\t.speaker {\n\t\t\t\theight: 68px;\n\t\t\t\twidth: 8px;\n\t\t\t\tleft: calc(100% - 20px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: -34px;\n\t\t\t}\n\n\t\t\t.sensor {\n\t\t\t\tright: 20px;\n\t\t\t\ttop: calc(100% - 110px);\n\n\t\t\t\t&:after{\n\t\t\t\t\tleft: -12px;\n\t\t\t\t\tright: 0px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\ttop: calc(100% - 42px);\n\t\t\t\tright: 24px;\n\t\t\t}\n\n\t\t\t.home {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 70px;\n\t\t\t\tbottom: 50%;\n\t\t\t\tmargin-bottom: -35px;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tleft: 17px;\n\t\t\t}\n\t\t}\n\n\t\t&.black{\n\t\t\tbackground: #1e1e1e;\n\n\t\t\t.speaker{\n\t\t\t\tbackground: black;\n\t\t\t}\n\n\t\t\t.sleep{\n\t\t\t\tbackground: #1e1e1e;\n\t\t\t}\n\n\t\t\t.top-bar{\n\t\t\t\tbackground: radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 0 0,\n\t\t\t\tradial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 3px 3px;\n\t\t\t\tbackground-color: #2c2b2c;\n\t\t\t\tbackground-size: 4px 4px;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbackground: #2c2b2c;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.lumia920{\n\t\tpadding: 80px 35px 125px 35px;\n\t\tbackground: #ffdd00;\n\t\twidth: 320px;\n\t\theight: 533px;\n\t\tborder-radius: 40px / 3px;\n\n\t\t.bottom-bar{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.top-bar{\n\t\t\twidth: calc(100% - 24px);\n\t\t\theight: calc(100% - 32px);\n\t\t\tposition: absolute;\n\t\t\ttop: 16px;\n\t\t\tleft: 12px;\n\t\t\tborder-radius: 24px;\n\t\t\tbackground: black;\n\t\t\tz-index: 1;\n\n\t\t\t&:before{\n\t\t\t\tbackground: #1e1e1e;\n\t\t\t\tdisplay: block;\n\t\t\t\tcontent: '';\n\t\t\t\twidth: calc(100% - 4px);\n\t\t\t\theight: calc(100% - 4px);\n\t\t\t\ttop: 2px;\n\t\t\t\tleft: 2px;\n\t\t\t\tposition: absolute;\n\t\t\t\tborder-radius: 22px;\n\t\t\t}\n\t\t}\n\n\t\t.volume{\n\t\t\twidth: 3px;\n\t\t\tposition: absolute;\n\t\t\ttop: 130px;\n\t\t\theight: 100px;\n\t\t\tbackground: #1e1e1e;\n\t\t\tright: -3px;\n\t\t\tborder-radius: 0px 2px 2px 0px;\n\n\t\t\t&:before {\n\t\t\t\twidth: 3px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 190px;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 50px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tright: 0px;\n\t\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\twidth: 3px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 460px;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 50px;\n\t\t\t\tbackground: inherit;\n\t\t\t\tright: 0px;\n\t\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\t}\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 34px;\n\t\t\tright: 130px;\n\t\t\tz-index: 5;\n\t\t\tborder-radius: 5px;\n\t\t}\n\n\t\t.speaker {\n\t\t\tbackground: #292728;\n\t\t\twidth: 64px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 38px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -32px;\n\t\t\tborder-radius: 5px;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 35px 80px 35px 125px;\n\t\t\theight: 320px;\n\t\t\twidth: 568px;\n\t\t\tborder-radius: 2px / 100px;\n\n\t\t\t.top-bar{\n\t\t\t\theight: calc(100% - 24px);\n\t\t\t\twidth: calc(100% - 32px);\n\t\t\t\tleft: 16px;\n\t\t\t\ttop: 12px;\n\t\t\t}\n\n\t\t\t.volume {\n\t\t\t\theight: 3px;\n\t\t\t\tright: 130px;\n\t\t\t\twidth: 100px;\n\t\t\t\ttop: 100%;\n\t\t\t\tborder-radius: 0px 0px 2px 2px;\n\n\t\t\t\t&:before{\n\t\t\t\t\theight: 3px;\n\t\t\t\t\tright: 190px;\n\t\t\t\t\ttop: 0px;\n\t\t\t\t\twidth: 50px;\n\t\t\t\t\tborder-radius: 0px 0px 2px 2px;\n\t\t\t\t}\n\n\t\t\t\t&:after{\n\t\t\t\t\theight: 3px;\n\t\t\t\t\tright: 430px;\n\t\t\t\t\ttop: 0px;\n\t\t\t\t\twidth: 50px;\n\t\t\t\t\tborder-radius: 0px 0px 2px 2px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\tright: 30px;\n\t\t\t\ttop: calc(100% - 140px);\n\t\t\t}\n\n\t\t\t.speaker {\n\t\t\t\twidth: 10px;\n\t\t\t\theight: 64px;\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: -32px;\n\t\t\t\tleft: calc(100% - 48px);\n\t\t\t}\n\t\t}\n\n\t\t&.black{\n\t\t\tbackground: black;\n\t\t}\n\n\t\t&.white{\n\t\t\tbackground: white;\n\t\t\tbox-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);\n\t\t}\n\n\t\t&.blue{\n\t\t\tbackground: #00acdd;\n\t\t}\n\n\t\t&.red{\n\t\t\tbackground: #CC3E32;\n\t\t}\n\t}\n\n\t&.htc-one {\n\t\tpadding: 72px 25px 100px 25px;\n\t\twidth: 320px;\n\t\theight: 568px;\n\t\tbackground: #bebebe;\n\t\tborder-radius: 34px;\n\n\t\t&:before{\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\twidth: calc(100% - 4px);\n\t\t\theight: calc(100% - 4px);\n\t\t\tposition: absolute;\n\t\t\ttop: 2px;\n\t\t\tleft: 2px;\n\t\t\tbackground: #adadad;\n\t\t\tborder-radius: 32px;\n\t\t}\n\n\t\t&:after{\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\twidth: calc(100% - 8px);\n\t\t\theight: calc(100% - 8px);\n\t\t\tposition: absolute;\n\t\t\ttop: 4px;\n\t\t\tleft: 4px;\n\t\t\tbackground: #eeeeee;\n\t\t\tborder-radius: 30px;\n\t\t}\n\n\t\t.top-bar{\n\t\t\twidth: calc(100% - 4px);\n\t\t\theight: 635px;\n\t\t\tposition: absolute;\n\t\t\tbackground: #424242;\n\t\t\ttop: 50px;\n\t\t\tz-index: 1;\n\t\t\tleft: 2px;\n\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: calc(100% - 4px);\n\t\t\t\theight: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tbackground: black;\n\t\t\t\ttop: 0px;\n\t\t\t\tz-index: 1;\n\t\t\t\tleft: 2px;\n\t\t\t}\n\t\t}\n\n\t\t.bottom-bar{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.speaker {\n\t\t\theight: 16px;\n\t\t\twidth: 216px;\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 22px;\n\t\t\tz-index: 2;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -108px;\n\t\t\tbackground: radial-gradient(#343434 25%, transparent 50%) 0 0,\n\t\t\tradial-gradient(#343434 25%, transparent 50%) 4px 4px;\n\t\t\tbackground-size: 4px 4px;\n\t\t\tbackground-position: top left;\n\n\t\t\t&:after {\n\t\t\t\tcontent: '';\n\t\t\t\theight: 16px;\n\t\t\t\twidth: 216px;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 676px;\n\t\t\t\tz-index: 2;\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-left: -108px;\n\t\t\t\tbackground: inherit;\n\t\t\t}\n\t\t}\n\n\t\t.camera {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 18px;\n\t\t\tright: 38px;\n\t\t\tbackground: #3c3d3d;\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tz-index: 3;\n\n\t\t\t&:before {\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tcontent: '';\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-top: -4px;\n\t\t\t\tmargin-left: -4px;\n\t\t\t}\n\t\t}\n\n\t\t.sensor {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 29px;\n\t\t\tleft: 60px;\n\t\t\tbackground: #3c3d3d;\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 8px;\n\t\t\theight: 8px;\n\t\t\tz-index: 3;\n\n\t\t\t&:after {\n\t\t\t\tdisplay: block;\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0px;\n\t\t\t\tright: 12px;\n\t\t\t\tbackground: #3c3d3d;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tz-index: 3;\n\t\t\t}\n\t\t}\n\n\t\t&.landscape{\n\t\t\tpadding: 25px 72px 25px 100px;\n\t\t\theight: 320px;\n\t\t\twidth: 568px;\n\n\t\t\t.top-bar{\n\t\t\t\theight: calc(100% - 4px);\n\t\t\t\twidth: 635px;\n\t\t\t\tleft: calc(100% - 685px);\n\t\t\t\ttop: 2px;\n\t\t\t}\n\n\t\t\t.speaker {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 216px;\n\t\t\t\tleft: calc(100% - 38px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: -108px;\n\n\t\t\t\t&:after {\n\t\t\t\t\twidth: 16px;\n\t\t\t\t\theight: 216px;\n\t\t\t\t\tleft: calc(100% - 692px);\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\tmargin-top: -108px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\tright: 18px;\n\t\t\t\ttop: calc(100% - 38px);\n\t\t\t}\n\n\t\t\t.sensor {\n\t\t\t\tleft: calc(100% - 29px);\n\t\t\t\ttop: 60px;\n\n\t\t\t\t:after {\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttop: -12px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.ipad{\n\t\twidth: 576px;\n\t\theight: 768px;\n\t\tpadding: 90px 25px;\n\t\tbackground: #242324;\n\t\tborder-radius: 44px;\n\n\t\t&:before{\n\t\t\twidth: calc(100% - 8px);\n\t\t\theight: calc(100% - 8px);\n\t\t\tposition: absolute;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\ttop: 4px;\n\t\t\tleft: 4px;\n\t\t\tborder-radius: 40px;\n\t\t\tbackground: #1e1e1e;\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 44px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -5px;\n\t\t\tborder-radius: 100%;\n\t\t}\n\n\t\t.top-bar, .bottom-bar{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.home {\n\t\t\tbackground: #242324;\n\t\t\tborder-radius: 36px;\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -25px;\n\t\t\tbottom: 22px;\n\n\t\t\t&:after {\n\t\t\t\twidth: 15px;\n\t\t\t\theight: 15px;\n\t\t\t\tmargin-top: -8px;\n\t\t\t\tmargin-left: -8px;\n\t\t\t\tborder: 1px solid rgba(255, 255, 255, 0.1);\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tposition: absolute;\n\t\t\t\tdisplay: block;\n\t\t\t\tcontent: '';\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t}\n\t\t}\n\n\t\t&.landscape{\n\t\t\theight: 576px;\n\t\t\twidth: 768px;\n\t\t\tpadding: 25px 90px;\n\n\t\t\t.camera {\n\t\t\t\tleft: calc(100% - 44px);\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: -5px;\n\t\t\t}\n\n\t\t\t.home {\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 22px;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: -25px;\n\t\t\t}\n\t\t}\n\n\t\t&.silver{\n\t\t\tbackground: #bcbcbc;\n\n\t\t\t&:before{\n\t\t\t\tbackground: #fcfcfc;\n\t\t\t}\n\n\t\t\t.home{\n\t\t\t\tbackground: #fcfcfc;\n\t\t\t\tbox-shadow: inset 0 0 0 1px #bcbcbc;\n\n\t\t\t\t&:after{\n\t\t\t\t\tborder: 1px solid rgba(0, 0, 0, 0.2);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.macbook {\n\t\twidth: 960px;\n\t\theight: 600px;\n\t\tpadding: 44px 44px 76px;\n\t\tmargin: 0 auto;\n\t\tbackground: #bebebe;\n\t\tborder-radius: 34px;\n\n\t\t&:before {\n\t\t\twidth: calc(100% - 8px);\n\t\t\theight: calc(100% - 8px);\n\t\t\tposition: absolute;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\ttop: 4px;\n\t\t\tleft: 4px;\n\t\t\tborder-radius: 30px;\n\t\t\tbackground: #1e1e1e;\n\t\t}\n\n\t\t.top-bar {\n\t\t\twidth: calc(100% + 2 * 70px);\n\t\t\theight: 40px;\n\t\t\tposition: absolute;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\ttop: 680px;\n\t\t\tleft: -70px;\n\t\t\tborder-bottom-left-radius: 90px 18px;\n\t\t\tborder-bottom-right-radius: 90px 18px;\n\t\t\tbackground: #bebebe;\n\t\t\tbox-shadow: inset 0px -4px 13px 3px rgba(34, 34, 34, 0.6);\n\n\t\t\t&:before {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 24px;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t\tborder-bottom: 2px solid #aaa;\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\twidth: 16%;\n\t\t\t\theight: 14px;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\ttop: 0;\n\t\t\t\tbackground: #ddd;\n\t\t\t\tposition: absolute;\n\t\t\t\tmargin-left: auto;\n\t\t\t\tmargin-right: auto;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tborder-radius: 0 0 20px 20px;\n\t\t\t\tbox-shadow: inset 0px -3px 10px #999;\n\t\t\t}\n\t\t}\n\n\t\t.bottom-bar {\n\t\t\tbackground: transparent;\n\t\t\twidth: calc(100% + 2 * 70px);\n\t\t\theight: 26px;\n\t\t\tposition: absolute;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\ttop: 680px;\n\t\t\tleft: -70px;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\theight: calc(100% - 2px);\n\t\t\t\twidth: 80px;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\ttop: 0;\n\n\t\t\t\tposition: absolute;\n\t\t\t}\n\n\t\t\t&:before {\n\t\t\t\tleft: 0;\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t\tbackground: linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tright: 0;\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t\tbackground: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%);\n\t\t\t}\n\t\t}\n\n\t\t.camera {\n\t\t\tbackground: #3c3d3d;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tposition: absolute;\n\t\t\ttop: 20px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -5px;\n\t\t\tborder-radius: 100%;\n\t\t}\n\n\t\t.home {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&.iphone-x {\n\t\twidth: 375px;\n\t\theight: 812px;\n\t\tpadding: 26px;\n\t\tbackground: #fdfdfd;\n\t\tbox-shadow:inset 0 0 11px 0 black;\n\t\tborder-radius: 66px;\n\n\t\t.overflow {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tborder-radius: 66px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.shadow {\n\t\t\tborder-radius: 100%;\n\t\t\twidth: 90px;\n\t\t\theight: 90px;\n\t\t\tposition: absolute;\n\t\t\tbackground: radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 60%);\n\t\t}\n\n\t\t.shadow--tl {\n\t\t\ttop: -20px;\n\t\t\tleft: -20px;\n\t\t}\n\n\t\t.shadow--tr {\n\t\t\ttop: -20px;\n\t\t\tright: -20px;\n\t\t}\n\n\t\t.shadow--bl {\n\t\t\tbottom: -20px;\n\t\t\tleft: -20px;\n\t\t}\n\n\t\t.shadow--br {\n\t\t\tbottom: -20px;\n\t\t\tright: -20px;\n\t\t}\n\n\t\t&:before{\n\t\t\twidth: calc(100% - 10px);\n\t\t\theight: calc(100% - 10px);\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\t\t\tcontent: '';\n\t\t\tleft: 5px;\n\t\t\tborder-radius: 61px;\n\t\t\tbackground: black;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.inner-shadow{\n\t\t\twidth: calc(100% - 20px);\n\t\t\theight: calc(100% - 20px);\n\t\t\tposition: absolute;\n\t\t\ttop: 10px;\n\t\t\toverflow: hidden;\n\t\t\tleft: 10px;\n\t\t\tborder-radius: 56px;\n\t\t\tbox-shadow: inset 0 0 15px 0 rgba(white, 0.66);\n\t\t\tz-index: 1;\n\n\t\t\t&:before{\n\t\t\t\tbox-shadow:inset 0 0 20px 0 #FFFFFF;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 116%;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -8%;\n\t\t\t\tcontent: '';\n\t\t\t\tleft: 0;\n\t\t\t\tborder-radius: 200px / 112px;\n\t\t\t\tz-index: 2;\n\t\t\t}\n\t\t}\n\n\t\t.screen {\n\t\t\tborder-radius: 40px;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t.top-bar, .bottom-bar {\n\t\t\twidth: 100%;\n\t\t\tposition: absolute;\n\t\t\theight: 8px;\n\t\t\tbackground: rgba(black, 0.1);\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.top-bar {\n\t\t\ttop: 80px;\n\t\t}\n\n\t\t.bottom-bar {\n\t\t\tbottom: 80px;\n\t\t}\n\n\t\t.volume, .volume:before, .volume:after, .sleep {\n\t\t\twidth: 3px;\n\t\t\tbackground: #b5b5b5;\n\t\t\tposition: absolute;\n\t\t}\n\n\t\t.volume {\n\t\t\tleft: -3px;\n\t\t\ttop: 116px;\n\t\t\theight: 32px;\n\n\t\t\t&:before {\n\t\t\t\theight: 62px;\n\t\t\t\ttop: 62px;\n\t\t\t\tcontent: '';\n\t\t\t\tleft: 0;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\theight: 62px;\n\t\t\t\ttop: 140px;\n\t\t\t\tcontent: '';\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t}\n\n\t\t.sleep {\n\t\t\theight: 96px;\n\t\t\ttop: 200px;\n\t\t\tright: -3px;\n\t\t}\n\n\t\t.camera {\n\t\t\twidth: 6px;\n\t\t\theight: 6px;\n\t\t\ttop: 9px;\n\t\t\tborder-radius: 100%;\n\t\t\tposition: absolute;\n\t\t\tleft: 154px;\n\t\t\tbackground: #0d4d71;\n\t\t}\n\n\t\t.speaker {\n\t\t\theight: 6px;\n\t\t\twidth: 60px;\n\t\t\tleft: 50%;\n\t\t\tposition: absolute;\n\t\t\ttop: 9px;\n\t\t\tmargin-left: -30px;\n\t\t\tbackground: #171818;\n\t\t\tborder-radius: 6px;\n\t\t}\n\n\t\t.notch {\n\t\t\tposition: absolute;\n\t\t\twidth: 210px;\n\t\t\theight: 30px;\n\t\t\ttop: 26px;\n\t\t\tleft: 108px;\n\t\t\tz-index: 4;\n\t\t\tbackground: black;\n\t\t\tborder-bottom-left-radius: 24px;\n\t\t    border-bottom-right-radius: 24px;\n\n\t\t    &:before, &:after {\n\t\t\t\tcontent: '';\n\t\t\t\theight: 8px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\twidth: 8px;\n\t\t    }\n\n\t\t\t&:after {\n\t\t\t\tbackground: radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);\n\t\t\t\tleft: -8px;\n\t\t\t}\n\n\t\t\t&:before {\n\t\t\t\tbackground: radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);\n\t\t\t\tright: -8px;\n\t\t\t}\n\t\t}\n\n\t\t&.landscape {\n\t\t\theight: 375px;\n\t\t\twidth: 812px;\n\n\t\t\t.top-bar, .bottom-bar {\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 100%;\n\t\t\t\ttop: 0;\n\t\t\t}\n\n\t\t\t.top-bar {\n\t\t\t\tleft: 80px;\n\t\t\t}\n\n\t\t\t.bottom-bar {\n\t\t\t\tright: 80px;\n\t\t\t\tbottom: auto;\n\t\t\t\tleft: auto;\n\t\t\t}\n\n\t\t\t.volume, .volume:before, .volume:after, .sleep {\n\t\t\t\theight: 3px;\n\t\t\t}\n\n\t\t\t.inner-shadow:before {\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 116%;\n\t\t\t\tleft: -8%;\n\t\t\t\ttop: 0;\n\t\t\t\tborder-radius: 112px / 200px;\n\t\t\t}\n\n\t\t\t.volume {\n\t\t\t\tbottom: -3px;\n\t\t\t\ttop: auto;\n\t\t\t\tleft: 116px;\n\t\t\t\twidth: 32px;\n\n\t\t\t\t&:before {\n\t\t\t\t\twidth: 62px;\n\t\t\t\t\tleft: 62px;\n\t\t\t\t\ttop: 0;\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\t\t\t\t\twidth: 62px;\n\t\t\t\t\tleft: 140px;\n\t\t\t\t\ttop: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sleep {\n\t\t\t\twidth: 96px;\n\t\t\t\tleft: 200px;\n\t\t\t\ttop: -3px;\n\t\t\t\tright: auto;\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\tleft: 9px;\n\t\t\t\tbottom: 154px;\n\t\t\t\ttop: auto;\n\t\t\t}\n\n\t\t\t.speaker {\n\t\t\t\twidth: 6px;\n\t\t\t\theight: 60px;\n\t\t\t\tleft: 9px;\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-top: -30px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t.notch {\n\t\t\t\theight: 210px;\n\t\t\t\twidth: 30px;\n\t\t\t\tleft: 26px;\n\t\t\t\tbottom: 108px;\n\t\t\t\ttop: auto;\n\t\t\t\tborder-top-right-radius: 24px;\n\t\t\t    border-bottom-right-radius: 24px;\n\t\t\t    border-bottom-left-radius: 0;\n\n\t\t\t\t&:before, &:after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\t\t\t\t\tbackground: radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);\n\t\t\t\t\tbottom: -8px;\n\t\t\t\t\ttop: auto;\n\t\t\t\t}\n\n\t\t\t\t&:before {\n\t\t\t\t\tbackground: radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);\n\t\t\t\t\ttop: -8px;\n\t\t\t\t}\n\t\t\t}\t\n\t\t}\n\t}\n\n\t&.note8 {\n\t\twidth: 400px;\n\t\theight: 822px;\n\t\tbackground: black;\n\t\tborder-radius: 34px;\n\t\tpadding: 45px 10px;\n\n\t\t.overflow {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tborder-radius: 34px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.speaker {\n\t\t\theight: 8px;\n\t\t\twidth: 56px;\n\t\t\tleft: 50%;\n\t\t\tposition: absolute;\n\t\t\ttop: 25px;\n\t\t\tmargin-left: -28px;\n\t\t\tbackground: #171818;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 8px;\n\t\t}\n\n\t\t.camera {\n\t\t\theight: 18px;\n\t\t\twidth: 18px;\n\t\t\tleft: 86px;\n\t\t\tposition: absolute;\n\t\t\ttop: 18px;\n\t\t\tbackground: #212b36;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 100%;\n\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\theight: 8px;\n\t\t\t\twidth: 8px;\n\t\t\t\tleft: -22px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tbackground: #212b36;\n\t\t\t\tz-index: 1;\n\t\t\t\tborder-radius: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.sensors {\n\t\t\theight: 10px;\n\t\t\twidth: 10px;\n\t\t\tleft: 120px;\n\t\t\tposition: absolute;\n\t\t\ttop: 22px;\n\t\t\tbackground: #1d233b;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 100%;\n\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\theight: 10px;\n\t\t\t\twidth: 10px;\n\t\t\t\tleft: 18px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tbackground: #1d233b;\n\t\t\t\tz-index: 1;\n\t\t\t\tborder-radius: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.more-sensors {\n\t\t\theight: 16px;\n\t\t\twidth: 16px;\n\t\t\tleft: 285px;\n\t\t\tposition: absolute;\n\t\t\ttop: 18px;\n\t\t\tbackground: #33244a;\n\t\t\tbox-shadow: 0 0 0 2px rgba(white, 0.1);\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 100%;\n\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\theight: 11px;\n\t\t\t\twidth: 11px;\n\t\t\t\tleft: 40px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 4px;\n\t\t\t\tbackground: #214a61;\n\t\t\t\tz-index: 1;\n\t\t\t\tborder-radius: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.sleep {\n\t\t\twidth: 2px;\n\t\t\theight: 56px;\n\t\t\tbackground: black;\n\t\t\tposition: absolute;\n\t\t\ttop: 288px;\n\t\t\tright: -2px;\n\t\t}\n\n\t\t.volume {\n\t\t\twidth: 2px;\n\t\t\theight: 120px;\n\t\t\tbackground: black;\n\t\t\tposition: absolute;\n\t\t\ttop: 168px;\n\t\t\tleft: -2px;\n\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\t\t\t\ttop: 168px;\n\t\t\t\twidth: 2px;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tbackground: black;\n\t\t\t\theight: 56px;\n\t\t\t}\n\t\t}\n\n\t\t.inner {\n\t\t\twidth: 100%;\n\t\t\theight: calc(100% - 8px);\n\t\t\tposition: absolute;\n\t\t\ttop: 2px;\n\t\t\tcontent: '';\n\t\t\tleft: 0px;\n\t\t\tborder-radius: 34px;\n\t\t\tborder-top: 2px solid #9fa0a2;\n\t\t\tborder-bottom: 2px solid #9fa0a2;\n\t\t\tbackground: black;\n\t\t\tz-index: 1;\n\t\t\tbox-shadow: inset 0 0 6px 0 rgba(white, 0.5);\n\t\t}\n\n\t\t.shadow{\n\t\t\tbox-shadow:\n\t\t\t\tinset 0 0 60px 0 white,\n\t\t\t\tinset 0 0 30px 0 rgba(white, 0.5),\n\t\t\t\t0 0 20px 0 white,\n\t\t\t\t0 0 20px 0 rgba(white, 0.5);\n\t\t\theight: 101%;\n\t\t\tposition: absolute;\n\t\t\ttop: -0.5%;\n\t\t\tcontent: '';\n\t\t\twidth: calc(100% - 20px);\n\t\t\tleft: 10px;\n\t\t\tborder-radius: 38px;\n\t\t\tz-index: 5;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.screen {\n\t\t\tborder-radius: 14px;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&.landscape {\n\t\t\theight: 400px;\n\t\t\twidth: 822px;\n\t\t\tpadding: 10px 45px;\n\n\t\t\t.speaker {\n\t\t\t\theight: 56px;\n\t\t\t\twidth: 8px;\n\t\t\t\ttop: 50%;\n\t\t\t\tmargin-top: -28px;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tright: 25px;\n\t\t\t\tleft: auto;\n\t\t\t}\n\n\t\t\t.camera {\n\t\t\t\ttop: 86px;\n\t\t\t\tright: 18px;\n\t\t\t\tleft: auto;\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: -22px;\n\t\t\t\t\tleft: 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sensors {\n\t\t\t\ttop: 120px;\n\t\t\t\tright: 22px;\n\t\t\t\tleft: auto;\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: 18px;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.more-sensors {\n\t\t\t\ttop: 285px;\n\t\t\t\tright: 18px;\n\t\t\t\tleft: auto;\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: 40px;\n\t\t\t\t\tleft: 4px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sleep {\n\t\t\t\tbottom: -2px;\n\t\t\t\ttop: auto;\n\t\t\t\tright: 288px;\n\t\t\t\twidth: 56px;\n\t\t\t\theight: 2px;\n\t\t\t}\n\n\t\t\t.volume {\n\t\t\t\twidth: 120px;\n\t\t\t\theight: 2px;\n\t\t\t\ttop: -2px;\n\t\t\t\tright: 168px;\n\t\t\t\tleft: auto;\n\n\t\t\t\t&:before {\n\t\t\t\t\tright: 168px;\n\t\t\t\t\tleft: auto;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\twidth: 56px;\n\t\t\t\t\theight: 2px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.inner {\n\t\t\t\theight: 100%;\n\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\tleft: 2px;\n\t\t\t\ttop: 0;\n\t\t\t\tborder-top: 0;\n\t\t\t\tborder-bottom: 0;\n\t\t\t\tborder-left: 2px solid #9fa0a2;\n\t\t\t\tborder-right: 2px solid #9fa0a2;\n\t\t\t}\n\n\t\t\t.shadow {\n\t\t\t\twidth: 101%;\n\t\t\t\theight: calc(100% - 20px);\n\t\t\t\tleft: -0.5%;\n\t\t\t\ttop: 10px;\n\t\t\t}\n\t\t}\n\t}\n}"]}