@media (max-width: 781px) { div.ts-wrapper { display:none; } }

@media not (max-width: 781px) {

	select.select-mobile { display:none; }

	div.ts-wrapper div.ts-control {

		border:1px solid var(--wp--preset--color--deep-teal);
		border-radius:0;
		font-size:var(--wp--preset--font-size--fontsize-20);
		min-height:3.5em;
		box-sizing:border-box;
		padding:0 3.5em 0px 0.8em;
		color:var(--wp--preset--color--deep-teal);
		align-content:center;
		user-select:none;

		&:hover { cursor:pointer !important; }

	}
	
	div.ts-dropdown { 
		margin-top:0; font-size:var(--wp--preset--font-size--fontsize-20); border-color:var(--wp--preset--color--deep-teal);
		
		.option {
			padding:0.5em 0.8em; line-height:var(--wp--preset--line-height--fontsize-20);
			
			&.active { background-color:var(--wp--preset--color--deep-teal); color:white; }
		}
	}
	
	div.ts-dropdown-content {
		max-height:calc(15 * var(--wp--preset--font-size--fontsize-20));
	}
	
	div.ts-icon {
		position:absolute; right:calc(var(--wp--preset--font-size--fontsize-20) * 0.9); top:calc(50% - var(--wp--preset--font-size--fontsize-20) / 2);
		
		svg {
			height:0.5em !important; width:unset !important; aspect-ratio:15 / 9 !important; transition:transform 200ms;
			&:is(div.ts-wrapper.dropdown-active &) { transform:scaley(-1); }
		}
	}
}