/* Optional visitor toolbar */ .itps-tb { position: fixed; bottom: 16px; z-index: 999999; font: 15px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; } .itps-tb--left { left: 16px; } .itps-tb--right { right: 16px; } .itps-tb__toggle { width: 48px; height: 48px; border-radius: 50%; border: 2px solid #fff; background: #1a56db; color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.35); padding: 0; } .itps-tb__toggle:focus-visible { outline: 3px solid #111; outline-offset: 3px; } .itps-tb__panel { position: absolute; bottom: 58px; width: 230px; background: #fff; color: #111; border: 1px solid #555; border-radius: 8px; padding: 8px; display: grid; gap: 6px; box-shadow: 0 4px 16px rgba(0,0,0,.3); } .itps-tb--left .itps-tb__panel { left: 0; } .itps-tb--right .itps-tb__panel { right: 0; } .itps-tb__panel[hidden] { display: none; } .itps-tb__panel button, .itps-tb__panel a { min-height: 40px; width: 100%; text-align: left; padding: 8px 12px; border: 1px solid #767676; border-radius: 6px; background: #fff; color: #111; font: inherit; cursor: pointer; text-decoration: none; box-sizing: border-box; } .itps-tb__panel a { text-decoration: underline; } .itps-tb__panel button[aria-pressed="true"] { background: #111; color: #fff; border-color: #111; } .itps-tb__panel button:focus-visible, .itps-tb__panel a:focus-visible { outline: 3px solid #1a56db; outline-offset: 1px; } /* Modes (applied to ) */ html.itps-contrast body, html.itps-contrast body *:not(.itps-tb):not(.itps-tb *) { background-color: #000 !important; color: #fff !important; border-color: #fff !important; text-shadow: none !important; box-shadow: none !important; } html.itps-contrast body a:not(.itps-tb *) { color: #ff0 !important; text-decoration: underline !important; } html.itps-contrast img, html.itps-contrast video { filter: none !important; } html.itps-readable body *:not(.itps-tb *):not(i):not([class*="icon"]) { font-family: Verdana, Tahoma, Arial, sans-serif !important; } html.itps-links body a:not(.itps-tb *) { text-decoration: underline !important; outline: 2px solid #ff0 !important; background: #111 !important; color: #ff0 !important; } /* 1.4.12 Text Spacing values */ html.itps-spacing body *:not(.itps-tb *) { line-height: 1.5 !important; letter-spacing: .12em !important; word-spacing: .16em !important; } html.itps-spacing body p { margin-bottom: 2em !important; } html.itps-still *, html.itps-still *::before, html.itps-still *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }