[data-glow]:before,[data-glow]:after{pointer-events:none;content:"";inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) + var(--border-size));background-attachment:local;background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));opacity:var(--opacity,0);background-position:50%;background-repeat:no-repeat;transition:opacity .3s;position:absolute;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-glow]:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), rgb(var(--color-brand) / var(--border-spot-opacity,.8)), transparent 100%);filter:brightness(1.5)}[data-glow]:after{background-image:radial-gradient(calc(var(--spotlight-size) * .5) calc(var(--spotlight-size) * .5) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), rgb(var(--color-brand) / var(--border-light-opacity,.4)), transparent 100%)}[data-glow] [data-glow]{will-change:filter;opacity:calc(var(--outer,1) * var(--opacity,0));border-radius:var(--radius);border-width:calc(var(--border-size) * 20);filter:blur(calc(var(--border-size) * 10));pointer-events:none;background:0 0;border:none;transition:opacity .3s;position:absolute;inset:0}[data-glow]>[data-glow]:before{border-radius:calc(var(--radius) + 10px);border-width:10px;inset:-10px}@layer utilities{:where(.group\/product-preview):focus-within .product-preview-image[data-ready=true]{opacity:1}@media (pointer:fine) and (hover:hover){:where(.group\/product-preview):hover .product-preview-image[data-ready=true]{opacity:1}}@media (prefers-reduced-motion:no-preference){.product-preview-image{translate:2.5%;scale:1.045}:where(.group\/product-preview):focus-within .product-preview-image[data-ready=true]{translate:0;scale:1.015}@media (pointer:fine) and (hover:hover){:where(.group\/product-preview):hover .product-preview-image[data-ready=true]{translate:0;scale:1.015}}}}