/* MKB Web CI 1.0.0 | Reference: Bildbestellungen MKB, 2026-09-09 * Generated losslessly from frozen app.css. Do not edit individual project copies. * Use and body.mkb-public OR body.mkb-admin. * No reset, theme, or component stylesheet may override the shared CI. */ @font-face { font-family:MKBMaison; src:url("fonts/MaisonNeueWEB-Book.woff2") format("woff2"); font-weight:400; font-display:swap; } @font-face { font-family:MKBMaison; src:url("fonts/MaisonNeueWEB-Medium.woff2") format("woff2"); font-weight:500; font-display:swap; } @font-face { font-family:MKBMaison; src:url("fonts/MaisonNeueWEB-Demi.woff2") format("woff2"); font-weight:600 800; font-display:swap; } :root:where(.mkb-ci) { --mkb-ink:#333; --mkb-black:#000; --mkb-paper:#fff; --mkb-field:#ececec; --mkb-line:#ccc; --mkb-muted:#626262; } *:where(.mkb-ci), :where(.mkb-ci) * { box-sizing:border-box; } html:where(.mkb-ci) { scroll-behavior:smooth; } :where(.mkb-ci) body { margin:0; background:var(--mkb-paper); color:var(--mkb-ink); font-family:MKBMaison,Arial,sans-serif; font-size:20.8px; line-height:1.35; } :where(.mkb-ci) a { color:inherit; text-underline-offset:4px; text-decoration-thickness:1px; } :where(.mkb-ci) a:hover { text-decoration-thickness:2px; } :where(.mkb-ci) button, :where(.mkb-ci) input, :where(.mkb-ci) select, :where(.mkb-ci) textarea { font:inherit; color:inherit; } :where(.mkb-ci) button, :where(.mkb-ci) a, :where(.mkb-ci) input, :where(.mkb-ci) select, :where(.mkb-ci) textarea, :where(.mkb-ci) summary { -webkit-tap-highlight-color:transparent; } :where(.mkb-ci) button { cursor:pointer; } :where(.mkb-ci) button:disabled { cursor:default; opacity:.45; } :where(.mkb-ci) input, :where(.mkb-ci) textarea, :where(.mkb-ci) select { border-radius:0; } :where(.mkb-ci) img { max-width:100%; } :where(.mkb-ci) h1, :where(.mkb-ci) h2, :where(.mkb-ci) h3, :where(.mkb-ci) p { margin-top:0; } :where(.mkb-ci) h1, :where(.mkb-ci) h2, :where(.mkb-ci) h3, :where(.mkb-ci) strong, :where(.mkb-ci) b { font-weight:500; } :where(.mkb-ci) h1 { font-size:45px; line-height:1.1; letter-spacing:-.025em; max-width:840px; margin-bottom:25px; } :where(.mkb-ci) h2 { font-size:28px; line-height:1.2; margin-bottom:22px; } :where(.mkb-ci) h3 { font-size:22px; } :where(.mkb-ci) p { margin-bottom:23px; } :where(.mkb-ci) ul, :where(.mkb-ci) ol { padding-left:23px; } :where(.mkb-ci) li { margin-bottom:8px; } :where(.mkb-ci) main { min-height:60vh; } :where(.mkb-ci)::selection, :where(.mkb-ci) ::selection { background:#d8d8d8; } :where(.mkb-ci):focus-visible, :where(.mkb-ci) :focus-visible { outline:2px solid #000; outline-offset:4px; } :where(.mkb-ci)[hidden], :where(.mkb-ci) [hidden] { display:none !important; } :where(.mkb-ci) .mkb-wrap { width:calc(100% - 96px); max-width:1280px; margin-inline:auto; } :where(.mkb-ci) .mkb-site-header { display:flex; justify-content:space-between; align-items:flex-end; padding:36px 0 28px; border-bottom:1px solid var(--mkb-ink); gap:45px; } :where(.mkb-ci) .mkb-brand { display:block; flex-shrink:0; line-height:0; } :where(.mkb-ci) .mkb-brand img { width:210px; height:auto; } :where(.mkb-ci) .mkb-header-right { display:flex; flex-direction:column; align-items:flex-end; gap:27px; } :where(.mkb-ci) .mkb-utility { display:flex; align-items:center; gap:26px; font-size:13px; } :where(.mkb-ci) .mkb-utility a { text-decoration:none; } :where(.mkb-ci) .mkb-languages { display:flex; gap:10px; } :where(.mkb-ci) .mkb-languages a[aria-current=true] { text-decoration:underline; text-decoration-thickness:2px; } :where(.mkb-ci) .mkb-test-label { color:#666; border-left:2px solid #777; padding-left:8px; font-size:11px; } :where(.mkb-ci) .mkb-site-header nav { display:flex; gap:30px; flex-wrap:wrap; font-size:16px; } :where(.mkb-ci) .mkb-site-header nav a { text-decoration:none; padding-bottom:3px; } :where(.mkb-ci) .mkb-site-header nav a.mkb-active { border-bottom:2px solid #000; } :where(.mkb-ci) .mkb-site-header nav a:hover { border-bottom:1px solid #000; } :where(.mkb-ci) .mkb-eyebrow { text-transform:uppercase; font-size:12px; letter-spacing:.09em; margin-bottom:22px; } :where(.mkb-ci) .mkb-page-heading { padding:66px 0 35px; } :where(.mkb-ci) .mkb-page-heading.mkb-compact { padding:42px 0 22px; } :where(.mkb-ci) .mkb-lead { font-size:22px; max-width:760px; margin-bottom:14px; } :where(.mkb-ci) .mkb-page-grid { display:grid; grid-template-columns:minmax(0,4fr) minmax(210px,1fr); gap:80px; align-items:start; } :where(.mkb-ci) .mkb-sidebar { font-size:16px; } :where(.mkb-ci) .mkb-sidebar section { border-top:1px solid #555; padding-top:22px; margin-bottom:38px; } :where(.mkb-ci) .mkb-sidebar h2 { font-size:18px; line-height:1.25; margin-bottom:16px; } :where(.mkb-ci) .mkb-sidebar p { margin-bottom:16px; } :where(.mkb-ci) .mkb-steps { list-style:none; margin:0; padding:0; } :where(.mkb-ci) .mkb-steps li { display:flex; gap:14px; line-height:1.35; margin-bottom:17px; } :where(.mkb-ci) .mkb-steps span { color:#777; font-size:12px; line-height:23px; } :where(.mkb-ci) .mkb-aside-links a { display:block; margin-bottom:18px; } :where(.mkb-ci) .mkb-prose>p:first-child { font-size:25px; line-height:1.35; margin-bottom:45px; } :where(.mkb-ci) .mkb-prose h2 { margin-top:40px; } :where(.mkb-ci) .mkb-prose p { max-width:840px; } :where(.mkb-ci) .mkb-prose { overflow-wrap:anywhere; } :where(.mkb-ci) .mkb-action-block { display:flex; align-items:center; gap:30px; margin:35px 0; flex-wrap:wrap; } :where(.mkb-ci) .mkb-button { display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:16px 23px; background:#000; border:1px solid #000; color:#fff; text-decoration:none; text-transform:uppercase; font-size:15px; line-height:1.25; letter-spacing:.025em; min-height:50px; } :where(.mkb-ci) .mkb-button:hover { background:#333; border-color:#333; text-decoration:none; } :where(.mkb-ci) .mkb-button.mkb-secondary { background:#fff; color:#333; border-color:#777; } :where(.mkb-ci) .mkb-button.mkb-secondary:hover { background:#ececec; } :where(.mkb-ci) .mkb-text-button { border:0; padding:4px 0; background:transparent; text-decoration:underline; text-underline-offset:4px; font-size:15px; } :where(.mkb-ci) .mkb-small { font-size:16px; } :where(.mkb-ci) .mkb-muted { color:var(--mkb-muted); } :where(.mkb-ci) .mkb-strong { font-weight:500; } :where(.mkb-ci) .mkb-form-section { margin-bottom:38px; padding:30px 0 10px; border-top:1px solid var(--mkb-line); } :where(.mkb-ci) .mkb-form-section h2 { display:flex; gap:22px; } :where(.mkb-ci) .mkb-form-section h2>span { font-size:14px; padding-top:6px; color:#777; font-weight:400; } :where(.mkb-ci) .mkb-fields { display:grid; gap:0 26px; } :where(.mkb-ci) .mkb-two { grid-template-columns:1fr 1fr; } :where(.mkb-ci) .mkb-three { grid-template-columns:repeat(3,minmax(0,1fr)); } :where(.mkb-ci) .mkb-field { margin-bottom:22px; min-width:0; } :where(.mkb-ci) .mkb-field label { font-size:16px; display:block; margin-bottom:8px; } :where(.mkb-ci) .mkb-field input, :where(.mkb-ci) .mkb-field select, :where(.mkb-ci) .mkb-field textarea { display:block; width:100%; border:1px solid transparent; background:var(--mkb-field); padding:12px 13px; min-height:48px; font-size:17px; line-height:1.3; } :where(.mkb-ci) .mkb-field textarea { resize:vertical; min-height:95px; } :where(.mkb-ci) .mkb-field input:focus, :where(.mkb-ci) .mkb-field select:focus, :where(.mkb-ci) .mkb-field textarea:focus { outline:2px solid #333; outline-offset:1px; background:#f4f4f4; } :where(.mkb-ci) .mkb-field [aria-invalid=true] { border-color:#9c251e; } :where(.mkb-ci) .mkb-field-error { display:block; color:#98281e; font-size:14px; margin-top:7px; } :where(.mkb-ci) .mkb-check { display:flex; gap:12px; align-items:flex-start; font-size:17px; line-height:1.4; margin:20px 0; } :where(.mkb-ci) .mkb-check input { appearance:auto; accent-color:#000; width:19px; height:19px; flex-shrink:0; margin:2px 0 0; } :where(.mkb-ci) .mkb-checks { display:flex; flex-wrap:wrap; gap:0 28px; } :where(.mkb-ci) .mkb-checks .mkb-check { margin:8px 0; } :where(.mkb-ci) .mkb-choice-group { padding:0; border:0; margin:15px 0 28px; min-width:0; } :where(.mkb-ci) .mkb-choice-group legend { font-size:16px; margin-bottom:8px; } :where(.mkb-ci) .mkb-repeater-row { border-left:2px solid #999; padding:15px 0 8px 24px; margin:24px 0 30px; } :where(.mkb-ci) .mkb-row-heading { display:flex; justify-content:space-between; align-items:center; font-size:16px; margin-bottom:20px; gap:20px; } :where(.mkb-ci) .mkb-row-heading .mkb-text-button { font-size:13px; } :where(.mkb-ci) .mkb-conditional { margin-top:25px; } :where(.mkb-ci) .mkb-consent-link { margin-left:31px; margin-top:-8px; } :where(.mkb-ci) .mkb-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; } :where(.mkb-ci) .mkb-notice { background:#f0f0f0; border-left:3px solid #333; padding:20px 24px; margin:28px 0; font-size:17px; } :where(.mkb-ci) .mkb-notice.mkb-error { border-color:#98281e; } :where(.mkb-ci) .mkb-notice ul { margin-bottom:0; } :where(.mkb-ci) .mkb-summary-section { border-top:1px solid #ccc; padding:26px 0 14px; } :where(.mkb-ci) .mkb-summary-section h2 { font-size:24px; } :where(.mkb-ci) .mkb-summary-grid { display:grid; grid-template-columns:minmax(150px,1fr) 2fr; gap:10px 25px; font-size:17px; margin:0 0 25px; } :where(.mkb-ci) .mkb-summary-grid dt { color:#626262; } :where(.mkb-ci) .mkb-summary-grid dd { margin:0; overflow-wrap:anywhere; } :where(.mkb-ci) .mkb-summary-image { display:flex; gap:25px; margin-bottom:22px; } :where(.mkb-ci) .mkb-summary-image p { margin:8px 0; } :where(.mkb-ci) .mkb-pre-line { white-space:pre-line; overflow-wrap:anywhere; } :where(.mkb-ci) .mkb-reference { padding:28px 30px; background:#ececec; margin-bottom:35px; } :where(.mkb-ci) .mkb-reference p { margin-bottom:10px; } :where(.mkb-ci) .mkb-reference strong { font-size:30px; } :where(.mkb-ci) .mkb-faq { border-top:1px solid #aaa; padding:22px 0; } :where(.mkb-ci) .mkb-faq:last-child { border-bottom:1px solid #aaa; } :where(.mkb-ci) .mkb-faq summary { font-size:24px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:30px; } :where(.mkb-ci) .mkb-faq summary::after { content:"+"; } :where(.mkb-ci) .mkb-faq[open] summary::after { content:"−"; } :where(.mkb-ci) .mkb-faq summary::-webkit-details-marker { display:none; } :where(.mkb-ci) .mkb-faq>div { padding:25px 30px 0 0; font-size:20px; } :where(.mkb-ci) .mkb-site-footer { display:flex; justify-content:space-between; gap:35px; margin-top:90px; border-top:1px solid #333; padding:32px 0 45px; font-size:14px; } :where(.mkb-ci) .mkb-site-footer>div:last-child { display:flex; gap:25px; align-items:flex-start; } :where(.mkb-ci) .mkb-skip { position:fixed; top:-100px; left:20px; z-index:99; background:#000; color:#fff; padding:15px; } :where(.mkb-ci) .mkb-skip:focus { top:10px; } :where(.mkb-ci) .mkb-admin { font-size:18px; } :where(.mkb-ci) .mkb-admin .mkb-page-heading h1 { font-size:40px; } :where(.mkb-ci) .mkb-admin h2 { font-size:25px; } :where(.mkb-ci) .mkb-admin .mkb-lead { font-size:20px; } :where(.mkb-ci) .mkb-admin-grid { grid-template-columns:minmax(0,3fr) minmax(230px,1fr); gap:65px; } :where(.mkb-ci) .mkb-title-row { display:flex; justify-content:space-between; align-items:center; gap:30px; } :where(.mkb-ci) .mkb-title-row p { margin-bottom:12px; } :where(.mkb-ci) .mkb-title-row .mkb-button { flex-shrink:0; } :where(.mkb-ci) .mkb-stats { display:flex; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin:6px 0 35px; padding:28px 0; } :where(.mkb-ci) .mkb-stats>div { display:flex; flex-direction:column; gap:10px; flex:1; border-right:1px solid #ddd; padding:0 30px; } :where(.mkb-ci) .mkb-stats>div:first-child { padding-left:0; } :where(.mkb-ci) .mkb-stats>div:last-child { border:0; } :where(.mkb-ci) .mkb-stats strong { font-size:40px; line-height:1; } :where(.mkb-ci) .mkb-stats span { font-size:15px; } :where(.mkb-ci) .mkb-filter-bar { display:flex; gap:25px; align-items:flex-end; margin:25px 0; } :where(.mkb-ci) .mkb-filter-bar .mkb-field { margin:0; flex:1; } :where(.mkb-ci) .mkb-filter-bar .mkb-field:first-child { flex:2; } :where(.mkb-ci) .mkb-table-scroll { overflow:auto; } :where(.mkb-ci) .mkb-data-table { border-collapse:collapse; width:100%; font-size:16px; text-align:left; } :where(.mkb-ci) .mkb-data-table th { font-size:13px; font-weight:400; color:#666; padding:17px 15px; border-bottom:1px solid #555; } :where(.mkb-ci) .mkb-data-table td { padding:22px 15px; border-bottom:1px solid #ddd; vertical-align:middle; } :where(.mkb-ci) .mkb-data-table td:first-child, :where(.mkb-ci) .mkb-data-table th:first-child { padding-left:0; } :where(.mkb-ci) .mkb-data-table small { display:block; font-size:13px; color:#666; margin-top:6px; } :where(.mkb-ci) .mkb-data-table td>a:last-child { white-space:nowrap; } :where(.mkb-ci) .mkb-badge { font-size:12px; background:#eee; padding:6px 9px; display:inline-block; white-space:nowrap; } :where(.mkb-ci) .mkb-badge.mkb-new { background:#333; color:#fff; } :where(.mkb-ci) .mkb-badge.mkb-error-badge { color:#98281e; background:#f8eeec; } :where(.mkb-ci) .mkb-empty { padding:50px 20px 50px 0; max-width:650px; } :where(.mkb-ci) .mkb-empty p { font-size:18px; line-height:1.45; color:#666; } :where(.mkb-ci) .mkb-empty h2 { font-size:28px; } :where(.mkb-ci) .mkb-pagination { display:flex; gap:35px; justify-content:space-between; margin-top:30px; font-size:15px; } :where(.mkb-ci) .mkb-login-panel { max-width:480px; margin:65px auto; } :where(.mkb-ci) .mkb-login-panel .mkb-button { width:100%; margin-top:15px; } :where(.mkb-ci) .mkb-login-panel p { font-size:18px; } :where(.mkb-ci) .mkb-timeline { border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:18px; } :where(.mkb-ci) .mkb-timeline small { font-size:12px; color:#666; } :where(.mkb-ci) .mkb-timeline p { margin:6px 0; font-size:15px; } :where(.mkb-ci) .mkb-timeline pre { font-size:11px; max-height:320px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; } :where(.mkb-ci) .mkb-sticky-actions { position:sticky; bottom:0; background:#fff; padding:20px 0; border-top:1px solid #bbb; display:flex; gap:25px; align-items:center; box-shadow:0 -5px 10px #fff; } :where(.mkb-ci) .mkb-mail { padding:30px 0; border-top:1px solid #aaa; } :where(.mkb-ci) .mkb-mail h2 { font-size:24px; } :where(.mkb-ci) .mkb-mail details { font-size:16px; } :where(.mkb-ci) .mkb-mail-body { background:#eee; padding:25px; margin:20px 0; max-width:850px; } :where(.mkb-ci) .mkb-mail .mkb-button { margin-top:20px; } :where(.mkb-ci) .mkb-fee-row { display:grid; grid-template-columns:2fr 2fr .7fr 1fr 25px; gap:16px; align-items:end; } :where(.mkb-ci) .mkb-fee-row .mkb-text-button { margin-bottom:30px; } :where(.mkb-ci) .mkb-version-row { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:22px 0; border-bottom:1px solid #ccc; } :where(.mkb-ci) .mkb-version-row p { margin:7px 0; } :where(.mkb-ci) .mkb-user-panel { border-top:1px solid #ccc; padding:22px 0; } :where(.mkb-ci) .mkb-user-panel summary { cursor:pointer; } :where(.mkb-ci) .mkb-user-panel form { padding-top:25px; } :where(.mkb-ci) .mkb-admin .mkb-sidebar h2 { font-size:19px; } :where(.mkb-ci) details summary { cursor:pointer; } @media (min-width:1024px) { :where(.mkb-ci) .mkb-public .mkb-sidebar { position:sticky; top:25px; } } @media (max-width:1100px) { :where(.mkb-ci) .mkb-wrap { width:calc(100% - 64px); } :where(.mkb-ci) .mkb-site-header { gap:25px; } :where(.mkb-ci) .mkb-brand img { width:180px; } :where(.mkb-ci) .mkb-site-header nav { gap:18px; font-size:14px; } :where(.mkb-ci) .mkb-page-grid { gap:45px; } :where(.mkb-ci) .mkb-utility { gap:18px; } :where(.mkb-ci) .mkb-test-label { display:none; } :where(.mkb-ci) .mkb-admin-grid { gap:35px; } :where(.mkb-ci) .mkb-fee-row { gap:10px; } :where(.mkb-ci) .mkb-header-right { gap:22px; } } @media (max-width:800px) { :where(.mkb-ci) .mkb-wrap { width:calc(100% - 40px); } :where(.mkb-ci) .mkb-site-header { align-items:flex-start; flex-wrap:wrap; padding-top:25px; gap:24px; } :where(.mkb-ci) .mkb-brand img { width:174px; } :where(.mkb-ci) .mkb-header-right { flex:1; align-items:stretch; gap:24px; } :where(.mkb-ci) .mkb-utility { justify-content:flex-end; font-size:12px; } :where(.mkb-ci) .mkb-site-header nav { justify-content:flex-end; gap:15px; } :where(.mkb-ci) .mkb-page-heading { padding-top:42px; } :where(.mkb-ci) h1 { font-size:40px; } :where(.mkb-ci) .mkb-page-grid, :where(.mkb-ci) .mkb-admin-grid { grid-template-columns:1fr; gap:55px; } :where(.mkb-ci) .mkb-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:25px; } :where(.mkb-ci) .mkb-sidebar section { margin-bottom:0; } :where(.mkb-ci) .mkb-sidebar .mkb-aside-links { grid-column:1/-1; display:flex; gap:25px; flex-wrap:wrap; } :where(.mkb-ci) .mkb-title-row { flex-wrap:wrap; } :where(.mkb-ci) .mkb-site-footer { margin-top:65px; } :where(.mkb-ci) .mkb-fee-row { grid-template-columns:1fr 1fr 60px 85px 20px; } :where(.mkb-ci) .mkb-filter-bar { gap:15px; } :where(.mkb-ci) .mkb-filter-bar .mkb-button { padding-inline:15px; } :where(.mkb-ci) .mkb-admin .mkb-page-heading h1 { font-size:36px; } } @media (max-width:560px) { :where(.mkb-ci) body { font-size:19px; } :where(.mkb-ci) .mkb-site-header { display:block; } :where(.mkb-ci) .mkb-brand { display:inline-block; } :where(.mkb-ci) .mkb-header-right { margin-top:22px; gap:23px; } :where(.mkb-ci) .mkb-utility { position:absolute; right:20px; top:36px; } :where(.mkb-ci) .mkb-utility>a { display:none; } :where(.mkb-ci) .mkb-utility>span { display:none; } :where(.mkb-ci) .mkb-site-header nav { justify-content:space-between; font-size:13px; gap:14px; } :where(.mkb-ci) .mkb-admin .mkb-site-header nav { justify-content:flex-start; } :where(.mkb-ci) h1 { font-size:36px; } :where(.mkb-ci) .mkb-page-heading { padding:35px 0 23px; } :where(.mkb-ci) .mkb-lead { font-size:20px; } :where(.mkb-ci) .mkb-prose>p:first-child { font-size:23px; } :where(.mkb-ci) .mkb-two, :where(.mkb-ci) .mkb-three { grid-template-columns:1fr; } :where(.mkb-ci) .mkb-form-section h2 { font-size:25px; gap:15px; } :where(.mkb-ci) .mkb-form-section { padding-top:25px; margin-bottom:26px; } :where(.mkb-ci) .mkb-field { margin-bottom:19px; } :where(.mkb-ci) .mkb-field input, :where(.mkb-ci) .mkb-field textarea, :where(.mkb-ci) .mkb-field select { font-size:16px; } :where(.mkb-ci) .mkb-sidebar { grid-template-columns:1fr; gap:35px; } :where(.mkb-ci) .mkb-sidebar .mkb-aside-links { display:block; } :where(.mkb-ci) .mkb-site-footer { flex-direction:column; gap:25px; font-size:13px; } :where(.mkb-ci) .mkb-site-footer>div:last-child { flex-wrap:wrap; gap:20px; } :where(.mkb-ci) .mkb-action-block { gap:20px; } :where(.mkb-ci) .mkb-button { font-size:14px; padding:15px 18px; gap:20px; } :where(.mkb-ci) .mkb-summary-grid { grid-template-columns:1fr; gap:3px; } :where(.mkb-ci) .mkb-summary-grid dd { margin-bottom:12px; } :where(.mkb-ci) .mkb-summary-image { font-size:18px; } :where(.mkb-ci) .mkb-reference strong { font-size:25px; } :where(.mkb-ci) .mkb-faq summary { font-size:21px; } :where(.mkb-ci) .mkb-repeater-row { padding-left:17px; } :where(.mkb-ci) .mkb-filter-bar { flex-wrap:wrap; } :where(.mkb-ci) .mkb-filter-bar .mkb-field:first-child { flex-basis:100%; } :where(.mkb-ci) .mkb-filter-bar .mkb-field { flex:1; } :where(.mkb-ci) .mkb-stats { padding:23px 0; } :where(.mkb-ci) .mkb-stats>div { padding:0 15px; } :where(.mkb-ci) .mkb-stats span { font-size:12px; } :where(.mkb-ci) .mkb-stats strong { font-size:30px; } :where(.mkb-ci) .mkb-fee-row { grid-template-columns:1fr 1fr 24px; border-bottom:1px solid #ddd; padding:15px 0; margin-bottom:15px; } :where(.mkb-ci) .mkb-fee-row .mkb-field:nth-child(2) { grid-column:2; } :where(.mkb-ci) .mkb-fee-row .mkb-field:nth-child(3) { grid-column:1; } :where(.mkb-ci) .mkb-fee-row .mkb-text-button { grid-column:3; grid-row:2; } :where(.mkb-ci) .mkb-version-row { align-items:flex-start; flex-direction:column; gap:12px; } :where(.mkb-ci) .mkb-sticky-actions { flex-wrap:wrap; gap:15px; } :where(.mkb-ci) .mkb-login-panel { margin:40px auto; } :where(.mkb-ci) .mkb-admin h2 { font-size:23px; } :where(.mkb-ci) .mkb-mail .mkb-title-row { gap:8px; } :where(.mkb-ci) .mkb-title-row .mkb-button { flex-shrink:1; } } @media (prefers-reduced-motion:reduce) { html:where(.mkb-ci) { scroll-behavior:auto; } } :where(.mkb-ci) .mkb-test-notice { margin:22px 0 0; padding:10px 14px; border-left:2px solid #777; background:#f3f3f1; font-size:14px; line-height:1.4; }