.media-picker-card:hover{border-color:var(--p-primary-color)}.media-picker-card.is-selected{border-color:var(--p-primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary-color),transparent 70%)}.media-picker-tile{position:relative}.media-picker-edit-btn{position:absolute;top:.4rem;left:.4rem;width:1.75rem;height:1.75rem;border-radius:9999px;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease}.media-picker-tile:hover .media-picker-edit-btn,.media-picker-edit-btn:focus-visible{opacity:1}.media-picker-edit-btn:hover{background:#000000bf}.picker-edit-thumb{width:8rem;height:8rem;flex:0 0 auto;border-radius:.5rem;background:var(--p-surface-100);display:flex;align-items:center;justify-content:center;overflow:hidden}.picker-edit-thumb img{width:100%;height:100%;object-fit:cover}:root.dark .picker-edit-thumb{background:var(--p-surface-800)}.media-picker-card-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--p-primary-color),transparent 80%);pointer-events:none}.media-picker-card-check{position:absolute;top:.4rem;right:.4rem;width:1.5rem;height:1.5rem;border-radius:9999px;background:var(--p-primary-color);color:var(--p-primary-contrast-color);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}
