.modal{margin:auto;position:relative;width:var(--modal-width);border:0;border-radius:var(--border-radius);background-color:var(--white)}dialog.modal::backdrop{background-color:var(--black);opacity:80%}.sidenav-container{height:100%;background-color:var(--accent-blue-dark)}.sidenav{width:10rem;position:sticky;top:0;box-sizing:border-box}@media(width<=1000px){.sidenav{display:none}.sidenav.mobile{display:block}}@media(width>1000px){.sidenav{display:block}.sidenav.mobile{display:none}}.sidenav.collapse{width:3rem}.sidenav-button{display:flex;flex-direction:row-reverse;align-items:center;padding:var(--margin-md)}.sidenav-button svg{flex:0 0 auto}.sidenav .open-button.sidenav-button{display:none}.sidenav.collapse .open-button.sidenav-button{display:flex;justify-content:center}.sidenav .close-button.sidenav-button{display:flex}.sidenav.collapse .close-button.sidenav-button{display:none}.sidenav-item{font-size:var(--text-md);height:var(--text-lg);padding:var(--margin-sm) var(--margin-md);color:var(--accent-blue-light);display:flex;align-items:center;text-decoration:none;border-right:3px solid var(--accent-blue-dark)}.sidenav-item:hover{background-color:var(--accent-blue-mid);border-right:3px solid var(--accent-yellow)}.sidenav-item .sidenav-label{color:var(--accent-blue-light);margin:0 0 0 var(--margin-md)}.sidenav.collapse .sidenav-label{width:0;margin:0;overflow:hidden}.topnav{display:flex;flex-direction:row;align-items:center;background-color:var(--accent-blue-dark);border-bottom:1px solid var(--accent-blue-mid);padding:0 var(--margin-md);gap:var(--margin-md)}.topnav h1{color:var(--white);text-decoration:none}.block{width:var(--block-width);box-sizing:border-box;background-color:var(--white);box-shadow:1px 3px 12px #0000000a;margin:var(--margin-lg) auto;padding:var(--margin-md)}.flash{position:fixed;top:var(--margin-xl);right:var(--margin-xl);max-width:60vw}.button_icon{border:none;margin:var(--margin-xs);padding:0;background:none;color:inherit}.icon{display:inline-block;text-align:center;color:var(--accent-blue-light)}.icon.sm{width:.8rem;height:.8rem}.icon.md{width:1rem;height:1rem}.icon.lg{width:1.4rem;height:1.4rem}.icon.xl{width:2.5rem;height:2.5rem}.alert{display:flex;background-color:var(--primary-enabled);border:1px solid var(--primary-accent);padding:var(--margin-sm) var(--margin-md);margin:var(--margin-md);gap:var(--margin-md)}.alert .icon{color:var(--primary--accent);margin:auto 0}.alert.success{background-color:var(--success-enabled);border:1px solid var(--success-accent)}.alert.success .icon{color:var(--success-accent)}.alert.danger{background-color:var(--danger-enabled);border:1px solid var(--danger-accent)}.alert.danger .icon{color:var(--danger-accent)}.button-row{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:1rem;margin:var(--margin-sm)}button{padding:var(--margin-xs) var(--margin-sm);background-color:var(--primary-enabled);border:none;border-bottom:1px solid var(--primary-accent);display:flex;gap:var(--margin-sm);align-items:center;color:var(--black)}button:hover{background-color:var(--primary-accent);cursor:pointer}button:disabled{background-color:var(--primary-disabled)}button:disabled:hover{cursor:not-allowed}button.success{background-color:var(--success-enabled);border-bottom:1px solid var(--success-accent)}button.success:hover{background-color:var(--success-accent)}button.success.disabled{background-color:var(--success-disabled)}button.danger{background-color:var(--danger-enabled);border-bottom:1px solid var(--danger-accent)}button.danger:hover{background-color:var(--danger-accent)}button.danger.disabled{background-color:var(--danger-disabled)}button .icon{color:var(--black)}.clickable{background:none;border:none;margin:0;padding:0}.clickable:hover{background:none}.clickable .icon{color:var(--accent-blue-light)}.link-button{padding:var(--margin-xs) var(--margin-sm);background-color:var(--primary-enabled);border-bottom:1px solid var(--primary-accent);display:flex;gap:var(--margin-sm);align-items:center;color:var(--black)}.link-button:disabled{background-color:var(--primary-disabled)}.link-button:hover{background-color:var(--primary-accent)}.link-button:disabled:hover{cursor:not-allowed}.link-button.success{background-color:var(--success-enabled);border-bottom:1px solid var(--success-accent)}.link-button.success:hover{background-color:var(--success-accent)}.link-button.success.disabled{background-color:var(--success-disabled)}.link-button.danger{background-color:var(--danger-enabled);border-bottom:1px solid var(--danger-accent)}.link-button.danger:hover{background-color:var(--danger-accent)}.link-button.danger.disabled{background-color:var(--danger-disabled)}.link-button .icon{color:var(--black)}a.link-button{text-decoration:none}table{table-layout:auto;max-width:100%;min-width:75%;margin:var(--margin-lg) auto;border-collapse:collapse;font-family:var(--font)}th{background-color:var(--accent-blue-dark);color:var(--white);text-align:start;font-size:var(--text-sm)}th,td{padding:var(--margin-xs) var(--margin-sm)}tr:nth-child(2n){background-color:var(--grey-light)}tr:nth-child(odd){background-color:var(--white)}tr:hover{background-color:var(--accent-blue-light)}:root{--black: #000000FF;--grey-dark: #A0A0A0FF;--grey-light: #EEEEEEFF;--white: #FDFDFDFF;--accent-blue-dark: #146585FF;--accent-blue-mid: #0E98CFFF;--accent-blue-light: #E2F5FCFF;--accent-yellow: #FFCC00FF;--primary-enabled: #E2F5FCFF;--primary-disabled: #F7ECF5FF;--primary-accent: #65CAF2FF;--secondary-enabled: #E2F5FCFF;--secondary-disabled: #F7ECF5FF;--secondary-accent: #65CAF2FF;--success-enabled: #9EFCBCFF;--success-disabled: #D6F4E0FF;--success-accent: #59FA8DFF;--danger-enabled: #FFAFAAFF;--danger-disabled: #FBD5D1FF;--danger-accent: #FF6056FF;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .9rem;--margin-lg: 1.2rem;--margin-xl: 1.5rem;--underline-offset: .3rem;--text-xl: 1.6rem;--text-lg: 1.3rem;--text-md: 1rem;--text-sm: .85rem;--text-xs: .55rem;--border-radius: 3px;--font: Verdana, Geneva, Tahoma, sans-serif;--media-sm: 768px;--media-md: 1200px}@media(width<=750px){:root{--block-width: 100%;--modal-width: 95%;--media-browser-width: 99.5% --image-select-width: 99.5%;--image-preview-large-max-width: 80vw;--image-preview-large-max-height: 80vw;--image-preview-small-max-width: 80vw;--image-preview-small-max-height: 80vw}}@media(750px<width<=1000px){:root{--block-width: 100%;--modal-width: 90%;--media-browser-width: 49.8%;--image-select-width: 33.1%;--image-preview-large-max-width: 70vw;--image-preview-large-max-height: 70vw;--image-preview-small-max-width: 70vw;--image-preview-small-max-height: 70vw}}@media(1000px<width<=1400px){:root{--block-width: 95%;--modal-width: 85%;--media-browser-width: 33.1%;--image-select-width: 33.1%;--image-preview-large-max-width: 60vw;--image-preview-large-max-height: 60vw;--image-preview-small-max-width: 50vw;--image-preview-small-max-height: 50vw}}@media(1400px<width<=1800px){:root{--block-width: 90%;--modal-width: 80%;--media-browser-width: 24.7%;--image-select-width: 24.7%;--image-preview-large-max-width: 45vw;--image-preview-large-max-height: 45vw;--image-preview-small-max-width: 40vw;--image-preview-small-max-height: 40vw}}@media(width>1800px){:root{--block-width: 80%;--modal-width: 70%;--media-browser-width: 19.8%;--image-select-width: 19.8%;--image-preview-large-max-width: 45vw;--image-preview-large-max-height: 45vw;--image-preview-small-max-width: 30vw;--image-preview-small-max-height: 30vw}}.fields{margin:var(--margin-md);display:grid;grid-template-columns:max-content auto}label{padding:var(--margin-sm) 0;margin:var(--margin-sm) 0}.field input{width:100%;padding:var(--margin-sm);margin:var(--margin-sm) auto 0 auto;border:none;border-bottom:2px solid var(--grey-light);box-sizing:border-box;outline:none}.field input:focus{border:none;border-bottom:2px solid var(--accent-yellow)}.field.invalid input{border-bottom:2px solid var(--danger-enabled)}.field p{grid-column:2;font-size:var(--text-sm);text-align:start;color:var(--danger-accent);margin:0;padding:0}textarea{width:100%;padding:var(--margin-sm);margin:var(--margin-sm) auto 0 auto;border:1px solid var(--grey-light);box-sizing:border-box;outline:none}textarea:focus{border:none;border:1px sold var(--accent-yellow)}html{height:100%}body{margin:0;padding:0;width:100%;height:100%;background-color:var(--grey-light)}img{display:block;width:100%;height:auto}p,span,a,label,button{font-family:var(--font);font-size:var(--text-md);color:var(--black)}a.disabled{pointer-events:none;color:var(--grey-dark)}h1,h2{text-decoration:underline;text-decoration-color:var(--accent-yellow);color:var(--accent-blue-dark)}h1{font-size:var(--text-xl);line-height:var(--text-xl)}h2{font-size:var(--text-md);line-height:var(--text-xl)}.w-100{width:100%}.h-100{height:100%}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.flex-grow{flex:1 0 auto}.flex-shrink{flex:0 1 auto}.spacer{flex:1 0 0px}.my-xs{margin-top:var(--margin-xs);margin-bottom:var(--margin-xs)}.my-sm{margin-top:var(--margin-sm);margin-bottom:var(--margin-sm)}.my-md{margin-top:var(--margin-md);margin-bottom:var(--margin-md)}.my-lg{margin-top:var(--margin-lg);margin-bottom:var(--margin-lg)}.my-xl{margin-top:var(--margin-xl);margin-bottom:var(--margin-xl)}.bg-primary{background-color:var(--primary-enabled)}.bg-success{background-color:var(--success-enabled)}.bg-danger{background-color:var(--danger-enabled)}.color-black{color:var(--black)}.hidden{display:none}.image-preview{max-width:var(--image-preview-large-max-width);max-height:var(--image-preview-large-max-height);object-fit:contain}.image-preview-sm{max-width:var(--image-preview-small-max-width);max-height:var(--image-preview-small-max-height);object-fit:contain}.media-browser-card{width:var(--media-browser-width);padding:var(--margin-sm);box-sizing:border-box}.media-browser-item{box-shadow:1px 3px 10px 4px #00000020;border:2px transparent solid;background-color:var(--white);display:flex;flex-direction:column}.media-browser-card p{padding:var(--margin-sm) var(--margin-md);text-align:center}.image-select-card{width:var(--image-select-width);padding:var(--margin-sm);box-sizing:border-box}.image-select-item{box-shadow:1px 3px 10px 4px #00000020;border:2px transparent solid;background-color:var(--white);display:flex;flex-direction:column}.image-select-item:hover{border:2px var(--primary-accent) solid}.image-select-item p{padding:var(--margin-sm) var(--margin-md);text-align:center;margin:0}