@layer components{.zoom{position:relative;display:block;height:100%;cursor:zoom-in}.zoom:after{content:"";position:absolute;right:.625rem;bottom:.625rem;width:2.125rem;height:2.125rem;border-radius:999px;background:var(--color-chip-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='M13 13l4 4M8.5 6v5M6 8.5h5'/%3E%3C/svg%3E") center / 1.0625rem no-repeat;opacity:0;transition:opacity .2s}.zoom:is(:hover,:focus-visible):after{opacity:1}.zoom:focus{outline-offset:-3px}@media(hover:none){.zoom:after{opacity:.85}}}