/* ЛАК — статическая пересборка (Readymag → одна вертикальная лента). */ html { scroll-behavior: smooth; } html, body { margin: 0; padding: 0; } body { background: #fff; overflow-x: hidden; } a { color: inherit; text-decoration: none; cursor: pointer; } .rmwidget { position: absolute; box-sizing: border-box; } /* ---- фоновые слои ---- */ #bg-stack { position: fixed; inset: 0; z-index: 0; } .bg-layer { position: absolute; inset: 0; opacity: 0; transition: opacity .45s; } .bg-layer.active { opacity: 1; } .bg-layer .widget-background { position: absolute; inset: 0; } .picture-background { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } /* ---- десктоп ---- */ #desktop-root { position: relative; z-index: 1; } .fixed-position-container { position: fixed; inset: 0; pointer-events: none; z-index: 200; } .fixed-position-container .rmwidget { pointer-events: auto; } .dt-page-title, .dt-page-title .rmwidget { pointer-events: none !important; will-change: opacity; } .full-height { height: 100vh !important; } .dt-pages { position: relative; } .dt-page { position: relative; margin: 0 auto; overflow: hidden; } /* ---- общие для контент-виджетов ---- */ .animation-container { position: absolute; } .animation-container > .rmwidget { position: absolute; } .widget-picture img.viewable { display: block; width: 100%; height: 100%; object-fit: cover; } .widget-text-v3 .css-1h09ne, .widget-text-v3 .text-viewer { width: 100%; height: 100%; } .text-viewer p { margin: 0; } .widget-button { cursor: pointer; } .common-button { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; } .common-button .icon { background-size: contain; background-repeat: no-repeat; background-position: center; } .common-button .text { white-space: pre; } .common-button.transition, .common-button.transition .text { transition: all .2s; } .widget-slideshow .common-slideshow { position: relative; width: 100%; height: 100%; } .common-slideshow .images { position: relative; overflow: hidden; width: 100%; } .common-slideshow .images-wrapper { position: absolute; inset: 0; left: 0 !important; width: 100% !important; } .common-slideshow .images-wrapper .image { position: absolute; inset: 0; left: 0 !important; width: 100% !important; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity .5s; -webkit-transform: none !important; transform: none !important; } .common-slideshow .image.center-image { opacity: 1; z-index: 1; } .common-slideshow .arrow-middle { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; cursor: pointer; z-index: 3; } .common-slideshow .prev-picture-arrow-middle { left: 10px; } .common-slideshow .next-picture-arrow-middle { right: 10px; } .common-slideshow .fullscreen, .common-slideshow .thumbnails, .common-slideshow .captions, .common-slideshow .cursor, .common-slideshow .bottom-arrows { display: none !important; } .common-slideshow .counters-container { position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; z-index: 2; } .rmwidget.video iframe { position: absolute; inset: 0; width: 100%; min-width: 100%; height: 100%; border: 0; display: block; } .rmwidget.video .css-1nykej4 { width: 100%; height: 100%; } .rmwidget.video .css-1nykej4.is-playing { position: relative; display: block !important; overflow: hidden; } .rmwidget.video .css-bjl2ml { display: none; } /* Оригинальный чёрный drop-shadow визуально удваивал границу сайдбара. */ #desktop-root .fixed-position-container .widget-shape[data-id="5f49e976e7447e007e2c1015"] { filter: drop-shadow(1px 0 1px rgba(0, 0, 0, .12)) !important; } .common-form input.js-input, .common-form textarea.js-input { width: 100%; height: 100%; border: none; outline: none; background: transparent; padding: 0; box-sizing: border-box; resize: none; } .common-form .input-wrapper { position: relative; } .common-form .overlay { display: none; } /* ---- телефон ---- */ #ph-root { position: relative; z-index: 1; display: none; } .ph-pages { position: relative; } .ph-page { position: relative; margin: 0 auto; overflow: hidden; } .ph-fixed { position: fixed; inset: 0; pointer-events: none; z-index: 1000; } .ph-fixed .rmwidget, .ph-fixed a { pointer-events: auto; } .ph-page img.viewable-crop { display: block; } .ph-page .common-slideshow .image { background-size: cover; } #ph-root .common-form .input-wrapper, #ph-root .common-form input.js-input, #ph-root .common-form textarea.js-input { width: 100% !important; } .ph-menu-panel, .ph-menu-text { transition: transform .25s, opacity .25s; opacity: 0; pointer-events: none !important; } .ph-menu-panel { position: absolute; box-shadow: -1px 0 4px rgba(0,0,0,.10); } #ph-root.menu-open .ph-menu-panel, #ph-root.menu-open .ph-menu-text { transform: translateX(-328px); opacity: 1; pointer-events: auto !important; } #ph-root.menu-open .ph-pages { pointer-events: none; } .ph-logo { transition: opacity .25s; } #ph-root.menu-open .ph-logo { opacity: 0; } .ph-menu-text .text-viewer p { margin-bottom: 2px; } /* В исходных phone-координатах два заголовка начинались за левым краем. */ #ph-root .widget-text-v3[data-id="5f49e976e7447e007e2c110f"], #ph-root .widget-text-v3[data-id="5f49e976e7447e007e2c1022"] { left: 12px !important; } /* переключение раскладок */ html[data-layout="phone"] #desktop-root { display: none; } html[data-layout="phone"] #ph-root { display: block; } /* ==== стили, извлечённые из Readymag ==== */ html, body { width: 100%; height: 100%; } body { margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; color: #282828; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; } * ::selection { background-color: #A2A2A2; } a, button, label, div, span, input, *:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); } h1, h2, h3, h4, h5 { margin: 0; } .align-left { text-align: left !important; } .align-center { text-align: center !important; } .align-right { text-align: right !important; } .align-justify { text-align: justify !important; } .unordered-list-item { padding: 0; margin: 0; list-style-type: none; } .unordered-list-item div[data-offset-key]:before, .unordered-list-item > li:before { white-space: nowrap; content: "•\00a0"; } .ordered-list-item { padding: 0; margin: 0; list-style-type: none; } .ordered-list-item div[data-offset-key]:before, .ordered-list-item > li:before { white-space: nowrap; counter-increment: ordered-key; content: counter(ordered-key)"."; } .link-1 { text-decoration: none; padding-bottom: 1px; background: none; color: rgba(34, 34, 34, 1); } .link-1 * { color: rgba(34, 34, 34, 1); } .link-1 .hover, .link-1:hover { text-decoration: none; padding-bottom: 1px; background: linear-gradient(to right, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 1) 50%, transparent 50%, transparent 100%) 0 100%/2px 1px repeat-x; color: rgba(34, 34, 34, 1) !important; } .link-1 .hover *, .link-1:hover * { color: rgba(34, 34, 34, 1) !important; } .link-1.current { text-decoration: none; padding-bottom: 1px; background: none; color: rgba(34, 34, 34, 1); } .link-1.current * { color: rgba(34, 34, 34, 1); } .link-1 { text-decoration: none; padding-bottom: 1px; background: none; color: rgba(34, 34, 34, 1); } .link-1 * { color: rgba(34, 34, 34, 1); } .link-1 .hover, .link-1:hover { text-decoration: none; padding-bottom: 1px; background: linear-gradient(to right, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 1) 50%, transparent 50%, transparent 100%) 0 100%/2px 1px repeat-x; color: rgba(34, 34, 34, 1) !important; } .link-1 .hover *, .link-1:hover * { color: rgba(34, 34, 34, 1) !important; } .link-1.current { text-decoration: none; padding-bottom: 1px; background: none; color: rgba(34, 34, 34, 1); } .link-1.current * { color: rgba(34, 34, 34, 1); } .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515 { text-decoration: none; padding-bottom: 1px; background: linear-gradient(to right, rgba(0, 120, 255, 1) 0%, rgba(0, 120, 255, 1) 100%) 0 100%/1px 1px repeat-x; color: rgba(0, 120, 255, 1); } .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515 * { color: rgba(0, 120, 255, 1); } .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515 .hover, .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515:hover { text-decoration: none; padding-bottom: 1px; background: none; color: rgba(0, 120, 255, 1) !important; } .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515 .hover *, .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515:hover * { color: rgba(0, 120, 255, 1) !important; } .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515.current { text-decoration: none; padding-bottom: 1px; background: none; color: rgba(0, 120, 255, 1); } .link-ed66f8e4-4af8-4e36-b3e5-67ba03670515.current * { color: rgba(0, 120, 255, 1); } .unstyled { font-size: 18px; line-height: 26px; font-family: Inter; font-weight: 400; font-style: normal; text-align: align-left; } .default-list-style.edit-mode .editor-block-wrapper { display: flex; } .default-list-style.view-mode { display: flex; } .default-list-style.view-mode:before { display: inline-block; } .unordered-list-item.default-list-style.edit-mode .editor-block-wrapper:before { content: "•\00a0"; display: inline-block; } .unordered-list-item.default-list-style.edit-mode div[data-offset-key]:before { content: "•\00a0"; display: none; } .ordered-list-item.default-list-style.edit-mode .editor-block-wrapper:before { counter-increment: ordered-key; content: counter(ordered-key)"."; display: inline-block; white-space: nowrap; } .ordered-list-item.default-list-style.edit-mode div[data-offset-key]:before { counter-increment: ordered-key; content: counter(ordered-key)"."; display: none; white-space: nowrap; } .unordered-list-item .default-list-style.view-mode:before { content: "•\00a0"; } .paragraph-1 { text-align: left; line-height: 60px; font-weight: 300; font-style: normal; font-size: 48px; font-family: Roboto; color: rgba(34, 34, 34, 1); } .paragraph-2 { padding-bottom: 10px; text-align: left; line-height: 30px; font-weight: 300; font-style: normal; font-size: 24px; font-family: Roboto; color: rgba(34, 34, 34, 1); } .paragraph-3 { text-align: left; line-height: 20px; font-weight: 300; font-style: normal; font-size: 14px; font-family: Roboto; color: rgba(34, 34, 34, 1); } .paragraph-4 { text-align: left; line-height: 18px; font-weight: 400; font-style: italic; font-size: 14px; font-family: Georgia; color: rgba(34, 34, 34, 0.5); } .paragraph-cd36c547-e2ab-48fb-99e3-2808a75d39f7 { padding-bottom: 10px; text-align: left; line-height: 25px; font-weight: 300; font-style: normal; font-size: 20px; font-family: Roboto; color: rgba(34, 34, 34, 1); } .paragraph-b2e1c909-a726-4cd7-8fa9-fe057e1530c1 { color: rgba(34, 34, 34, 1); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 29px; text-align: left; } .paragraph-8db42e4d-a65b-4412-802f-32239aa0816f { color: rgba(255, 255, 255, 1); font-family: Roboto; font-size: 64px; font-style: normal; font-weight: 100; letter-spacing: 0px; line-height: 80px; text-align: left; } .paragraph-0b9820f3-4cba-4f29-844b-9c203af4a211 { color: rgba(0, 0, 0, 1); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 300; letter-spacing: 0px; line-height: 18px; text-align: left; } .paragraph-6b6e804b-e217-4d86-83c8-a33aebdbc026 { color: rgba(34, 34, 34, 1); font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 0px; line-height: 35px; text-align: left; } .paragraph-4bdbd50a-8ecd-41ee-ac39-b839464963f2 { color: rgba(34, 34, 34, 1); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 300; letter-spacing: 0px; line-height: 35px; text-align: right; } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper.enable-transitions .image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper.enable-transitions .image.center-image { -webkit-transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper.enable-transitions .image.undefined-image { -webkit-transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper.enable-transitions .image.prev-image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper { left: 0px; width: 598px; } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image { left: 0px; width: 598px; } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-598px); transform: translateX(-598px); } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(598px); transform: translateX(598px); } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper { left: 0px; width: 598px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image { left: 0px; width: 598px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-598px) ; transform: translateX(-598px) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1113"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(598px) ; transform: translateX(598px) ; } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper.enable-transitions .image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper.enable-transitions .image.center-image { -webkit-transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper.enable-transitions .image.undefined-image { -webkit-transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper.enable-transitions .image.prev-image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper { left: 0px; width: 480px; } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image { left: 0px; width: 480px; } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-480px); transform: translateX(-480px); } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(480px); transform: translateX(480px); } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper { left: 0px; width: 480px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image { left: 0px; width: 480px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-480px) ; transform: translateX(-480px) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112c"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(480px) ; transform: translateX(480px) ; } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper.enable-transitions .image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper.enable-transitions .image.center-image { -webkit-transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper.enable-transitions .image.undefined-image { -webkit-transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper.enable-transitions .image.prev-image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper { left: 0px; width: 351px; } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image { left: 0px; width: 351px; } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-351px); transform: translateX(-351px); } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(351px); transform: translateX(351px); } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper { left: 0px; width: 351px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image { left: 0px; width: 351px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-351px) ; transform: translateX(-351px) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c112f"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(351px) ; transform: translateX(351px) ; } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper.enable-transitions .image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper.enable-transitions .image.center-image { -webkit-transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper.enable-transitions .image.undefined-image { -webkit-transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper.enable-transitions .image.prev-image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper { left: 0px; width: 386px; } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image { left: 0px; width: 386px; } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-386px); transform: translateX(-386px); } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(386px); transform: translateX(386px); } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper { left: 0px; width: 386px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image { left: 0px; width: 386px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-386px) ; transform: translateX(-386px) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1134"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(386px) ; transform: translateX(386px) ; } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper.enable-transitions .image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper.enable-transitions .image.center-image { -webkit-transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper.enable-transitions .image.undefined-image { -webkit-transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper.enable-transitions .image.prev-image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper { left: 0px; width: 386px; } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image { left: 0px; width: 386px; } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-386px); transform: translateX(-386px); } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(386px); transform: translateX(386px); } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper { left: 0px; width: 386px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image { left: 0px; width: 386px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-386px) ; transform: translateX(-386px) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1135"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(386px) ; transform: translateX(386px) ; } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper.enable-transitions .image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper.enable-transitions .image.center-image { -webkit-transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform NaNs cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper.enable-transitions .image.undefined-image { -webkit-transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform 0s cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper.enable-transitions .image.prev-image { -webkit-transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); transition: transform undefineds cubic-bezier(0.40, 0.24, 0.40, 1); } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper { left: 0px; width: 386px; } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image { left: 0px; width: 386px; } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-386px); transform: translateX(-386px); } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(386px); transform: translateX(386px); } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper { left: 0px; width: 386px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image { left: 0px; width: 386px; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image.prev-image { -webkit-transform: translateX(-386px) ; transform: translateX(-386px) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image.center-image { -webkit-transform: translateX(0) ; transform: translateX(0) ; } .edge .common-slideshow[data-id="5f49e976e7447e007e2c1136"] .images .images-wrapper .image.next-image { -webkit-transform: translateX(386px) ; transform: translateX(386px) ; }