@layer sfx.reset, sfx.utilities, sfx.components, sfx.theme;
@layer sfx.utilities {
:where(input:not([type="file"]), select, textarea, button, [role="button"], .button) {
&:is(:focus, :focus-visible) {
outline: var(--focus-width, 2px) solid var(--focus-color, var(--primary, #2563eb));
outline-offset: var(--focus-offset, 2px);
box-shadow: var(--focus-ring, none);
}
&:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
} @media (forced-colors: active) {
:where(input:not([type="file"]), select, textarea, button, [role="button"], .button):is(:focus, :focus-visible) {
outline: 2px solid CanvasText;
outline-offset: 2px;
box-shadow: none;
}
}
@media (prefers-contrast: more) {
:where(input:not([type="file"]), select, textarea, button, [role="button"], .button):focus-visible {
outline-width: max(3px, var(--focus-width, 2px));
box-shadow: var(--focus-ring, none);
}
}
}
.skip-link {
display: none !important;
}