/* Cores de interação: hover somente em aparelhos com mouse; foco acessível também pelo teclado. */
@media (hover: hover) {
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):hover {
    color: var(--interaction-own-color, var(--interaction-link-color)) !important;
}
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):hover:is(button,[role="button"],a.btn,a[class*="btn-"],input[type="button"],input[type="submit"],input[type="reset"]) {
    color: var(--interaction-own-color, var(--interaction-button-color)) !important;
    background-color: var(--interaction-own-background, var(--interaction-button-background)) !important;
    background-image: none !important;
}
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):hover[data-interaction-background] {
    background-color: var(--interaction-own-background) !important;
    background-image: none !important;
}
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):hover :where(span,strong,small,b,em,i,svg) {
    color: inherit !important;
}
}
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):is(:focus-visible,[data-interaction-preview]) {
    color: var(--interaction-own-color, var(--interaction-link-color)) !important;
}
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):is(:focus-visible,[data-interaction-preview]):is(button,[role="button"],a.btn,a[class*="btn-"],input[type="button"],input[type="submit"],input[type="reset"]) {
    color: var(--interaction-own-color, var(--interaction-button-color)) !important;
    background-color: var(--interaction-own-background, var(--interaction-button-background)) !important;
    background-image: none !important;
}
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):is(:focus-visible,[data-interaction-preview])[data-interaction-background] {
    background-color: var(--interaction-own-background) !important;
    background-image: none !important;
}
html[data-interaction-colors] :where(a[href],button,[role="button"],[role="link"],[data-editor-link],[onclick],input[type="button"],input[type="submit"],input[type="reset"]):not(:where(#editorPanel,#editorPanel *,#editorGate,#editorGate *,#editorHeroPreview,#editorHeroPreview *,#editorFallbackAccess,.editor-mobile-access,.receipt-action,.receipt-action *)):not(:disabled,[aria-disabled="true"],.disabled,[contenteditable="true"]):is(:focus-visible,[data-interaction-preview]) :where(span,strong,small,b,em,i,svg) {
    color: inherit !important;
}
