/* domaindevelopers.com overrides on top of the design system */
.wrapper_logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.wrapper_logo img { width: 40px; height: 40px; }
.wrapper_logo .logo-text { color: #fff; font-family: "IBM Plex Mono", monospace; font-weight: 500; font-size: 17px; }
.paste-ip { cursor: pointer; width: 170px; height: auto; }
.black-block-top .paste-ip { left: 24%; }
.black-block-top .form-control { color: #fff; }
.waitlist-wrap { max-width: 560px; margin: 0 auto; padding: 40px 0 80px; }
.role-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.role-toggle label { margin: 0; cursor: pointer; }
.role-toggle input { position: absolute; opacity: 0; }
.role-toggle span { display: block; text-align: center; padding: 12px; border: 2px solid rgba(255,255,255,.2); border-radius: 8px; color: #fff; font-family: "IBM Plex Sans", sans-serif; }
.role-toggle input:checked + span { border-color: rgb(0,238,119); background: rgba(0,238,119,.12); color: rgb(0,238,119); }
.role-toggle input:focus-visible + span { outline: 2px solid #fff; }
.hide { display: none; }
.hp { position: absolute; left: -9999px; }
.text-center { text-align: center; }
.feature-item .checkmark { width: auto; height: auto; border: 0; border-radius: 0; background: none; position: static; display: inline-block; margin-right: 6px; }
.feature-item .checkmark::after { content: none; }
ol.doc-text { padding-left: 24px; list-style: decimal; }
ol.doc-text li { margin-bottom: 8px; }
.role-toggle span { white-space: nowrap; padding: 12px 8px; }
@media (max-width: 420px) { .role-toggle span { font-size: 14px; padding: 12px 4px; } }