.adg-card{text-decoration:none;color:inherit;display:block;position:relative}.adg-card__media{aspect-ratio:1 / 1;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:clamp(12px,2vw,21px);border:1px solid #D8D9DD;border-radius:10px;padding:clamp(12px,1.4vw,16px)}.adg-card__media picture{display:contents}.adg-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--adg-card-pad, clamp(12px, 1.4vw, 16px));box-sizing:border-box;object-fit:contain;display:block;transition:transform .22s ease}.adg-card:hover .adg-card__media img{transform:scale(1.05)}@media(hover:none){.adg-card:hover .adg-card__media img{transform:none}}.adg-card__title{display:block;font-size:clamp(14px,1.4vw,16px);font-weight:700;line-height:1.3;color:var(--adg-ink, #231F20)}.adg-card__artist{display:block;font-size:clamp(14px,1.4vw,15px);margin-top:clamp(4px,.8vw,6px);text-transform:capitalize;color:var(--adg-link, #4C4C4C)}.adg-card__media.is-loading{background:linear-gradient(100deg,#f2f1ee 30%,#e6e4df,#f2f1ee 60%);background-size:300% 100%;animation:adg-card-shimmer 1.4s ease-in-out infinite;position:relative}.adg-card__media.is-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(logo-opt-monogram.png) center / 32% no-repeat;opacity:.06;pointer-events:none}.adg-card__media img{z-index:1}.adg-card--skeleton{pointer-events:none}.adg-card--skeleton .adg-card__media{position:relative}.adg-card--skeleton .adg-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(logo-opt-monogram.png) center / 32% no-repeat;opacity:.06}.adg-card--skeleton .adg-card__title{display:block;height:14px;margin:10px 10px 12px;border-radius:7px;background:#f0ede8;max-width:70%}.adg-card__media img{transition:opacity .26s ease,transform .22s ease}@keyframes adg-card-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.adg-card__media.is-loading{animation:none;background:#f2f1ee}.adg-card__media img{transition:none}}.adg-card--placeholder{pointer-events:none}.adg-card--placeholder .adg-card__title,.adg-card--placeholder .adg-card__artist{color:transparent;background:#f2f1ee;border-radius:4px}.adg-card--placeholder .adg-card__title{width:78%}.adg-card--placeholder .adg-card__artist{width:52%}.adg-card--pickable{cursor:pointer;text-align:left;font-family:inherit;color:inherit;padding:0;-webkit-touch-callout:none;transition:transform .12s ease,box-shadow .12s ease}.adg-card--pickable.is-picked .adg-card__media{border-color:var(--byo-accent, #FF4A06);box-shadow:inset 0 0 0 1px var(--byo-accent, #FF4A06)}.adg-card--pickable .adg-card__media{position:relative}.adg-card--pickable.is-dragging,.adg-card--pickable.byo-touch-dragging{opacity:.4}.byo-touch-ghost .adg-card__badge{display:none}.adg-card__badge{position:absolute;top:8px;right:8px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--byo-accent, #FF4A06);color:var(--byo-accent-contrast, #fff);font-size:12px;font-weight:700;line-height:1;display:none;align-items:center;justify-content:center;z-index:3}.adg-card--pickable.is-picked .adg-card__badge{display:flex}.adg-card__flag{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:var(--adg-accent, #FF4A06);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;z-index:3;pointer-events:none}.adg-card--pickable .byo-card__expand{position:absolute;top:8px;right:8px;z-index:2}.adg-card--pickable.is-picked .byo-card__expand{transform:translateY(34px)}.adg-card__media{padding:var(--adg-card-pad, clamp(12px, 1.4vw, 16px))}.adg-card__media--fade{position:relative}.adg-card__media--fade .adg-fade-layer{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--adg-card-pad, clamp(12px, 1.4vw, 16px));box-sizing:border-box;object-fit:contain;opacity:0;transition:opacity var(--adg-fade-ms, .6s) ease;pointer-events:none}.adg-card__media--fade .adg-fade-layer.is-showing{opacity:1}@media(prefers-reduced-motion:reduce){.adg-card__media--fade .adg-fade-layer{transition:none}}.adg-card__media--zoom img{transform:scale(var(--fb-zoom, 1))}.adg-card:hover .adg-card__media--zoom img{transform:scale(calc(var(--fb-zoom, 1) * 1.05))}@media(hover:none){.adg-card:hover .adg-card__media--zoom img{transform:scale(var(--fb-zoom, 1))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/adg-card.css.map */