.production-details dl>div{position:relative}
.production-preview-button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px dotted currentColor;padding:0;min-height:24px;text-align:left;cursor:pointer}
.production-preview-button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.production-preview{position:fixed;z-index:90;width:450px;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);aspect-ratio:var(--preview-aspect,4/5);margin:0;pointer-events:none;background:#241b15;overflow:hidden;box-shadow:0 16px 40px #0003;opacity:0;transform:translateY(12px) rotate(calc(var(--preview-tilt,2.5deg)*1.5)) scale(.9);transition:opacity .4s ease,transform .7s cubic-bezier(.22,1,.36,1),left .18s ease-out,top .18s ease-out}
.production-preview.is-active{opacity:1;transform:translateY(0) rotate(var(--preview-tilt,2.5deg)) scale(1)}
.production-preview[hidden]{display:none}
.production-preview video{display:block;width:100%;height:100%;object-fit:contain}
.production-preview[data-playback="poster"] video{visibility:hidden}
@media(max-width:600px){.production-preview{width:450px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.production-preview,.production-preview.is-active{transition:none;transform:none}}