@use 'exports' as *;

.readMore {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&:has(.readMore-link[aria-expanded='true'], .readMore-content:focus-within) {
			@include expanded;
		}

		&.is-disabled {
			@include disabled;
		}

		&.mod-openOnly {
			&:has(.readMore-link[aria-expanded='true']) {
				@include disabled;
			}
		}

		&.mod-default {
			@include default;
		}

		&.mod-sunken {
			@include sunken;
		}
	}
}