/* Personal profile surfaces keep their dimensions, colours and corner radii. */
#app .csprofile,
#app .csprofile :not(:where(
    svg, svg *, i,
    input[type="checkbox"], input[type="radio"], input[type="range"],
    [role="progressbar"], .spinner-border
)) {
    border-color: transparent !important;
}

#app .csprofile .csp2-account {
    box-shadow: none;
}

#app .csprofile .cs-settings .cs-settings__card button:not(:disabled):not([aria-disabled="true"]):hover {
    box-shadow: 0 0 22px rgba(117, 208, 246, .28) !important;
}

#app .csprofile :where(button, a[href], input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid #79d2f4;
    outline-offset: 3px;
}

#app .csprofile .csp2-trade-form input:focus-visible {
    outline-offset: -3px;
    box-shadow: none;
}