body{color:#000;background:#fff;--green:#50c878;--green2:#73d393;--border-gray:#888;--text-gray:gray;--p2:0.8rem;--white-hover:#f5f5f5;--bg-gray:#eee}#page{height:100vh;display:grid;grid-template-rows:1fr 9fr;grid-template-areas:"header" "main"}header{grid-area:header;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:3rem;padding:0 0 0 .3rem}header>*{text-align:center}header>h2#subtitle{font-size:1rem;color:var(--text-gray)}main{grid-area:main;display:grid;grid-template-columns:2fr 8fr;grid-template-rows:auto;grid-template-areas:"filePanel previewPanel";border:solid #000;border-width:2px 0}footer{padding:.5rem 0;text-align:center}footer,header{background-color:var(--bg-gray)}#left-panel{grid-area:filePanel;border-right:2px solid var(--border-gray);margin-left:-2px;padding:0}#left-panel>*{padding:.2rem .2rem .2rem .5rem}.file-section-header{display:flex;flex-flow:row nowrap;justify-content:space-between;border:2px solid var(--border-gray);border-right:none}.file-section-header>p{font-weight:700}.file-section-header:first-child{border-top:none}div#corpus-files{margin-top:1rem}.file-section-header>button{padding:0 .3rem;background-color:var(--green);border-radius:4px;border:none}ul.file-list{color:var(--text-gray);list-style-type:none;font-size:var(--p2)}.right-panel{grid-area:previewPanel;display:flex;flex-direction:column;text-align:center}.right-panel>h2{margin-top:1rem;margin-bottom:1rem}.right-panel>button{width:10rem;margin:1rem auto 0}button{padding:.2rem .5rem;border-radius:5px;border:none}button.primary{background-color:var(--green);transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease}button.primary:hover{transform:scale(1.05);background-color:var(--green2)}.container input{position:relative;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}ul.file-list li{display:flex;flex-flow:row nowrap;justify-content:space-between;border-bottom:1px dotted var(--border-gray);padding-top:.1rem;padding-bottom:.2rem}ul.file-list li:last-child{border-bottom:none}.opacity-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:.4}.pop-up-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:65vw;padding:2.5rem;border-radius:6px;background:#fff;opacity:1}.pop-up-modal .x-button{position:absolute;right:0;top:0;color:#000;font-weight:700;font-size:1.2rem;background-color:transparent;transition:transform .3s ease}.pop-up-modal .x-button:hover{transform:scale(1.3);color:red}.pop-up-modal p{text-align:center}.pop-up-modal h2{margin-bottom:2rem}.reasoning-container{overflow-y:scroll;max-height:60vh;padding:.8rem;border-radius:6px;border:1.5px solid var(--border-gray)}.p2{color:var(--text-gray);font-size:var(--p2)}#upload-box{position:relative;height:5rem;width:100%;margin-top:1rem;border-radius:6px;border:1px solid var(--border-gray);display:flex;flex-direction:column;justify-content:center;align-items:center}#upload-box:hover{background-color:var(--white-hover)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}#upload-box img{animation:bounce 2s infinite}.see-more-compliance{cursor:default;color:var(--green);text-decoration:underline;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease}.see-more-compliance:hover{color:var(--green2);transform:scale(1.08);-webkit-transform:scale(1.08)}#compliance-table{margin-left:1rem;margin-right:1rem;border-collapse:collapse;text-align:left}#compliance-table>thead th{border-bottom:1.5px solid var(--border-gray)}.tbody-rows:hover{background-color:var(--white-hover)}#compliance-table td{--y-pad:0.3rem;padding-top:var(--y-pad);padding-bottom:var(--y-pad)}#compliance-table tbody tr:first-child>td{padding-top:1rem}.tbody-rows td:nth-child(3){display:flex;flex-flow:row nowrap;justify-content:space-between;padding-right:2rem}