:root{--background-color: #343434;--upper-bg-color: rgb(20, 20, 20);--accent-color: rgb(255, 0, 0);--hover-color: rgba(255, 0, 0, .22);--text-color: #000000}.dark{--background-color: #333333;--upper-bg-color: rgb(20, 20, 20);--accent-color: rgb(255, 0, 0);--hover-color: rgba(255, 0, 0, .22);--text-color: #ffffff}.light{--background-color: #e4e4e4;--upper-bg-color: rgb(255, 255, 255);--accent-color: rgb(0, 0, 255);--hover-color: rgba(0, 0, 255, .22);--text-color: #000000}.app{background-color:var(--background-color);color:var(--text-color)}.upper-component{padding:2%;margin-bottom:20px;width:100vw;position:sticky;top:0;background-color:var(--upper-bg-color)}main{margin:5%;display:flex;flex-direction:row}.right-section{margin-left:100px}.search-bar{width:50vw}.search-bar>form>input{width:70%;height:30px;padding:2px;border:none;background-color:#f5f5f5;border-radius:5px 0 0 5px;color:#000}.search-bar>form>button{width:20%;height:34px;color:#fff;border:none;background-color:var(--accent-color);border-radius:0 5px 5px 0}ul{margin:0;padding:0;list-style-type:none}.result-list{width:100%;display:flex;flex-direction:column;place-items:center}.person{display:flex;align-items:center;justify-content:space-between;width:600px;margin:10px;padding:10px;background:#fff;border:none;border-radius:5px;color:#000}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid var(--accent-color) 2px;border-radius:50%;width:20px;height:20px}.checkbox:hover{background-color:var(--hover-color)}.checkbox:checked{background-color:var(--accent-color)}.person-header{color:var(--accent-color)}.close-button{background-color:var(--accent-color);color:#fff;border:none;padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:10px;cursor:pointer}.flyout{display:inline-flex;gap:10px;position:fixed;bottom:5%;left:50%;transform:translate(-50%,-50%)}.flyout .download-btn{height:50px;color:#fff;border:none;border-radius:10px;background-color:var(--accent-color)}.flyout .unselect-all-btn{height:50px;color:#000;border:none;border-radius:10px}.errorMessage{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}: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}html{background-color:var(--background-color)}body{margin:0;padding:0;display:flex;justify-content:flex-start;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}