/* A ring in a colour role (a focused field's edge, a day's "current" outline), and the two shapes
   check (iii) still reports: a blurred shadow, and one with a literal colour. */
.ring-outline {
    box-shadow: inset 0 0 0 1px var(--md-sys-color-outline);
}

.ring-secondary {
    box-shadow: 0 0 0 3px var(--md-sys-color-secondary);
}

.ring-disabled {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
}

.literal-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.blurred-ring {
    box-shadow: inset 0 0 4px 1px #000;
}