@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--primary-color: #000;--secondary-color: #fff;--primary-red: #DC3535;--primary-orange: #D17842;--primary-black: #0C0F14;--primary-dark-grey: #141921;--secondary-dark-grey: #21262E;--primary-grey: #252A32;--secondary-grey: #252A32;--primary-light-grey: #52555A;--secondary-light-grey: #AEAEAE;--primary-white: #FFFFFF;--primary-black-rgba: rgba(12, 15, 20, .5);--secondary-black-rgba: rgba(0, 0, 0, .7);--main-font: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;--poppins-black: "Poppins-Black";--poppins-bold: "Poppins-Bold";--poppins-extrabold: "Poppins-ExtraBold";--poppins-extralight: "Poppins-ExtraLight";--poppins-light: "Poppins-Light";--poppins-medium: "Poppins-Medium";--poppins-regular: "Poppins-Regular";--poppins-semibold: "Poppins-SemiBold";--poppins-thin: "Poppins-Thin";--font-size-8: 8px;--font-size-10: 10px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-28: 28px;--font-size-30: 30px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-15: 15px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-36: 36px;--radius-4: 4px;--radius-8: 8px;--radius-10: 10px;--radius-15: 15px;--radius-20: 20px;--radius-25: 25px}.screen-container{display:flex;flex-direction:column;background-color:var(--primary-black);min-height:100vh;padding-bottom:2rem;margin-top:4rem;padding-left:1rem;padding-right:1rem}.section-container{margin-bottom:1.5rem;padding:0 1rem}.section-title{font-family:Poppins,sans-serif;font-weight:600;font-size:1.125rem;color:var(--primary-white);margin-bottom:.75rem}.bookshelf-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;list-style-type:none;padding-inline-start:0;scroll-snap-type:x mandatory}.bookshelf-container::-webkit-scrollbar{display:none}.loading-text{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;color:var(--primary-light-grey);text-align:center;margin-top:2rem}.section-header{display:flex;margin-left:20px;flex-direction:column}@media (min-width: 1024px){.bookshelf-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section-container{padding:0 .5rem}.section-title{font-size:1rem;padding-left:.5rem}.bookshelf-container{grid-template-columns:1fr;padding-left:.5rem;gap:.5rem}}@media (max-width: 480px){.section-container{padding:0 .25rem}.section-title{font-size:.875rem;padding-left:.25rem}.bookshelf-container{padding-left:.25rem;gap:.25rem}.loading-text{font-size:.875rem;margin-top:1.5rem}}