@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--lightgrey: lightgrey;--grey: grey;--darkgrey: darkgrey;--si-blue: #5d8ec0;--si-darkblue: rgb(40, 100, 170);--si-pink: #b82e54;--si-lightpink: #f6e8ed;--si-purple: #a2a4f8;max-width:1024px}*{margin:0 auto;font-family:Raleway,sans-serif}.flex{display:flex}.grow{flex-grow:1}.f1{flex:1}.f2{flex:2}.f3{flex:3}.f4{flex:4}.f6{flex:6}.gap{gap:1rem}.flex-col{display:flex;flex-direction:column;gap:.5rem}input,textarea{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}header{margin-top:2rem;padding:2rem;color:#fff;background-color:var(--si-darkblue)}header .title{font-size:1.2rem}header .subtitle{font-size:.8rem;font-weight:lighter}header img{width:40px;margin-right:2rem}header .btn-logout{align-self:center;width:20px;height:20px}header button{padding:1rem;border-radius:.25rem;background-color:#fff3}header button:hover{padding:1rem;border-radius:.25rem;background-color:#ffffffe6;color:var(--si-darkblue);transition:all .1s ease-in-out}section{padding:2rem 1rem}section h1{font-size:1rem;font-weight:700;color:var(--si-pink);margin-bottom:2rem}.ytb-icon{width:25px;height:25px;position:relative;margin-left:.5rem;top:-.5px}.ytb-mini{width:200px;height:112px;align-self:center;border-radius:.125rem;margin-right:1rem;background-size:cover;background-position:center}.refresh-icon{width:20px;display:inline;position:relative;top:5px;margin-left:.5rem;padding:.25rem;border-radius:50%;background-color:var(--si-pink);color:#fff}.refresh-icon:hover{cursor:pointer;color:var(--si-pink);background-color:#fff}.mini-media{width:160px;height:88px;align-self:center;border-radius:.125rem;margin:1rem 1rem 0em;background-size:cover;background-position:center;box-shadow:#00000026 0 2px 8px}.action{display:flex;align-items:flex-start;gap:.5rem}.action button{margin-top:1rem;padding:.25rem .4rem .4rem;border-radius:.125rem;background-color:#8ad0fb66;margin-right:0;color:#fff}.action button.delete{color:#8b0000}.action button.edit{color:#006400}.action svg{width:15px}.action button.delete:hover{stroke-width:2;color:salmon;background-color:#004d7c;transition:all .1s ease-in-out}.action button.edit:hover{stroke-width:2;color:#90ee90;background-color:#004d7c;transition:all .1s ease-in-out}button.confirm{padding:.5rem 1rem;border-radius:.25rem;background-color:#90ee90;border:1px solid green;color:#006400;font-weight:700;margin:1rem 0rem 1rem 1rem}button.abort{padding:.5rem 1rem;border-radius:.25rem;border:1px solid darkred;background-color:#ffb6c11a;color:#8b0000;font-weight:700;margin:1rem}.login form{display:flex;flex-direction:column;gap:1rem;margin:3rem;align-items:center}.login form input{padding:.5rem;border-radius:.25rem;width:400px;border:1px solid var(--darkgrey)}.login form button{margin-top:1rem;padding:.5rem;border-radius:.25rem;width:400px;background-color:var(--si-pink);color:#fff;font-weight:700}.login form p{margin:0;color:var(--si-darkblue);padding:1rem}