:root{--gray-100:#ebf0f5;--gray-100-op50:#ebf0f580;--gray-200:#dde4ec;--gray-300:#c7d0da;--gray-400:#aab5c1;--gray-500:#8a96a4;--gray-600:#6c7685;--gray-700:#505867;--gray-800:#3a3e4f;--gray-900:#272939;--purple-100:#f4eeff;--purple-200:#e5d8ff;--purple-300:#d1bbff;--purple-400:#b89aff;--purple-500:#9f78f0;--purple-600:#8c64dd;--purple-700:#855fd4;--purple-800:#7f5dca;--purple-900:#4a13c0;--red-100:#fdebf7;--red-200:#fcd4ee;--red-300:#fab7e1;--red-400:#f791d0;--red-500:#f36bc0;--red-600:#ef52b0;--red-700:#e53b9e;--red-800:#d92b8e;--red-900:#c0137b;--white-color:#fff;--black-color:#000;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-placeholder:var(--gray-500);--text-muted:var(--gray-600);--text-subtle:var(--gray-300);--text-inverse:var(--white-color);--text-brand:var(--purple-900);--text-brand-strong:var(--purple-900);--text-brand-muted:var(--purple-700);--text-brand-subtle:var(--purple-500);--text-danger:var(--red-900);--text-danger-strong:var(--red-900);--text-danger-muted:var(--red-700);--text-danger-subtle:var(--red-500);--bg-primary:var(--white-color);--bg-secondary:var(--gray-100);--bg-tertiary:var(--gray-200);--bg-quaternary:var(--gray-300);--bg-inverse:var(--gray-900);--bg-brand:var(--purple-900);--bg-brand-hover:var(--purple-800);--bg-brand-active:var(--purple-700);--bg-brand-soft:var(--purple-100);--bg-brand-soft-hover:var(--purple-200);--bg-danger:var(--red-900);--bg-danger-hover:var(--red-800);--bg-danger-active:var(--red-700);--bg-danger-soft:var(--red-100);--bg-danger-soft-hover:var(--red-200);--overlay-light:var(--gray-100-op50);--overlay-subtle:var(--gray-100-op50);--backdrop-light:var(--gray-100-op50);--surface-default:var(--white-color);--surface-subtle:var(--gray-100);--surface-muted:var(--gray-200);--surface-raised:var(--white-color);--surface-brand:var(--purple-100);--surface-brand-hover:var(--purple-200);--surface-danger:var(--red-100);--surface-danger-hover:var(--red-200);--surface-overlay:var(--gray-100-op50);--border-primary:var(--gray-300);--border-secondary:var(--gray-200);--border-subtle:var(--gray-100);--border-strong:var(--gray-500);--border-inverse:var(--gray-800);--border-brand:var(--purple-800);--border-brand-soft:var(--purple-300);--border-danger:var(--red-800);--border-danger-soft:var(--red-300);--border-soft:var(--gray-100-op50);--outline-primary:var(--gray-400);--outline-brand:var(--purple-500);--outline-danger:var(--red-500);--outline-softdanger:var(--red-400);--outline-soft:var(--gray-100-op50);--fill-primary:var(--gray-900);--fill-secondary:var(--gray-600);--fill-brand:var(--purple-900);--fill-brand-soft:var(--purple-300);--fill-danger:var(--red-900);--fill-danger-soft:var(--red-300);--stroke-primary:var(--gray-900);--stroke-secondary:var(--gray-600);--stroke-brand:var(--purple-900);--stroke-brand-soft:var(--purple-300);--stroke-danger:var(--red-900);--stroke-danger-soft:var(--red-300);--interactive-primary:var(--purple-900);--interactive-primary-hover:var(--purple-800);--interactive-primary-active:var(--purple-700);--interactive-danger:var(--red-900);--interactive-danger-hover:var(--red-800);--interactive-danger-active:var(--red-700);--interactive-disabled:var(--gray-300);--focus-ring:var(--purple-500);--focus-ring-danger:var(--red-500);--icon-primary:var(--gray-900);--icon-secondary:var(--gray-600);--icon-muted:var(--gray-500);--icon-disabled:var(--gray-300);--icon-brand:var(--purple-900);--icon-brand-muted:var(--purple-600);--icon-danger:var(--red-900);--icon-danger-muted:var(--red-600);--pattern-none:none;--pattern-stripes:repeating-linear-gradient(45deg,#0000000d,#0000000d 10px,#0000 0,#0000 20px);--pattern-waves:repeating-linear-gradient(90deg,#0000000d,#0000000d 5px,#0000 0,#0000 10px);--pattern-checker:repeating-linear-gradient(0deg,#0000000d 0 4px,#0000 1px 10px),repeating-linear-gradient(90deg,#0000000d 0 4px,#0000 1px 10px);--pattern-crosshatch:repeating-linear-gradient(45deg,#0000000d 0 4px,#0000 1px 10px),repeating-linear-gradient(90deg,#0000000d 0 4px,#0000 1px 10px);--pattern-waves2:repeating-radial-gradient(circle at 50% 50%,#0000000d 0px,#0000000d 25px,#0000 26px,#0000 90px)}.text-primary{color:#272939;color:var(--text-primary)}.text-secondary{color:#505867;color:var(--text-secondary)}.text-tertiary{color:#8a96a4;color:var(--text-tertiary)}.text-disabled{color:#aab5c1;color:var(--text-disabled)}.text-placeholder{color:#8a96a4;color:var(--text-placeholder)}.text-muted{color:#6c7685;color:var(--text-muted)}.text-subtle{color:#c7d0da;color:var(--text-subtle)}.text-inverse{color:#fff;color:var(--text-inverse)}.text-brand{color:#4a13c0;color:var(--text-brand)}.text-brand-strong{color:#4a13c0;color:var(--text-brand-strong)}.text-brand-muted{color:#855fd4;color:var(--text-brand-muted)}.text-brand-subtle{color:#9f78f0;color:var(--text-brand-subtle)}.text-danger{color:#c0137b;color:var(--text-danger)}.text-danger-strong{color:#c0137b;color:var(--text-danger-strong)}.text-danger-muted{color:#e53b9e;color:var(--text-danger-muted)}.text-danger-subtle{color:#f36bc0;color:var(--text-danger-subtle)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#ebf0f5;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#dde4ec;background-color:var(--bg-tertiary)}.bg-quaternary{background-color:#c7d0da;background-color:var(--bg-quaternary)}.bg-inverse{background-color:#272939;background-color:var(--bg-inverse)}.bg-brand{background-color:#4a13c0;background-color:var(--bg-brand)}.bg-brand-hover{background-color:#7f5dca;background-color:var(--bg-brand-hover)}.bg-brand-active{background-color:#855fd4;background-color:var(--bg-brand-active)}.bg-brand-soft{background-color:#f4eeff;background-color:var(--bg-brand-soft)}.bg-brand-soft-hover{background-color:#e5d8ff;background-color:var(--bg-brand-soft-hover)}.bg-danger{background-color:#c0137b;background-color:var(--bg-danger)}.bg-danger-hover{background-color:#d92b8e;background-color:var(--bg-danger-hover)}.bg-danger-active{background-color:#e53b9e;background-color:var(--bg-danger-active)}.bg-danger-soft{background-color:#fdebf7;background-color:var(--bg-danger-soft)}.bg-danger-soft-hover{background-color:#fcd4ee;background-color:var(--bg-danger-soft-hover)}.border-primary{border-color:#c7d0da;border-color:var(--border-primary)}.border-secondary{border-color:#dde4ec;border-color:var(--border-secondary)}.border-subtle{border-color:#ebf0f5;border-color:var(--border-subtle)}.border-strong{border-color:#8a96a4;border-color:var(--border-strong)}.border-inverse{border-color:#3a3e4f;border-color:var(--border-inverse)}.border-brand{border-color:#7f5dca;border-color:var(--border-brand)}.border-brand-soft{border-color:#d1bbff;border-color:var(--border-brand-soft)}.border-danger{border-color:#d92b8e;border-color:var(--border-danger)}.border-danger-soft{border-color:#fab7e1;border-color:var(--border-danger-soft)}.outline-primary{outline-color:#aab5c1;outline-color:var(--outline-primary)}.outline-brand{outline-color:#9f78f0;outline-color:var(--outline-brand)}.outline-danger{outline-color:#f36bc0;outline-color:var(--outline-danger)}.outline-softdanger{outline-color:#f791d0;outline-color:var(--outline-softdanger)}.outline-soft{outline-color:#ebf0f580;outline-color:var(--outline-soft)}.fill-primary{fill:#272939;fill:var(--fill-primary)}.fill-secondary{fill:#6c7685;fill:var(--fill-secondary)}.fill-brand{fill:#4a13c0;fill:var(--fill-brand)}.fill-brand-soft{fill:#d1bbff;fill:var(--fill-brand-soft)}.fill-danger{fill:#c0137b;fill:var(--fill-danger)}.fill-danger-soft{fill:#fab7e1;fill:var(--fill-danger-soft)}.stroke-primary{stroke:#272939;stroke:var(--stroke-primary)}.stroke-secondary{stroke:#6c7685;stroke:var(--stroke-secondary)}.stroke-brand{stroke:#4a13c0;stroke:var(--stroke-brand)}.stroke-brand-soft{stroke:#d1bbff;stroke:var(--stroke-brand-soft)}.stroke-danger{stroke:#c0137b;stroke:var(--stroke-danger)}.stroke-danger-soft{stroke:#fab7e1;stroke:var(--stroke-danger-soft)}:root{--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)}.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)}@media (min-width:769px){.tb\:icon-size-32{height:32px!important;width:32px!important}}*,: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%}.pos-sticky{position:-webkit-sticky;position:sticky}.top-2{top:2px}.top-4{top:4px}.top-6{top:6px}.top-8{top:8px}.top-10{top:10px}.top-12{top:12px}.top-50{top:50%;transform:translateY(-50%)}.left-2{left:2px}.left-4{left:4px}.left-6{left:6px}.left-8{left:8px}.left-10{left:10px}.left-12{left:12px}.left-50{left:50%;transform:translateX(-50%) translateY(6px)}.right-2{right:2px}.right-4{right:4px}.right-6{right:6px}.right-8{right:8px}.right-10{right:10px}.right-12{right:12px}.right-50{right:50%;transform:translateX(-50%) translateY(6px)}.bottom-2{bottom:2px}.bottom-4{bottom:4px}.bottom-6{bottom:6px}.bottom-8{bottom:8px}.bottom-36{bottom:36px}.bottom-48{bottom:48px}.inset-0{inset:0}.flex-inline{display:inline-flex}.row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.flex-start{align-items:flex-start}.align-content-start{align-content:flex-start}.align-end{align-items:flex-end}.flex-end{justify-content:flex-end}.justify-content-space-between{justify-content:space-between}.align-items-end{align-items:flex-end}.block{display:block}.flex-1{flex:1 1}.flex-1-5{flex:1.5 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-4{flex:4 1}.flex-5{flex:5 1}.flex-6{flex:6 1}.flex-grow{flex-grow:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.p-0{padding:0}.p-01{padding:2px}.p-4{padding:4px}.p-8{padding:8px}.p-10{padding:10px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.pb-0{padding-bottom:0}.pb-4{padding-bottom:4px}.pb-8{padding-bottom:8px}.pb-10{padding-bottom:10px}.pb-22{padding-bottom:22px}.pl-0{padding-left:0}.pl-4{padding-left:4px}.pl-8{padding-left:8px}.pl-10{padding-left:10px}.pl-22{padding-left:22px}.pr-0{padding-right:0}.pr-4{padding-right:4px}.pr-8{padding-right:8px}.pr-10{padding-right:10px}.pr-22{padding-right:22px}.pt-4{padding-top:4px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-12{padding-top:12px}.pt-22{padding-top:22px}.m-4{margin:4px}.m-8{margin:8px}.m-12{margin:12px}.m-16{margin:16px}.mb-16{margin-bottom:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.w-full{width:100%}.min-w-full{min-width:100%}.h-full{height:100%}.min-h-0{min-height:0}.min-w-0{min-width:0}.br-1{border-radius:4px}.br-1-1{border-radius:6px}.br-2{border-radius:8px}.br-3{border-radius:12px}.br-4{border-radius:16px}.br-5{border-radius:18px}.border-1{border-style:solid;border-width:1.5px}.border-2{border-style:solid;border-width:2px}.border-3{border-style:solid;border-width:3px}.border-4{border-style:solid;border-width:4px}.border-5{border-style:solid;border-width:5px}.outline-1{outline-style:solid;outline-width:1.5px}.outline-2{outline-style:solid;outline-width:2px}.outline-3{outline-style:solid;outline-width:3px}.outline-4{outline-style:solid;outline-width:4px}.outline-5{outline-style:solid;outline-width:5px}.overflow-hidden{overflow:hidden}.overflow-hiddeni{overflow:hidden!important}.overflow-visible{overflow:visible}.overflow-visiblei{overflow:visible!important}.flex{display:flex}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}h1.title.denied-title{color:var(--red-900)}p.subtitle.denied-subtitle{color:var(--red-800)}h1.title.prompt-title,h1.title.refresh-title{color:var(--purple-900)}p.subtitle.prompt-subtitle,p.subtitle.refresh-subtitle{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;transform-origin:center center;width:52px}.avatar-btn:disabled{cursor:inherit}button.avatar-btn.avatar-selection:hover{transform:rotate(0deg)}button.avatar-btn.avatar-selection.active{border-color:#000;transform:rotate(0deg)}.loader{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.avatar-loader-text{text-wrap:nowrap;color:var(--gray-900);text-align:center}.avatar-loader-container{background-Repeat:no-repeat;align-items:center;background-position:bottom;background-size:cover;bottom:0;display:flex;gap:12px;justify-content:center;left:50%;min-height:85%;min-width:100%;position:absolute;transform:translatex(-50%)}.spinner{animation:spin 1s linear infinite;border:4px solid var(--purple-900);border-radius:50%;border-top:4px solid #0000;height:23px;width:23px}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;right:-400px}to{opacity:1;right:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.75)}to{transform:scale(1)}}.reveal{animation-duration:.22s;animation-fill-mode:forwards;animation-iteration-count:1}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.slide-up{animation-name:slide-up}.slide-left{animation-name:slide-left}.slide-right{animation-name:slide-right}.slide-down{animation-name:slide-down}.fade{animation-name:fade}@media (prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}}@keyframes spin{to{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}#root{display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.App{height:inherit;width:inherit}.pos-rel{position:relative}.pos-abs{position:absolute}.pos-abs-important{position:absolute!important}.pos-fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.bottom-10{bottom:10px}.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}.z-999{z-index:999}.z-9991{z-index:9991}.z-9992{z-index:9992}.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}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-7{margin-bottom:32px}.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:#ffffff80}.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: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{transform:rotate(9deg)}.avatar-switcher button:nth-child(2),.color-card:nth-child(2),.pattern-card:nth-child(2){transform:rotate(-9deg)}.avatar-switcher button:nth-child(3),.color-card:nth-child(3),.pattern-card:nth-child(3){transform:rotate(9deg)}.avatar-switcher button:nth-child(4),.color-card:nth-child(4),.pattern-card:nth-child(4){transform:rotate(-9deg)}.avatar-switcher button:nth-child(5),.color-card:nth-child(5),.pattern-card:nth-child(5){transform:rotate(9deg)}.avatar-switcher button:nth-child(6),.color-card:nth-child(6),.pattern-card:nth-child(6){transform:rotate(6deg)}.pattern-card.pattern-none{background:var(--gray-100) var(--notallowed-icon) no-repeat center /30px 30px;filter:grayscale(1) opacity(.6)}.pattern-card.pattern-stripes{background-image:var(--pattern-stripes)}.pattern-card.pattern-waves{background-image:var(--pattern-waves)}.pattern-card.pattern-waves2{background-image:var(--pattern-waves2)}.pattern-card.pattern-crosshatch{background-image:var(--pattern-crosshatch)}.pattern-card.pattern-checker{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){.rec-btn{left:37px}.avatar-container.mb\:pos{--scale:1.05;transform:translateX(calc(-100%*(var(--scale) - 1))) scale(var(--scale));transform-origin:left bottom;transition: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}}@media (min-width:769px){.popup-container.tb\:size{min-height:90px;min-width:160px}.tb\:m-3{margin:12px}.tb\:bottom-50{bottom:50px}.tab-button.tb\:size-60{height:60px;width:60px}.tb\:center-horizontal{bottom: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}}.popup-container{background-color:var(--border-soft)}.popup-container>.inner-container{background-color:var(--gray-100);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 var(--gray-900);box-shadow:0 0 0 3px var(--white-color)}.color-card:hover,.pattern-card:hover{transform:rotate(0deg)}button.icon-holder:hover{background:var(--gray-100)}.color-card.selected,.pattern-card.selected{border:3px solid var(--gray-900);transform:rotate(0deg)}.media.media-container.denied-media-container{border-color:var(--stroke-danger);border-style:solid;border-width:2px 2px 4px}button.dropdown{padding:4px 10px}button{border-radius:32px;padding:10px}button.primary,button.secondary{margin-top:16px}button.primary{background-color:var(--purple-900);color:var(--gray-100)}button,button.tab-button,button:active,button:hover,div.color-card,div.pattern-card{transition:scale .1s ease-in-out,filter .1s ease-in-out,transform .1s ease-in-out}button:not(.avatar-btn,.rec-btn):hover{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 var(--border-soft)}button.camera-dropdown{background-color:var(--gray-100);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}button.cd-selected>.has-icon.selected-icon{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{transform:rotate(180deg)}.dropdown-text{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:var(--gray-100)}.icon-holder.pattern-card:before{height:40px;position:absolute;width:40px}.color-card,.pattern-card{cursor:pointer;height:95px;transition:transform .2s ease,border .2s ease;width:81px}button.icon-holder.tab-button:not(.active){filter:grayscale(1) opacity(.9)}.has-icon.pattern-icon{background:no-repeat 50%/contain var(--pattern-icon)}.has-icon.color-icon{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 (max-height:400px),(min-width:1025px) and (orientation:landscape),(orientation:landscape){.avatar-loader-container{background-size:contain}}canvas{cursor:grab}canvas:active{cursor:grabbing}.mediapipe-loader{align-items:center;background:#0006;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;top:0;width:100%}.mediapipe-loader p{color:var(--gray-100);font-size:1.5rem}.z-rec{z-index:100}.recording-controls{align-items:center;display:flex;justify-content:center;left:50%;pointer-events:auto;position:fixed;transform:translateX(-50%)}.rec-btn{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:500;letter-spacing:.02em;transition:opacity .15s ease,transform .1s ease,background .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.rec-btn:active{transform:scale(.96)}.rec-btn:disabled{cursor:not-allowed;opacity:.55}.rec-btn-record{background-color:var(--white-color);color:var(--bg-danger)}.rec-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;display:flex}.rec-bar-live{animation:recording-pulse 2s ease-in-out infinite;background:var(--white-color)}.rec-bar-review{background:#f2f2f2e0;border-radius:22px;min-width:326px}.rec-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.rec-dot-idle{background:var(--bg-danger)}.rec-dot-pulse{animation:rec-pulse 1.2s cubic-bezier(.66,0,0,1) infinite;background:#f44;box-shadow:0 0 0 0 #ff4444b3}@keyframes rec-pulse{0%{box-shadow:0 0 0 0 #ff4444b3}70%{box-shadow:0 0 0 8px #f440}to{box-shadow:0 0 0 0 #f440}}.rec-timer{background:var(--red-600);border-radius:6px;max-width:50px;min-width:50px;padding:2px 9px}.rec-frames,.rec-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-frames{max-width:36px;min-width:36px}.rec-btn-stop{background:var(--bg-danger);color:var(--white-color)}.rec-stop-icon{background:#fff;border-radius:2px;display:inline-block;flex-shrink:0;height:8px;width:8px}.rec-stats{align-items:center;color:#171616!important;display:flex;gap:8px;justify-content:center;width:100%}.rec-stat-item{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-error{background:#fff;border-radius:16px;bottom:76px;color:#fc8181;color:#fb6060;line-height:1.4;max-width:240px;padding:13px;position:absolute;text-align:center}.rec-actions{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.rec-btn-save{background:var(--purple-900);box-shadow:0 1px 6px #2b6cb066;color:#fff;flex:1 1;justify-content:center;padding:8px 20px}.rec-btn-discard{color:#000000bf;padding:8px}.rec-btn-discard:hover:not(:disabled){background:#ffffff24}.rec-save-icon{border-bottom:2px solid #fff;border-left:2px solid #fff;height:10px;transform:rotate(-45deg) translateY(-2px);width:10px}.rec-save-icon,.rec-spinner{display:inline-block;flex-shrink:0}.rec-spinner{animation:rec-spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:12px;width:12px}@keyframes rec-spin{to{transform:rotate(1turn)}}@media (max-height:400px){.rec-bar-review{gap:6px;transform:translateX(-37px)}}.avatar-switcher.switcher-disabled{animation:hide-right .3s ease forwards}.avatar-switcher.switcher-disabled,.popup-container.selector-container.switcher-disabled{cursor:not-allowed;opacity:.4;opacity:.5!important;pointer-events:none;transition:all .2s ease}.popup-container.selector-container.switcher-disabled{animation:hide-bottom .3s ease forwards}@keyframes hide-right{0%{opacity:1;right:0}to{opacity:.5;right:-54px}}@keyframes hide-bottom{0%{bottom:0;opacity:1}to{bottom:-64px;opacity:.5}}@keyframes recording-pulse{0%{outline-color:var(--outline-danger)}50%{outline-color:var(--outline-soft)}to{outline-color:var(--outline-danger)}}
/*# sourceMappingURL=main.76a3a7e6.css.map*/