.pin-card{--pin-lift: -8px;--pin-cutout-fit: 80%;--pin-paper: #fffdf8;--pin-ink: #2a2622;--pin-muted: #6b6257;--pin-tag-shadow: 0 1px 1px rgba(60, 35, 10, .15), 0 6px 10px -4px rgba(60, 35, 10, .35);--pin-cutout-shadow: drop-shadow(2px 0 0 var(--pin-paper)) drop-shadow(-2px 0 0 var(--pin-paper)) drop-shadow(0 2px 0 var(--pin-paper)) drop-shadow(0 -2px 0 var(--pin-paper)) drop-shadow(0 10px 10px rgba(60, 35, 10, .35));position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;color:var(--pin-ink);transform:rotate(var(--tilt, 0deg));transition:transform var(--duration-base) var(--ease-out)}.pin-card:hover,.pin-card:focus-visible{z-index:4;transform:rotate(0) scale(1.03)}.pin-card__cutout{display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;filter:var(--pin-cutout-shadow)}.pin-card__cutout img{width:var(--pin-cutout-fit);height:var(--pin-cutout-fit);object-fit:contain}.pin-card__tag{position:relative;margin-top:calc(-1 * var(--space-2));padding:var(--space-2) var(--space-2) var(--space-2);background:var(--pin-paper);box-shadow:var(--pin-tag-shadow);font-family:var(--font-typewriter);text-align:center;transform:rotate(calc(var(--tilt, 0deg) * -.6))}.pin-card__tag .pushpin{top:calc(-1 * var(--space-3));left:50%;translate:-50%}.pin-card__title{display:block;font-size:var(--text-12);font-weight:700;letter-spacing:.03em;white-space:nowrap}.pin-card__meta{display:block;margin-top:var(--space-0-5);color:var(--pin-muted);font-size:var(--text-10);letter-spacing:.04em}@media(min-width:640px){.pin-card{transform:translate(var(--nudge-x, 0),var(--nudge-y, 0)) rotate(var(--tilt, 0deg))}.pin-card:hover,.pin-card:focus-visible{transform:translate(var(--nudge-x, 0),calc(var(--nudge-y, 0px) + var(--pin-lift))) rotate(0) scale(1.04)}.pin-card__tag{padding:var(--space-3) var(--space-3) var(--space-2)}.pin-card__title{font-size:var(--text-14)}.pin-card__meta{white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-pin-card.css.map */