.table-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.table{width:82vw;height:90vh;background-color:#FFF5;backdrop-filter:blur(0.5rem);box-shadow:0 0.4rem 0.8rem #0005;border-radius:0.8rem;overflow:hidden}.table.table-auto{width:auto}.table *{color:black}.table__header{width:100%;max-height:10%;background-color:#FFF4;padding:0.8rem 1rem;display:flex;justify-content:space-between;align-items:center}.table__header .input-group{width:35%;height:100%;background-color:#FFF5;padding:0 0.8rem;border-radius:2rem;display:flex;justify-content:center;align-items:center;transition:0.2s}.table__header .input-group:hover{width:45%;background-color:#FFF8;box-shadow:0 0.1rem 0.4rem #0002}.table__header .input-group img{width:1.2rem;height:1.2rem}.table__header .input-group input{width:100%;background-color:transparent;border:none;outline:none}.table__body{width:95%;max-height:calc(89% - 0.8rem);background-color:#FFFB;margin:0.8rem auto;border-radius:0.6rem;overflow:auto;overflow:overlay}.table__body::-webkit-scrollbar{width:0.5rem;height:0.5rem}.table__body::-webkit-scrollbar-thumb{border-radius:0.5rem;background-color:#0004;visibility:hidden}.table__body:hover::-webkit-scrollbar-thumb{visibility:visible}table{width:100%}th.name-column,td.name-column{max-width:20rem}th.link-column,td.link-column{max-width:8rem}td img{height:5rem;margin-right:0.5rem;border-radius:0.5rem;vertical-align:middle}table,th,td{border-collapse:collapse;padding:1rem;text-align:left}thead th{position:sticky;top:0;left:0;background-color:#d5d1defe;cursor:pointer;text-transform:capitalize}tbody tr:nth-child(even){background-color:#0000000B}tbody tr{--delay: 0.1s;transition:0.5s ease-in-out var(--delay),background-color 0s}tbody tr.hide{opacity:0;transform:translateX(100%)}tbody tr:hover{background-color:#FFF6 !important}tbody tr td{overflow:hidden;white-space:nowrap;max-width:40ch;text-overflow:ellipsis}tbody tr td,tbody tr td p,tbody tr td img{transition:0.2s ease-in-out}tbody tr.hide td,tbody tr.hide td p{padding:0;transition:0.2s ease-in-out 0.5s}tbody tr.hide td img{width:0;height:0;transition:0.2s ease-in-out 0.5s}.status{padding:0.4rem 0;border-radius:2rem;text-align:center}.status.delivered{background-color:#86E49D;color:#006B21}.status.cancelled{background-color:#D893A3;color:#B30021}.status.pending{background-color:#6FCAEA}@media (max-width: 1000px){td:not(:first-of-type){min-width:12.1rem}}thead th span.icon-arrow{display:inline-block;width:1.3rem;height:1.3rem;border-radius:50%;border:1.4px solid transparent;text-align:center;font-size:1rem;margin-left:.5rem;transition:.2s ease-in-out}thead th:hover span.icon-arrow{border:1.4px solid #6c00bd}thead th:hover{color:#6c00bd}thead th.active span.icon-arrow{background-color:#6c00bd;color:#fff}thead th.asc span.icon-arrow{transform:rotate(180deg)}thead th.active,tbody td.active{color:#6c00bd}.export__file{position:relative}.export__file .export__file-btn{display:inline-block;width:2rem;height:2rem;background:rgba(255,255,255,0.4) url(/assets/export.png) center/80% no-repeat;border-radius:50%;transition:.2s ease-in-out}.export__file .export__file-btn:hover{background-color:#fff;transform:scale(1.15);cursor:pointer}.export__file input{display:none}.export__file .export__file-options{position:absolute;right:0;width:12rem;border-radius:.5rem;overflow:hidden;text-align:center;opacity:0;transform:scale(0.8);transform-origin:top right;box-shadow:0 .2rem .5rem #0004;transition:.2s}.export__file input:checked+.export__file-options{opacity:1;transform:scale(1);z-index:100}.export__file .export__file-options label{display:block;width:100%;padding:.6rem 0;background-color:#f2f2f2;display:flex;justify-content:space-around;align-items:center;transition:.2s ease-in-out}.export__file .export__file-options label:first-of-type{padding:1rem 0;background-color:#86e49d !important}.export__file .export__file-options label:hover{transform:scale(1.05);background-color:#fff;cursor:pointer}.export__file .export__file-options img{width:2rem;height:auto}th.artistic-name-col,td.artistic-name-col{max-width:14rem}th.title-col,td.title-col,th.bidder-col,td.bidder-col{max-width:14rem;text-wrap:auto}