.screen-frame.content-image--zoom:enabled:after{content:"";opacity:0;pointer-events:none;background:#0e0e0ed1;border:1px solid #ffffff2e;border-radius:9px;width:34px;height:34px;transition:opacity .2s,transform .2s;position:absolute;top:14px;right:14px;transform:translateY(-2px)}.screen-frame.content-image--zoom:enabled:before{content:"";z-index:1;background:var(--color-text);opacity:0;pointer-events:none;width:16px;height:16px;transition:opacity .2s;position:absolute;top:23px;right:23px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2h4v4M6 14H2v-4M14 2 9.5 6.5M2 14l4.5-4.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2h4v4M6 14H2v-4M14 2 9.5 6.5M2 14l4.5-4.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.screen-frame.content-image--zoom:enabled:hover:after,.screen-frame.content-image--zoom:enabled:focus-visible:after{opacity:1;transform:none}.screen-frame.content-image--zoom:enabled:hover:before,.screen-frame.content-image--zoom:enabled:focus-visible:before{opacity:1}@keyframes screen-frame-rise{0%{opacity:.4;transform:translateY(40px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.screen-frame--reveal{animation:cubic-bezier(.16,1,.3,1) both screen-frame-rise;animation-timeline:view();animation-range:entry entry 70%}}}
