.modal-juror{width:min(100%,1200px);height:100vh;padding-top:var(--app-margin);padding-bottom:var(--app-margin);background-color:var(--background-color-primary);cursor:auto;position:fixed;right:0;overflow-y:auto}.modal-juror header{margin-bottom:160px}.modal-juror header h1{margin:12px 0;font-size:28px;font-family:var(--font)!important;font-weight:var(--bold)!important}.modal-juror header h3{font-size:var(--text-large);color:var(--accent-color-secondary);margin:0;font-family:var(--font)!important}.modal-juror header button{top:var(--app-margin);right:var(--app-margin);position:absolute}.modal-juror main{flex-direction:column;display:flex}.modal-juror main figure{width:min(75%,480px);margin:0}.modal-juror main figure figcaption{width:28ch;color:var(--accent-color-secondary)}.modal-juror main .description{margin-top:80px}.modal-juror.dark-theme{color:var(--text-color-dark);background-color:var(--background-color-primary-dark)}.modal-juror.dark-theme header h3,.modal-juror.dark-theme main figure figcaption{color:var(--accent-color-secondary-dark)}@media screen and (width>=1024px){.modal-juror header h1{font-size:36px}.modal-juror main{flex-direction:row}.modal-juror main figure{order:1;width:auto;min-width:400px}.modal-juror main .description{margin-top:0;margin-right:120px}}@media screen and (width>=1792px){.modal-juror header h1{font-size:46px}}
