:root { --text-color: #333333; } .header-top { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(var(--top-menu-white-bg), 0.85); } .header-logo { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/readdle-black.svg?1578060483") no-repeat 0 0; } .header-prod-logo:before { opacity: 1; } .header-prod-logo .title { color: rgb(34, 34, 34); } .header-top .divider { background-color: rgba(34, 34, 34, 0.3); } .header-menu > ul > li > span, .header-menu > ul > li > a { color: rgba(34, 34, 34, 0.7); opacity: 1; } .header-menu li.products-list > span { opacity: 1; } .header-top .header-left .dropdown-link:after { border-bottom: 2px solid rgba(34, 34, 34, 0.7); border-right: 2px solid rgba(34, 34, 34, 0.7); } .white .burger-button span { background: rgb(34, 34, 34); }.spring-sale-banner { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; display: none; align-items: center; justify-content: space-between; height: 60px; background: #3A89FF; overflow: hidden; } body.scanner-spring-sale.ios-device .spring-sale-banner { display: flex; } .spring-sale-banner.show-countdown .countdown { display: block; } .spring-sale-banner.show-countdown .content { max-width: 1159px; } .spring-sale-banner::before, .spring-sale-banner::after { content: ''; overflow: hidden; width: 130px; height: 60px; flex-shrink: 0; } .spring-sale-banner::before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left.webp?1715266671") no-repeat; background-size: 130px 80px; background-position: center; } .spring-sale-banner::after { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right.webp?1715266692") no-repeat; background-size: 130px 80px; background-position: center; } .spring-sale-banner .content { display: flex; align-items: center; justify-content: center; max-width: 1013px; width: 100%; margin: 0 auto; gap: 24px; height: 100%; } .spring-sale-banner .title { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 171px; height: 35px; font-size: 1.375rem; font-weight: 600; text-transform: uppercase; color: #fff; border: 1px solid #FFF; border-radius: 28px; } .spring-sale-banner .text { flex-shrink: 0; font-size: 2.75rem; font-weight: 700; text-transform: uppercase; color: #FFF; } .spring-sale-banner .image { flex-shrink: 0; width: 451px; height: 60px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-center.webp?1715266681") no-repeat; background-position: center; background-size: 451px 100px; } .spring-sale-banner .spring-sale-btn { flex-shrink: 0; min-width: 133px; height: 44px; padding: 10px; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #FFF; border-radius: 6px; background: #1CC43E; text-align: center; } .spring-sale-banner .countdown { display: none; } .spring-sale-banner .countdown-items { display: flex; align-items: center; gap: 20px; } .spring-sale-banner .countdown-item { position: relative; display: flex; flex-direction: column; width: 28px; } .spring-sale-banner .countdown-item::after { content: ':'; position: absolute; top: 0; left: -12.5px; width: 7px; height: 26px; font-size: 1.375rem; font-weight: 700; color: #FFF; } .spring-sale-banner .countdown-item:first-child::after { display: none; } .spring-sale-banner .countdown-value { font-size: 1.375rem; font-weight: 700; text-align: center; color: #FFF; } .spring-sale-banner .countdown-name { font-size: 0.688rem; font-weight: 700; text-align: center; color: #fff; } @media (-webkit-min-device-pixel-ratio: 2) { .spring-sale-banner::before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left-2x.webp?1715266396") no-repeat; background-size: 130px 100px; background-position: center; } .spring-sale-banner::after { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right-2x.webp?1715266426") no-repeat; background-size: 130px 100px; background-position: center; } .spring-sale-banner .image { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-center-2x.webp?1715266520") no-repeat; background-position: center; background-size: 451px 100px; } } @media(max-width: 1450px) { .spring-sale-banner .content { gap: 32px; } .spring-sale-banner .title { height: 30px; width: 147px; font-size: 1.125rem; font-weight: 600; border-radius: 24px; } .spring-sale-banner .text { font-size: 2.25rem; } .spring-sale-banner .image { display: none; } } @media (max-width: 991px) { .spring-sale-banner .spring-sale-btn { display: none; } } @media (max-width: 768px) { .spring-sale-banner.show-countdown .title { display: none; } .spring-sale-banner::before, .spring-sale-banner::after { width: 104px; height: 80px; background-size: 104px 80px; } .spring-sale-banner .content { gap: 24px; } .spring-sale-banner .title { font-size: 0.813rem; height: 21px; width: 106px; border-radius: 18px; } .spring-sale-banner .text { font-size: 1.875rem; } .spring-sale-banner.countdown-value { font-size: 1rem; } .spring-sale-banner .countdown-name { font-size: 0.5rem; } } @media (-webkit-min-device-pixel-ratio: 3) and (max-width: 575px) { .spring-sale-banner::before { width: 104px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left-mobile-3x.webp?1715267063") no-repeat; background-size: 104px 80px; background-position: center; } .spring-sale-banner::after { width: 104px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right-mobile-3x.webp?1715267076") no-repeat; background-size: 104px 80px; background-position: center; } } @media (max-width: 575px) { .spring-sale-banner { height: 80px; } .spring-sale-banner.show-countdown .title { display: none; } .spring-sale-banner .content { flex-direction: column; gap: 4px; } .spring-sale-banner .title { font-size: 0.813rem; height: 21px; width: 106px; border-radius: 18px; } .spring-sale-banner .text { font-size: 1.875rem; } .spring-sale-banner .countdown-item { width: 21px; } .spring-sale-banner .countdown-value { font-size: 1rem; } .spring-sale-banner .countdown-name { font-size: 0.5rem; } } @media(max-width: 375px) { .spring-sale-banner .text { font-size: 1.25rem; } .spring-sale-banner .countdown-items { gap: 15px; } .spring-sale-banner .countdown-value { font-size: 0.75rem; } .spring-sale-banner .countdown-item::after { height: 23px; left: -10px; font-size: 1rem; } } .content-block { padding: 60px 0 0; } .wrap { overflow: visible; } .legal-content h1 { padding: 0 0 20px; font-size: 2rem; font-weight: 600; line-height: 1.38; } .legal-content h2 { font-size: 1.7rem; padding: 20px 0; font-weight: 600; } .legal-content h2.title_gray { color: #8c8c8c; font-size: 1.3rem; } .legal-content h3 { padding: 10px 0 10px; font-size: 1.4rem; font-weight: 600; } .legal-content h4 { padding: 10px 0 10px; font-size: 1.125rem; font-weight: 600; } .legal-content p { padding: 0 0 20px; color: var(--text-color);; font-size: 1.125rem; line-height: 140%; word-wrap: break-word; } .legal-content .align-center { text-align: center; } .legal-content ol, .legal-content ul { width: auto; margin: 0 0 30px 24px; color: var(--text-color); font-size: 1.125rem; line-height: 130%; box-sizing: border-box; } .legal-content table { font-size: 1rem; color: var(--text-color); } .legal-content table tr.gray { background: #f0f0f0; } .legal-content table ol, .legal-content table ul { font-size: inherit; margin: 10px 0 0 24px; } .legal-content ol.columns-2, .legal-content ul.columns-2 { columns: 2 } .legal-content ol ol, .legal-content ol ul, .legal-content ul ul, .legal-content ul ol { margin: 10px 0 0 24px; } .legal-content ol li { padding: 0 0 5px 10px; } .legal-content ul li { padding: 0 0 10px 10px; } .legal-content .table-block { overflow-x: auto; } .legal-content table, .legal-content th, .legal-content td { border: 1px solid black; border-collapse: collapse; } .legal-content table { margin: 0 0 20px; } .legal-content td, .legal-content th { padding: 5px; } .legal-content td.td-align-top, .legal-content th.th-align-top { vertical-align: top; } .legal-content .simple-table td, .legal-content .simple-table th { font-size: 1.125rem; line-height: 140%; } .legal-content img { display: block; max-width: 100%; height: auto; box-sizing: border-box; } .legal-content img.margined { margin: 20px auto 40px; } .legal-content img.bordered { box-shadow: 2px 3px 17px 2px rgba(0, 0, 0, 0.10); } .legal-content img.vertical-img { width: 50%; } .legal-content .inline { display: inline-block; } .legal-content .terracotta-color { color: #f17466; } .legal-content hr.separator { height: 2px; margin: 40px 0 90px; padding: 0; background: #dfe1e5; border: 0; } .legal-content .key-changes-block { padding: 20px; border: 1px solid #C1C7D0; } .legal-content .key-changes-block.with-margin-bottom { margin: 0 0 50px; } .legal-content .key-changes-block.with-small-margin-bottom { margin: 0 0 20px; } .legal-page { width: 100%; padding: 60px 0 80px; box-sizing: border-box; } .legal-page .container { display: flex; } .legal-content { max-width: 940px; width: 100%; min-height: 100vh; padding: 60px 0 30px 30px; background-color: #ffffff; } body.scanner-spring-sale.ios-device .legal-page { padding: 120px 0 80px; } @media (min-width: 992px) { .legal-page .legal-title { display: none; } .legal-page .left-sidebar { display: block !important; position: sticky; position:-webkit-sticky; overflow: auto; top: 125px; box-sizing: border-box; height: calc(100vh - 115px); max-width: 244px; width: 100%; margin-right: 16px; padding-bottom: 15px; } .left-sidebar .legal-category .title { padding-bottom: 10px; } .left-sidebar .legal-category .title span { font-size: 1.5rem; font-weight: 600; line-height: 0.92; color: #1E1E1E; } .left-sidebar .legal-list { padding: 16px 0 0; } .left-sidebar .legal-item { display: block; padding: 14px 0; font-size: 1rem; line-height: 1.25; color: #535353; border-top: 1px solid #e6eaef; } .left-sidebar .legal-item:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .left-sidebar .legal-item:focus div { width: fit-content; -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; border-radius: 8px; } .left-sidebar .legal-item:last-child { padding-bottom: 14px; border-bottom: 1px solid #e6eaef; } .left-sidebar .legal-item:hover { color: #444444; } .left-sidebar .legal-item.active { color: #1e1e1e; font-weight: 600; } body.scanner-spring-sale.ios-device .legal-page .left-sidebar { top: 185px; } } @media (max-width: 991px) { .top-menu.moved { background-color: rgba(255, 255, 255, 0.95); } .legal-page { padding: 60px 0 40px 0; margin: 0 auto; } .legal-content { margin: 0 auto; max-width: 100%; width: 100%; } .legal-page { background-color: #ffffff; } .legal-page .legal-title { display: block; height: 44px; position: relative; padding: 0; width: 100%; font-size: 1.1rem; font-weight: 600; line-height: 2.67; color: var(--text-color); text-align: center; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; } .legal-page .legal-title:after { content: ""; display: inline-block; position: relative; border-top: 2px solid #222222; border-left: 2px solid #222222; width: 10px; height: 10px; right: -5px; top: -7px; z-index: 100; -moz-transform: translate(10px, 4px) rotate(225deg); -webkit-transform: translate(10px, 4px) rotate(225deg); -o-transform: translate(10px, 4px) rotate(225deg); -ms-transform: translate(10px, 4px) rotate(225deg); transform: translate(10px, 4px) rotate(225deg); } .legal-content { padding: 30px 0 0; } .legal-modal-menu { display: none; position: fixed; top: 0; left: 0; max-width: 100%; padding: 0; height: 100%; width: 100%; max-height: 100vh; background-color: #f2f2f2; z-index: 15000; } .legal-modal-menu .close { position: absolute; top: 10px; right: 16px; width: 17px; height: 17px; z-index: 2; cursor: pointer; border: none; } .legal-modal-menu .close:before, .legal-modal-menu .close:after { position: absolute; top: 0; left: 7px; content: ' '; height: 17px; width: 3px; background-color: #222222; } .legal-modal-menu .close:before { transform: rotate(45deg); } .legal-modal-menu .close:after { transform: rotate(-45deg); } .legal-category-list { margin-top: 37px; padding: 0 16px; overflow: auto; background-color: #f8f8f8; height: 100%; } .legal-category { padding-top: 34px; } .legal-category:first-child { padding-top: 30px; } .legal-category .title { padding-bottom: 16px; font-size: 1.5rem; font-weight: 600; line-height: 0.92; color: var(--text-color); border-bottom: 1px solid #dcdcdc; } .legal-category .legal-list { margin-top: 16px; } .legal-category .legal-item { display: block; margin-top: 18px; line-height: 1.25; color: #808080; } .legal-category .legal-item:first-child { margin-top: 0; } body.scanner-spring-sale.ios-device .legal-page { padding: 120px 0 40px 0; } } @media (max-width: 767px) { .legal-content h1 { font-size: 1.9rem; } .legal-content h2 { font-size: 1.7rem; } .legal-content p { font-size: 1rem; line-height: 1.67; } .legal-content ol, .legal-content ul { font-size: 1rem; } } @media (max-width: 575px) { .legal-content h1 { font-size: 1.5rem; } .legal-content h2 { font-size: 1.3rem; } .legal-content h2.title_gray { font-size: 1.15rem; } .legal-content h3 { font-size: 1.2rem; } .legal-content h4 { font-size: 1rem; } .legal-content ol, .legal-content ul { font-size: 1rem; } .legal-content .simple-table td, .legal-content .simple-table th { font-size: 1rem; line-height: 140%; } .legal-content .key-changes-block.with-margin-bottom { margin: 0 0 40px; } body.scanner-spring-sale.ios-device .legal-page { padding: 140px 0 40px 0; } }