.covers{z-index:var(--pageZ);width:calc(100% - 10px);font-family:var(--petrona),"Times New Roman",serif;text-align:left;background-color:#fffffff2;border-radius:4px;flex-direction:column;gap:36px;margin:50px 5px 10px;padding:30px 20px;display:flex;position:relative}@media (min-width:600px){.covers{background-color:#ffffffe6;width:calc(100% - 90px);margin:70px 0 30px -40px;padding:70px 50px 50px}}@media (min-width:900px){.covers{max-width:900px;margin:70px 0 30px -40px;padding:70px 60px 50px}}@media (min-width:1200px){.covers{max-width:940px;margin:70px 0 30px -110px}}.covers h1{font-family:var(--petrona),"Times New Roman",serif;text-align:center;font-size:42px}.covers h2{margin:0 0 14px}.covers section .thumbs{grid-gap:16px;grid-template-columns:repeat(auto-fill,150px);justify-content:center;display:grid}@media (min-width:600px){.covers section .thumbs{grid-gap:24px}}@media (min-width:900px){.covers section .thumbs{grid-gap:16px;grid-template-columns:repeat(auto-fill,140px)}}@media (min-width:1200px){.covers section .thumbs{grid-template-columns:repeat(auto-fill,150px)}}.covers .thumbnail-button{cursor:pointer;background-color:#0000;border:none;border-radius:8px;flex-direction:column;align-items:center;width:150px;height:150px;transition:background-color .4s;display:flex;overflow:hidden}@media (min-width:900px){.covers .thumbnail-button{width:140px;height:140px}}@media (min-width:1200px){.covers .thumbnail-button{width:150px;height:150px}}.covers .thumbnail-button:focus{outline-offset:2px;outline:2px solid #0155c5}.covers .thumbnail-button:active .book-cover-thumbnail{filter:invert()}.covers .thumbnail-button .book-cover-thumbnail{object-fit:contain;width:100%;height:auto}.modal{z-index:var(--modalZ);background-color:#fffffff2;width:100%;display:block;position:fixed;top:0;bottom:0;left:0}@media (min-width:600px){.modal{background-color:#ffffffd9}}.modal .modal-content{flex-direction:column;align-items:center;gap:16px;width:100%;height:100%;padding:30px 10px 20px;display:flex}@media (min-width:1200px){.modal .modal-content{padding:50px 40px 40px}}.modal .modal-content img.book-cover{object-fit:scale-down;filter:drop-shadow(2px 4px 6px #000);max-width:calc(100% - 20px);max-height:calc(100% - 120px)}@media (min-width:600px){.modal .modal-content img.book-cover{max-height:calc(100% - 80px)}}@media (min-width:900px){.modal .modal-content img.book-cover{max-height:calc(100% - 90px)}}@media (min-width:1200px){.modal .modal-content img.book-cover{max-width:calc(100% - 120px);max-height:calc(100% - 120px)}}.modal .modal-content .description{font-family:var(--raleway),"Tahoma",Helvetica,sans-serif;background-color:#fff;border-radius:8px;padding:10px 20px;font-size:20px;line-height:1.3}.modal .close-button,.modal .next-button,.modal .previous-button{z-index:5;background-color:#0003;border:none;border-radius:50%;width:60px;height:60px;position:absolute}.modal .close-button:hover,.modal .close-button:focus,.modal .next-button:hover,.modal .next-button:focus,.modal .previous-button:hover,.modal .previous-button:focus{background-color:#0009}.modal .close-button>svg line,.modal .close-button polyline,.modal .next-button>svg line,.modal .next-button polyline,.modal .previous-button>svg line,.modal .previous-button polyline{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;width:auto;height:100%}.modal .close-button:disabled,.modal .next-button:disabled,.modal .previous-button:disabled{background-color:#bdbdbd}.modal .close-button:disabled>svg line,.modal .close-button:disabled polyline,.modal .next-button:disabled>svg line,.modal .next-button:disabled polyline,.modal .previous-button:disabled>svg line,.modal .previous-button:disabled polyline{stroke:#8a8a8a}.modal .close-button{top:12px;right:12px}.modal .next-button,.modal .previous-button{top:77.5%}@media (min-width:600px){.modal .next-button,.modal .previous-button{top:calc(50% - 25px)}}.modal .next-button{right:12px}.modal .previous-button{left:12px}.covers-background{background-image:url(/assets/backgrounds/begonias_covers.png),linear-gradient(to top, #000, var(--richPurple));background-position:left 0 bottom 0,0 0;background-repeat:repeat-x;background-size:532px 270px,calc(100% - 100px) 100%;width:100%;height:100%;position:fixed}@media (min-width:600px){.covers-background{background-image:url(/assets/vine_pattern.svg),linear-gradient(to right, var(--darkPurple), var(--darkPurple)),url(/assets/backgrounds/begonias_covers.png),linear-gradient(to top, #000, var(--richPurple));background-position:right -165px top 0,right 0 top 0,left 0 bottom 0,0 0;background-repeat:repeat-y,no-repeat,repeat-x;background-size:200px 500px,40px 100%,532px 270px,calc(100% - 40px) 100%}}@media (min-width:1200px){.covers-background{background-image:url(/assets/vine_pattern.svg),linear-gradient(to right, var(--darkPurple), var(--darkPurple)),url(/assets/backgrounds/begonias_covers.png),linear-gradient(to top, #000, var(--richPurple));background-position:right -110px top 0,right 0 top 0,left 0 bottom 0,0 0;background-repeat:repeat-y,no-repeat,repeat-x;background-size:200px 500px,110px 100%,532px 270px,calc(100% - 110px) 100%}}