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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.frame{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:96dvh;padding:2.5dvh 20px env(safe-area-inset-bottom)}@media (min-width:768px){.frame{border:1px solid #ccc;border-radius:20px;margin:2.5vh auto 0;max-height:95vh;max-width:400px;padding-bottom:20px}}.header{align-items:center;color:#434343;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:10px;width:95%}.header,.logoContainer{display:flex}.logo{margin-right:10px;max-width:15%}.burgerMenu{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;width:25px}.burgerMenu span{background-color:#434343;border-radius:2px;display:block;height:3px;width:100%}.ck_container{background-color:#ffde00;border:0 solid #484848;border-radius:15px;box-shadow:0 2px 6px #000000b3;flex:1 1;overflow:hidden;position:relative}.ck_video{object-fit:cover}.ck_UI{bottom:0;height:15%;position:absolute;width:100%;z-index:999}.ck_UI,.recordingButton{align-items:center;display:flex;justify-content:center}.recordingButton{background-color:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000004d;cursor:pointer;height:60px;position:relative;transition:transform .2s,box-shadow .2s;width:60px}.recordingButton:before{background-color:#fff;border-radius:50%;content:""}.recordingButton.active:after{animation:pulse 1s infinite;border-radius:50%;box-shadow:0 0 0 0 #ff7777b3;content:"";height:100%;position:absolute;width:100%}.recordingButton.active{animation:pulse 1s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff6f6fb3}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 0 0 #f000}}.recordingButton.hidden{opacity:0;transform:scale(0)}.recordingButton.visible{opacity:1;transform:scale(1);transition:transform .5s ease,opacity .5s ease}.playIcon{border-bottom:12px solid #0000;border-left:20px solid #ff5252;border-top:12px solid #0000;height:0;margin-left:5px;width:0}.stopIcon{background-color:#ff2a2a;height:20px;width:20px}.comingSoonContainer{align-items:center;background-color:#ffde00;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}
/*# sourceMappingURL=main.e6896ee0.css.map*/