:root{--primary:#a500ff;--secondary:#c8c8c8;--white:#fff}*{box-sizing:border-box}html{background-color:var(--primary)}html,body{margin:0;padding:0}body{height:100%;overflow:auto}.content-wrap{display:flex}.preview-wrap{float:left;border-top:1px none var(--primary);border-radius:7px;width:30%;min-width:200px;height:100vh;overflow:scroll}.preview-cell{border-right:.5px solid var(--primary);border-bottom:1px solid var(--primary);border-left:.5px solid var(--primary);aspect-ratio:1;border-radius:7px;height:auto;display:block;position:relative}.preview-cell-bg{z-index:-5;background-color:#000;border-radius:7px;width:100%;height:100%;position:absolute}.preview-link-wrap{height:100%}.preview-img{z-index:-2;object-fit:cover;vertical-align:middle;border-radius:7px;width:100%;max-width:100%;height:100%;display:inline-block;position:relative}.font-name-box{border-top:.5px solid var(--primary);border-right:.5px solid var(--primary);background-color:var(--secondary);width:224px;color:var(--primary);text-align:center;letter-spacing:-1px;text-transform:uppercase;border-radius:7px;padding-top:8px;padding-bottom:8px;position:absolute;bottom:0;left:0}.table{width:70%;position:relative}.filter-wrap{z-index:20;width:70%;margin-top:34px;position:fixed}.filter-menu-wrap{height:560px;font-size:13px;font-weight:500;line-height:13px;display:flex}.filter-element{color:var(--primary);margin-bottom:0;padding-left:0;font-family:Mcqueengrotesk,sans-serif;font-weight:500;display:flex}.filter-label{overflow-wrap:break-word;white-space:normal;font-weight:500;display:inline}.filter-element input[type=checkbox]{appearance:none;box-sizing:border-box;border:.8px solid var(--primary);cursor:pointer;border-radius:20px;flex:none;width:9px;height:9px;margin:2px 6px 0 0}.filter-element input[type=checkbox]:checked{background-color:var(--primary)}.filter-element input[type=checkbox]:focus{box-shadow:0 0 3px 1px #a500ff55}.filter-buttons{justify-content:flex-end;margin-top:-1px;display:flex}.filter-button{z-index:500;border:1px solid var(--primary);background-color:var(--secondary);width:calc(21.4285% + 1px);height:34px;color:var(--primary);border-radius:7px;margin-left:-1px;padding-top:8px;padding-bottom:8px;position:relative;-webkit-transform:translate(0,0)}.filter-button.reset{width:calc(14.285% + 1px)}.filter-button.no-result{z-index:200;justify-content:center;align-items:center;width:calc(42.857% + 1px);padding-top:4px;padding-bottom:4px;display:none;-webkit-transform:translate(0,0)}.emoticon{text-align:center;flex-direction:column;align-items:center;height:14px;padding-left:8px;display:inline-block}.cell.filter-column{z-index:10;border-bottom:1px solid var(--primary);height:100%;overflow:scroll}.row{border-bottom:1px solid var(--primary);height:56px;display:flex;position:relative}.row.head{z-index:10;background-color:var(--primary);border-top-style:none;border-top-width:0;border-bottom-style:none;border-bottom-width:0;height:34px;margin-top:0;margin-bottom:0;position:sticky;top:0}.cell-head{border:1px solid var(--primary);background-color:var(--white);color:var(--primary);border-radius:7px;flex:none;margin-left:-1px;margin-right:0;padding-top:8px;padding-bottom:8px;width:calc(14.2857% + 1px)!important}.cell-head.shrink{width:calc(7.14286% + 1px)!important}.filterable{cursor:pointer}.cell-head-text{text-align:center;display:block}.cell-list{margin:0;padding:0;list-style:none}.cell.trailing:hover{background-color:var(--primary)}.cell.trailing:hover .link-arrow{filter:brightness(0)invert()}.link-block{justify-content:center;align-items:center;width:100%;height:100%;display:block;position:relative}.link-arrow{width:23px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-wrap{height:100vh;overflow:scroll}.grid-wrap .row{cursor:pointer;height:56px;transition:height .2s;position:relative}.grid-wrap .row.is-active{background:#f5f5f5}.grid-wrap .row{cursor:pointer;height:56px;transition:height .2s;position:relative;overflow:hidden}.cell{border-right:1px solid var(--primary);background-color:var(--white);flex:none;margin-right:0;padding:6px;overflow:hidden;width:14.2857%!important}.cell.leading{border-top-left-radius:7px;border-bottom-left-radius:7px}.cell.shrink{width:7.14286%!important}.cell.shrink.trailing{border-top-right-radius:7px;border-bottom-right-radius:7px}.cell.shrink.filter-column{border-bottom-right-radius:7px}.cell.trailing{justify-content:flex-end;display:flex}.cell.empty{background-color:#0000;border:1px #000;padding:0}
