/** ASM Design Framework — Base Layer */
body.asm-enterprise-shell,
body.asm-native-layout-engine {
    color: var(--ads-text);
    font-family: var(--ads-font-family);
    background: var(--ads-background);
}

body.asm-enterprise-shell *,
body.asm-native-layout-engine * {
    box-sizing: border-box;
}

body.asm-enterprise-shell a,
body.asm-native-layout-engine a {
    transition: color var(--ads-transition-fast), background-color var(--ads-transition-fast), border-color var(--ads-transition-fast), box-shadow var(--ads-transition-fast), transform var(--ads-transition-fast);
}

body.asm-enterprise-shell :where(a, button, input, select, textarea, [tabindex]):focus-visible,
body.asm-native-layout-engine :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid transparent;
    box-shadow: var(--ads-focus-ring);
}

body.asm-enterprise-shell ::selection,
body.asm-native-layout-engine ::selection {
    color: var(--ads-primary-contrast);
    background: var(--ads-primary);
}

body.asm-enterprise-shell img,
body.asm-native-layout-engine img {
    max-width: 100%;
}

.asm-ads-icon {
    display: inline-block;
    width: var(--ads-icon-md);
    height: var(--ads-icon-md);
    flex: 0 0 auto;
    object-fit: contain;
    vertical-align: middle;
}
