:root{--bg-color: oklch(98% .25% 264deg);--color-blue: oklch(45% 50% 264deg);--color-red: oklch(50% 55% 31deg);--color-gray-50: oklch(98% .25% 264deg);--color-gray-100: oklch(12% 9.5% 264deg / 5%);--color-gray-200: oklch(12% 9% 264deg / 7%);--color-gray-300: oklch(12% 8.5% 264deg / 17%);--color-gray-400: oklch(12% 8% 264deg / 38%);--color-gray-500: oklch(12% 7.5% 264deg / 50%);--color-gray-600: oklch(12% 7% 264deg / 67%);--color-gray-700: oklch(12% 6% 264deg / 77%);--color-gray-800: oklch(12% 5% 264deg / 85%);--color-gray-900: oklch(12% 5% 264deg / 90%);--color-gray-950: oklch(12% 5% 264deg / 95%)}[data-theme=dark]{--bg-color: oklch(17% .25% 264deg);--color-blue: oklch(69% 50% 264deg);--color-red: oklch(80% 55% 31deg);--color-gray-50: oklch(17% .25% 264deg);--color-gray-100: oklch(28% .75% 264deg / 65%);--color-gray-200: oklch(29% .75% 264deg / 80%);--color-gray-300: oklch(35% .75% 264deg / 80%);--color-gray-400: oklch(47% .875% 264deg / 80%);--color-gray-500: oklch(64% 1% 264deg / 80%);--color-gray-600: oklch(82% 1% 264deg / 80%);--color-gray-700: oklch(92% 1.125% 264deg / 80%);--color-gray-800: oklch(93% .875% 264deg / 85%);--color-gray-900: oklch(95% .5% 264deg / 90%);--color-gray-950: oklch(94% .375% 264deg / 95%)}body{background-color:var(--bg-color);height:100vh;margin:auto}#root{display:flex;align-items:center;justify-content:center;height:100%}.main-page{display:flex;align-items:center;gap:.5rem;height:100%;width:100%}.base-round-block{width:43vh;height:43vh;aspect-ratio:1 / 1}.main-text-in-round{max-width:90%;font-size:28px;text-align:center}.select-my-country{position:absolute;top:90vh;font-size:3.2vh;cursor:pointer}.my-camera-wrapper{width:100%;height:50%;display:flex;justify-content:center;cursor:pointer;align-items:baseline}.my-video{width:100%;object-fit:cover;height:100%;border-radius:100%;transform:scaleX(-1);background:linear-gradient(360deg,#7cf53a,#24fd75)}.my-camera-not-ready{background:linear-gradient(360deg,#7cf53a,#24fd75);border-radius:100%;display:flex;align-items:center;justify-content:center;font-family:Open Sans,sans-serif;color:#fff}.stranger-camera-wrapper{width:100%;height:50%;display:flex;justify-content:center;cursor:pointer;align-items:end}.stranger-base{background:linear-gradient(360deg,#24a1de,#7bd4ff);border-radius:100%;display:flex;flex-flow:column;align-items:center;justify-content:center;font-family:Open Sans,sans-serif;color:#fff;height:100%;width:100%;object-fit:cover}.stranger-video{position:absolute;border-radius:100%;object-fit:cover;background:linear-gradient(360deg,#24a1de,#7bd4ff);background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;width:100%}@media(orientation:portrait){.main-page{flex-direction:column-reverse}.my-camera-wrapper{height:40%;align-items:baseline}.stranger-camera-wrapper{height:40%;align-items:end}}@media(orientation:landscape){.my-camera-wrapper,.stranger-camera-wrapper{height:89%;align-items:center}.base-round-block{width:unset;height:80%}}@media(min-width:1024px){.my-camera-wrapper,.stranger-camera-wrapper{height:70%}}@media(min-height:540px){.my-camera-wrapper,.stranger-camera-wrapper{height:70%}}.drawer-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 .875rem;margin:0;outline:0;border-radius:.375rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;color:var(--color-gray-900);-webkit-user-select:none;user-select:none;font-size:34px;cursor:pointer;background:none;border:none;outline:none}.drawer-backdrop{--backdrop-opacity: .2;--bleed: 3rem;position:fixed;min-height:100dvh;inset:0;background-color:#000;opacity:var(--backdrop-opacity);transition-duration:.45s;transition-property:opacity;transition-timing-function:cubic-bezier(.32,.72,0,1)}.drawer-backdrop[data-starting-style],.drawer-backdrop[data-ending-style]{opacity:0}.drawer-backdrop[data-swiping]{transition-duration:0ms}.drawer-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.drawer-viewport{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;touch-action:none}.drawer-content{width:100%;max-width:350px;margin:0 auto}.drawer-popup{--bleed: 3rem;box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;max-height:80dvh;padding-bottom:0;border-radius:1rem 1rem 0 0;outline:1px solid var(--color-gray-200);background-color:var(--color-gray-50);color:var(--color-gray-900);overflow:visible;touch-action:none;box-shadow:0 -16px 48px #0000001f,0 6px 18px #0000000f;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s cubic-bezier(.32,.72,0,1);transform:translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));will-change:transform}.drawer-popup:after{content:"";position:absolute;inset-inline:0;top:100%;height:var(--bleed);background-color:inherit;pointer-events:none}.drawer-popup[data-swiping]{-webkit-user-select:none;user-select:none}@media(max-width:600px){.drawer-popup{max-width:300px!important}}.drawer-popup[data-starting-style],.drawer-popup[data-ending-style]{transform:translateY(calc(100% + 2px));padding-bottom:0;box-shadow:0 -16px 48px #0000,0 6px 18px #0000}.drawer-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.drawer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:auto;padding:1rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px))}.drawer-handle{width:3rem;height:.25rem;margin:0 auto .625rem;flex-shrink:0;border-radius:9999px;background-color:var(--color-gray-300)}.drawer-title{padding:2rem;margin:0;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.0025em;font-weight:700;text-align:center;cursor:default}.drawer-description{margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem;color:var(--color-gray-600);text-align:center}.Meta{margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5rem;color:var(--color-red);text-align:center}.Actions{display:flex;align-items:center;justify-content:end;gap:1rem}@media(max-width:640px){.drawer-popup{max-width:640px!important}}.selected-item{height:3rem;border-radius:.75rem;border:1px solid var(--color-gray-200);background-color:var(--color-gray-100);text-align:center;cursor:pointer}.selected-list{display:grid;gap:.75rem;margin:0 0 1.5rem}.loading-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;height:90vh}.main-banner{height:70vh;width:40vh;background-color:#d3d3d3;border-radius:2vh;margin-top:10vh}.info{max-width:40vh;text-align:center;padding-top:2vh}.settings-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;height:90vh}.settings-page{padding:20px;display:flex;flex-direction:column;gap:20px;font-family:sans-serif}.settings-card{padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:16px}.save-btn{padding:12px;border:none;border-radius:10px;background:#4c8bf5;color:#fff;font-weight:600;cursor:pointer}.select-wrapper{position:relative;display:flex;flex-direction:column;gap:6px}.select-label{font-size:13px;color:#aaa}.select-header{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.arrow{transition:transform .2s}.arrow.open{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;border-radius:8px;margin-top:6px;overflow:hidden;z-index:10}.select-item{padding:10px 12px;cursor:pointer;background-color:#fff}.select-item.active{background:#4c8bf5}