@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.preview-wrapper{top:calc(var(--spacing,.25rem) * 0);width:100%;height:100%;position:absolute}.preview{width:100%;height:100%}.download,.remove{margin-right:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-lg,.5rem);background-color:var(--color-blue-500,oklch(62.3% .214 259.815));padding-inline:calc(var(--spacing,.25rem) * 6);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;justify-content:space-between;align-items:center;transition-duration:.2s;display:flex}@media(hover:hover){:is(.download,.remove):hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.remove{background-color:var(--color-red-500,oklch(63.7% .237 25.331))}@media(hover:hover){.remove:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.action svg{margin-right:calc(var(--spacing,.25rem) * 3);fill:var(--color-white,#fff)}.action{margin-top:calc(var(--spacing,.25rem) * 5);justify-content:center;display:flex}@property --tw-duration{syntax:"*";inherits:false}.custom-switch input{visibility:hidden;width:0;height:0}.custom-switch label{cursor:pointer;color:#fff;padding-left:50px;font-size:12px;font-weight:700;line-height:2;position:relative;top:3px}.custom-switch label:before{content:"";background-color:#ffffff80;border-radius:20px;width:40px;height:20px}@supports (color:color-mix(in lab,red,red)){.custom-switch label:before{background-color:color-mix(in oklab,var(--color-white,#fff) 50%,transparent)}}.custom-switch label:before{position:absolute;top:-2px;left:0}.custom-switch label:after{content:"";background-color:var(--color-white,#fff);border-radius:8px;width:12px;height:12px;transition:all .3s;position:absolute;top:2px;left:4px}.custom-switch input:checked+label:before{background-color:var(--color-sky-500,oklch(68.5% .169 237.323))}.custom-switch input:checked+label:after{left:36px;transform:translate(-100%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-font-weight:initial}}}.webcam-wrapper{background-color:var(--color-black,#000)}.control{right:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);justify-content:space-between;align-items:center;height:100px;display:flex;position:absolute}.recorder-button{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 3);text-indent:-9999px;border-radius:3.40282e38px;transition:padding .3s;position:relative}.recorder-button:after{content:"";top:calc(var(--spacing,.25rem) * 3);left:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);background-color:var(--color-red-500,oklch(63.7% .237 25.331));border-radius:3.40282e38px;position:absolute}.recorder-button.is-recording:after{top:calc(var(--spacing,.25rem) * 3.5);left:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);border-radius:var(--radius-sm,.25rem)}.timer{top:calc(var(--spacing,.25rem) * 4);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-sm,.25rem);background-color:#ffffff80;position:absolute;left:50%}@supports (color:color-mix(in lab,red,red)){.timer{background-color:color-mix(in oklab,var(--color-white,#fff) 50%,transparent)}}.timer{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-600,oklch(44.6% .03 256.802))}.capture-photo{margin-left:calc(var(--spacing,.25rem) * 4);width:150px}.capture-photo button{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);background-color:#0000004d;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.capture-photo button{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}@media(hover:hover){.capture-photo button:hover{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.capture-photo button:hover{background-color:color-mix(in oklab,var(--color-black,#000) 80%,transparent)}}}.capture-photo svg{fill:var(--color-white,#fff)}.switcher{margin-right:calc(var(--spacing,.25rem) * 4);width:150px}.error-no-permission{margin-bottom:calc(var(--spacing,.25rem) * 0);--tw-translate-y:calc(var(--spacing,.25rem) * -32);translate:var(--tw-translate-x) var(--tw-translate-y);color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.error-no-permission{color:color-mix(in oklab,var(--color-white,#fff) 50%,transparent)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.loader-wrapper{top:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-lg,.5rem);background-color:var(--color-black,#000);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.loader-spinner{height:calc(var(--spacing,.25rem) * 16);width:calc(var(--spacing,.25rem) * 16);border-style:var(--tw-border-style);border-width:8px;border-color:#fff3;border-radius:3.40282e38px;display:block}@supports (color:color-mix(in lab,red,red)){.loader-spinner{border-color:color-mix(in oklab,var(--color-white,#fff) 20%,transparent)}}.loader-spinner{border-bottom-color:var(--color-white,#fff);animation:1s linear infinite rotation}.loader-text{margin-top:calc(var(--spacing,.25rem) * 8);color:#fffc}@supports (color:color-mix(in lab,red,red)){.loader-text{color:color-mix(in oklab,var(--color-white,#fff) 80%,transparent)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.section-title[data-astro-cid-j7pv25f6]{margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.section-desc[data-astro-cid-j7pv25f6]{color:var(--color-theme-7)}@property --tw-font-weight{syntax:"*";inherits:false}