@charset 'utf-8';
@use 'colours';

.swstats-settings {
	
	form.panel {
		padding: 30px;
	}
	
	form > div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		gap: 20px;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: solid 1px colours.$mid-grey;
		&:last-of-type {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
	}
	
	p {
		margin-bottom: 0;
	}
	
	select {
		min-width: 15em;
	}
	
	@media (min-width: 600px) {
		form > div {
			flex-direction: row;
			align-items: center;
			gap: 60px;
			& > div {
				width: 50%;
				max-width: 500px;
			}
		}
	}
	
}