.pn-container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 12px;
	padding-right: 12px;
}

.pn-w100 {
	width: 100%;
}

.pn-w-auto {
	width: auto;
}

.pn-h100 {
	height: 100%;
}

.pn-h-auto {
	height: auto;
}

.transition {
	transition: ease all .3s;
}

.min-width-0 {
	min-width: 0;
}

.line-clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	white-space: nowrap;
}

.line-clamp-2 {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.pn-grab {
	cursor: grab;
	display: flex;
	align-items: center;
	padding: 4px 8px;
}

.pn-flex-1 {
	flex: 1;
}

.pn-m-auto {
	margin: auto
}

.pn-mt-auto {
	margin-top: auto;
}

.pn-mb-auto {
	margin-bottom: auto;
}

.pn-ml-auto {
	margin-left: auto;
}

.pn-mr-auto {
	margin-right: auto;
}

.pn-d-none {
	display: none !important;
}

.pn-d-block {
	display: block !important;
}

.pn-d-flex {
	display: flex !important;
}

.pn-align-items-center {
	align-items: center !important;
}

.pn-align-items-start {
	align-items: start !important;
}

.pn-align-items-end {
	align-items: end !important;
}

.pn-justify-content-start {
	justify-content: start !important;
}

.pn-justify-content-center {
	justify-content: center !important;
}

.pn-justify-content-between {
	justify-content: space-between !important;
}

.pn-justify-content-end {
	justify-content: end !important;
}

.pn-flex-column {
	flex-direction: column !important;
}

.pn-flex-row {
	flex-direction: row !important;
}

.pn-container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 12px;
	padding-right: 12px;
	max-width: 976px;
}

.pn-img-fluid {
	max-width: 100%;
	height: auto;
}

.pn-gap-none {
	gap: var(--gap-none);
}

.pn-gap-xsm {
	gap: var(--gap-xsm) !important;
}

.pn-gap-sm {
	gap: var(--gap-sm) !important;
}

.pn-gap-md {
	gap: var(--gap-md) !important;
}

.pn-gap-lg {
	gap: var(--gap-lg) !important;
}

.pn-gap-xlg {
	gap: var(--gap-xlg) !important;
}

.pn-gap-xxlg {
	gap: var(--gap-xxlg) !important;
}

.pn-gap-xxlg-2 {
	gap: var(--gap-xxlg-2) !important;
}

.pn-gap-big {
	gap: var(--gap-big) !important;
}

@media (min-width: 576px) {
	.pn-d-sm-none {
		display: none;
	}

	.pn-d-sm-block {
		display: block;
	}

	.pn-d-sm-flex {
		display: flex;
	}
}

@media (min-width: 991px) {
	.pn-d-lg-none {
		display: none;
	}

	.pn-d-lg-block {
		display: block;
	}

	.pn-d-lg-flex {
		display: flex;
	}
}

@media (min-width: 1200px) {
	.pn-d-xl-none {
		display: none;
	}

	.pn-d-xl-block {
		display: block;
	}

	.pn-d-xl-flex {
		display: flex;
	}
}

@media (min-width: 1400px) {
	.pn-d-xxl-none {
		display: none;
	}

	.pn-d-xxl-block {
		display: block;
	}

	.pn-d-xxl-flex {
		display: flex;
	}
}