/* Start:/bitrix/tools/maxozavr.connector/auth-modal.css?17892199579664*/ /* * Модальное окно входа Максозавра (docs/12_bitrix_integration_plan.md «Диалоговый вход и * регистрация»). Устанавливается в /bitrix/tools/maxozavr.connector/auth-modal.css * (install/index.php::InstallFiles копирует весь каталог tools). * * Окно живёт в ЧУЖОГО шаблона, чей CSS мы не контролируем (на подключённых сайтах — * Aspro с агрессивными глобальными правилами), поэтому: * - все классы с префиксом mxz-auth-, ни одного голого селектора по тегу; * - каждое свойство задано явно (box-sizing, font, line-height, margin), а не унаследовано; * - точечные !important там, где шаблон обычно перебивает: скрытые чекбоксы, кнопки, ссылки. * Цвет кнопок приходит инлайном в переменных --mxz-auth-btn/--mxz-auth-btn-text: файл статический * и общий для всех сайтов инсталляции, а цвет настраивается отдельно для каждого SITE_ID. */ .mxz-auth-overlay { position: fixed; inset: 0; /* Максимум int32: окно обязано быть выше и модалок шаблона (Aspro — 1000-10000), и самого виджета Максозавра. У виджета z-index такой же большой, и, вставляясь в body позже нас, он перекрывал окно входа целиком — на телефоне виджет раскрыт во весь экран, и вход становился не виден вовсе (поймано браузерной проверкой на b24.company). */ z-index: 2147483647; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 16px; background: rgba(20, 20, 28, .55); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.45; color: #1b1b22; -webkit-font-smoothing: antialiased; animation: mxz-auth-fade .16s ease-out; } .mxz-auth-dialog { position: relative; box-sizing: border-box; width: 100%; max-width: 400px; max-height: calc(100vh - 32px); overflow-y: auto; padding: 28px 24px 24px; border-radius: 16px; background: #fff; box-shadow: 0 12px 48px rgba(0, 0, 0, .22); text-align: left; animation: mxz-auth-rise .2s ease-out; } @keyframes mxz-auth-fade { from { opacity: 0 } to { opacity: 1 } } @keyframes mxz-auth-rise { from { transform: translateY(12px); opacity: 0 } to { transform: none; opacity: 1 } } .mxz-auth-close { position: absolute; top: 12px; right: 12px; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 32px; height: 32px; margin: 0; padding: 0; border: none !important; border-radius: 8px; background: transparent !important; color: #8a8f98 !important; font-size: 22px; line-height: 1; cursor: pointer; } .mxz-auth-close:hover { background: #f1f2f5 !important; color: #1b1b22 !important } .mxz-auth-title { margin: 0 28px 4px 0 !important; padding: 0; font-size: 21px; font-weight: 700; line-height: 1.25; color: #1b1b22; text-transform: none; } .mxz-auth-subtitle { margin: 0 0 18px !important; padding: 0; font-size: 14px; color: #7a8089; } .mxz-auth-btn { display: flex !important; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; width: 100%; min-height: 48px; margin: 0 0 10px !important; padding: 12px 16px; /* Обводка отдельным цветом: при белой (и любой светлой) заливке кнопка без неё сливается с окном и её просто не видно. */ border: 1px solid var(--mxz-auth-btn-border, #8156bc) !important; border-radius: 10px; background: var(--mxz-auth-btn, #8156bc) !important; color: var(--mxz-auth-btn-text, #fff) !important; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none !important; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } .mxz-auth-btn:hover, .mxz-auth-btn:focus-visible { background: var(--mxz-auth-btn-hover, #6f4aa2) !important; border-color: var(--mxz-auth-btn-hover-border, #6f4aa2) !important; color: var(--mxz-auth-btn-hover-text, #fff) !important; } .mxz-auth-btn:focus-visible { outline: 2px solid var(--mxz-auth-accent, #8156bc); outline-offset: 2px } .mxz-auth-btn[disabled], .mxz-auth-btn[aria-disabled="true"] { opacity: .42; cursor: not-allowed; pointer-events: none; } .mxz-auth-btn--secondary { background: #eef1f5 !important; border-color: #dfe3ea !important; color: #1b1b22 !important; } .mxz-auth-btn--secondary:hover, .mxz-auth-btn--secondary:focus-visible { background: #e2e6ed !important; border-color: #ccd2dc !important; color: #1b1b22 !important; } .mxz-auth-btn__icon { display: inline-flex; flex: 0 0 auto; width: 20px; height: 20px; } .mxz-auth-btn__icon svg, .mxz-auth-btn__icon img { display: block; width: 20px; height: 20px; border-radius: 4px } .mxz-auth-field { box-sizing: border-box; display: block !important; width: 100%; min-height: 44px; margin: 0 0 10px !important; padding: 11px 13px; border: 1px solid #d7dbe2 !important; border-radius: 10px; background: #fff !important; color: #1b1b22 !important; font-family: inherit; font-size: 15px; line-height: 1.3; } .mxz-auth-field:focus { outline: none; border-color: var(--mxz-auth-accent, #8156bc) !important; box-shadow: 0 0 0 3px rgba(129, 86, 188, .18); } .mxz-auth-hint { margin: 10px 0 0 !important; padding: 0; font-size: 13px; line-height: 1.45; color: #7a8089; } .mxz-auth-error { margin: 12px 0 0 !important; padding: 10px 12px; border-radius: 10px; background: #fdecec; color: #b3261e; font-size: 13px; line-height: 1.45; } /* Галочки согласий. Шаблоны магазинов часто прячут штатный чекбокс, чтобы нарисовать свой, — возвращаем его принудительно, иначе посетитель увидит текст без самой галочки. */ .mxz-auth-consent { display: flex !important; align-items: flex-start; gap: 9px; margin: 14px 0 0 !important; padding: 0; font-size: 13px; line-height: 1.45; color: #5b616b; cursor: pointer; font-weight: 400; } .mxz-auth-consent input[type="checkbox"] { -webkit-appearance: checkbox !important; appearance: auto !important; position: static !important; display: inline-block !important; flex: 0 0 auto; box-sizing: border-box; width: 17px; height: 17px; margin: 1px 0 0 !important; padding: 0; opacity: 1 !important; visibility: visible !important; clip: auto !important; accent-color: var(--mxz-auth-accent, #8156bc); cursor: pointer; } .mxz-auth-link:hover { opacity: .75 } .mxz-auth-link { color: var(--mxz-auth-accent, #8156bc) !important; text-decoration: underline !important; cursor: pointer; background: none !important; border: none !important; padding: 0 !important; margin: 0; font: inherit; } .mxz-auth-alt { margin: 16px 0 0 !important; padding: 0; text-align: center; font-size: 13px; } .mxz-auth-captcha { display: flex; justify-content: center; margin: 0 0 14px; min-height: 0; } .mxz-auth-agreement-text { max-height: 45vh; overflow-y: auto; margin: 0 0 16px; padding: 14px; border: 1px solid #e6e9ee; border-radius: 10px; background: #fafbfc; font-size: 13px; line-height: 1.5; color: #3d434b; word-wrap: break-word; } .mxz-auth-spinner { display: block; width: 22px; height: 22px; margin: 18px auto; border: 2px solid #d7dbe2; border-top-color: var(--mxz-auth-accent, #8156bc); border-radius: 50%; animation: mxz-auth-spin .7s linear infinite; } @keyframes mxz-auth-spin { to { transform: rotate(360deg) } } .mxz-auth-hidden { display: none !important } /* Мобильный: окно листом снизу — большой палец дотягивается до кнопок, ничего не обрезается. */ @media (max-width: 480px) { .mxz-auth-overlay { align-items: flex-end; padding: 0; } .mxz-auth-dialog { max-width: none; max-height: 92vh; padding: 24px 18px calc(20px + env(safe-area-inset-bottom, 0px)); border-radius: 18px 18px 0 0; animation: mxz-auth-sheet .22s ease-out; } @keyframes mxz-auth-sheet { from { transform: translateY(100%) } to { transform: none } } } /* Страница /auth/ при прямом заходе: окно на пустом фоне, без затемнения «страницы под ним». */ .mxz-auth-standalone { background: #f4f5f7; } /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/bann/style.css?1788948451150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* /bitrix/tools/maxozavr.connector/auth-modal.css?17892199579664 */ /* /local/templates/.default/components/bitrix/news.list/bann/style.css?1788948451150 */