/* start dialog element */
.osano-cm-dialog {
    background: var(--bs-midnight_12);
    color: var(--bs-steelGray);
    font-family: aktiv-grotesk, bio-sans, sans-serif;
}
.osano-cm-close {
    background: transparent;
    border: 0;
}
.osano-cm-close svg {
    vertical-align: unset;
}
.osano-cm-dialog__close:focus {
    background: transparent;
    outline-offset: 3px;
    outline: 2px solid var(--bs-steelGray);
    stroke: var(--bs-steelGray);
}
.osano-cm-dialog__close:focus:hover,
.osano-cm-info-dialog-header__close:focus:hover {
    stroke: var(--bs-steelGray);
} /* end dialog element */

/* start button */
.osano-cm-button {
    background-color: var(--bs-blue1);
    border: none;
    color: var(--bs-white);
    border-radius: var(--bs-border-radius-xxl);
    padding: 0.938rem 0.625rem;
    font-weight: 600;
}
.osano-cm-button:focus {
    background-color: var(--bs-white);
    color: var(--bs-blue1);
    outline-offset: 3px;
    outline: 2px solid var(--bs-white);
}
.osano-cm-button:hover {
    background-color: var(--bs-blue1_D200);
} /* end button */

/* start widget element */
.osano-cm-widget {
    display: none;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    background: var(--bs-midnight_12);
    opacity: 100%;
}
.osano-cm-widget__outline {
    fill: transparent;
    stroke: var(--bs-steelGray);
}
.osano-cm-widget__dot {
    fill: var(--bs-steelGray);
} /* end widget element */

/* start link */
.osano-cm-link {
    color: var(--bs-steelGray);
    font-weight: 700;
} /* end link */

/* start toggle */
.osano-cm-toggle__switch {
    background-color: var(--bs-white);
    border-color: var(--bs-midnight_18);
    border-radius: 2rem;
    height: 1rem;
    border-width: 1px;
    box-sizing: border-box;
    width: 2rem;
}
.osano-cm-toggle__switch::before {
    bottom: -5px;
    left: -5px;
    right: -5px;
    top: -5px;
}
.osano-cm-toggle__switch::after {
    background-color: var(--bs-midnight_18);
    height: 0.75rem;
    left: 1px;
    top: 1px;
    width: 0.75rem;
}
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch::after {
    left: calc(100% - 1px);
}
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch,
.osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch,
.osano-cm-toggle__input:checked:hover + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch {
    background-color: var(--bs-blue1);
    border-color: var(--bs-blue1);
}
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch,
.osano-cm-toggle__input:hover + .osano-cm-toggle__switch {
    background-color: var(--bs-white);
}
.osano-cm-toggle__input:hover + .osano-cm-toggle__switch {
    border-color: var(--bs-blue1);
}

.osano-cm-toggle__input:focus + .osano-cm-toggle__switch::before {
    border-width: 1px;
}
.osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch::before {
    border-color: var(--bs-blue1);
} /* end toggle */

/* start info panel */
.osano-cm-info {
    background: var(--bs-midnight_12);
}
.osano-cm-header,
.osano-cm-info-dialog-header {
    background: var(--bs-midnight_12);
}
.osano-cm-info-dialog-header__close:focus {
    background: transparent;
    border-color: transparent;
    outline-offset: 3px;
    outline: 1px solid var(--bs-midnight_12);
    stroke: var(--bs-steelGray);
} /* end info panel */

/* ------------------ high-emphasis and edge-cases ------------------ */

/* start dialog element */
.high-emphasis .osano-cm-dialog,
.edge-cases .osano-cm-dialog {
    color: var(--bs-white);
}
.high-emphasis .osano-cm-dialog {
    background: var(--bs-blue1);
}
.high-emphasis .osano-cm-close,
.edge-cases .osano-cm-close {
    stroke: var(--bs-white);
}
.high-emphasis .osano-cm-dialog__close:focus,
.edge-cases .osano-cm-dialog__close:focus {
    outline-color: var(--bs-white);
    stroke: var(--bs-white);
}
.high-emphasis .osano-cm-dialog__close:focus:hover,
.edge-cases .osano-cm-dialog__close:focus:hover,
.high-emphasis .osano-cm-info-dialog-header__close:focus:hover,
.edge-cases .osano-cm-info-dialog-header__close:focus:hover {
    stroke: var(--bs-white);
} /* end dialog element */

/* start button */
.high-emphasis .osano-cm-button,
.edge-cases .osano-cm-button {
    background-color: var(--bs-white);
    color: var(--bs-steelGray);
}
.high-emphasis .osano-cm-button:focus,
.edge-cases .osano-cm-button:focus {
    outline-color: var(--bs-midnight_12);
}
.high-emphasis .osano-cm-button:hover,
.edge-cases .osano-cm-button:hover {
    background-color: var(--bs-lightGray3);
} /* end button */

/* start link */
.high-emphasis .osano-cm-link,
.edge-cases .osano-cm-link {
    color: var(--bs-white);
} /* end link */

/* start toggle */
.high-emphasis .osano-cm-toggle__input:checked + .osano-cm-toggle__switch,
.edge-cases .osano-cm-toggle__input:checked + .osano-cm-toggle__switch,
.high-emphasis .osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch,
.edge-cases .osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch {
    border-color: var(--bs-white);
} /* end toggle */

/* start widget element */
.high-emphasis .osano-cm-widget {
    background: var(--bs-blue1);
}
.high-emphasis .osano-cm-widget__outline,
.edge-cases .osano-cm-widget__outline {
    stroke: var(--bs-white);
}
.high-emphasis .osano-cm-widget__dot,
.edge-cases .osano-cm-widget__dot {
    fill: var(--bs-white);
} /* end widget element */

/* start info panel */
.high-emphasis .osano-cm-info {
    background: var(--bs-blue1);
}
.high-emphasis .osano-cm-header,
.high-emphasis .osano-cm-info-dialog-header {
    background: var(--bs-blue1);
}
.high-emphasis .osano-cm-info,
.edge-cases .osano-cm-info {
    color: var(--bs-white);
}
.high-emphasis .osano-cm-disclosure__toggle,
.high-emphasis .osano-cm-expansion-panel__toggle,
.edge-cases .osano-cm-disclosure__toggle,
.edge-cases .osano-cm-expansion-panel__toggle {
    color: var(--bs-white);
}
.high-emphasis .osano-cm-disclosure--collapse,
.edge-cases .osano-cm-disclosure--collapse {
    border-color: var(--bs-gray-700);
}
.high-emphasis .osano-cm-info-dialog-header__close,
.edge-cases .osano-cm-info-dialog-header__close {
    color: var(--bs-white);
    stroke: var(--bs-white);
}

.high-emphasis .osano-cm-info-dialog-header__close:focus,
.edge-cases .osano-cm-info-dialog-header__close:focus {
    outline: 1px solid var(--bs-white);
} /* end info panel */

/* ------------------ edge-cases ------------------ */

/* start dialog element */
.edge-cases .osano-cm-dialog {
    background: var(--bs-steelGray);
} /* end dialog element */

/* start toggle */
.edge-cases .osano-cm-toggle__input:checked + .osano-cm-toggle__switch,
.edge-cases .osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch,
.edge-cases .osano-cm-toggle__input:checked:hover + .osano-cm-toggle__switch {
    background-color: var(--bs-steelGray);
    border-color: var(--bs-white);
} /* end toggle */

/* start widget element */
.edge-cases .osano-cm-widget {
    background: var(--bs-steelGray);
} /* end widget element */

/* start info panel */
.edge-cases .osano-cm-info {
    background: var(--bs-steelGray);
}
.edge-cases .osano-cm-header,
.edge-cases .osano-cm-info-dialog-header {
    background: var(--bs-steelGray);
} /* end info panel */