cp-slider {
	display: block;
	overflow: hidden;
	background: #ccc;
	aspect-ratio: 4 / 1;
	position: relative;
	> cp-li {
		color: #fff;
		text-align: center;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		h2 {
			line-height: 8rem;
			margin: 0;
			padding: 0;
			font-size: 3rem;
			letter-spacing: .5rem;
			opacity: .9;
			text-shadow: 0 .3rem 1rem #0006;
		}
		> ul.flex {
			display: flex;
			flex-wrap: nowrap;
			padding: 0;
			margin: 0 auto;
			list-style: none;
			width: 86%;
			gap: 1rem;
			> li {
				box-shadow: 0 1rem 2rem #0001;
				background: #fff2;
				padding: 1rem;
				flex: auto;
				text-align: center;
				border: 1px solid #fff6;
				border-radius: 1rem;
			}
		}
	}
}