/* pages/main/portfolio/index.wxss */
.portfolio-list {
	width: 100vw;
	
	.items {
		position: relative;
		font-size: 14px;
		column-gap: .25rem;
		column-count: 3;
		padding-bottom: 2rem;

		.item {
			overflow: hidden;
			background: #FFF;
			break-inside: avoid;
			margin-bottom: .25rem;

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

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

				.play-icon {
					top: 50%;
					left: 50%;
					width: 60rpx;
					height: 60rpx;
					z-index: 2;
					position: absolute;
					transform: translate(-50%, -50%);
					pointer-events: none;
				}
			}
		}
	}
}