.card-picker-container{padding:10px 0;height:400px;width:100%;position:relative;overflow:hidden;text-align:center;font-size:1.2em;transition:transform .2s}@media only screen and (max-width:800px){.card-picker-container{height:250px}}.card-picker-left{float:left}.card-picker-left,.card-picker-right{width:48%;position:relative;height:100%}.card-picker-right{float:right}.roller-card{display:inline-block;background-color:#000000a8;border-radius:4%;position:absolute;transition:all .5s ease}.roller-card-img{height:400px;max-height:100%;width:auto;transition:opacity .3s ease-out}.roller-card-data{color:white;position:absolute;text-shadow:0 0 2px black;top:20%;text-align:left;font-family:Arial;background-color:rgba(0,0,0,.4);width:100%;padding:4px 10% 0}.roller-card-data span{font-size:.9em}.roller-card-left-0{height:100%;right:0;bottom:0;z-index:9}.roller-card-left-1{height:90%;right:100px;bottom:20px}.roller-card-left-2{height:80%;right:200px}.roller-card-left-3{height:70%;right:300px}.roller-card-left-4{height:60%;right:400px}.roller-card-right-0{height:100%;left:0;z-index:9}.roller-card-right-1{height:90%;left:100px}.roller-card-right-2{height:80%;left:200px}.roller-card-right-3{height:70%;left:300px}.roller-card-right-4{height:60%;left:400px}.roller-card:hover{transform:scale(1.05);cursor:pointer;transition:transform .3s}.future-pick{opacity:0}.future-pick-0{float:left}.future-pick-1{float:right}.elo-table-container{height:100%;min-height:40vh;width:100%;background-color:rgba(14,13,13,.8);border:2px solid #000;border-radius:10px}.elo-table-header{display:block;justify-content:center;width:100%;height:100%}.elo-table-showfilters-container{display:flex;width:100%}.elo-table-filtergroup-title{color:white}.elo-table-body{display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;padding:20px}.elo-table-table{position:relative;table-layout:auto;height:100%;width:100%;border-radius:10px;overflow:hidden;border:4px solid #000000cb}.loading-row{padding-top:100px}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#555;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite;margin-left:auto;margin-right:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.column-index-1{min-width:5%;text-align:center}.column-index-2{min-width:20%}.column-index-3{min-width:10%}.column-index-4,.column-index-5{min-width:200px}.column-index-6{text-align:center}.column-primary1{width:auto}@media only screen and (max-width:1250px){.column-secondary{display:none}}.column-primary-text{display:inline-block}b{border-radius:10px;text-align:center;font-size:1em;transition:transform .2s}b[color=red]{color:red}b[color=blue]{color:blue}b[color=yellow]{color:yellow}.card-preview{position:sticky;top:30px;align-self:flex-start;display:block!important;float:right;transition:all .5s ease}@media only screen and (max-width:1200px){.card-preview{display:none}}@media only screen and (min-width:1200px){.card-preview{min-width:250px}}.card-preview-image{padding-left:20px}@media only screen and (max-width:1200px){.card-preview-image{display:none}}tr:hover{background-color:rgba(255,255,255,.2);cursor:pointer}.elo-table-filters{display:flex;opacity:0;max-height:0;overflow:auto;flex-wrap:wrap;justify-content:left;align-items:center;padding:0 20px;transition:opacity .5s ease,max-height .5s ease}.elo-table-filters.show{opacity:1;max-height:500px}.elo-table-filtergroup{display:block;flex-direction:row;justify-content:center;align-items:center;margin:0 10px;padding:10px}.elo-table-filtergroup .buttons-container{display:flex}.show-filters-button{position:relative;border:2px solid #6b6e70;border-radius:5px;margin-top:10px;margin-left:auto;margin-right:10px;padding:5px 20px;min-width:120px}.show-filters-button:hover{background-color:rgba(0,123,255,.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.toggle-button{font-size:1em;position:relative;top:5px;right:8px;background-color:transparent;color:#6b6e70;border:2px solid #6b6e70;border-radius:5px;cursor:pointer;transition:all .3s ease}@media only screen and (min-width:1200px){.toggle-button{min-width:80px;font-size:1em;padding:6px;margin:6px}}@media only screen and (max-width:1200px){.toggle-button{min-width:45px;font-size:.7em;padding:4px;margin:4px}}.toggle-button:hover{background-color:rgba(0,123,255,.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.toggle-button.active{background-color:#ECE7DF;color:rgb(12,11,11);border:2px solid #ece7df;box-shadow:0 4px 12px rgba(136,138,139,.4);transform:scale(1.05)}.toggle-button.active:hover{background-color:#e5d0ad;border-color:#e5d0ad}.empty-results{padding-top:100px;text-align:center}.elo-table-table td{font-size:1em;color:white}.elo-table-table tr{color:white}@media only screen and (max-width:1200px){.elo-table-table td{font-size:.7em}}th{color:white}.card-modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;animation:fadein .4s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.card-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-img{height:45vh;width:auto;max-height:80%}@media (max-width:1200px){.modal-img{height:60vh}}.navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem;background-color:rgba(14,13,13,.925);color:white;position:relative}.navbar .text-lg{font-size:1.125rem;font-weight:700}.nav-desktop-links{position:absolute;left:50%;transform:translateX(-50%);display:none;gap:1.5rem;align-items:center;justify-content:center}@media (min-width:1000px){.nav-desktop-links{display:flex}}.nav-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:rgba(14,13,13,.925);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:.375rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;z-index:10}.nav-dropdown.hidden{display:none}.nav-dropdown.block{display:flex;margin-right:10px;min-width:80px;text-align:center}@media (min-width:1000px){.nav-dropdown{position:static;display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:flex-end;width:auto}}.nav-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}@media (min-width:1000px){.nav-burger{display:none}}button{display:block;color:white;background:none;border:none;cursor:pointer}button,button:focus{outline:none}button svg{width:1.5rem;height:1.5rem}a{font-size:.875rem;font-weight:600;color:white;text-decoration:none;transition:color .3s ease}a:hover{color:#a0aec0}