:root { /* Image admonition */ --md-admonition-icon--image: url('data:image/svg+xml;charset=utf-8,'); /* Yoomoney logo */ --md-admonition-icon--yoomoney: url('data:image/svg+xml;charset=utf-8,'); /* Boosty logo */ --md-admonition-icon--boosty: url('data:image/svg+xml;charset=utf-8,'); } /* Image admonition styling */ .md-typeset .admonition.image, .md-typeset details.image { border-color: var(--md-admonition-fg-color); } .md-typeset .image > .admonition-title::before, .md-typeset .image > summary::before { background-color: var(--md-admonition-fg-color); -webkit-mask-image: var(--md-admonition-icon--image); mask-image: var(--md-admonition-icon--image); } /* Yoomoney admonition styling */ .md-typeset .admonition.yoomoney, .md-typeset details.yoomoney { border-color: rgba(113, 47, 244, 1); } .md-typeset .yoomoney > .admonition-title::before, .md-typeset .yoomoney > summary::before { background-color: rgb(113, 47, 244); -webkit-mask-image: var(--md-admonition-icon--yoomoney); mask-image: var(--md-admonition-icon--yoomoney); } /* Boosty admonition styling */ .md-typeset .admonition.boosty, .md-typeset details.boosty { border-color: rgb(241, 95, 44); } .md-typeset .boosty > .admonition-title::before, .md-typeset .boosty > summary::before { background-color: rgb(241, 95, 44); -webkit-mask-image: var(--md-admonition-icon--boosty); mask-image: var(--md-admonition-icon--boosty); } /* .chapter li.part-title { font-size: 1.2em; } */ /* main ol li { margin-bottom: 10px; } */ .badge { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-sizing: border-box; color: rgb(33, 37, 41); display: inline-block; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 10.5px; font-weight: 700; height: 17.8438px; line-height: 10.5px; margin-right: 4px; padding-bottom: 3.675px; padding-left: 6.825px; padding-right: 6.825px; padding-top: 3.675px; text-align: center; text-size-adjust: 100%; text-wrap-mode: nowrap; vertical-align: baseline; white-space-collapse: collapse; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .badge.online { background-color: rgb(25, 135, 84); } .badge.online-percent { border: 1px solid rgb(25, 135, 84); color: var(--md-typeset-color); } .badge.offline { background-color: rgb(220, 53, 69); } .badge.unknown { background-color: rgb(108, 117, 125); } .badge.adult { background-color: rgb(255, 193, 7); } .badge.lapka { background-color: rgb(13, 202, 240); } .icon.online { color: rgb(25, 135, 84); } .icon.offline { color: rgb(220, 53, 69); } .md-typeset .md-button--primary { background: var(--md-accent-fg-color--transparent); color: var(--md-accent-fg-color); } .md-typeset .wordwrap * { text-wrap: auto; } /*******************************************************************/ .tx-hero { margin: -2.4rem -1.6rem 2.4rem; padding: 3.5rem 1.6rem; } /* [data-md-color-scheme="slate"] .tx-hero { background: linear-gradient(135deg, #004d40 0%, #00695c 50%, #00796b 100%); } */ .tx-hero h1 { margin: 0 0 0.5rem; font-size: 3rem; font-weight: 700; line-height: 1.1; } .tx-hero p { max-width: 40rem; font-size: 1.15rem; line-height: 1.5; } .tx-hero__buttons { display: flex; gap: 1rem; } /* .tx-hero h1 { display: none; } */ /* [data-md-color-scheme=slate] { } */