.styleweek-parties {
	margin: 4rem auto;
}

.styleweek-parties-slider .splide__slide[aria-hidden='true'] {
	visibility: visible;
}

.styleweek-parties-header {
	display: flex;
	flex-direction: column;
	margin: 20px;
}

.styleweek-parties-heading {
	margin-bottom: 30px;
}

.styleweek-parties-fineprint {
	margin: 0.8rem auto;
	font-size: 14px;
}

.styleweek-parties-cta {
	border: 1px solid;
	padding: 3px 20px;
	text-align: center;
	letter-spacing: 1.5px;
	margin: 10px 0;
	text-transform: uppercase;
	transition:
		background-color 0.12s ease-in-out,
		color 0.12s ease-in-out,
		border-color 0.12s ease;
	&&:hover {
		background: #011e41;
		color: #fff;
		border-color: #011e41;
	}
}

.styleweek-party-content {
	margin: 1rem 0;
	font-size: 20px;
	min-height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.styleweek-party-logo {
	max-width: 190px;
	margin: 20px 0;
}

.styleweek-party-logo img {
	max-height: 50px;
}

.styleweek-party-tenant {
	display: none;
}

.styleweek-party-title {
	font-weight: bold;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.styleweek-parties-header {
		gap: 10px;
		text-align: center;
		margin-bottom: 3rem;
	}
	.styleweek-parties-description {
		max-width: 600px;
		margin: auto;
	}
	.styleweek-parties-fineprint {
		max-width: 600px;
	}
	.styleweek-parties-cta {
		margin: 15px auto;
		width: fit-content;
	}
}

/*-- Carousel Desktop Arrows --*/

.styleweek-parties-controls {
	display: none;
}

@media (min-width: 768px) {
	.styleweek-parties-controls {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px 0;
	}

	.styleweek-parties-index {
		font-size: 14px;
		color: #011e41;
	}

	.styleweek-parties-arrow {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		transform: none;
		border-radius: 0;
		background: none;
		opacity: 1;
	}

	.styleweek-parties-arrow--left,
	.styleweek-parties-arrow--right {
		width: 87px;
		height: 20px;
		padding: 0 6px 3px;
		line-height: 1;
		outline: 0;
		-webkit-tap-highlight-color: transparent;
	}

	.styleweek-parties-arrow--left {
		text-align: right;
	}

	.styleweek-parties-arrow--right {
		text-align: left;
	}

	.styleweek-parties-arrow .arrow-line,
	.styleweek-parties-arrow .arrow-tip {
		vertical-align: middle;
		border: solid var(--arrow-color, #011e41);
		display: inline-block;
		transition: transform 0.25s ease;
	}

	.styleweek-parties-arrow--left .arrow-line {
		border-width: 1px 0 0;
		width: 2px;
		transform-origin: 100% 50%;
		transform: scaleX(28.5);
	}

	.styleweek-parties-arrow--left .arrow-tip {
		border-width: 0 1px 1px 0;
		padding: 4px;
		transform: translateX(-41px) rotate(135deg);
	}

	.styleweek-parties-arrow--right .arrow-line {
		border-width: 1px 0 0;
		width: 2px;
		transform-origin: 0 50%;
		transform: scaleX(28.5);
	}

	.styleweek-parties-arrow--right .arrow-tip {
		border-width: 0 1px 1px 0;
		padding: 4px;
		transform: translateX(41px) rotate(-45deg);
	}
}

@media (min-width: 1366px) {
	.styleweek-parties-arrow--left:hover .arrow-line,
	.styleweek-parties-arrow--left:focus .arrow-line {
		transform: scaleX(43.5);
	}

	.styleweek-parties-arrow--left:hover .arrow-tip,
	.styleweek-parties-arrow--left:focus .arrow-tip {
		transform: translateX(-71px) rotate(135deg);
	}

	.styleweek-parties-arrow--right:hover .arrow-line,
	.styleweek-parties-arrow--right:focus .arrow-line {
		transform: scaleX(43.5);
	}

	.styleweek-parties-arrow--right:hover .arrow-tip,
	.styleweek-parties-arrow--right:focus .arrow-tip {
		transform: translateX(71px) rotate(-45deg);
	}
}

@media (min-width: 1366px) {
	.styleweek-parties-arrow--left:active .arrow-line {
		transform: scaleX(48.5);
	}

	.styleweek-parties-arrow--left:active .arrow-tip {
		transform: translateX(-81px) rotate(135deg);
	}

	.styleweek-parties-arrow--right:active .arrow-line {
		transform: scaleX(48.5);
	}

	.styleweek-parties-arrow--right:active .arrow-tip {
		transform: translateX(81px) rotate(-45deg);
	}
}
