/* pages/main/portfolio/index.wxss */
.portfolio-list {
	width: 100vw;

	.location {
		gap: 6rpx;
		display: flex;
		padding: 16rpx;
		align-items: center;

		.icon {
			color: var(--theme-wx);
		}

		.text {
			color: var(--theme-text-secondary);
		}
	}

	.items {
		gap: .25rem;
		display: flex;
		position: relative;
		font-size: 14px;
		padding-bottom: 2rem;
		align-items: flex-start;

		.column {
			flex: 1;
			display: flex;
			flex-direction: column;

			.item {
				overflow: hidden;
				background: var(--theme-bg-card);
				margin-bottom: .25rem;

				&.thumbnail {
					width: 100%;
					display: block;
				}

				&.video {
					height: auto;
					position: relative;

					&::after {
						content: "";
						top: 50%;
						left: 53%;
						width: 0;
						height: 0;
						position: absolute;
						transform: translate(-50%, -50%);
						border-top: 16px solid transparent;
						border-left: 24px solid var(--theme-video-play);
						border-bottom: 16px solid transparent;
						pointer-events: none;
					}
				}
			}
		}
	}
}