.x-focus a,.x-focus .photos img{display:inline-block;position:relative}.x-focus a:after,.x-focus .photos img:after{content:"";pointer-events:none;opacity:0;--m:var(--accent);background:linear-gradient(var(--m), var(--m)) left top / 7px 1px no-repeat, linear-gradient(var(--m), var(--m)) left top / 1px 7px no-repeat, linear-gradient(var(--m), var(--m)) right top / 7px 1px no-repeat, linear-gradient(var(--m), var(--m)) right top / 1px 7px no-repeat, linear-gradient(var(--m), var(--m)) left bottom / 7px 1px no-repeat, linear-gradient(var(--m), var(--m)) left bottom / 1px 7px no-repeat, linear-gradient(var(--m), var(--m)) right bottom / 7px 1px no-repeat, linear-gradient(var(--m), var(--m)) right bottom / 1px 7px no-repeat;position:absolute;inset:-.3em -.5em}.x-focus a:focus-visible:after{animation:.28s cubic-bezier(.2,.7,.2,1) both focus-lock}@media (hover:hover) and (pointer:fine){.x-focus a:hover:after,.x-focus .photos a:hover img:after{animation:.28s cubic-bezier(.2,.7,.2,1) both focus-lock}.x-focus a:hover{text-decoration:none}}@keyframes focus-lock{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.x-focus a:after{animation-duration:0s!important}}@media print{.x-focus a:after{display:none}}