.pb-wrap{	padding:0 15px 20px}.pb-find{	max-width:520px;	margin:0 0 22px;	position:relative}.pb-find__field{	width:100%;	padding:10px 42px 10px 16px;	font-size:15px;	color:#e4e4e4;	background:transparent;	border:none;	border-bottom:2px solid rgba(255,255,255,.15);	border-radius:0;	outline:none;	transition:border-color .25s}.pb-find__field:focus{	border-bottom-color:#c69e28}.pb-find__field::placeholder{	color:rgba(255,255,255,.35)}.pb-find__btn{	position:absolute;	right:6px;	top:50%;	transform:translateY(-50%);	background:none;	border:none;	cursor:pointer;	padding:4px;	color:rgba(255,255,255,.4);	transition:color .2s}.pb-find__btn:hover{	color:#fff}.pb-find__btn svg{	width:20px;	height:20px;	display:block}.pb-find__reset{	display:none;	position:absolute;	right:36px;	top:50%;	transform:translateY(-50%);	width:22px;	height:22px;	line-height:22px;	text-align:center;	font-size:16px;	color:rgba(255,255,255,.4);	background:rgba(255,255,255,.1);	border:none;	border-radius:50%;	cursor:pointer;	transition:background .2s,color .2s}.pb-find__reset:hover{	background:rgba(255,255,255,.2);	color:#fff}.pb-list{	display:grid;	grid-template-columns:repeat(auto-fill,minmax(220px,1fr));	gap:14px}.pb-item{	position:relative;	display:block;	border-radius:8px;	overflow:hidden;	text-decoration:none;	background:#1a1a22;	transition:box-shadow .3s,transform .3s;	will-change:transform}.pb-item:hover{	transform:scale(1.035);	box-shadow:0 6px 28px rgba(0,0,0,.55);	z-index:2}.pb-item__cover{	position:relative;	width:100%;	aspect-ratio:16 / 9;	margin:0;	overflow:hidden;	background:linear-gradient(135deg,#1e1e2a 0%,#2a2535 100%)}.pb-item__cover img{	position:absolute;	inset:0;	width:100%;	height:100%;	object-fit:cover;	transition:transform .45s ease,filter .35s}.pb-item:hover .pb-item__cover img{	transform:scale(1.08);	filter:brightness(1.1)}.pb-item__overlay{	position:absolute;	inset:0;	display:flex;	align-items:flex-end;	padding:14px;	background:linear-gradient( 		0deg,		rgba(0,0,0,.82) 0%,		rgba(0,0,0,.35) 45%,		transparent 100% 	);	transition:background .3s}.pb-item:hover .pb-item__overlay{	background:linear-gradient( 		0deg,		rgba(0,0,0,.88) 0%,		rgba(0,0,0,.25) 50%,		transparent 100% 	)}.pb-item__name{	color:#fff;	font-size:15px;	font-weight:700;	line-height:1.25;	text-shadow:0 1px 4px rgba(0,0,0,.6);	display:-webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient:vertical;	overflow:hidden}.pb-item__letter{	display:none;	position:absolute;	inset:0;	align-items:center;	justify-content:center;	font-size:44px;	font-weight:800;	color:rgba(255,255,255,.12);	text-transform:uppercase;	pointer-events:none;	z-index:0}.pb-item--nopic .pb-item__letter{	display:flex}.pb-none{	padding:50px 0;	text-align:center;	color:rgba(255,255,255,.55);	font-size:16px}.pb-noresults{	padding:36px 0;	text-align:center;	color:rgba(255,255,255,.5);	font-size:15px}@media (max-width:1024px){	.pb-list{		grid-template-columns:repeat(auto-fill,minmax(190px,1fr));	}}@media (max-width:768px){	.pb-wrap{		padding:0 10px 15px;	}	.pb-list{		grid-template-columns:repeat(auto-fill,minmax(155px,1fr));		gap:10px;	}	.pb-item__name{		font-size:13px;	}	.pb-item__overlay{		padding:10px;	}	.pb-find{		max-width:100%;	}}@media (max-width:480px){	.pb-list{		grid-template-columns:repeat(2,1fr);		gap:8px;	}	.pb-item__letter{		font-size:32px;	}}