:root{--app-bg-color: #ffffff;--text-color: #372d2d;--input-bg-color: #fec1d000;--input-text-color: #747474;--button-bg-color: #c0a1ee00;--button-hover-bg-color: #f1a3c600;--toggle-open-bg: #c0baf4;--toggle-open-border: #c0baf4}html,body,*,div,span,p,h1,h2,h3,h4,h5,h6,button,a{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:480;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;pointer-events:auto!important}html,body,#root{height:100%;height:100vh;height:100dvh;background:var(--app-bg-color);color:var(--text-color);overscroll-behavior:none;position:relative}body{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.container::-webkit-scrollbar{display:none}.modal-content::-webkit-scrollbar{display:none}.modal-overlay::-webkit-scrollbar{display:none}.modal-overlay:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#fff;z-index:1001;pointer-events:none}@media (max-width: 600px){.modal-content{margin:0!important;padding:20px!important;padding-top:calc(env(safe-area-inset-top,0px) + 20px)!important;max-width:100%!important;width:100%!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;font-size:.85rem!important;line-height:1.4!important;text-align:justify!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}.modal-overlay{padding:0!important;padding-top:calc(env(safe-area-inset-top,0px) + 12px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}@supports (-webkit-touch-callout: none){.modal-content{position:relative!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.modal-overlay{position:fixed!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}}}html,body,.container{-ms-overflow-style:none;scrollbar-width:none;padding-bottom:64px}.background{display:flex;justify-content:center;height:100%}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding-bottom:100px;overflow-y:auto;width:100%}.container{width:100%;max-width:960px;margin:0 auto;padding:20px 20px 100px;text-align:center;overflow-y:auto}.control-panel-screen{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;left:0;right:0;bottom:84px;padding:calc(env(safe-area-inset-top,0px) + 0px) 24px 0 24px;overflow-y:hidden;background-color:var(--app-bg-color);padding-top:calc(env(safe-area-inset-top,0px) + 40px)!important}.title{font-weight:700;font-size:3rem;color:#6cbed9;margin:20px auto;max-width:300px;text-align:center}.my-doors-title{color:#272729;font-size:5rem;text-align:left;width:100%;margin-top:0!important;line-height:1;font-weight:700;transform:none}button{cursor:pointer;border:none;background-color:#ee687d;color:#fff;padding:15px 25px;font-size:1.5rem;border-radius:20px}button.nav-button{background-color:transparent!important;color:inherit!important;transition:none!important}.auth-btn{transition:background-color .2s ease,color .2s ease!important}.auth-btn:active{transform:none}.plus-button{width:50px!important;height:50px!important;aspect-ratio:1 / 1!important;min-width:50px!important;min-height:50px!important;padding:0!important;line-height:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;align-self:center!important;justify-self:end!important;box-sizing:border-box!important}.plus-button:before,.plus-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#9a9a9a;height:6px;width:16px;border-radius:6px;transition:transform .2s ease,background-color .2s ease}.plus-button:after{transform:translate(-50%,-50%) rotate(90deg)}.plus-button.plus-button-pressed:before{transform:translate(-50%,-50%) scale(1.25);background-color:#5a5a5a}.plus-button.plus-button-pressed:after{transform:translate(-50%,-50%) rotate(90deg) scale(1.25);background-color:#5a5a5a}.control-panel-header .plus-button{width:33px!important;height:33px!important;border-radius:50%!important;background-color:#0000!important;flex-shrink:0!important;position:relative!important;grid-column:3!important;justify-self:end!important;margin-left:auto!important;margin-right:5px!important;top:-52px!important;right:15px!important}.plus-button.plus-button-pressed{background-color:#34343400!important}.plus-button{transition:background-color .3s ease!important}.navigation-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:84px!important;display:flex!important;justify-content:space-evenly!important;align-items:center!important;background-color:var(--app-bg-color)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:9999!important;transform:none!important;transition:none!important}.nav-icon{width:35px;height:35px;opacity:.6;margin-bottom:20px;transform:translateZ(0) scale(1);transition:opacity .4s ease-out,transform .2s ease-out!important;transition-timing-function:ease-out!important;will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:opacity .4s ease-out,transform .2s ease-out!important;-webkit-transition-timing-function:ease-out!important}.nav-button.active .nav-icon{opacity:1;filter:none;transform:translateZ(0) scale(1.2);-webkit-transform:translateZ(0) scale(1.2)}.toggle-buttons{display:flex;flex-direction:column;gap:9px;width:100%;padding:0 18px;margin-top:-30px!important;margin-bottom:100px}.toggle-btn-wrapper{display:flex;justify-content:center;width:100%;margin:0}.toggle-btn{width:100%;height:112px;border-radius:21px;font-weight:500;transition:all .3s;border:none;position:relative;overflow:hidden;padding:0 8px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background-color:var(--toggle-open-bg);color:var(--text-color)}.toggle-btn-text{position:absolute;top:13px;left:18px;right:16px;z-index:2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:1.5rem;font-weight:550}.state-container{position:absolute;bottom:3px;display:flex;align-items:center;gap:7px}.state-container.open{top:50%;bottom:auto;transform:translateY(-50%)}.state-container.open .toggle-btn-state{color:#0000004d}.toggle-btn-state{font-weight:550;color:#0000001f;text-transform:uppercase}.state-circle,.state-circle.open,.state-circle.closed{display:none}.toggle-btn-icon{width:124px;height:124px;margin-bottom:10px;object-fit:contain;display:none!important}.toggle-btn:hover .toggle-btn-icon{opacity:1}.toggle-btn.is-giggling{filter:none!important}.rename-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10001}body:has(.rename-dialog-overlay) .navigation-bar{pointer-events:none;position:relative}body:has(.rename-dialog-overlay) .navigation-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;pointer-events:none;z-index:1}.rename-dialog{background-color:#fff;padding:20px 20px 0;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:300px;display:flex;flex-direction:column}.rename-dialog h2{margin-top:0}.rename-dialog input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:1.3rem;text-align:center}.color-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.color-option.selected{border-style:solid;border-width:3px}.checkmark{color:#fff;font-size:24px;line-height:40px;text-align:center}.dialog-buttons{display:flex;justify-content:center;gap:10px;width:calc(100% + 40px);margin:15px -20px -20px;align-self:stretch}.dialog-buttons button{width:100%;margin:0;display:block;text-align:center;border-radius:0 0 8px 8px}.error-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%,-150%);background-color:#fdecec;color:#7a1f1f;border:1px solid #f5c2c2;padding:10px 14px;border-radius:14px;text-align:center;z-index:10000;box-shadow:0 6px 18px #00000014;transition:transform .3s ease,opacity .25s ease;opacity:0;max-width:86%;width:max-content;min-width:200px}.error-banner.visible{transform:translate(-50%);opacity:1}.error-banner.fade-out{transform:translate(-50%,-150%);opacity:0}@media (max-width: 600px){*{-webkit-tap-highlight-color:transparent!important;user-select:none!important;touch-action:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important}html,body,#root{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important}.navigation-bar{bottom:0!important;height:84px!important}.fullscreen-overlay{top:0!important;left:0!important;right:0!important;bottom:0!important;min-height:100vh!important;min-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;margin-top:calc(-1*env(safe-area-inset-top,0px))!important}.control-panel-screen{bottom:84px!important;padding:calc(env(safe-area-inset-top,0px) + 47px) 0 0 0;overflow-y:hidden!important}.main-content{padding-bottom:100px}.control-panel-header{margin-bottom:8px}.my-doors-title{color:#dcdcdc!important;position:static!important;text-align:left!important;font-size:5.4rem!important;font-weight:600!important;margin-bottom:0!important;margin-top:-5px!important;padding-left:26px!important;padding-right:11px!important;line-height:1!important}.plus-button:before,.plus-button:after{height:3px;width:18px}.toggle-buttons{display:flex!important;flex-direction:column!important;gap:9px!important;padding:5px 11px 0!important;margin:-10px 0 100px!important}.toggle-btn{height:102px;font-size:1rem;border-radius:29px;overflow:visible;justify-content:center!important;width:100%!important}.toggle-btn-wrapper{margin:0!important}.toggle-btn-text{font-size:1.68rem!important;margin:0!important;color:#000000a9!important;font-weight:510!important}.state-container{right:22px}.toggle-btn-state{font-size:1.95rem!important;text-transform:uppercase!important}.toggle-btn-icon{width:140px!important;height:140px!important;margin:0!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInSlower{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInSettingsFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes setupDeviceDotJump{0%,80%,to{transform:translateY(0);opacity:.6}40%{transform:translateY(-6px);opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}.page-transition{animation:slideInFromBottom .3s ease-out}.settings-message-fade-in{animation:fadeIn .2s ease-in-out}.page-fade-out{animation:fadeOut .15s ease-in-out}.page-fade-in{animation:fadeIn .15s ease-in-out}#appContainer{opacity:0;transition:opacity .3s ease}#appContainer.fade-in{opacity:1}.is-vibrating{animation:vibrate .4s ease-in-out infinite}@keyframes vibrate{0%{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(2deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(-1px,1px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.is-vibrating.vibration-ending{animation:none}.is-giggling{animation:giggle .4s linear infinite}@keyframes giggle{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.fade-in-element{opacity:0;animation:fadeInSlower .5s ease-out forwards}.fade-in-element.delay-1{animation-delay:.1s}.fade-in-element.delay-2{animation-delay:.2s}.camera-grid{width:100%;max-width:1600px;margin:0 auto}.camera-grid-container{display:flex;flex-direction:column;gap:30px;padding:0 0 120px;margin:0;width:100%;max-width:100%}.camera-item{margin:0;padding:0;width:100%}.camera-card{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0;border:none;aspect-ratio:unset;min-height:auto;height:auto;margin:0;width:100%;max-width:100%;background:transparent;box-shadow:none}.camera-image-wrapper{position:relative;width:93%;display:block;overflow:hidden;border-radius:12px!important;clip-path:inset(0 round 12px);background-color:transparent;margin:0;box-shadow:none;line-height:0}.camera-title{position:absolute;top:-2px;left:10px;margin:0;font-size:1.7rem;font-weight:600;color:#fff;line-height:2;padding:0;display:block;text-shadow:0 2px 6px rgba(0,0,0,.35);z-index:1}.camera-image{height:auto;width:100%;object-fit:contain;transform:none;transform-origin:center;border-radius:12px!important;overflow:hidden;clip-path:inset(0 round 12px);-webkit-mask-image:-webkit-radial-gradient(white,black);display:block;margin:0;box-shadow:none}.refresh-button{background-color:#000!important;color:#fff!important;margin-bottom:20px;padding:10px 20px;font-size:18px;display:block;margin-left:auto;margin-right:auto}.refresh-icon{color:#fff}.loading-text{text-align:center;margin-top:0;min-height:300px;font-size:1.3rem}.no-images-text{text-align:center;margin-top:70px;min-height:300px;font-size:1.3rem}.message-text{background-color:#ffc4e1;padding:10px 20px;border-radius:30px;max-width:85%;color:#000;font-size:19px;font-weight:470;box-shadow:0 2px 8px #0000;line-height:1.5;margin-bottom:6px;display:flex;justify-content:flex-end}.logout-button{background-color:#e5e5e5!important}.token-list-container{position:fixed;bottom:84px;left:0;right:0;width:100%;display:flex;flex-direction:row;align-items:center;gap:2px;z-index:1000;justify-content:center;padding:10px 0;background-color:var(--app-bg-color)}.plus-menu-btn{background:transparent;border:none;padding:8px;border-radius:8px;transition:background-color .2s ease!important}.plus-menu-btn:hover{background-color:#ffc8e14d}.button-icon,.door-icon-large,.clock-icon{width:24px;height:24px;opacity:.5;transition:opacity .2s ease!important}.camera-page-screen{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;left:0;right:0;bottom:84px;padding:calc(env(safe-area-inset-top,0px) + 10px) 0 0;overflow-y:auto;background-color:var(--app-bg-color);touch-action:pan-y!important;scrollbar-width:none;-ms-overflow-style:none}.camera-page-screen::-webkit-scrollbar{display:none}.ios-standalone .camera-page-screen{padding-top:env(safe-area-inset-top,0px)!important}.camera-page-screen *{touch-action:pan-y!important}.camera-content{width:100%;margin:0;padding:75px 0 120px;scrollbar-width:none;-ms-overflow-style:none}.camera-content::-webkit-scrollbar{display:none}.profile-page-screen{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;left:0;right:0;bottom:84px;padding:env(safe-area-inset-top,0px) 24px 0 24px;overflow-y:auto;background-color:var(--app-bg-color);touch-action:pan-y!important}.setup-device-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--app-bg-color);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(env(safe-area-inset-top,0px) + 72px) 24px 24px;min-height:100vh;min-height:100dvh}.setup-device-stack{width:min(520px,100%);display:flex;flex-direction:column;gap:18px;align-items:center;margin-top:0}body:has(.setup-device-overlay) .navigation-bar{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important}.setup-device-close{background:transparent;border:none;color:#9aa0a6;padding:10px;border-radius:12px;cursor:pointer;position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);left:16px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.setup-device-close:hover{background-color:#0000000a;color:#7c828a}.setup-device-panel{margin-top:0;width:min(480px,100%);background-color:#fff;border:2px solid #d6d6d6;border-radius:24px;padding:28px;box-shadow:0 10px 24px #00000014;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.setup-device-panel-muted{opacity:.3;filter:grayscale(.2)}.setup-device-step{width:min(480px,100%);background-color:#fff;border:2px solid #d6d6d6;border-radius:24px;padding:28px;box-shadow:0 10px 24px #00000014;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.setup-device-step-title{font-size:22px;font-weight:650;color:#2f2754}.setup-device-continue{background-color:#ee687d;color:#fff;border:none;border-radius:16px;padding:14px 18px;font-weight:600;cursor:pointer;width:100%;font-size:16px;box-shadow:0 6px 12px #00000014}.setup-device-continue:disabled{background-color:#e0e0e0;color:#7a7a7a;cursor:default;box-shadow:none}.setup-device-title{font-size:22px;font-weight:650;color:#2f2754;margin-bottom:4px}.setup-device-token-row{display:flex;align-items:center;gap:12px;width:100%}.setup-device-helper{font-size:14px;color:#5c5673;line-height:1.5}.setup-device-token{word-break:break-all;background:#f7f7f7;padding:16px;border-radius:16px;border:2px solid #d6d6d6;color:#555;opacity:.7;font-size:16px;letter-spacing:.6px;width:100%;flex:1}.setup-device-copy{background-color:#ee687d;color:#fff;border:none;border-radius:16px;padding:14px 18px;font-weight:600;cursor:pointer;width:auto;font-size:16px;box-shadow:0 6px 12px #00000014;white-space:nowrap}.setup-device-waiting{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#8a8599;font-weight:600}.setup-device-waiting-text{font-size:16px;letter-spacing:.4px}.setup-device-dots{display:inline-flex;gap:8px;align-items:center;height:12px}.setup-device-dot{width:8px;height:8px;border-radius:50%;background-color:#b4b0c2;animation:setupDeviceDotJump 1.2s ease-in-out infinite}.setup-device-dot:nth-child(2){animation-delay:.2s}.setup-device-dot:nth-child(3){animation-delay:.4s}.profile-page-screen *{touch-action:pan-y!important}.profile-content{width:100%;max-width:800px;margin:0 auto;padding:0 16px 120px;display:flex;flex-direction:column;align-items:center;font-family:sans-serif}.control-panel-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding-top:10px;position:relative}.my-doors-title{position:static;margin:5px 0 0;padding-left:33px;padding-right:18px;line-height:1}.plus-button{margin-left:auto}.fullscreen-overlay{position:fixed!important;z-index:999999!important;top:0;left:0;right:0;bottom:0;background:#000!important;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto;min-height:100vh!important;min-height:100dvh!important;top:env(safe-area-inset-top,0px)!important;left:env(safe-area-inset-left,0px)!important;right:env(safe-area-inset-right,0px)!important;bottom:env(safe-area-inset-bottom,0px)!important}.fullscreen-overlay~.navigation-bar,.fullscreen-overlay+.navigation-bar,body:has(.fullscreen-overlay) .navigation-bar,.fullscreen-overlay .navigation-bar,.navigation-bar:has(~.fullscreen-overlay),.navigation-bar:has(+.fullscreen-overlay){display:none!important;visibility:hidden!important;opacity:0!important;z-index:-1!important;pointer-events:none!important}.fullscreen-image{width:100vw;height:auto;max-height:100vh;max-height:100dvh;object-fit:contain;border-radius:0;box-shadow:none;z-index:1000000!important;transform:none!important;transform-origin:center}.close-overlay-btn{position:absolute;top:32px;right:32px;background:none;border:none;color:#fff;cursor:pointer;z-index:1000001!important;padding:8px;border-radius:50%;transition:background-color .2s ease!important}.close-overlay-btn:hover{background:#ffffff1a}body.hide-navbar .navigation-bar{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-1!important;pointer-events:none!important}.ios-standalone .navigation-bar{bottom:0!important;height:84px!important;z-index:9999!important;position:fixed!important}.ios-standalone .fullscreen-overlay{top:0!important;left:0!important;right:0!important;bottom:0!important;min-height:100vh!important;min-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;margin-top:calc(-1*env(safe-area-inset-top,0px))!important}.navigation-bar{bottom:0!important;height:84px!important;z-index:9999!important;position:fixed!important;transform:none!important;transition:none!important}body.hide-navbar .navigation-bar,.fullscreen-overlay~.navigation-bar,.fullscreen-overlay+.navigation-bar,body:has(.fullscreen-overlay) .navigation-bar,.fullscreen-overlay .navigation-bar,.navigation-bar:has(~.fullscreen-overlay),.navigation-bar:has(+.fullscreen-overlay),.navigation-bar[style*="display: none"],.navigation-bar[style*="visibility: hidden"]{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important;transform:translateY(100%)!important;position:absolute!important;top:100vh!important;left:-9999px!important}.settings-page-animate-in{animation:slideInSettingsFromBottom .4s cubic-bezier(.33,1,.68,1)}.settings-page-screen{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;left:0;right:0;bottom:84px;padding:calc(env(safe-area-inset-top,0px) + 60px) 24px 0 24px;overflow-y:auto;background-color:var(--app-bg-color);scroll-behavior:auto;touch-action:pan-y!important}.settings-page-screen *{touch-action:pan-y!important}.navigation-bar .nav-button:last-child .nav-icon{width:32px;height:32px;opacity:.52;transform:translateZ(0) scale(1);transition:opacity .4s ease-out,transform .2s ease-out!important;transition-timing-function:ease-out!important;will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:opacity .4s ease-out,transform .2s ease-out!important;-webkit-transition-timing-function:ease-out!important}.navigation-bar .nav-button:last-child.active .nav-icon{opacity:.86;transform:translateZ(0) scale(1.2);-webkit-transform:translateZ(0) scale(1.2)}.navigation-bar .nav-button:nth-child(3).active .nav-icon{opacity:.98}.camera-image{opacity:0}.camera-image.img-visible{opacity:1;transition:opacity .6s ease-in;border-radius:12px!important;clip-path:inset(0 round 12px)}.camera-page-screen .camera-image-wrapper,.camera-page-screen .camera-image,.camera-page-screen img{border-radius:12px!important;overflow:hidden!important;clip-path:inset(0 round 12px)!important;box-shadow:none!important;background:transparent!important;margin:0!important;display:block!important}html,body,#containerEl{margin:0;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}