.image-viewer__overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.image-viewer__content{background-color:transparent;color:var(--foreground);width:100%;height:100%;max-width:500px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.image-viewer__header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:1rem;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0))}.image-viewer__media{position:relative;width:100%;flex-grow:1;background-color:#000}.image-viewer__details{padding:1rem;background-color:rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.1);overflow-y:auto}.image-viewer__text-shadow{color:white;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.image-viewer__icon-shadow{color:white;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.8))}