.book-media{color:#16104a;width:min(1160px,100% - 40px);margin:0 auto;padding:38px 0 30px;font-family:inherit}.book-media *{box-sizing:border-box}.book-media-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.book-media .book-media-kicker{color:#4304c4;margin:0 0 6px;font-size:13px}.book-media .book-media-heading h2{margin:0;font-size:29px;line-height:1.3}.book-media-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.book-media button{cursor:pointer;font-family:inherit}.book-media button:focus-visible,.book-media-rail:focus-visible{outline-offset:3px;outline:3px solid #4304c4}.book-media-controls button{width:44px;height:44px;color:inherit;background:0 0;border:1px solid #dedbd4;border-radius:50%;font-size:21px}.book-media-controls button:disabled{opacity:.25;cursor:default}.book-media-controls span{text-align:center;direction:ltr;min-width:32px;font-size:14px}.book-media-rail{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:12px;gap:18px;display:flex;overflow-x:auto}.book-media-rail::-webkit-scrollbar{display:none}.book-media-card{scroll-snap-align:start;background:#fff;border:1px solid #dedbd4;border-radius:12px;flex:0 0 72%;grid-template-columns:42% 1fr;min-width:0;min-height:244px;display:grid;overflow:hidden}.book-media-image{background:#e7e3dc;border:0;min-width:0;height:244px;padding:0;position:relative;overflow:hidden}.book-media-image>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.book-media-video>img{object-position:center}.book-media-image>span{color:#4304c4;background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 4px 20px #0003}.book-media-copy{flex-direction:column;align-items:flex-start;padding:22px 25px;display:flex}.book-media-meta{justify-content:space-between;align-items:center;gap:14px;width:100%;margin-bottom:12px;display:flex}.book-media-meta>span{color:#625c73;font-size:11px}.book-media-meta img{object-fit:contain;object-position:right center;width:105px;height:34px}.book-media-meta .book-media-karov{background:#16104a;border-radius:5px;padding:5px 8px}.book-media .book-media-card h3{color:#16104a;margin:0 0 8px;font-size:25px;line-height:1.2}.book-media .book-media-card p{color:#625c73;margin:0;font-size:16px;line-height:1.5}.book-media-link{color:#4304c4;background:0 0;border:0;border-bottom:1px solid #4304c4;margin-top:auto;padding:12px 0 5px;font-size:15px;font-weight:700}.book-media .book-media-hint{color:#625c73;margin:12px 0 0;font-size:12px}.book-media--campaign .book-media-image{height:218px}.book-media--campaign .book-media-card{min-height:218px}.book-media-dialog{color:#16104a;background:#fbfaf7;border:0;width:min(1000px,94vw);max-height:90dvh;margin:auto;padding:20px;position:fixed;inset:0;overflow:auto}.book-media-dialog::backdrop{background:#100c2ce0}.book-media-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.book-media .book-media-dialog h2{margin:0;font-size:20px}.book-media-dialog header button{background:#fff;border:1px solid #dedbd4;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:26px}.book-media-dialog img,.book-media-dialog video{width:100%;display:block}.book-media-dialog video{max-height:70dvh}.book-media-dialog iframe{border:0;width:100%;height:68dvh;margin-top:12px}@media (width<=900px){.book-media-card{flex-basis:88%;grid-template-columns:36% 1fr}.book-media-copy{padding:18px}.book-media-meta>span{display:none}.book-media .book-media-heading h2{font-size:25px}.book-media .book-media-card h3{font-size:22px}}@media (width<=520px){.book-media-heading{align-items:flex-end;gap:10px}.book-media .book-media-heading h2{max-width:205px;font-size:23px}.book-media-controls{gap:2px}.book-media-controls button{width:38px;height:44px;font-size:18px}.book-media-controls span{min-width:25px;font-size:12px}.book-media-card{flex-basis:88%;grid-template-columns:1fr;min-height:0}.book-media-image,.book-media--campaign .book-media-image{height:130px}.book-media-copy{min-height:205px;padding:16px 18px}.book-media-meta{margin-bottom:10px}.book-media .book-media-card p{font-size:15px}.book-media{padding:26px 0}.book-media .book-media-hint{font-size:11px}.book-media-video>img{object-position:center 46%}}