.ondeck-floating-ui {
    display: inline;
}

.ondeck-floating-ui__trigger {
    cursor: help;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.ondeck-floating-ui__trigger:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--ondeck-light-blue, #0074ff);
    outline-offset: 3px;
}

.ondeck-floating-ui__tooltip {
    --ondeck-floating-ui-tooltip-bg: rgba(0, 0, 130, 0.8);

    background: var(--ondeck-floating-ui-tooltip-bg);
    border-radius: 8px;
    color: var(--ondeck-white, #ffffff);
    font-family: Miranda, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    max-width: min(280px, calc(100vw - 32px));
    overflow-wrap: break-word;
    padding: 14px 18px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    white-space: normal;
    width: max-content;
    z-index: 1000;
}

.ondeck-floating-ui__content {
    white-space: normal;
}

.ondeck-floating-ui__tooltip[hidden] {
    display: none;
}

.ondeck-floating-ui__arrow {
    background: transparent;
    height: 10px;
    pointer-events: none;
    position: absolute;
    width: 10px;
}

.ondeck-floating-ui__arrow::before {
    background: var(--ondeck-floating-ui-tooltip-bg);
    content: "";
    inset: 0;
    position: absolute;
}

.ondeck-floating-ui__arrow[data-side="bottom"]::before {
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.ondeck-floating-ui__arrow[data-side="top"]::before {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.ondeck-floating-ui__arrow[data-side="right"]::before {
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.ondeck-floating-ui__arrow[data-side="left"]::before {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}