.eco-banner-controls__nav {
	position: absolute;
	right: 24px;
	bottom: 63px;
	z-index: 1;
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	gap: var(--wp--preset--spacing--20);
}

.eco-banner-controls__btn {
	font-size: 0;
	border-radius: 50%;
	border: none;
	background-color: var(--wp--custom--color--primary--100);
	background-position: center;
	background-repeat: no-repeat;
	height: 2.5rem;
	aspect-ratio: 1;
	transition: transform .1s ease-in-out;
}

.eco-banner-controls__btn:disabled { opacity: .5 }


.eco-banner-controls__btn:hover:not(:disabled) {
	cursor: pointer;
	transform: scale(1.1);
}

.eco-banner-controls__play-pause {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 3.33335L12.5 16.6667H15L15 3.33335L12.5 3.33335ZM16.6667 16.6667C16.6667 17.5872 15.9205 18.3334 15 18.3334H12.5C11.5796 18.3334 10.8334 17.5872 10.8334 16.6667L10.8334 3.33335C10.8334 2.41288 11.5796 1.66669 12.5 1.66669L15 1.66669C15.9205 1.66669 16.6667 2.41288 16.6667 3.33335L16.6667 16.6667Z' fill='%230F695F'/%3E%3Cpath d='M5.00004 3.33335L5.00004 16.6667H7.50004L7.50004 3.33335L5.00004 3.33335ZM9.16671 16.6667C9.16671 17.5872 8.42052 18.3334 7.50004 18.3334H5.00004C4.07957 18.3334 3.33337 17.5872 3.33337 16.6667L3.33337 3.33335C3.33337 2.41288 4.07957 1.66669 5.00004 1.66669L7.50004 1.66669C8.42052 1.66669 9.16671 2.41288 9.16671 3.33335L9.16671 16.6667Z' fill='%230F695F'/%3E%3C/svg%3E%0A");
}

.eco-banner-controls__play-pause--paused {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwRjY5NUYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtcGxheSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cG9seWdvbiBwb2ludHM9IjEwIDggMTYgMTIgMTAgMTYgMTAgOCIvPjwvc3ZnPg==");
}

.eco-banner-controls__sound {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.40662 2.50893C8.61449 2.48349 8.82541 2.50435 9.02429 2.56996L9.12276 2.60658L9.21798 2.64972C9.40514 2.74389 9.56901 2.8786 9.69812 3.0436L9.75997 3.12905L9.81531 3.21856C9.93571 3.43099 9.99963 3.67145 10 3.91681L10 16.0807L9.99597 16.1857C9.97818 16.4299 9.89809 16.6662 9.7616 16.8709C9.60557 17.1048 9.3833 17.2873 9.12358 17.395C8.86374 17.5027 8.57749 17.5305 8.30164 17.4756C8.02579 17.4206 7.77199 17.2856 7.57328 17.0866L4.75346 14.2651C4.72237 14.2338 4.68516 14.2088 4.64441 14.1919C4.60367 14.175 4.55992 14.1665 4.51583 14.1666H2.50004C2.05801 14.1666 1.63422 13.9909 1.32166 13.6784C1.0091 13.3658 0.833374 12.942 0.833374 12.5L0.833374 7.49998C0.83338 7.05796 1.0091 6.63415 1.32166 6.32159C1.63421 6.00904 2.05802 5.83331 2.50004 5.83331H4.51583C4.55993 5.83344 4.60367 5.82496 4.64441 5.80808C4.68516 5.7912 4.72236 5.76612 4.75346 5.73484L7.57572 2.91339C7.77439 2.71518 8.02719 2.57985 8.30245 2.5252L8.40662 2.50893ZM2.50004 12.5H4.51339C4.77719 12.4995 5.0387 12.5512 5.28243 12.6522C5.52611 12.7531 5.74729 12.9015 5.93347 13.0884L8.33337 15.4883L8.33337 4.5117L5.93347 6.9116C5.7473 7.09844 5.52612 7.24682 5.28243 7.3478C5.0387 7.44876 4.77719 7.49961 4.51339 7.49916L2.50004 7.49998L2.50004 12.5Z' fill='%230F695F'/%3E%3Cpath d='M13.3333 10C13.3333 9.2788 13.0996 8.57669 12.6668 7.9997C12.3908 7.63152 12.4655 7.10964 12.8337 6.83353C13.2019 6.5575 13.7237 6.63221 13.9998 7.00036C14.6489 7.86581 15 8.91823 15 10C15 11.0818 14.6489 12.1342 13.9998 12.9997C13.7237 13.3679 13.2019 13.4426 12.8337 13.1665C12.4655 12.8904 12.3908 12.3685 12.6668 12.0004C13.0996 11.4234 13.3333 10.7213 13.3333 10Z' fill='%230F695F'/%3E%3Cpath d='M17.4997 10.0002C17.4997 9.12482 17.3277 8.25773 16.9927 7.44895C16.6577 6.64011 16.1665 5.90492 15.5474 5.28586C15.222 4.96043 15.222 4.43292 15.5474 4.10748C15.8729 3.78204 16.4004 3.78205 16.7258 4.10748C17.4996 4.8813 18.1137 5.79988 18.5324 6.81093C18.9512 7.82198 19.1664 8.90587 19.1664 10.0002C19.1664 11.0944 18.9511 12.1778 18.5324 13.1887C18.1137 14.1997 17.4996 15.1191 16.7258 15.893C16.4004 16.2181 15.8728 16.2181 15.5474 15.893C15.222 15.5675 15.222 15.0392 15.5474 14.7138C16.1664 14.0948 16.6577 13.3602 16.9927 12.5515C17.3277 11.7427 17.4997 10.8756 17.4997 10.0002Z' fill='%230F695F'/%3E%3C/svg%3E%0A");
}

.eco-banner-controls__sound--on {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 24 24' fill='%230F695F'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 3.00001C14 1.07799 11.5532 0.262376 10.4 1.8L6.5 7H4C2.34315 7 1 8.34315 1 10V14C1 15.6569 2.34315 17 4 17H6.49356L10.3878 22.3049C11.5313 23.8627 14 23.0539 14 21.1214V3.00001ZM8.1 8.2L12 3V21.1214L8.10581 15.8165C7.72901 15.3032 7.13031 15 6.49356 15H4C3.44772 15 3 14.5523 3 14V10C3 9.44772 3.44772 9 4 9H6.5C7.12951 9 7.72229 8.70361 8.1 8.2Z' fill='%230F695F'/%3E%3Cpath d='M21.2929 8.57094C21.6834 8.18041 22.3166 8.18042 22.7071 8.57094C23.0976 8.96146 23.0976 9.59463 22.7071 9.98515L20.7603 11.9319L22.7071 13.8787C23.0976 14.2692 23.0976 14.9024 22.7071 15.2929C22.3166 15.6834 21.6834 15.6834 21.2929 15.2929L19.3461 13.3461L17.3994 15.2929C17.0088 15.6834 16.3757 15.6834 15.9852 15.2929C15.5946 14.9023 15.5946 14.2692 15.9852 13.8787L17.9319 11.9319L15.9852 9.98517C15.5946 9.59464 15.5946 8.96148 15.9852 8.57096C16.3757 8.18043 17.0088 8.18043 17.3994 8.57096L19.3461 10.5177L21.2929 8.57094Z' fill='%230F695F'/%3E%3C/svg%3E");
}

.eco-banner-controls__fullscreen {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 7.50002V3.33335L12.5 3.33335C12.0397 3.33335 11.6666 2.96026 11.6666 2.50002C11.6666 2.03978 12.0397 1.66669 12.5 1.66669L17.5 1.66669C17.9602 1.66669 18.3333 2.03978 18.3333 2.50002V7.50002C18.3333 7.96026 17.9602 8.33335 17.5 8.33335C17.0397 8.33335 16.6666 7.96026 16.6666 7.50002Z' fill='%230F695F'/%3E%3Cpath d='M16.9108 1.91083C17.2362 1.58539 17.7637 1.58539 18.0892 1.91083C18.4146 2.23626 18.4146 2.76377 18.0892 3.08921L12.2558 8.92254C11.9304 9.24798 11.4029 9.24798 11.0775 8.92254C10.752 8.59711 10.752 8.0696 11.0775 7.74416L16.9108 1.91083Z' fill='%230F695F'/%3E%3Cpath d='M7.74416 11.0775C8.0696 10.752 8.59711 10.752 8.92254 11.0775C9.24798 11.4029 9.24798 11.9304 8.92254 12.2558L3.08921 18.0892C2.76377 18.4146 2.23626 18.4146 1.91083 18.0892C1.58539 17.7637 1.58539 17.2362 1.91083 16.9108L7.74416 11.0775Z' fill='%230F695F'/%3E%3Cpath d='M1.66663 12.5C1.66663 12.0398 2.03972 11.6667 2.49996 11.6667C2.9602 11.6667 3.33329 12.0398 3.33329 12.5L3.33329 16.6667H7.49996C7.9602 16.6667 8.33329 17.0398 8.33329 17.5C8.33329 17.9603 7.9602 18.3334 7.49996 18.3334H2.49996C2.03972 18.3334 1.66663 17.9603 1.66663 17.5L1.66663 12.5Z' fill='%230F695F'/%3E%3C/svg%3E%0A");
}