body.self-reflection-page{--sr-bg: var(--aeliza-bg, #000);--sr-fg: var(--aeliza-text, #fff);--sr-panel-bg: var(--aeliza-bg, #000);--sr-stage-bg: #000;--sr-muted: #909097;--sr-line: rgba(255, 255, 255, .14);--sr-button-bg: rgba(0, 0, 0, .74);--sr-button-fg: #fff;--sr-button-border: rgba(255, 255, 255, .72);--sr-button-fill: #fff;--sr-button-fill-text: #000;--sr-button-disabled-bg: rgba(0, 0, 0, .28);--sr-button-disabled-fg: rgba(255, 255, 255, .45);--sr-button-disabled-border: rgba(255, 255, 255, .28)}@media(prefers-color-scheme:light){body.self-reflection-page{--sr-bg: var(--aeliza-bg, #fff);--sr-fg: var(--aeliza-text, #000);--sr-panel-bg: var(--aeliza-bg, #fff);--sr-stage-bg: #f4f4f4;--sr-muted: #77777d;--sr-line: rgba(0, 0, 0, .16);--sr-button-bg: rgba(255, 255, 255, .76);--sr-button-fg: #000;--sr-button-border: rgba(0, 0, 0, .72);--sr-button-fill: #000;--sr-button-fill-text: #fff;--sr-button-disabled-bg: rgba(255, 255, 255, .4);--sr-button-disabled-fg: rgba(0, 0, 0, .38);--sr-button-disabled-border: rgba(0, 0, 0, .24)}}html[data-theme=light] body.self-reflection-page,html[data-color-scheme=light] body.self-reflection-page,html[data-color-mode=light] body.self-reflection-page,html[data-scheme=light] body.self-reflection-page,html.light body.self-reflection-page,html.light-mode body.self-reflection-page,html.theme-light body.self-reflection-page,html.color-scheme-light body.self-reflection-page,body.self-reflection-page[data-theme=light],body.self-reflection-page[data-color-scheme=light],body.self-reflection-page[data-color-mode=light],body.self-reflection-page[data-scheme=light],body.self-reflection-page.light,body.self-reflection-page.light-mode,body.self-reflection-page.theme-light,body.self-reflection-page.color-scheme-light{--sr-bg: var(--aeliza-bg, #fff);--sr-fg: var(--aeliza-text, #000);--sr-panel-bg: var(--aeliza-bg, #fff);--sr-stage-bg: #f4f4f4;--sr-muted: #77777d;--sr-line: rgba(0, 0, 0, .16);--sr-button-bg: rgba(255, 255, 255, .76);--sr-button-fg: #000;--sr-button-border: rgba(0, 0, 0, .72);--sr-button-fill: #000;--sr-button-fill-text: #fff;--sr-button-disabled-bg: rgba(255, 255, 255, .4);--sr-button-disabled-fg: rgba(0, 0, 0, .38);--sr-button-disabled-border: rgba(0, 0, 0, .24)}html[data-theme=dark] body.self-reflection-page,html[data-color-scheme=dark] body.self-reflection-page,html[data-color-mode=dark] body.self-reflection-page,html[data-scheme=dark] body.self-reflection-page,html.dark body.self-reflection-page,html.dark-mode body.self-reflection-page,html.theme-dark body.self-reflection-page,html.color-scheme-dark body.self-reflection-page,body.self-reflection-page[data-theme=dark],body.self-reflection-page[data-color-scheme=dark],body.self-reflection-page[data-color-mode=dark],body.self-reflection-page[data-scheme=dark],body.self-reflection-page.dark,body.self-reflection-page.dark-mode,body.self-reflection-page.theme-dark,body.self-reflection-page.color-scheme-dark{--sr-bg: var(--aeliza-bg, #000);--sr-fg: var(--aeliza-text, #fff);--sr-panel-bg: var(--aeliza-bg, #000);--sr-stage-bg: #000;--sr-muted: #909097;--sr-line: rgba(255, 255, 255, .14);--sr-button-bg: rgba(0, 0, 0, .74);--sr-button-fg: #fff;--sr-button-border: rgba(255, 255, 255, .72);--sr-button-fill: #fff;--sr-button-fill-text: #000;--sr-button-disabled-bg: rgba(0, 0, 0, .28);--sr-button-disabled-fg: rgba(255, 255, 255, .45);--sr-button-disabled-border: rgba(255, 255, 255, .28)}body.self-reflection-page main#main-content{padding-top:0!important}body.self-reflection-page .site-header,body.self-reflection-page .site-header:before,body.self-reflection-page .site-header:after{background:var(--sr-bg)!important;color:var(--sr-fg)!important}[data-self-reflection]{display:block!important;width:100%;margin-top:0!important;padding-top:0!important;background:var(--sr-panel-bg)!important;color:var(--sr-fg)!important}[data-self-reflection] .self-reflection__media{width:100vw!important;max-width:none!important;margin-top:0!important;padding-top:0!important;margin-left:calc(50% - 50vw)!important;display:flex!important;justify-content:center!important;background:var(--sr-stage-bg)!important}[data-self-reflection] .self-reflection__placeholder span{display:none!important}[data-self-reflection] .self-reflection__video,[data-self-reflection] .self-reflection__canvas,[data-self-reflection] .self-reflection__tracker,[data-self-reflection] .self-reflection__result,[data-self-reflection] .self-reflection__result img,[data-self-reflection] .self-reflection__result video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}[data-self-reflection] .self-reflection__result{background:var(--sr-stage-bg)!important}[data-self-reflection] .self-reflection__panel{width:min(100%,1200px)!important;max-width:1200px!important;margin:0 auto!important;background:var(--sr-panel-bg)!important;color:var(--sr-fg)!important;border-color:var(--sr-line)!important}[data-self-reflection] .self-reflection__copy,[data-self-reflection] .self-reflection__title{color:var(--sr-fg)!important}[data-self-reflection] .self-reflection__credit{margin-top:24px;padding-top:12px;border-top:1px solid var(--sr-line)!important;color:var(--sr-muted)!important}[data-self-reflection] .self-reflection__stage-controls{position:absolute;left:50%;bottom:16px;z-index:12;width:min(calc(100% - 24px),560px);transform:translate(-50%);pointer-events:none}[data-self-reflection] .self-reflection__stage-controls>div:not([hidden]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;pointer-events:auto}[data-self-reflection] .self-reflection__stage-controls [data-sr-before]:not([hidden]){display:block!important}[data-self-reflection] .self-reflection__stage-controls [data-sr-before] .self-reflection__button{width:100%}[data-self-reflection] .self-reflection__button,[data-self-reflection] .self-reflection__stage-controls .self-reflection__button{position:relative!important;overflow:hidden!important;min-height:44px;padding:11px 14px;border:1px solid var(--sr-button-border)!important;background:linear-gradient(var(--sr-button-fill),var(--sr-button-fill)) 0 0 / 0% 100% no-repeat,var(--sr-button-bg)!important;color:var(--sr-button-fg)!important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:background-size .34s cubic-bezier(.22,1,.36,1),color .24s ease,border-color .24s ease!important}[data-self-reflection] .self-reflection__button:before,[data-self-reflection] .self-reflection__button:after{display:none!important;content:none!important}[data-self-reflection] .self-reflection__button:hover,[data-self-reflection] .self-reflection__button:focus-visible,[data-self-reflection] .self-reflection__button:active{background-size:100% 100%,auto!important;color:var(--sr-button-fill-text)!important;border-color:var(--sr-button-fill)!important}[data-self-reflection] .self-reflection__button:disabled{background:linear-gradient(var(--sr-button-fill),var(--sr-button-fill)) 0 0 / 0% 100% no-repeat,var(--sr-button-disabled-bg)!important;color:var(--sr-button-disabled-fg)!important;border-color:var(--sr-button-disabled-border)!important}[data-self-reflection] .self-reflection__button:disabled:hover,[data-self-reflection] .self-reflection__button:disabled:focus-visible,[data-self-reflection] .self-reflection__button:disabled:active{background-size:0% 100%,auto!important;color:var(--sr-button-disabled-fg)!important}[data-self-reflection] .self-reflection__stage-controls .self-reflection__button--full-grid{grid-column:1 / -1}[data-self-reflection] [data-sr-stop],[data-self-reflection] .self-reflection__status,[data-self-reflection] .self-reflection__details,[data-self-reflection] .self-reflection__hud,[data-self-reflection] .self-reflection__system-code,[data-self-reflection] .self-reflection__searching{display:none!important}[data-self-reflection] .self-reflection__stage:before,[data-self-reflection] .self-reflection__stage:after{display:none!important;content:none!important;animation:none!important}@media(min-width:901px){[data-self-reflection] .self-reflection__media{min-height:0!important}[data-self-reflection] .self-reflection__stage{width:min(100vw,calc((100svh - 116px) * 1.7777777778))!important;height:auto!important;aspect-ratio:16 / 9!important;min-height:0!important;max-height:calc(100svh - 116px)!important;margin-left:auto!important;margin-right:auto!important;background:var(--sr-stage-bg)!important}[data-self-reflection] .self-reflection__video,[data-self-reflection] .self-reflection__canvas,[data-self-reflection] .self-reflection__tracker,[data-self-reflection] .self-reflection__result,[data-self-reflection] .self-reflection__result img,[data-self-reflection] .self-reflection__result video{object-fit:contain!important;object-position:center center!important}}@media(prefers-reduced-motion:reduce){[data-self-reflection] .self-reflection__button,[data-self-reflection] .self-reflection__stage-controls .self-reflection__button{transition:none!important}}@media(max-width:900px){body.self-reflection-page main#main-content{padding-top:0!important}[data-self-reflection] .self-reflection__media{display:block!important}[data-self-reflection] .self-reflection__stage{width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3 / 4!important;background:var(--sr-stage-bg)!important}[data-self-reflection] .self-reflection__video,[data-self-reflection] .self-reflection__canvas,[data-self-reflection] .self-reflection__tracker,[data-self-reflection] .self-reflection__result,[data-self-reflection] .self-reflection__result img,[data-self-reflection] .self-reflection__result video{object-fit:cover}[data-self-reflection] .self-reflection__stage-controls{bottom:max(14px,env(safe-area-inset-bottom))}[data-self-reflection] .self-reflection__stage-controls .self-reflection__button{min-height:46px;font-size:10px}[data-self-reflection] .self-reflection__panel{padding:18px 16px 28px!important}}@media(max-height:700px)and (max-width:900px){[data-self-reflection] .self-reflection__stage{width:min(100vw,75svh)!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;aspect-ratio:3 / 4!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/self-reflection-interface.css.map */