body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-primary-550:#5a6baa;--clr-primary-400:tomato;--clr-primary-350:#8d9ed9;--clr-neutral-900:#0f172a;--clr-neutral-200:#e2e8f0;--clr-neutral-100:#94a3b8;--ff-med:"Inter-Medium",sans-serif;--fs-xl:3rem;--fs-700:2.5rem;--fs-600:2.25rem;--fs-500:1.25rem;--fs-450:1.15rem;--fs-400:1rem;--fs-350:0.875rem;--fs-300:0.75rem;--fs-200:0.65rem}*{box-sizing:border-box}::selection{background-color:var(--clr-primary-300);color:#0f172a;color:var(--clr-neutral-900)}.right-main-content::-webkit-scrollbar{width:6px}.right-main-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:7px}.right-main-content::-webkit-scrollbar-thumb{background:#888;border-radius:7px}.right-main-content::-webkit-scrollbar-thumb:hover{background:#555}body{background-color:#0f172a;background-color:var(--clr-neutral-900);color:#94a3b8;color:var(--clr-neutral-100);font-family:Inter,Inter-Medium,sans-serif;font-size:1rem;font-size:var(--fs-400)}.empty-button{cursor:pointer;margin-left:.25rem;margin-right:.25rem}@media (min-width:1201px){.main{align-items:top;border:1px solid #5a6baa;border-radius:7px;box-shadow:0 0 10px #0c35c7;gap:1rem;height:95vh;justify-content:center;margin-left:1rem;margin-right:1rem;margin-top:1rem;padding:1rem;position:relative}.left-container,.main{display:flex;overflow:auto}.left-container{box-sizing:border-box;flex:1 1;flex-direction:column;justify-content:space-between;width:100%}.top-left-navigation{font-size:1.25rem;font-size:var(--fs-500);font-weight:bolder;height:2rem;text-align:center}.left-main-img-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:auto;width:100%}.left-main-img-container img{border-radius:7px;height:100%;object-fit:contain;width:100%}.bottom-left-navigation{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:4rem;justify-content:center;overflow:auto}.bottom-left-navigation img{border-radius:12px;height:3rem;margin:.25rem;object-fit:cover;width:3rem}.right-container{display:flex;flex-direction:column;justify-content:space-between;overflow:auto;width:20rem}.top-right-navigation{font-size:1.25rem;font-size:var(--fs-500);height:3rem;text-align:center}.right-main-content{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:1rem;font-size:var(--fs-400);overflow:auto;padding:.75rem;text-align:left}.bottom-right-navigation{display:flex;flex-direction:column}.pagination button{background-color:#8d9ed9;background-color:var(--clr-primary-350);border-radius:7px;cursor:pointer;font-size:.65rem;font-size:var(--fs-200);margin-top:-.25rem;padding:.25rem;transition:var(--transition);width:4rem}.pagination{flex-direction:column;font-size:.65rem;font-size:var(--fs-200)}.page-numbers,.pagination{align-items:center;display:flex;justify-content:center}.page-numbers{flex-direction:row;margin-bottom:.25rem;margin-top:1rem}.page-number{cursor:pointer;margin:.1rem;transition:var(--transition)}.page-count-box,.page-number{font-size:.65rem;font-size:var(--fs-200)}.page-count-box{color:#94a3b8;color:var(--clr-neutral-100);display:flex;flex-direction:row}.page-count{margin-left:1rem;width:4rem}}@media (max-width:1200px){.main{align-items:top;border:1px solid #5a6baa;border-radius:7px;box-shadow:0 0 10px #0c35c7;gap:1rem;height:95vh;justify-content:center;margin-left:1rem;margin-right:1rem;margin-top:1rem;padding:1rem;position:relative}.left-container,.main{box-sizing:border-box;display:flex;overflow:auto}.left-container{flex:1 1;flex-direction:column;justify-content:space-between;width:100%}.top-left-navigation{font-size:1.25rem;font-size:var(--fs-500);font-weight:bolder;height:2rem;text-align:center}.left-main-img-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:auto;width:100%}.left-main-img-container img{border-radius:7px;height:100%;object-fit:contain;width:100%}.bottom-left-navigation{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:4rem;justify-content:center;overflow:auto}.bottom-left-navigation img{border-radius:12px;height:3rem;margin:.25rem;object-fit:cover;width:3rem}.right-container{display:flex;flex-direction:column;justify-content:space-between;overflow:auto;width:20rem}.top-right-navigation{font-size:1.25rem;font-size:var(--fs-500);height:3rem;text-align:center}.right-main-content{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:1rem;font-size:var(--fs-400);overflow:auto;padding:.75rem;text-align:left}.bottom-right-navigation{display:flex;flex-direction:column}.pagination button{background-color:#8d9ed9;background-color:var(--clr-primary-350);border-radius:7px;cursor:pointer;font-size:.65rem;font-size:var(--fs-200);margin-top:-.25rem;padding:.25rem;transition:var(--transition);width:4rem}.pagination{flex-direction:column;font-size:.65rem;font-size:var(--fs-200)}.page-numbers,.pagination{align-items:center;display:flex;justify-content:center}.page-numbers{flex-direction:row;margin-bottom:.25rem;margin-top:1rem}.page-number{cursor:pointer;margin:.1rem;transition:var(--transition)}.page-count-box,.page-number{font-size:.65rem;font-size:var(--fs-200)}.page-count-box{color:#94a3b8;color:var(--clr-neutral-100);display:flex;flex-direction:row}.page-count{margin-left:1rem;width:4rem}}@media (max-width:1024px){.main{align-items:top;border:1px solid #5a6baa;border-radius:7px;box-shadow:0 0 10px #0c35c7;justify-content:center;margin-left:.25rem;margin-right:.25rem;margin-top:1rem}.left-container,.main{display:flex;flex-direction:column}.left-container{box-sizing:border-box;text-align:center;width:100%}.top-left-navigation{font-size:1.25rem;font-size:var(--fs-500);font-weight:bolder;height:2rem}.left-main-img-container{align-content:center;border-radius:7px;box-sizing:border-box;display:flex;justify-content:center;overflow:auto;width:100%}.left-main-img-container img{border-radius:7px;height:100%;object-fit:contain;width:100%}.bottom-left-navigation{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:3.25rem;justify-content:center;overflow:auto}.bottom-left-navigation img{border-radius:12px;height:2.5rem;margin:.2rem;object-fit:cover;width:2.5rem}.right-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;width:100%}.top-right-navigation{font-size:1.25rem;font-size:var(--fs-500);height:.25rem;text-align:center}.right-main-content{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:1rem;font-size:var(--fs-400);height:10rem;overflow:auto;padding:.75rem;width:100%}.bottom-right-navigation{display:flex;flex-direction:column}.pagination button{background-color:#8d9ed9;background-color:var(--clr-primary-350);border-radius:7px;cursor:pointer;font-size:.65rem;font-size:var(--fs-200);margin-top:-.25rem;padding:.25rem;transition:var(--transition);width:4rem}.pagination{flex-direction:column;font-size:.65rem;font-size:var(--fs-200)}.page-numbers,.pagination{align-items:center;display:flex;justify-content:center}.page-numbers{flex-direction:row;margin-bottom:.25rem;margin-top:1rem}.page-number{cursor:pointer;margin:.1rem;transition:var(--transition)}.page-count-box,.page-number{font-size:.65rem;font-size:var(--fs-200)}.page-count-box{color:#94a3b8;color:var(--clr-neutral-100);display:flex;flex-direction:row}.page-count{margin-left:1rem;width:4rem}}@media (max-width:480px){.main{align-items:top;border:1px solid #5a6baa;border-radius:7px;box-shadow:0 0 10px #0c35c7;height:89vh;justify-content:center;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}.left-container,.main{display:flex;flex-direction:column}.left-container{box-sizing:border-box;height:100%;justify-content:flex-start;text-align:center}.top-left-navigation{font-size:1.25rem;font-size:var(--fs-500);font-weight:bolder;height:2rem}.left-main-img-container{align-content:center;display:flex;height:15rem;justify-content:center}.left-main-img-container img{border-radius:7px;height:100%;object-fit:contain;width:100%}.bottom-left-navigation{display:flex;flex-direction:row;flex-wrap:wrap;height:4rem;overflow:auto;padding-bottom:2rem}.bottom-left-navigation img{border-radius:12px;height:3rem;margin:.2rem;width:3rem}.right-container{box-sizing:border-box;display:flex;flex-direction:column;height:50%;justify-content:space-between;overflow:auto;width:100%}.top-right-navigation{font-size:1.15rem;font-size:var(--fs-450);height:0;text-align:center}.right-main-content{border:1px solid #5a6baa;border-radius:7px;box-shadow:0 0 5px #0c35c7;box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--fs-300);height:20rem;overflow:auto;padding:.75rem;width:100%}.bottom-right-navigation{display:flex;flex-direction:column}.pagination button{background-color:#8d9ed9;background-color:var(--clr-primary-350);border-radius:7px;cursor:pointer;font-size:.65rem;font-size:var(--fs-200);margin-top:-.25rem;padding:.25rem;transition:var(--transition);width:4rem}.pagination{flex-direction:column;font-size:.65rem;font-size:var(--fs-200)}.page-numbers,.pagination{align-items:center;display:flex;justify-content:center}.page-numbers{flex-direction:row;margin-bottom:.25rem;margin-top:1rem}.page-number{cursor:pointer;margin:.1rem;transition:var(--transition)}.page-count-box,.page-number{font-size:.65rem;font-size:var(--fs-200)}.page-count-box{color:#94a3b8;color:var(--clr-neutral-100);display:flex;flex-direction:row}.page-count{margin-left:1rem;width:4rem}}
/*# sourceMappingURL=main.bbd0131b.css.map*/