.variant-image-overlay{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(8px) scale(.98);z-index:10;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .5s ease-out,transform .3s cubic-bezier(.34,1.56,.64,1)}.variant-image-overlay.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.variant-image-overlay__text{display:inline-flex;align-items:center;gap:0;padding:10px 8px 10px 14px;white-space:nowrap;background:linear-gradient(135deg,#0f0f0ff5,#191919f0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-left:3px solid #c97d4d;box-shadow:0 8px 32px #0000008c,0 2px 8px #0000004d,-2px 0 12px #c97d4d26,inset 0 1px #ffffff08;color:#fff;font-size:12px;font-weight:500;line-height:1.3;border-radius:4px;letter-spacing:.2px;position:relative}.variant-image-overlay__text:before{content:"Viewing";color:#d4915f;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding-right:10px;margin-right:10px;border-right:1px solid rgba(255,255,255,.12)}[data-variant-image-overlay-text]{color:#fffffff2;font-weight:500;letter-spacing:.2px}.variant-image-overlay__close{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:10px;background-color:#c97d4d59;border:none;border-radius:4px;color:#d4915f;font-size:14px;font-weight:500;line-height:1;cursor:pointer;padding:0;transition:all .15s ease;opacity:1;pointer-events:auto}.variant-image-overlay__close:hover{background-color:#c97d4d80;color:#fff}.variant-image-overlay__close:active{transform:scale(.92);background-color:#c97d4d99}@media screen and (min-width: 769px){.variant-image-overlay{bottom:40px}.variant-image-overlay__text{padding:11px 10px 11px 16px;font-size:13px}.variant-image-overlay__text:before{font-size:10px;padding-right:12px;margin-right:12px}.variant-image-overlay__close{width:20px;height:20px;font-size:15px;margin-left:10px}}@media screen and (max-width: 768px){.variant-image-overlay__text{padding:9px 6px 9px 12px;font-size:11px;max-width:calc(100vw - 40px)}.variant-image-overlay__text:before{font-size:8px;padding-right:8px;margin-right:8px;letter-spacing:1px}.variant-image-overlay__close{width:16px;height:16px;font-size:12px;margin-left:6px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/variant-overlay.css.map */
