.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 );
	}

	.total-sm {
		margin-bottom: calc( var(--spacing-base) * 3 );
	}

	.filter-wrapper {
		display: flex;
		align-items: center;
		gap: var(--spacing-base);
		flex-grow: 1;
		justify-content: end;
	}

	.search-input {
		width: 262px;

		&.small {
			width: 100%;
			max-width: 262px;
		}
	}

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

	.pagination {
		align-self: center;
		margin-top: 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 );

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

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

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

.storage-meter__progress-bar {
	background-color: var( --jp-gray );
}
