.library-wrapper {
	display: flex;
	flex-direction: column;

	.total-filter-wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: calc( var(--spacing-base) * 4 );
	}

	.filter-wrapper {
		display: flex;
		align-items: center;
		gap: var(--spacing-base);
	}

	.search-input {
		width: 262px;
	}

	.filter-section {
		margin-bottom: calc( var(--spacing-base) * 4 );
	}

	.pagination {
		align-self: center;
		margin-top: calc( var(--spacing-base) * 4 );
	}

	.pagination-placeholder {
		height: calc( var(--spacing-base) * 4 );
	}
}

.first-video-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.upload-area {
	width: 100%;
	max-width: 552px;
	margin-top: calc( var( --spacing-base ) * 6 ); // 48px;

	&.small {
		margin-top: calc( var( --spacing-base ) * 3 ); // 24px;
	}
}

.upgrade-trigger {
	margin-top: calc( var( --spacing-base ) * 3 ); // 24px;
}
