@layer a11y {
	/**
	 * MARK: - Main
	 */
	:focus-visible,
	:focus-visible img {
		outline: 0.2rem solid var(--color-accent) !important;
		outline-offset: 0.1rem;
		/*background-color: rgb(var(--color-accent) / 17.5%);*/
	}

	.frame-visually-hidden,
	.visually-hidden,
	.visually-hidden-focusable:not(:is(:focus, :focus-visible, :focus-within)) {
		clip: rect(0, 0, 0, 0) !important;
		position: absolute !important;
		clip-path: inset(50%) !important;
		margin: 0 !important;
		border: 0 !important;
		padding: 0 !important;
		inline-size: 1px !important;
		block-size: 1px !important;
		overflow: hidden !important;
		overflow: clip !important;
		white-space: nowrap !important;
	}

	:is([disabled], [aria-disabled="true"], .disabled):not([aria-current="page"]) {
		opacity: 0.675;
		filter: saturate(0.675) brightness(0.675);
		cursor: not-allowed !important;
		text-decoration: none !important;
	}

	/**
	 * MARK: - Additional
	 */
	.menu-style-small,
	.menu-style-large {
		& li:has(a:focus-visible) {
			outline: 0.2rem solid var(--color-accent) !important;
			outline-offset: 0.1rem;
		}

		& a:focus-visible {
			outline: none !important;
		}
	}
	.news-list-view {
		& .news-list-item:has(a:focus-visible) {
			outline: 0.2rem solid var(--color-accent) !important;
			outline-offset: 0.1rem;
		}

		& a:focus-visible {
			outline: none !important;
		}
	}
}