.book-promo{display:grid;grid-template-columns:repeat(2,max-content);gap:2rem;container:book-promo/inline-size;width:100%;background-color:hsl(0 0% 0%/0.6);position:absolute;bottom:0;left:0;padding:2rem;z-index:9999;color:#fff;opacity:0;scale:0;transition:opacity .3s,scale .2s .1s}.book-promo.visible{opacity:1;scale:1}.book-promo .close-button{width:2rem;height:2rem;background-color:transparent;position:absolute;top:2rem;right:2rem;border:0}.book-promo .close-button:before,.book-promo .close-button:after{content:'';appearance:none;display:block;width:100%;height:2px;background-color:#fff;position:absolute;top:calc(50% - 1px);left:0;transform-origin:center}.book-promo .close-button:before{rotate:45deg}.book-promo .close-button:after{rotate:-45deg}.book-promo-img{max-width:12rem;filter:drop-shadow(0 .25rem .5rem hsl(0 0% 0%/0.75))}.book-promo-img>img{display:block;width:100%;height:auto}.book-promo-text{display:grid;align-content:center}.book-promo-text h2{margin-top:0;color:#fff;font-size:2rem;line-height:1.3}.book-promo p{font-size:1.2rem}.book-promo a{color:#fff}.book-promo a:hover{color:#6dbeb9}@container book-promo (min-width:96em){.book-promo-img{max-width:24rem}.book-promo-text h2{font-size:3.2rem}.book-promo p{font-size:1.6rem}}@media screen and (min-width:30em){.book-promo{gap:3.2rem;padding:3.2rem}}@media screen and (min-width:48em){.book-promo{bottom:6rem}.book-promo .close-button{top:3.2rem;right:3.2rem}}@media screen and (min-width:60em){.book-promo{padding:3.2rem 6.4rem}.book-promo .close-button{right:6.4rem}}@media screen and (max-width:768px){body.logged-in{padding-top:135px}.front.logged-in .header-wrapper{top:80px}.header .panel-2col .panel-col-first,.header .panel-2col .panel-col-last{margin-bottom:0}.topmenu .menu{top:-200px}}