.anime-pass .ugc{background:var(--ap-kraft);border-top:var(--ap-border-thin) solid var(--ap-ink);border-bottom:var(--ap-border-thin) solid var(--ap-ink);position:relative;overflow:hidden}.anime-pass .ugc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ap-halftone);background-size:10px 10px;opacity:.18;mask-image:linear-gradient(180deg,transparent,black 30%,black 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 30%,black 70%,transparent)}.anime-pass .ugc-wrap{max-width:var(--ap-container);margin:0 auto;position:relative;z-index:1}.anime-pass .ugc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--ap-gap-xs);margin-top:var(--ap-space-12)}@media(max-width:900px){.anime-pass .ugc-grid{grid-template-columns:repeat(2,1fr)}}.anime-pass .ugc-tile{aspect-ratio:1 / 1;border:var(--ap-border-md) solid var(--ap-ink);border-radius:var(--ap-radius-lg);overflow:hidden;position:relative;box-shadow:var(--ap-shadow-sm);background:var(--ap-ink);color:var(--ap-kraft);display:grid;place-items:center;cursor:pointer;transition:transform var(--ap-duration) var(--ap-ease)}.anime-pass .ugc-tile:hover,.anime-pass .ugc-tile:focus-within{transform:translateY(-4px) rotate(-1.5deg)}.anime-pass .ugc-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ap-halftone);background-size:6px 6px;opacity:.3}.anime-pass .ugc-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.anime-pass .ugc-tile .mini-passport{width:50%;aspect-ratio:var(--ap-passport-ratio);border-radius:5px;border:var(--ap-border-hairline) solid var(--ap-white-a15);position:relative;z-index:1;display:grid;place-items:center}.anime-pass .ugc-tile .handle{position:absolute;bottom:var(--ap-space-2);left:var(--ap-space-2);z-index:2;font-family:var(--ap-font-mono);font-size:var(--ap-text-2xs);letter-spacing:var(--ap-tracking-widest);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 6px;border-radius:var(--ap-radius-xs)}.anime-pass .ugc-tile .heart{position:absolute;top:var(--ap-space-2);right:var(--ap-space-2);z-index:2;font-size:var(--ap-text-sm);color:var(--ap-red);background:var(--ap-paper);border:var(--ap-border-hairline) solid var(--ap-ink);border-radius:var(--ap-radius-pill);padding:2px 7px;font-family:var(--ap-font-mono);font-weight:var(--ap-weight-bold);display:flex;gap:var(--ap-space-1);align-items:center}
/*# sourceMappingURL=/cdn/shop/t/16/assets/anime-pass-ugc.css.map */