@import url(https://fonts.googleapis.com/css2?family=Chicle&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;height:100%;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;min-height:100%;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{background:none;border:none;color:inherit;font:inherit;outline:none}button{cursor:pointer}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}:root{--pattern-none:none;--pattern-stripes:repeating-linear-gradient(45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 10px,transparent 0,transparent 20px);--pattern-waves:repeating-linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 5px,transparent 0,transparent 10px);--pattern-checker:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px);--pattern-crosshatch:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px);--pattern-waves2:repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 25px,transparent 26px,transparent 90px);--selected-icon:url(/static/media/icon_selected.6135f3c62d5f6070b69d.svg);--camera-icon:url(/static/media/icon_camera.56e1c0dd75a0eb5e5f03.svg);--dropdown-icon:url(/static/media/icon_dropdown.3037f92e3838b4a6055a.svg);--circle-tile:url(/static/media/icon_bkg_tile.983cc29a58a47b235007.svg);--color-icon:url(/static/media/icon_color.2f07a79ca5c25706ff52.svg);--pattern-icon:url(/static/media/icon_pattern.a10d6f8f02f0d6ae6c0f.svg);--notallowed-icon:url(/static/media/icon_notallowed.bcb2ffd3fb18ddef87b2.svg);--gray-100:#ebf0f5;--gray-100-op50:rgba(235,240,245,.5);--gray-900:#272939;--purple-900:#4a13c0;--purple-800:#7f5dca;--white-color:#fff;--red-900:#c0137b;--red-800:#ef52b0}h1.title.denied-title{color:#c0137b;color:var(--red-900)}p.subtitle.denied-subtitle{color:#ef52b0;color:var(--red-800)}h1.title.prompt-title,h1.title.refresh-title{color:#4a13c0;color:var(--purple-900)}p.subtitle.prompt-subtitle,p.subtitle.refresh-subtitle{color:#7f5dca;color:var(--purple-800)}.avatar-switcher button.avatar1{background-image:url(/static/media/avatar1.513adda315f763f73143.webp)}.avatar-switcher button.avatar2{background-image:url(/static/media/avatar2.1b30420d0c078074b952.webp)}.avatar-switcher button.avatar3{background-image:url(/static/media/avatar3.ee1141c876e10897a806.webp)}.avatar-switcher button.avatar4{background-image:url(/static/media/avatar4.b39de1c741396772a091.webp)}.avatar-switcher button.avatar5{background-image:url(/static/media/avatar5.c2d94f605a823dc4b104.webp)}.avatar-switcher{gap:16px}.avatar-switcher button{background-color:#fff;background-position:bottom;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:18px;cursor:pointer;height:72px;-webkit-transform-origin:center center;transform-origin:center center;width:52px}.avatar-btn:disabled{cursor:inherit}button.avatar-btn.avatar-selection.active,button.avatar-btn.avatar-selection:hover{-webkit-transform:rotate(0deg);transform:rotate(0deg)}button.avatar-btn.avatar-selection.active{border-color:#000}.loader{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.avatar-loader-text{text-wrap:nowrap;color:#4a13c0;color:var(--purple-900);text-align:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #4a13c0;border:4px solid var(--purple-900);border-radius:50%;border-top:4px solid transparent;height:23px;width:23px}@-webkit-keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-left{0%{opacity:0;right:-400px}to{opacity:1;right:0}}@keyframes slide-left{0%{opacity:0;right:-400px}to{opacity:1;right:0}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(1);transform:scale(1)}}.reveal{-webkit-animation-duration:.22s;animation-duration:.22s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}.anim-delay-1{-webkit-animation-delay:.1s;animation-delay:.1s}.anim-delay-2{-webkit-animation-delay:.2s;animation-delay:.2s}.anim-delay-3{-webkit-animation-delay:.3s;animation-delay:.3s}.anim-delay-4{-webkit-animation-delay:.4s;animation-delay:.4s}.anim-delay-5{-webkit-animation-delay:.5s;animation-delay:.5s}.slide-up{-webkit-animation-name:slide-up;animation-name:slide-up}.slide-left{-webkit-animation-name:slide-left;animation-name:slide-left}.slide-right{-webkit-animation-name:slide-right;animation-name:slide-right}.slide-down{-webkit-animation-name:slide-down;animation-name:slide-down}.fade{-webkit-animation-name:fade;animation-name:fade}@media (prefers-reduced-motion:reduce){.reveal{-webkit-animation:none;animation:none;opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{color-scheme:light dark;font-family:Chicle,cursive,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:#fff;color:#111}h1{font-size:22px;line-height:28px}button,h1,p{font-weight:400;letter-spacing:0}button,p{font-size:18px;line-height:22px}html{overflow:hidden}.pos-rel{position:relative}.pos-abs{position:absolute!important}.pos-fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-6{z-index:6}.z-7{z-index:7}.z-8{z-index:8}.z-9{z-index:9}.z-10{z-index:10}.p-0{padding:2px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px;padding:32px}.pb-86{padding-bottom:86px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.m-6{margin:24px}.m-7{margin:32px}.br-4{border-radius:4px}.br-8{border-radius:8px}.br-12{border-radius:12px}.br-16{border-radius:16px}.br-20{border-radius:20px}.br-24{border-radius:24px}.br-100{border-radius:999px}.bg-blur{-webkit-backdrop-filter:blur(5.9px);backdrop-filter:blur(5.9px);background-color:hsla(0,0%,100%,.5)}.tab-button.active{background:#fff}.tab-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:24px;justify-content:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.tab-button.size-48{height:48px;width:48px}.selector-inner-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;height:100%;justify-content:space-evenly;width:100%}.flex-col{display:flex;flex-direction:column}.flex-row{align-items:center;display:flex;flex-direction:row}.avatar-switcher button:first-child,.color-card:first-child,.pattern-card:first-child{-webkit-transform:rotate(9deg);transform:rotate(9deg)}.avatar-switcher button:nth-child(2),.color-card:nth-child(2),.pattern-card:nth-child(2){-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}.avatar-switcher button:nth-child(3),.color-card:nth-child(3),.pattern-card:nth-child(3){-webkit-transform:rotate(9deg);transform:rotate(9deg)}.avatar-switcher button:nth-child(4),.color-card:nth-child(4),.pattern-card:nth-child(4){-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}.avatar-switcher button:nth-child(5),.color-card:nth-child(5),.pattern-card:nth-child(5){-webkit-transform:rotate(9deg);transform:rotate(9deg)}.avatar-switcher button:nth-child(6),.color-card:nth-child(6),.pattern-card:nth-child(6){-webkit-transform:rotate(6deg);transform:rotate(6deg)}.pattern-card.pattern-none{background:#ebf0f5 url(/static/media/icon_notallowed.bcb2ffd3fb18ddef87b2.svg) no-repeat 50%/30px 30px;background:var(--gray-100) var(--notallowed-icon) no-repeat center /30px 30px;-webkit-filter:grayscale(1) opacity(.6);filter:grayscale(1) opacity(.6)}.pattern-card.pattern-stripes{background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 10px,transparent 0,transparent 20px);background-image:var(--pattern-stripes)}.pattern-card.pattern-waves{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 5px,transparent 0,transparent 10px);background-image:var(--pattern-waves)}.pattern-card.pattern-waves2{background-image:repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 25px,transparent 26px,transparent 90px);background-image:var(--pattern-waves2)}.pattern-card.pattern-crosshatch{background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px);background-image:var(--pattern-crosshatch)}.pattern-card.pattern-checker{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 4px,transparent 1px 10px);background-image:var(--pattern-checker)}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}svg{width:inherit}@media (max-width:768px){.avatar-container.mb\:pos{--scale:1.05;-webkit-transform:translateX(calc(-100%*(var(--scale) - 1))) scale(var(--scale));transform:translateX(calc(-100%*(var(--scale) - 1))) scale(var(--scale));-webkit-transform-origin:left bottom;transform-origin:left bottom;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.mb\:camera-dropdown{border-radius:12px;height:48px;margin-left:auto;position:relative;width:48px}.mb\:camera-dropdown>span{height:18px;margin-left:6px;position:absolute;width:18px}.mb\:camera-dropdown>span.dropdown-icon,.mb\:camera-dropdown>span.dropdown-text{display:none}}.w-1{max-width:100px;min-width:100px}.w-100{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px)}.selector-inner-container{overflow-y:scroll}@media (min-width:400px){.selector-inner-container{overflow-y:hidden}}.popup-container{background-color:rgba(235,240,245,.5);background-color:var(--gray-100-op50)}.popup-container>.inner-container{background-color:#ebf0f5;background-color:var(--gray-100);background-image:url(/static/media/icon_bkg_tile.983cc29a58a47b235007.svg);background-image:var(--circle-tile);background-position:0 0;background-repeat:repeat;background-size:16px 16px}.color-card:not(.selected),.pattern-card:not(.selected){border:0 solid #272939;border:0 solid var(--gray-900);box-shadow:0 0 0 3px #fff;box-shadow:0 0 0 3px var(--white-color)}.color-card:hover,.pattern-card:hover{-webkit-transform:rotate(0deg);transform:rotate(0deg)}button.icon-holder:hover{background:#ebf0f5;background:var(--gray-100)}.color-card.selected,.pattern-card.selected{border:3px solid #272939;border:3px solid var(--gray-900);-webkit-transform:rotate(0deg);transform:rotate(0deg)}button.dropdown{padding:4px 10px}button{border-radius:32px;padding:10px}button.primary,button.secondary{margin-top:16px}button.primary{background-color:#4a13c0;background-color:var(--purple-900);color:#ebf0f5;color:var(--gray-100)}button,button.tab-button,button:active,button:hover,div.color-card,div.pattern-card{transition:scale .1s ease-in-out,-webkit-filter .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:scale .1s ease-in-out,filter .1s ease-in-out,transform .1s ease-in-out;transition:scale .1s ease-in-out,filter .1s ease-in-out,transform .1s ease-in-out,-webkit-filter .1s ease-in-out,-webkit-transform .1s ease-in-out}button:not(.avatar-btn):hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}button.avatar-btn:active,button.primary:active,button.secondary:active,button.tab-button:active,div.color-card:active,div.pattern-card:active{scale:.93}video.camera-feed{border:4px solid rgba(235,240,245,.5);border:4px solid var(--gray-100-op50)}button.camera-dropdown{background-color:#ebf0f5;background-color:var(--gray-100);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.cd-icon,.has-icon{display:inline-block}.icon-size-16{height:16px;width:16px}.icon-size-18{height:18px;width:18px}.icon-size-32{height:32px;width:32px}.has-icon.dropdown-icon{background:no-repeat 50%/contain url(/static/media/icon_dropdown.3037f92e3838b4a6055a.svg);background:no-repeat 50%/contain var(--dropdown-icon)}.has-icon.camera-icon{background:no-repeat 50%/contain url(/static/media/icon_camera.56e1c0dd75a0eb5e5f03.svg);background:no-repeat 50%/contain var(--camera-icon)}button.cd-selected>.has-icon.selected-icon{background:no-repeat 50%/contain url(/static/media/icon_selected.6135f3c62d5f6070b69d.svg);background:no-repeat 50%/contain var(--selected-icon)}.has-icon.right-side{margin-left:0}.has-icon.left-side{margin-right:0}.has-icon.right-side.dropdown-icon.rotated-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dropdown-text{color:#4a13c0;color:var(--purple-900);display:inline-block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:108px}.camera-dropdown-list-container{background-color:#ebf0f5;background-color:var(--gray-100)}.icon-holder.pattern-card:before{height:40px;position:absolute;width:40px}.color-card,.pattern-card{cursor:pointer;height:95px;transition:border .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,border .2s ease;transition:transform .2s ease,border .2s ease,-webkit-transform .2s ease;width:81px}button.icon-holder.tab-button:not(.active){-webkit-filter:grayscale(1) opacity(.9);filter:grayscale(1) opacity(.9)}.has-icon.pattern-icon{background:no-repeat 50%/contain url(/static/media/icon_pattern.a10d6f8f02f0d6ae6c0f.svg);background:no-repeat 50%/contain var(--pattern-icon)}.has-icon.color-icon{background:no-repeat 50%/contain url(/static/media/icon_color.2f07a79ca5c25706ff52.svg);background:no-repeat 50%/contain var(--color-icon)}.icon-holder.pattern-card{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.popup-container{max-height:330px;max-width:360px;min-height:72px;min-width:128px;overflow:hidden}@media (min-width:769px){.tb\:icon-size-32{height:32px;width:32px}.popup-container.tb\:size{min-height:90px;min-width:160px}.tb\:m-3{margin:12px}.tab-button.tb\:size-60{height:60px;width:60px}.tb\:center-horizontal{bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.tb\:left-0{left:0!important}.tb\:display-table{display:table}.tb\:w-400{max-width:400px;min-width:400px}.tb\:w-392{max-width:392px;min-width:392px}.tb\:br-24{border-radius:24px}}canvas{cursor:grab}canvas:active{cursor:grabbing}.mediapipe-loader{align-items:center;background:rgba(0,0,0,.4);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:9999}.mediapipe-loader p{color:#ebf0f5;color:var(--gray-100);font-size:1.5rem}
/*# sourceMappingURL=main.7a63afd8.css.map*/