.gbDjHW_screen{--tone:var(--accent);--corner:22px;--focus:18px}.gbDjHW_screen[data-tone=danger]{--tone:var(--destructive)}.gbDjHW_screen[data-size=section]{--corner:16px;--focus:14px}.gbDjHW_frame{aspect-ratio:3/2;width:min(100%,26rem);position:relative}.gbDjHW_screen[data-size=section] .gbDjHW_frame{width:min(100%,18rem)}.gbDjHW_thirds{background-image:repeating-linear-gradient(to bottom, var(--border) 0 3px, transparent 3px 7px), repeating-linear-gradient(to bottom, var(--border) 0 3px, transparent 3px 7px), repeating-linear-gradient(to right, var(--border) 0 3px, transparent 3px 7px), repeating-linear-gradient(to right, var(--border) 0 3px, transparent 3px 7px);background-position:33.333% 0,66.667% 0,0 33.333%,0 66.667%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 45%,#0000);mask-image:radial-gradient(closest-side,#000 45%,#0000)}.gbDjHW_corner{width:var(--corner);height:var(--corner);border:0 solid color-mix(in oklab, var(--foreground) 72%, transparent);animation:gbDjHW_corner-settle .64s var(--motion-ease) backwards;position:absolute}.gbDjHW_corner[data-corner=tl]{--from:-10px -10px;border-top-width:1px;border-left-width:1px;top:0;left:0}.gbDjHW_corner[data-corner=tr]{--from:10px -10px;border-top-width:1px;border-right-width:1px;top:0;right:0}.gbDjHW_corner[data-corner=bl]{--from:-10px 10px;border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.gbDjHW_corner[data-corner=br]{--from:10px 10px;border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.gbDjHW_subject{animation:gbDjHW_rack-focus .9s var(--motion-ease) .12s backwards;place-items:center;display:grid;position:absolute;inset:0}.gbDjHW_focus{width:var(--focus);height:var(--focus);border:1.5px solid var(--tone);animation:gbDjHW_af-hunt 1.1s var(--motion-ease) .2s backwards;position:absolute;top:50%;left:88%;translate:-50% -50%}.gbDjHW_focus:after{content:"";inset:calc(var(--focus) / 4.5);background:var(--tone);animation:1.1s linear .2s backwards gbDjHW_af-lock;position:absolute}@keyframes gbDjHW_corner-settle{0%{opacity:0;translate:var(--from)}}@keyframes gbDjHW_rack-focus{0%{opacity:0;filter:blur(10px);scale:1.04}60%{opacity:1;filter:blur(1.5px)}}@keyframes gbDjHW_af-hunt{0%{opacity:0;border-color:var(--muted-foreground);scale:1.7}20%{opacity:1}45%{border-color:var(--muted-foreground);scale:.86}70%{scale:1.08}85%{border-color:var(--tone);scale:1}}@keyframes gbDjHW_af-lock{0%,80%{opacity:0}86%{opacity:1}92%{opacity:.25}}@media (prefers-reduced-motion:reduce){.gbDjHW_screen *,.gbDjHW_screen :before,.gbDjHW_screen :after{animation:none!important}}
