.profile-list [class*='column'] {
	padding: 2em 1em;
	position: relative;
	min-height: 1px;
	vertical-align: top; }

.view-profiles ul {
	list-style-type: none
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.view-profiles li {
		line-height: 1.2
	}
}

.view-profiles ul.links.small>li {
	margin-bottom: 0
}

.view-profiles .lighter {
	color: #999
}

.view-profiles input[type="text"] {
	max-width: 375px
}

.view-profiles .grid {
	padding: 0;
	max-width: none
}

.view-profiles .grid.sticky {
	padding: 0;
	top: 52px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.view-profiles .grid.sticky {
		top: 48px
	}
}

.view-profiles .grid.sticky .row {
	padding: 0.65em 0
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.view-profiles .grid.sticky>.row [class*='col-']:first-of-type {
		text-align: center !important
	}
	.view-profiles .grid.sticky>.row [class*='column']:first-of-type {
		text-align: center !important
	}
}

.view-profiles .grid.sticky .row [class*='col-'] {
	padding-top: 0;
	padding-bottom: 0
}
.view-profiles .grid.sticky .row [class*='column'] {
	padding-top: 0;
	padding-bottom: 0
}

.view-profiles .row {
	max-width: 980px
}

.view-profiles .row {
	margin: 0 auto
}

.view-profiles .hero h1 {
	margin-bottom: 0.15em
}

.view-profiles ul.profile-platform-links {
	margin: 0.5em 0 0.4em
}

.view-profiles li.profile-platform-link {
	padding: 0 0.18em
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
	.view-profiles li.profile-platform-link {
		font-size: 15px
	}
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.view-profiles li.profile-platform-link {
		font-size: 16px
	}
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
	.view-profiles li.profile-platform-link:not(:last-child) {
		margin-right: 0.6em
	}
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.view-profiles li.profile-platform-link:not(:last-child) {
		margin-right: 0.8em
	}
}

@media screen and (min-width: 768px) {
	.view-profiles li.profile-platform-link:not(:last-child) {
		margin-right: 1em
	}
}

.view-profiles li.profile-platform-link a {
	color: #333
}

.view-profiles li.profile-platform-link a:hover {
	text-decoration: none
}

.view-profiles li.profile-platform-link.active a {
	font-weight: 600
}

.view-profiles li.profile-platform-link:not(.active) a {
	color: #999
}

.view-profiles .profile-list.empty {
	display: none
}

.view-profiles .notice {
	margin: 0.85em 0 1.5em
}

.view-profiles .profile-list:not(.empty)+.notice {
	display: none
}

.view-profiles .profile .row>[class*='col-'] {
	padding-top: 0;
	padding-bottom: 0
}
.view-profiles .profile .row>[class*='column'] {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.view-profiles .profile span[data-profile-detail="name"] {
	font-size: 1.15em
}

.view-profiles .profile .profile-link:not(:last-child) {
	margin-right: 1.5em
}

.view-profiles .profile.expired {
	background-color: rgba(255, 88, 83, 0.18);
	border-left: 3px solid #ff5853
}

.view-profiles .profile.expired [data-profile-detail="name"],
.view-profiles .profile.expired [data-profile-detail="expires"] {
	font-weight: 600;
	color: #ff5853
}

.view-profiles .profile.expiring {
	background-color: rgba(255, 165, 0, 0.18);
	border-left: 3px solid orange
}

.view-profiles .profile.expiring [data-profile-detail="name"],
.view-profiles .profile.expiring [data-profile-detail="expires"] {
	font-weight: 600;
	color: orange
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.view-profiles .profile:not(.headers):not(.last) {
		border-bottom: 1px solid #eeeeee
	}
}

.view-profiles .profile.headers {
	padding: 0.3em 0 0.135em
}

.view-profiles .profile.headers p {
	font-size: 15px
}

.view-profiles .profile:not(.headers) {
	background-color: transparent
}

.view-profiles .profile:not(.headers):hover {
	background-color: #fafafa
}

.view-profiles .profile:not(.headers) .row {
	padding: 0.55em 0 0.5em
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.view-profiles .profile:not(.headers) .row {
		padding-top: 1em
	}
	.view-profiles .profile:not(.headers) .row [class*='col-']:first-child {
		padding-bottom: 0.35em
	}
	.view-profiles .profile:not(.headers) .row [class*='column']:first-child {
		padding-bottom: 0.35em
	}
}

.view-profiles.internal .grid.sticky {
	border-bottom: none
}

.view-profiles.internal .row {
	max-width: 1200px
}

.view-profiles.internal .col-5 {
	width: 5%
}

.view-profiles.internal .col-7p5 {
	width: 7.5%
}

.view-profiles.internal .col-12p5 {
	width: 12.5%
}

.view-profiles.internal .col-35 {
	width: 35%
}

.view-profiles.internal .hero h1 {
	margin-bottom: 0.5em
}

.view-profiles.internal .profile:not(.headers) .row {
	padding: 1em 0 0.9em
}

.view-profiles.internal .profile .row [class*='col-'] {
	padding: 0
}
.view-profiles.internal .profile .row [class*='column'] {
	padding: 0
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.view-profiles.internal .profile:not(.header) .row [class*='col'] {
		padding: 0 0.5em
	}
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="name"] {
		width: 50%
	}
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="expiration"] {
		width: 20%
	}
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="owner"] {
		width: 30%
	}
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="instructions"],
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="profile"],
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="response"],
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="audience"],
	.view-profiles.internal .profile:not(.header) .row [class*='col'][data-column-for="notes"] {
		display: none
	}
}


/* === DARK MODE === */
	body[data-color-scheme="dark"].view-profiles .profile:not(.headers):hover {background-color: var(--fill-secondary-alt);}
	@media screen and (min-width: 320px) and (max-width: 767px) {
		body[data-color-scheme="dark"].view-profiles .profile:not(.headers):not(.last) {border-color: var(--fill-secondary);}
	}