.pep-collection_card { transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s cubic-bezier(.22,1,.36,1); }
.pep-collection_img { transition: transform .6s cubic-bezier(.22,1,.36,1); }
@media (hover: hover) {
  .pep-collection_card:hover { transform: translateY(-6px); box-shadow: 0 22px 44px -28px rgba(24,24,27,.28); }
  .pep-collection_card:hover .pep-collection_img { transform: scale(1.03); }
}
.pep-collection_desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pep-collection_more::after {
  content: ""; width: 1.5rem; height: 1.5rem; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10l4 4 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10l4 4 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 479px) {
  .section_pep-collection:not(.is-expanded) .pep-collection_card:nth-child(n+4) { display: none; }
  .section_pep-collection.is-expanded .pep-collection_more { display: none; }
}

.pep-wl.is-open { display: flex; }
/* fading an ancestor of a backdrop-filter makes the blur pop in at the end, so only the card animates */
.pep-wl_backdrop { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.pep-wl_card { opacity: 0; transform: translateY(16px) scale(.98); transition: opacity .3s cubic-bezier(.22,1,.36,1), transform .45s cubic-bezier(.22,1,.36,1); }
.pep-wl.is-shown .pep-wl_card { opacity: 1; transform: none; }
.pep-btn.is-pep-wait { display: flex; align-items: center; justify-content: center; column-gap: .5rem; pointer-events: none; cursor: progress; }
.pep-wl_close { font-size: 0; line-height: 0; text-decoration: none; }
.pep-wl_close::before, .pep-wl_close::after { content: ""; position: absolute; width: 14px; height: 1.5px; border-radius: 1px; background-color: #18181b; }
.pep-wl_close::before { transform: rotate(45deg); }
.pep-wl_close::after { transform: rotate(-45deg); }
.pep-wl_input::placeholder { color: rgba(24,24,27,.4); }
.pep-wl_input:focus { outline: none; border-color: #18181b; }
.pep-wl_submit { text-decoration: none; }
.pep-wl_error { display: none; }
.pep-wl.is-error .pep-wl_error { display: block; }
.pep-wl.is-error .pep-wl_input { border-color: #dc2626; }
.pep-wl.is-busy .pep-wl_submit { opacity: .6; pointer-events: none; }
.pep-wl.is-done .pep-wl_main { display: none; }
.pep-wl.is-done .pep-wl_done { display: flex; }
.pep-wl_done .pep-wl_title { padding-right: 0; }
.pep-wl_check { position: relative; }
.pep-wl_check::after {
  content: ""; position: absolute; inset: 0; background-color: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 1.5rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 1.5rem no-repeat;
}
.pep-wl_fine a { color: inherit; text-decoration: underline; }
html.pep-wl-lock, html.pep-wl-lock body { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .pep-wl_card, .pep-collection_card, .pep-collection_img { transition: none; }
}