.scrollable-area{overflow-y:auto;align-items:center;justify-content:center;display:flex;width:100vw;height:calc(100vh - var(--pagination-controls-height))}.grid-content{top:0;width:2000px;bottom:50px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px}.card{border-radius:8px;overflow:hidden;text-align:center}.card,.card:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}.card:hover{scale:1.05}.card-image{width:100%;height:auto}.scrollable-area::-webkit-scrollbar{width:12px;height:12px}.scrollable-area::-webkit-scrollbar-track{background:var(--default-site-main);border-radius:10px;opacity:.6}.scrollable-area::-webkit-scrollbar-thumb{background-color:var(--default-site-main);border-radius:10px;border:3px solid #0f3460;opacity:.6}.scrollable-area::-webkit-scrollbar-thumb:hover{background-color:var(--default-site-secondary)}.scrollable-area{scrollbar-width:thin;scrollbar-color:var(--default-site-secondary) transparent}

/*!* Firefox scrollbar track *!*/

/*!* Firefox scrollbar thumb *!*/.loading-icon-container{display:flex;justify-content:center;align-items:center;height:100vh}.loading-icon{width:250px;height:250px}.pagination-controls{position:fixed;bottom:0;width:100vw;height:var(--pagination-controls-height);display:flex;justify-content:center;align-items:center;gap:16px;padding:8px;color:var(--default-text-color);background:linear-gradient(0deg,var(--default-site-main) 0,var(--default-site-secondary) 100%)}.pagination-controls button{padding:8px 16px;font-size:16px;cursor:pointer}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.navigation-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(26,26,46,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--default-site-main);opacity:100%;padding:20px;border-radius:8px;width:80%;max-width:800px;max-height:80%;overflow-y:auto}.close-button,.modal-content{color:var(--default-text-color)}.close-button{background:none;border:none;font-size:24px;position:absolute;top:10px;right:10px;cursor:pointer}.modal-image{max-width:100%;height:auto;display:block;margin:0 auto 20px}.edition-image{max-width:50px;height:auto;display:inline-block;margin-right:10px}.edition-image+p{display:inline-block;vertical-align:top;margin-left:8px;color:var(--default-text-color)}