.code-layout{background:linear-gradient(180deg,#ff9774 0,#f4f2ef 100%);padding:0 40px}@media screen and (max-width:767px){.code-layout{padding:0}}.code-layout>.header,.code-layout>.sticker>.header_narrow{background-color:transparent;border-bottom:0}.code-layout>.horizontal-scroller{align-items:center}.code-layout>.horizontal-scroller::-webkit-scrollbar{height:8px}.code-layout>.horizontal-scroller::-webkit-scrollbar-track{background:0 0}.code-layout>.horizontal-scroller::-webkit-scrollbar-thumb{background:rgba(255,151,116,.608)}.code-layout>.horizontal-scroller::-webkit-scrollbar-thumb:hover{background:#ff9774}.code-layout>.details{border-radius:8px;padding:14px 24px 8px;max-width:800px;border:1px solid rgba(0,0,0,.08);margin:auto auto 24px}@media screen and (max-width:767px){.code-layout>.details{max-width:calc(100% - 76px)}}.code__heading{font-size:100px!important;line-height:110%!important;max-width:1104px;margin:auto;padding-top:100px}@media screen and (max-width:767px){.code__heading{font-size:40px!important;padding:40px 12px 0}}.code__lead-in{text-align:center;max-width:800px;margin:auto;font-size:32px;line-height:140%}@media screen and (max-width:767px){.code__lead-in{font-size:18px;padding:0 12px}}.code__form{display:flex;align-items:center;width:100%;max-width:500px;margin:0 auto;border-radius:90px;background:rgba(255,255,255,.7);padding:8px;box-sizing:border-box}@media screen and (max-width:767px){.code__form{max-width:calc(100vw - 48px)}}.code__input{flex:1;min-width:0;width:100%;border-radius:90px;background:0 0;padding:8px 12px 8px 24px;font-size:34px;line-height:120%;border:0}.code__input:focus{outline:0}@media screen and (max-width:767px){.code__input{padding:8px 8px 8px 16px;font-size:16px}}.code__input::placeholder{color:rgba(0,0,0,.45);font-size:34px;line-height:120%}@media screen and (max-width:767px){.code__input::placeholder{font-size:16px}}.code__input.error{color:#e92a20}.code__input-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;line-height:0;border-radius:50%;background:#4cd180;border:0;cursor:pointer;box-sizing:border-box}@media screen and (max-width:767px){.code__input-button{width:40px;height:40px}}.code__input-button:disabled{opacity:.5;cursor:default}.code__input-button>.SVGInline{display:flex;align-items:center;justify-content:center;line-height:0}.code__input-button>.SVGInline>svg{display:block;width:32px;height:32px}@media screen and (max-width:767px){.code__input-button>.SVGInline>svg{width:24px;height:24px}}.code__input-button.error-icon{background-color:#fa4c3e}.code__input-button.error-icon>.SVGInline>svg{width:28px;height:28px;fill:#fff}@media screen and (max-width:767px){.section_promo{padding:0 24px}}.how-to-promo{font-size:60px;font-weight:700;line-height:120%}@media screen and (max-width:767px){.how-to-promo{font-size:24px;padding:0 12px}}.how-to-promo_items{max-width:800px;margin:0 auto}.how-to-promo_items .marked-point{font-family:Kazimir,Georgia,'Times New Roman',Times,serif;font-size:80px;line-height:130%;margin-right:32px}@media screen and (max-width:767px){.how-to-promo_items .marked-point{font-size:40px}}.how-to-promo_items .text-point{font-size:32px;line-height:130%}@media screen and (max-width:767px){.how-to-promo_items .text-point{font-size:16px}}.how-to-promo_item{display:flex;align-items:center;margin-bottom:56px}@media screen and (min-width:768px) and (max-width:1023px){.how-to-promo_item{margin-bottom:42px}}@media screen and (max-width:767px){.how-to-promo_item{margin-bottom:30px}}.code-item.first{margin-left:12px}.code-item>img{border-radius:20px}.code-item.first>img{width:450px;height:552px}.code-item.second>img{width:365px;height:395px}.code-item.third>img{width:380px;height:260px}.code-item.fourth>img{width:380px;height:395px}.book-item,.what-is-bookmate{display:flex;align-items:center}.book-item{font-size:20px;line-height:140%}.book-item>a>img{border-radius:4px;margin-right:16px}.book-item.first>a>img{width:140px;height:140px}.book-item.second>a>img,.book-item.third>a>img{width:94px;height:140px}.book-item.fourth>a>img{width:140px;height:140px}.what-is-bookmate{margin:auto;padding:56px 80px;border-radius:20px;border:4px solid #ff9775;max-width:1298px}@media screen and (min-width:768px) and (max-width:1023px){.what-is-bookmate{max-width:calc(100% - 180px);flex-direction:column;padding:56px}}@media screen and (max-width:767px){.what-is-bookmate{max-width:90%;padding:16px;display:block;box-sizing:border-box}}.what-is-bookmate>img{width:50%}@media screen and (min-width:768px) and (max-width:1023px){.what-is-bookmate>img{width:100%;margin-bottom:36px}}@media screen and (max-width:767px){.what-is-bookmate>img{width:100%}}.what-is-bookmate_col>.heading{font-size:60px;font-weight:700;line-height:120%}@media screen and (min-width:768px) and (max-width:1023px),screen and (max-width:767px){.what-is-bookmate_col>.heading{text-align:center}}@media screen and (max-width:767px){.what-is-bookmate_col>.heading{font-size:24px}}.what-is-bookmate_col>p{font-size:32px;line-height:140%}@media screen and (min-width:768px) and (max-width:1023px),screen and (max-width:767px){.what-is-bookmate_col>p{text-align:center}}@media screen and (max-width:767px){.what-is-bookmate_col>p{font-size:16px}}.ad-heading,.faq-heading,.scroller-heading{font-size:48px;line-height:120%;font-weight:700}@media screen and (max-width:767px){.ad-heading,.faq-heading,.scroller-heading{font-size:24px;padding:0 12px}}.ad-section{display:flex;max-width:1100px;margin:auto;align-items:flex-start}@media screen and (min-width:768px) and (max-width:1023px),screen and (max-width:767px){.ad-section{flex-direction:column;align-items:center}}@media screen and (min-width:768px) and (max-width:1023px){.ad-section{max-width:calc(100% - 100px)}}@media screen and (max-width:767px){.ad-section{max-width:100%}}.ad-section .icons-section{display:flex;margin-right:100px;align-items:flex-end}@media screen and (min-width:768px) and (max-width:1023px),screen and (max-width:767px){.ad-section .icons-section{margin:0 0 32px;padding:0 12px}}.ad-section .a-icon,.ad-section .comics-icon,.ad-section .note-icon{border-radius:15px}.ad-section .note-icon{border:3px solid #ff7800;padding:18px 8px;margin-right:8px;width:61px;height:62px}@media screen and (max-width:767px){.ad-section .note-icon{width:41px;height:40px}}.ad-section .a-icon{border:3px solid #37be8c;margin-right:8px;padding:36px 80px;width:73px;height:77px}@media screen and (max-width:767px){.ad-section .a-icon{width:47px;height:50px;padding:36px 40px}}.ad-section .comics-icon{padding:18px 8px;border:3px solid #cda500;width:92px;height:83px}@media screen and (max-width:767px){.ad-section .comics-icon{width:61px;height:55px}}.ad-section .ad-text-section{max-width:646px}@media screen and (min-width:768px) and (max-width:1023px),screen and (max-width:767px){.ad-section .ad-text-section{text-align:center;padding:0 12px}}.ad-section .ad-text-section>p{font-size:26px;line-height:140%}@media screen and (max-width:767px){.ad-section .ad-text-section>p{font-size:16px}}.scroller_audiobooks>.horizontal-scroller_item,.scroller_books>.horizontal-scroller_item{white-space:break-spaces;display:block}.scroller_audiobooks>.horizontal-scroller_item::-webkit-scrollbar,.scroller_books>.horizontal-scroller_item::-webkit-scrollbar{height:8px}.scroller_audiobooks>.horizontal-scroller_item::-webkit-scrollbar-track,.scroller_books>.horizontal-scroller_item::-webkit-scrollbar-track{background:0 0}.scroller_audiobooks>.horizontal-scroller_item::-webkit-scrollbar-thumb,.scroller_books>.horizontal-scroller_item::-webkit-scrollbar-thumb{background:#f6d6c8}.scroller_audiobooks>.horizontal-scroller_item::-webkit-scrollbar-thumb:hover,.scroller_books>.horizontal-scroller_item::-webkit-scrollbar-thumb:hover{background:#f9c3ab}.scroller_audiobooks>.horizontal-scroller_item:first-child,.scroller_books>.horizontal-scroller_item:first-child{margin-left:12px}.scroller_books>.horizontal-scroller_item>.about-item{max-width:182px}.scroller_audiobooks>.horizontal-scroller_item>.audiobook-cover,.scroller_books>.horizontal-scroller_item>.book-cover{border-radius:16px}.scroller_audiobooks>.horizontal-scroller_item{max-width:176px}@media screen and (min-width:768px) and (max-width:1023px){.section_promo{max-width:calc(100% - 100px);margin:auto}}.input__error{text-align:center;color:#302119;font-size:16px;max-width:400px;margin:auto}.details{padding:24px 6px}.details:hover{cursor:pointer;transition:color .3s}.details:focus{color:inherit}.details .summary{font-family:Graphik,Arial,"Segoe UI","Roboto","Helvetica Neue",sans-serif;font-size:20px;line-height:24px;display:flex;justify-content:space-between}.details .summary:focus{outline:0}.details .summary__heading{font-weight:700;font-size:20px;line-height:24px;max-width:90%}.details .summary__content{font-family:Graphik,Arial,"Segoe UI","Roboto","Helvetica Neue",sans-serif;font-size:20px;line-height:140%}.details .summary_icon_open{width:36px;height:36px;margin-right:-8px}.details .summary_icon_open>svg>path{stroke:rgba(0,0,0,.08)}.details .summary_icon_close{width:16px;height:16px}.details__open:hover{cursor:inherit}.details__open .summary_icon:hover{cursor:pointer}.details_dark{border-top:1px solid rgba(255,255,255,.12)}.details_dark:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}.details_dark .summary_icon{fill:#9a938d}.details_dark .summary_icon_open>svg>path{stroke:rgba(255,255,255,.12)}.details_dark:hover{color:#62b6f3}.details_dark:hover:focus{color:#000}.details_dark:hover:focus:hover{color:#62b6f3}.details_dark:hover_icon{fill:#9a938d}.details_dark.details__open:hover{color:inherit}.details_dark.details__closed .summary_icon:hover,.details_dark.details__closed:hover .summary_icon,.details_dark.details__open .summary_icon:hover{fill:#62b6f3}.details_light{border-top:1px solid rgba(0,0,0,.08)}.details_light:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.details_light .summary_icon{fill:#9a938d}.details_light:hover{color:#3456f3}.details_light:hover:focus{color:#000}.details_light:hover:focus:hover{color:#3456f3}.details_light:hover_icon{fill:#9a938d}.details_light.details__open:hover{color:inherit}.details_light.details__closed .summary_icon:hover,.details_light.details__closed:hover .summary_icon,.details_light.details__open .summary_icon:hover{fill:#3456f3}
/*# sourceMappingURL=client-bookmate-pages-code-page.79e441c98d43c888.min.css.map*/