.variant-preview-float{display:none;position:fixed;top:calc(var(--sticky-header-height, 60px) + 12px);right:12px;width:136px;height:136px;border-radius:var(--rounded-card, 12px);overflow:hidden;box-shadow:0 4px 24px #0000002e;cursor:pointer;z-index:21;opacity:0;transform:scale(.85) translateY(-6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;border:2px solid rgb(var(--color-border));background:rgb(var(--color-background));-webkit-tap-highlight-color:transparent}@media(max-width:1023px){.variant-preview-float{display:block}}.variant-preview-float.vpf-visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.variant-preview-float img{width:100%;height:100%;object-fit:cover;display:block}.vpf-bar{position:absolute;left:0;right:0;padding:5px 8px;font-size:10px;line-height:1.2;text-align:center;background:#0000007a;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em;pointer-events:none;z-index:1}.vpf-bar--top{top:0;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.vpf-bar--bottom{bottom:0}.variant-preview-float__arrow{position:absolute;bottom:28px;right:6px;width:24px;height:24px;background:rgb(var(--color-background));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003;pointer-events:none}.variant-preview-float__arrow svg{width:11px;height:11px;display:block;stroke:rgb(var(--color-foreground));fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/*# sourceMappingURL=/cdn/shop/t/47/assets/variant-preview-float.css.map */