.recordings .img-box{--aspect-ratio: 1;border-radius:l;border-radius:1rem;--shadow-radius: 1rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 1rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, 15%));position:relative;display:block;margin-bottom:2.5rem;background-color:var(--color-bg--darken)}@media (hover: hover){.recordings a.img-box:hover,.recordings button.img-box:hover,.recordings select.img-box:hover,.recordings input.img-box:hover,.recordings textarea.img-box:hover{--shadow-alpha: 30%}}.recordings input.img-box:focus,.recordings textarea.img-box:focus,.recordings .img-box:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 768px){.recordings .img-box{max-width:30rem}}.recordings .img-box--16-9{--aspect-ratio: 16 / 9}.recordings .img-box img{border-radius:l;border-radius:1rem;position:relative;display:block;width:100%;aspect-ratio:var(--aspect-ratio);z-index:5}