body{font-family:Open Sans,sans-serif;margin:auto}.base-round-block{width:43vh;height:43vh;aspect-ratio:1 / 1;cursor:pointer}.in-round-text{padding:2vh;width:90%;color:#fff;font-size:4vh;text-align:center}.main-page{position:fixed;display:flex;flex-flow:column;align-items:center;gap:2rem;height:100%;width:100%}.stranger-video-wrapper{background:linear-gradient(360deg,#24a1de,#7bd4ff);border-radius:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}.stranger-video{width:100%;object-fit:cover;height:100%;border-radius:100%;transform:scaleX(-1);background:url(https://cliply.co/wp-content/uploads/2021/07/402107790_STATIC_NOISE_400.gif)}.country-item{background-color:#dfdfdf;padding:1vh;display:flex;align-items:center;justify-content:space-between;border-radius:20px;margin:1vh;border:2px solid #dfdfdf;cursor:pointer}.country-item-selected{background-color:#dfdfdf;padding:1vh;display:flex;align-items:center;justify-content:space-between;border-radius:20px;margin:1vh;border:2px solid rgba(36,161,222,1);cursor:pointer}.country-name{margin-left:3vh}.country-flag{margin-right:3vh}.contries-select-wrapper{height:70vh;overflow-y:auto}.video-wrapper{background:linear-gradient(360deg,#7cf53a,#24fd75);border-radius:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}.my-video{width:100%;object-fit:cover;height:100%;border-radius:100%;transform:scaleX(-1)}.bottom-sheet-backdrop{position:fixed;inset:0;background:#0006;z-index:1000}.drawer-header{text-align:center}.bottom-sheet{height:80%;position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0003;padding:20px;z-index:1001;animation:slideUpDrawer .25s ease-out}.bottom-sheet-handle{width:48px;height:5px;margin:0 auto 16px;border-radius:999px;background:#ccc}.loading-page-wrapper{align-items:center;justify-content:center;display:flex;flex-flow:column;padding:2vh}.logo{font-size:4vh;font-weight:700;animation:upLogo .45s ease-out;margin-top:10vh}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes upLogo{0%{opacity:0;transform:translateY(100%)}to{transform:translateY(0)}}@keyframes leftLogo{0%{opacity:0;transform:translate(100%)}to{transform:translate(0)}}@media(orientation:portrait){#root{display:flex;justify-content:center}.main-page{justify-content:center}.selected-country{color:#fff;font-size:4vh}.user-settings{font-size:4vh}.add-banner{cursor:pointer;width:110%;aspect-ratio:9 / 16;background-color:#d3d3d3;border-radius:20px;margin-top:10vh}}@media(orientation:portrait)and (max-width:920px){.country-flag{font-size:2.5vh}.country-name{font-size:2.5vh;border-radius:20px}}@media(orientation:landscape){.main-page{flex-flow:row-reverse;align-items:center;justify-content:space-around}.in-round-text{font-size:7vh}.selected-country{color:#fff;font-size:7vh}.user-settings{font-size:7vh}.base-round-block{height:80vh;width:80vh}.bottom-sheet{width:400px;inset:auto auto 0}.loading-page-wrapper{flex-flow:row-reverse;height:100vh;padding:0;width:100%;align-items:center;justify-content:space-around}.logo{margin-top:0!important;font-size:6vh;animation:upLogo .45s ease-out}.add-banner{margin-top:0!important;height:76%;aspect-ratio:1 / 1;background-color:#d3d3d3;border-radius:20px;margin-top:10vh}}@media(orientation:landscape)and (min-width:1024px){.main-page{flex-flow:row-reverse;align-items:center;justify-content:space-around}.base-round-block{height:60vh;width:60vh}.in-round-text{font-size:4vh}.selected-country,.user-settings{font-size:5vh}}@media screen and (min-width:1024px){.bottom-sheet{width:500px;height:570px;inset:auto;border-radius:20px}.contries-select-wrapper{height:470px}}