/* /Components/Layout/Headers/HeaderItems/MarketPlaceHeaderBrand.razor.rz.scp.css */
#ac-header-brand[b-ncrf83tt3k] {
    margin-left: 24px;
}

/* The ABB Robotics lockup is ~8.5:1, so 28px tall keeps it ~238px wide next to the title. */
#ac-header-brand[b-ncrf83tt3k]  .ac-header-brand--logo {
    height: 28px;
    margin-bottom: 18px;
    padding-right: 24px;
    margin-top: 18px;
    border-right: 2px solid var(--abb-color-border-stateless-subtle);
}

#ac-header-brand[b-ncrf83tt3k]  .ac-header-brand--title {
    padding-left: 8px;
    font-weight: normal;
}
/* /Components/Layout/Headers/HeaderItems/MarketPlaceHeaderMenu.razor.rz.scp.css */
#ac-header-menu[b-s64fwgzsj7]  a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 18px 15px;
    position: relative;
}

#ac-header-menu[b-s64fwgzsj7]  a.active > span.rz-link-text {
    font-weight: 600;
    text-decoration: none;
}

#ac-header-menu[b-s64fwgzsj7]  a.active > span.rz-link-text > i.icon_abb_32 {
    font-weight: 600;
}

#ac-header-menu[b-s64fwgzsj7]  a.active::after {
    background: var(--rz-primary);
    bottom: 0;
    content: ' ';
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

/* Hovering a link previews the active bar in a lighter shade, since the underline is turned off below. */
#ac-header-menu[b-s64fwgzsj7]  a:not(.active):hover::after {
    background: var(--abb-color-global-grey-50);
    bottom: 0;
    content: ' ';
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

#ac-header-menu[b-s64fwgzsj7]  .rz-link:hover .rz-link-text {
    text-decoration: none;
}

#ac-header-menu[b-s64fwgzsj7]  .rz-link:focus .rz-link-text {
    text-decoration: none;
}
/* /Components/Layout/Headers/HeaderItems/MarketPlaceHeaderSettings.razor.rz.scp.css */
.ac-header-settings[b-6ug4msuagi]  .ac-header-settings-wrapper {
    height: 60px;
    line-height: 24px;
    padding: 18px 0;
    margin-right: 32px;
}

.ac-header-settings[b-6ug4msuagi]  ul.rz-navigation-menu {
    background-color: var(--rz-white);
    border: 1px solid var(--abb-color-border-stateless-subtle);
    font-size: 14px;
}

.ac-header-settings[b-6ug4msuagi]  .rz-navigation-item-link {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
}

.ac-header-settings[b-6ug4msuagi]  .rz-navigation-item-link > span {
    font-size: 14px;
    margin-right: 4px;
}

.ac-header-settings[b-6ug4msuagi]  .ac-header-settings-border-right {
    border-right: 1px solid var(--abb-color-border-stateless-subtle);
    padding-right: 10px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-060l6upkwi] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-060l6upkwi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Modules/ModuleDetail.razor.rz.scp.css */
/* The article and its table of contents are capped at 1260px and centred (PageContentViewer), and so
   are the tabs (DocsTabs). Line the info card up with them. */
.module-detail__info[b-ovf2ynbjp2] {
    width: 100%;
    max-width: 1260px;
    margin-inline: auto;
}

[b-ovf2ynbjp2] .module-detail__image {
    height: 96px;
    width: auto;
    border-radius: var(--rz-border-radius);
}

[b-ovf2ynbjp2] .module-detail__meta {
    color: var(--rz-text-secondary-color);
}

/* Sits under "In this article", so it takes the same small label and padding (MarkdownToc.razor.css). */
.module-detail__resources[b-ovf2ynbjp2]  .rz-panel {
    padding: 1.25rem 1rem;
}

.module-detail__resources[b-ovf2ynbjp2]  .rz-panel-titlebar {
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    color: var(--rz-text-secondary-color);
}

.module-detail__resources[b-ovf2ynbjp2]  .rz-panel-content-wrapper {
    padding-block-start: 0.75rem;
}

.module-detail__resources[b-ovf2ynbjp2]  .rz-link {
    font-size: 0.875rem;
    line-height: 1.4;
}
/* /Components/Shared/DocsTabs.razor.rz.scp.css */
/* Let the tab content's own card be the only frame, like pages without tabs, and style the tabs like
   the header menu: plain text, semibold with an underline for the selected one. */
.docs-tabs[b-hk2u24o2r6]  .rz-tabview {
    max-width: 1260px;
    margin-inline: auto;
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-nav {
    gap: 1.25rem;
    border-bottom: var(--rz-tabs-border);
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-top > .rz-tabview-nav li,
.docs-tabs[b-hk2u24o2r6]  .rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled),
.docs-tabs[b-hk2u24o2r6]  .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled),
.docs-tabs[b-hk2u24o2r6]  .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    position: relative;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-nav li a {
    padding: 0.625rem 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--rz-text-secondary-color);
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-nav li:hover a {
    color: var(--rz-text-title-color);
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-nav .rz-tabview-selected a {
    font-weight: 600;
    color: var(--rz-text-title-color);
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-nav .rz-tabview-selected::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--rz-primary);
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-panels {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

.docs-tabs[b-hk2u24o2r6]  .rz-tabview-panel {
    padding: 1rem 0 0 0;
}

/* One underline that DocsTabs.razor.js slides to the selected tab. Each tab's own underline above only
   shows until the script has placed it. */
.docs-tabs[b-hk2u24o2r6] {
    position: relative;
}

.docs-tabs-indicator[b-hk2u24o2r6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--rz-primary);
    opacity: 0;
    pointer-events: none;
}

.docs-tabs-indicator-ready[b-hk2u24o2r6] {
    transition: transform 0.25s ease, width 0.25s ease, opacity 0.15s;
}

.docs-tabs.docs-tabs-sliding[b-hk2u24o2r6]  .rz-tabview-nav .rz-tabview-selected::after {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .docs-tabs-indicator-ready[b-hk2u24o2r6] {
        transition: none;
    }
}
/* /Components/Shared/Markdown/MarkdownToc.razor.rz.scp.css */
/* MarkdownViewer keeps this panel in view: it sticks the column wrapper holding it and any aside. */

/* The panel scrolls on its own once the list is longer than the viewport. */
[b-ht6vo37o1j] .rz-panel {
    max-height: calc(100vh - var(--rz-header-min-height, 4rem) - 2rem);
    overflow: auto;
    padding: 1.25rem 1rem;
}

/* A small label, not a heading that competes with the article's own. */
[b-ht6vo37o1j] .rz-panel-titlebar {
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    color: var(--rz-text-secondary-color);
}

[b-ht6vo37o1j] .rz-panel-content-wrapper {
    padding-block-start: 0.75rem;
}

/* One rail down the left for the whole list, with a single indicator that MarkdownViewer.razor.js
   slides to the current entry. */
[b-ht6vo37o1j] .abb-toc {
    position: relative;
    border-inline-start: 1px solid var(--abb-color-border-secondary-default);
}

[b-ht6vo37o1j] .abb-toc-indicator {
    position: absolute;
    top: 0;
    left: -1px;
    width: 2px;
    height: 0;
    background-color: var(--rz-primary);
    opacity: 0;
    pointer-events: none;
}

[b-ht6vo37o1j] .abb-toc-indicator-ready {
    transition: transform 0.25s ease, height 0.25s ease, opacity 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    [b-ht6vo37o1j] .abb-toc-indicator-ready {
        transition: none;
    }
}

/* The viewer's article list styles (ul padding, li margins) reach the TOC too, and Radzen adds
   rz-ps-* utilities (!important) per level; together they stack into a deep staircase in a column
   this narrow. Indent by depth here instead. */
[b-ht6vo37o1j] .rz-toc,
[b-ht6vo37o1j] .rz-toc-list,
[b-ht6vo37o1j] .rz-toc-item,
[b-ht6vo37o1j] .rz-toc-item-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

[b-ht6vo37o1j] .rz-toc-link {
    padding: 0.3rem 0.5rem 0.3rem 0.875rem !important;
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--rz-text-secondary-color);
    border-radius: 0;
}

[b-ht6vo37o1j] .rz-toc-list .rz-toc-link {
    padding-inline-start: 1.625rem !important;
}

[b-ht6vo37o1j] .rz-toc-list .rz-toc-list .rz-toc-link {
    padding-inline-start: 2.375rem !important;
    font-size: 0.8125rem;
}

[b-ht6vo37o1j] .rz-toc-link:hover {
    color: var(--rz-text-color);
}

/* The theme marks the current entry in --rz-secondary (#969696), which is lighter than the
   unselected colour, and gives it an indicator in the same grey. Mark it the way the header menu
   marks its active link instead. Each entry's own indicator is replaced by the sliding one. */
[b-ht6vo37o1j] .rz-toc-item-selected > .rz-toc-item-wrapper .rz-toc-link {
    color: var(--rz-text-color);
    font-weight: 600;
}

[b-ht6vo37o1j] .rz-toc-item-wrapper:after {
    display: none;
}
/* /Components/Shared/Markdown/MarkdownViewer.razor.rz.scp.css */
[b-r4spv33skx] .rz-text-h1,
[b-r4spv33skx] .rz-text-h2 {
    font-weight: normal;
}

/* h4 and h5 are both 16px and h6 is 14px, so below h3 only weight separates a heading from body. */
[b-r4spv33skx] .rz-text-h3,
[b-r4spv33skx] .rz-text-h4,
[b-r4spv33skx] .rz-text-h5,
[b-r4spv33skx] .rz-text-h6 {
    font-weight: 600;
}

/* Prose is capped near 80 characters; screenshots, tables and code keep the full card width. */
[b-r4spv33skx] .rz-card > p,
[b-r4spv33skx] .rz-card > ul,
[b-r4spv33skx] .rz-card > ol,
[b-r4spv33skx] .rz-card > blockquote,
[b-r4spv33skx] .rz-card > [class^="rz-text-h"] {
    max-width: 82ch;
}

/* Body copy at 14px/20px reads small on a docs page. Tight list items carry no paragraph, so the
   list is sized too: its text then matches the paragraphs, and its ch cap measures the same font. */
[b-r4spv33skx] .rz-text-body2,
[b-r4spv33skx] .rz-card ul,
[b-r4spv33skx] .rz-card ol {
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: normal;
}

/* The article is inside its own scroll container, so jumps need room above the heading. */
[b-r4spv33skx] [class^="rz-text-h"] {
    scroll-margin-top: 1.5rem;
}

/* Briefly marks the heading a link landed on, so the reader sees where the match is. */
[b-r4spv33skx] .abb-heading-target {
    animation: abb-heading-target-b-r4spv33skx 1.6s ease-out;
    border-radius: var(--rz-border-radius);
}

@keyframes abb-heading-target-b-r4spv33skx {
    0%,
    30% {
        background-color: color-mix(in srgb, var(--rz-primary) 16%, transparent);
    }

    100% {
        background-color: transparent;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-r4spv33skx] .abb-heading-target {
        animation: none;
    }
}

/* Deep links to a section: shown on hover, and never read aloud. */
[b-r4spv33skx] .abb-heading-anchor {
    margin-inline-start: 0.35em;
    opacity: 0;
    color: var(--abb-color-foreground-secondary);
    text-decoration: none;
    transition: opacity var(--rz-transition, 0.15s);
}

[b-r4spv33skx] [class^="rz-text-h"]:hover > .abb-heading-anchor,
[b-r4spv33skx] .abb-heading-anchor:focus-visible {
    opacity: 1;
}

/* Vertical rhythm: `.rz-card > p` in the theme zeroes the paragraph margin, and no heading
   carries one, so sections run together without these. */
[b-r4spv33skx] .rz-card > p,
[b-r4spv33skx] p {
    margin-block-end: 0.75rem;
}

[b-r4spv33skx] .rz-text-h1 {
    margin: 0 0 0.75rem;
}

[b-r4spv33skx] .rz-text-h2 {
    margin: 2rem 0 0.75rem;
}

[b-r4spv33skx] .rz-text-h3 {
    margin: 1.5rem 0 0.5rem;
}

[b-r4spv33skx] .rz-text-h4,
[b-r4spv33skx] .rz-text-h5,
[b-r4spv33skx] .rz-text-h6 {
    margin: 1.25rem 0 0.5rem;
}

[b-r4spv33skx] .rz-card > :first-child {
    margin-top: 0;
}

/* Screenshots: capped so a wide capture stays legible instead of filling the card, and framed
   so it reads as a picture of the product rather than part of the page. */
[b-r4spv33skx] img {
    display: block;
    max-width: min(100%, 900px);
    height: auto;
    margin: 0.75rem 0 1rem;
    border: 1px solid var(--abb-color-border-stateless-subtle);
    border-radius: 4px;
    /* The link renderer classes images as links; undo the underline it brings. */
    text-decoration: none;
}

[b-r4spv33skx] li img {
    margin-top: 0.5rem;
}

/* The cap makes wide captures unreadable, so those open at full size on click. */
[b-r4spv33skx] img.abb-zoomable {
    cursor: zoom-in;
}

[b-r4spv33skx] img.abb-zoomable:focus-visible {
    outline: var(--rz-outline-focus);
    outline-offset: 2px;
}

.abb-image-zoom[b-r4spv33skx] {
    max-width: 95vw;
    max-height: 95vh;
    padding: 0;
    border: none;
    background: transparent;
    overflow: visible;
    cursor: zoom-out;
}

.abb-image-zoom[b-r4spv33skx]::backdrop {
    background: rgb(0 0 0 / 0.7);
}

/* Undo the article's image rule, which would cap the enlargement at 900px again. */
.abb-image-zoom img[b-r4spv33skx] {
    max-width: 95vw;
    max-height: 95vh;
    margin: 0;
    border: none;
    border-radius: 4px;
}

/* Plain `> **Note:**` quotes; GitHub `> [!NOTE]` alerts are handled by the alert renderer. */
[b-r4spv33skx] blockquote {
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border-inline-start: 3px solid var(--abb-color-status-info);
    border-radius: 0 4px 4px 0;
    background: var(--abb-color-background-stateless-alternative);
}

[b-r4spv33skx] blockquote > p:last-child {
    margin-block-end: 0;
}

[b-r4spv33skx] ul,
[b-r4spv33skx] ol {
    margin: 0.5rem 0 1rem;
    padding-inline-start: 1.5rem;
}

[b-r4spv33skx] li {
    margin-block-end: 0.35rem;
}

[b-r4spv33skx] li > p {
    margin-block-end: 0.35rem;
}

[b-r4spv33skx] :not(pre) > code {
    padding: 0.1em 0.35em;
    border-radius: 3px;
    background: var(--abb-color-background-stateless-alternative);
}

/* Long command lines scroll instead of stretching the card. */
[b-r4spv33skx] pre {
    margin: 0.75rem 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    overflow-x: auto;
    background: var(--abb-color-background-stateless-alternative);
}

/* Code blocks carry a header with the fence's language and a copy button; the frame moves from
   the pre to the wrapper so the header sits inside it. */
[b-r4spv33skx] .abb-code-block {
    margin: 0.75rem 0 1rem;
    border-radius: 4px;
    overflow: hidden;
    background: var(--abb-color-background-stateless-alternative);
}

[b-r4spv33skx] .abb-code-block > pre {
    margin: 0;
    border-radius: 0;
    background: transparent;
}

/* The highlight.js theme paints its own background and padding on the code element. */
[b-r4spv33skx] .abb-code-block pre code.hljs {
    padding: 0;
    background: transparent;
}

[b-r4spv33skx] .abb-code-block-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem 0.25rem 1rem;
    border-bottom: 1px solid var(--abb-color-border-stateless-subtle);
    color: var(--abb-color-foreground-secondary);
    font-size: 0.8125rem;
}

[b-r4spv33skx] .abb-code-block-copy {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-inline-start: auto;
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

[b-r4spv33skx] .abb-code-block-copy .rzi {
    font-size: 1rem;
}

[b-r4spv33skx] .abb-code-block-copy:hover,
[b-r4spv33skx] .abb-code-block-copy:focus-visible {
    color: var(--rz-text-color);
    background: var(--abb-color-border-stateless-subtle);
}

/* Tables are rendered as a Radzen data grid, which brings a grid's chrome into an article: a box
   inside the card, a grey header band with no rule under it, and row separators at 4% black. */
[b-r4spv33skx] .rz-data-grid {
    margin: 0.75rem 0 1rem;
    border: none;
}

/* The grey band is painted by `thead tr:first-child th`, so the override has to match it. */
[b-r4spv33skx] .rz-grid-table thead tr:first-child th,
[b-r4spv33skx] .rz-grid-table thead th {
    background-color: transparent;
    border-bottom: 1px solid var(--abb-color-border-stateless-subtle);
}

[b-r4spv33skx] .rz-grid-table td {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--abb-color-border-stateless-subtle);
}

/* The header's padding lives on the inner wrapper, so it is aligned there instead. */
[b-r4spv33skx] .rz-grid-table thead th > div:not(.rz-cell-filter) {
    padding: 0.625rem 0.75rem;
}

/* Header cells are nowrap in the grid theme, and their text sits in a truncating wrapper. */
[b-r4spv33skx] .rz-grid-table thead th {
    white-space: normal;
}

[b-r4spv33skx] .rz-grid-table .rz-column-title-content {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}

/* Prose is capped at 82ch, so a full-width card leaves the freed space sitting inside the frame.
   Cap the article block instead and let the rest become page margin. */
[b-r4spv33skx] .rz-row {
    max-width: 1260px;
}

/* Pages whose markdown has no headings render the card without that row. */
[b-r4spv33skx] .rz-card {
    max-width: 940px;
}

/* The article scrolls inside .rz-body, so the TOC and any aside stay in view with the reader. The
   wrapper sticks, not the panels: a sticky element only travels within its parent, and the wrapper's
   parent is the column beside the article, which runs its full height. */
.markdown-viewer__aside[b-r4spv33skx] {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Shared/MarketPlaceButton.razor.rz.scp.css */
.ac-icon-only-button[b-w0yef98oij] {
    vertical-align: middle;
}
/* /Components/Shared/PageContent.razor.rz.scp.css */
#ac-layout-root[b-9529uc0frt]  .ac-layout-root--sidebar {
    max-width: 200px;
}

#ac-layout-root[b-9529uc0frt]  .ac-layout-root--body {
    padding: 0 1rem 1rem 1rem;
}
/* /Components/Shared/PageContentViewer.razor.rz.scp.css */
/* MarkdownViewer caps the article and its table of contents at 1260px. Centre that block so a wide
   screen splits the leftover width into equal margins instead of piling it up on the right. */
.page-content-viewer__body[b-etubn1bze3] {
    max-width: 1260px;
    margin-inline: auto;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
#ac-body-page-header[b-40uzo19noz] {
    height: 48px;
    background: var(--abb-color-background-stateless-base);
    border-bottom: 1px solid var(--abb-color-border-stateless-subtle);
}

#ac-body-page-header[b-40uzo19noz]  .ac-body-page-header--stack {
    height: 48px;
    margin-left: 8px;
}

#ac-body-page-header[b-40uzo19noz]  .ac-body-page-header--actions {
    height: 48px;
    margin-right: 8px;
}

#ac-body-page-header[b-40uzo19noz]  .ac-body-page-header--title {
    font-weight: 400;
}
/* /Components/Shared/Popups/ManageContentPopup.razor.rz.scp.css */
/* The dialog is min(800px, 90vh) tall (see PageContentViewer). The panes get what is left after the
   title, the tabs strip and the footer, so Publish and Cancel stay on screen on a 13" laptop. */
[b-zx91gd5f8u] .manage-content-popup__pane {
    height: clamp(240px, calc(min(800px, 90vh) - 250px), 550px);
}

[b-zx91gd5f8u] .monaco-editor-container {
    height: 100%;
}
/* /Components/Shared/Popups/MarketPlaceConfirmationDialogPopup.razor.rz.scp.css */
[b-55wtrqb8i2] .rz-dialog-confirm-message {
    margin: 0;
    padding: 0;
}
/* /Components/Shared/Popups/MarketPlacePopupLayout.razor.rz.scp.css */
[b-cezri5a79j] .ac-popuplayout-footer {
    border-top: 1px solid var(--abb-color-border-stateless-subtle);
    padding-top: 1rem;
}
/* /Components/Shared/Search/DocsSidebarSearch.razor.rz.scp.css */
/* Stays at the top while the menu or the results scroll under it. */
.docs-search[b-t9bpa5r5kq] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.75rem 0.75rem 0.5rem;
    background-color: var(--rz-sidebar-background-color, var(--rz-base-background-color));
}

.docs-search__box[b-t9bpa5r5kq] {
    position: relative;
    display: flex;
    align-items: center;
}

.docs-search__icon[b-t9bpa5r5kq] {
    display: inline-flex;
    position: absolute;
    inset-inline-start: 0.625rem;
    color: var(--rz-text-secondary-color);
    pointer-events: none;
}

.docs-search__input[b-t9bpa5r5kq] {
    width: 100%;
    padding-inline: 2rem 2.25rem;
}

.docs-search__hint[b-t9bpa5r5kq],
.docs-search__clear[b-t9bpa5r5kq] {
    position: absolute;
    inset-inline-end: 0.5rem;
}

/* Only a reminder of the shortcut; it has nothing to say once the box has focus. */
.docs-search__hint[b-t9bpa5r5kq] {
    min-width: 1.25rem;
    padding: 0 0.3rem;
    border: 1px solid var(--abb-color-border-stateless-subtle);
    border-radius: var(--rz-border-radius);
    font-family: inherit;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--rz-text-secondary-color);
    pointer-events: none;
}

.docs-search__box:focus-within .docs-search__hint[b-t9bpa5r5kq] {
    display: none;
}

.docs-search__clear[b-t9bpa5r5kq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: 0;
    border-radius: var(--rz-border-radius);
    background: none;
    color: var(--rz-text-secondary-color);
    cursor: pointer;
}

.docs-search__clear:hover[b-t9bpa5r5kq],
.docs-search__clear:focus-visible[b-t9bpa5r5kq] {
    color: var(--rz-text-color);
    background-color: var(--abb-color-background-stateless-alternative);
}

.docs-search__results[b-t9bpa5r5kq] {
    padding-block-start: 0.5rem;
}

.docs-search__group[b-t9bpa5r5kq] {
    margin: 0.75rem 0 0.25rem;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
}

.docs-search__status[b-t9bpa5r5kq] {
    margin: 0.5rem 0;
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color);
}

.docs-search__list[b-t9bpa5r5kq] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.docs-search__result[b-t9bpa5r5kq] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
    border-block-end: 1px solid var(--abb-color-border-stateless-subtle);
}

.docs-search__result:last-child[b-t9bpa5r5kq] {
    border-block-end: 0;
}

.docs-search__result a[b-t9bpa5r5kq] {
    border-radius: var(--rz-border-radius);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.docs-search__result a:focus-visible[b-t9bpa5r5kq] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 1px;
}

.docs-search__title[b-t9bpa5r5kq] {
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: var(--rz-text-color);
}

.docs-search__title:hover[b-t9bpa5r5kq] {
    color: var(--rz-primary);
}

.docs-search__meta[b-t9bpa5r5kq] {
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}

.docs-search__snippet[b-t9bpa5r5kq] {
    margin-block-start: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--rz-text-secondary-color);
}

.docs-search__heading[b-t9bpa5r5kq] {
    display: flex;
    gap: 0.35rem;
    margin-block-start: 0.2rem;
    padding: 0.1rem 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--rz-text-color);
}

.docs-search__heading:hover[b-t9bpa5r5kq] {
    color: var(--rz-primary);
}

.docs-search__heading-mark[b-t9bpa5r5kq] {
    color: var(--rz-text-secondary-color);
}

.docs-search__results[b-t9bpa5r5kq]  mark {
    padding: 0 0.1em;
    border-radius: 2px;
    background-color: color-mix(in srgb, var(--rz-primary) 18%, transparent);
    color: inherit;
}