.card-wrapper.card-spotlight{--spotlight-opacity: 0;--mouse-x: 50%;--mouse-y: 50%}.card-spotlight .card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius, 0);background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(var(--color-foreground),.06),transparent 40%);opacity:var(--spotlight-opacity);transition:opacity .4s ease;pointer-events:none;z-index:1}.card-spotlight .card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius, 0);padding:var(--border-width, 1px);background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(var(--color-foreground),.25),transparent 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--spotlight-opacity);transition:opacity .4s ease;pointer-events:none;z-index:2}.card-spotlight .card__inner,.card-spotlight .card__content{position:relative;z-index:3}.card-spotlight .card__media{z-index:3}.card-spotlight .card{--image-padding: 0rem}.card-spotlight .card__inner .card__media{margin:0;width:100%;border-radius:calc(var(--border-radius) - var(--border-width, 1px));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden}.card-spotlight .card__inner{--ratio-percent: 100% !important}.card-spotlight .card__media .media{aspect-ratio:1 / 1}.card-spotlight .card__media .media img{object-fit:cover;object-position:center}.card-spotlight .card,.card-spotlight .card__inner{border-color:rgba(var(--color-foreground),.08)}.card-spotlight:hover .card{border-color:rgba(var(--color-foreground),.12)}.card-spotlight--accent .card:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(var(--color-button),.1),transparent 40%)}.card-spotlight--accent .card:after{background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(var(--color-button),.4),transparent 40%)}.card-spotlight .quick-add__submit{--spotlight-opacity: 0;--mouse-x: 50%;--mouse-y: 50%;position:relative;overflow:hidden;border:1px solid rgba(var(--color-foreground),.08)}.card-spotlight .quick-add__submit:hover{border-color:rgba(var(--color-foreground),.12)}.card-spotlight .quick-add__submit:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:radial-gradient(150px circle at var(--mouse-x) var(--mouse-y),rgba(var(--color-foreground),.15),transparent 50%);opacity:var(--spotlight-opacity);transition:opacity .3s ease;pointer-events:none;z-index:1}.card-spotlight .quick-add__submit:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:radial-gradient(120px circle at var(--mouse-x) var(--mouse-y),rgba(var(--color-foreground),.5),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--spotlight-opacity);transition:opacity .3s ease;pointer-events:none;z-index:2}.card-spotlight .quick-add__submit>*{position:relative;z-index:3}.button.card-spotlight{--spotlight-opacity: 0;--mouse-x: 50%;--mouse-y: 50%;--spotlight-glow-rgb: var(--color-foreground);--spotlight-border-rgb: var(--color-foreground);--spotlight-glow-size: 150px;--spotlight-border-size: 120px;position:relative;overflow:hidden}.button.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:radial-gradient(var(--spotlight-glow-size) circle at var(--mouse-x) var(--mouse-y),rgba(var(--spotlight-glow-rgb),.15),transparent 50%);opacity:var(--spotlight-opacity);transition:opacity .3s ease;pointer-events:none;z-index:1}.button.card-spotlight:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:radial-gradient(var(--spotlight-border-size) circle at var(--mouse-x) var(--mouse-y),rgba(var(--spotlight-border-rgb),.5),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--spotlight-opacity);transition:opacity .3s ease;pointer-events:none;z-index:2}.button.card-spotlight>*{position:relative;z-index:3}@media (prefers-reduced-motion: reduce){.card-spotlight .card:before,.card-spotlight .card:after,.card-spotlight .quick-add__submit:before,.card-spotlight .quick-add__submit:after,.button.card-spotlight:before,.button.card-spotlight:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-spotlight.css.map */