@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@600&display=swap);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{align-items:center;background-color:#fafeff;display:flex;height:100vh;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.blurDemo{font-family:Prompt,sans-serif;text-align:center;width:477px}.phoneContainer{margin:50px 0 30px;max-height:433px;max-width:477px;position:relative}.maskBlur{height:75px;left:50%;mask:linear-gradient(#000,#000,transparent);-webkit-mask:linear-gradient(#000,#000,transparent);position:absolute;top:130px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:397px}.normal{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.dramatic{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.phone{width:100%}.call{-webkit-filter:drop-shadow(0 5px 10px rgba(0,0,0,.3));filter:drop-shadow(0 5px 10px rgba(0,0,0,.3));left:50%;top:18%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.call,.camera{position:absolute}.camera{height:38px;left:263px;top:37px;width:38px;z-index:93000000}.navImage{height:55px;left:55px;position:absolute;top:52px;width:55px}.toggleBlurContainer{align-items:center;background:rgba(206,207,218,.15);border:1px solid rgba(206,207,218,.5);border-radius:18px;box-sizing:border-box;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin:10px auto auto;padding-left:18px;padding-right:18px;transition:.5s}.toggleBlurContainer.active{background:rgba(252,85,172,.1);border:1px solid #fc55ac}@media screen and (max-width:500px){.App{height:100%;margin:0;width:100%}.blurDemo{margin:0 25px}.call{width:83.3%}.navImage{height:12%;left:11.5%;top:11.5%;width:11%}.camera{height:9%;left:55%;top:8%;width:8%}.maskBlur{height:18%;left:50%;-webkit-mask:linear-gradient(#000,#000,transparent);mask:linear-gradient(#000,#000,transparent);position:absolute;top:31%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:88%}}
/*# sourceMappingURL=main.43d17bab.css.map*/