@property --premium-phase{syntax:"<angle>";inherits:false;initial-value:35deg}@keyframes premium-light-orbit{to{--premium-phase:395deg}}@keyframes premium-reflection-orbit{to{--premium-phase:-325deg}}.catalog-card{position:relative}.premium-effect{border-radius:inherit;pointer-events:none;z-index:2;opacity:var(--premium-intensity);transition:opacity .25s;display:block;position:absolute;inset:-1px}.premium-effect>span{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;animation:premium-light-orbit var(--premium-duration) linear infinite paused;padding:2px;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-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:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.premium-effect-rim{background:conic-gradient(from var(--premium-phase), rgba(var(--premium-rgb), .2), var(--premium-color) 12%, #fff 15%, rgba(var(--premium-rgb), .65) 19%, rgba(var(--premium-rgb), .09) 32%, var(--premium-color) 47%, #fff 49%, rgba(var(--premium-rgb), .5) 53%, rgba(var(--premium-rgb), .1) 66%, var(--premium-color) 83%, #fff 86%, rgba(var(--premium-rgb), .3) 91%, rgba(var(--premium-rgb), .2))}.premium-effect>.premium-effect-aura{opacity:.55;filter:blur(5px);background:conic-gradient(from var(--premium-phase), transparent, var(--premium-color) 15%, transparent 30%, transparent 43%, var(--premium-color) 52%, transparent 67%, var(--premium-color) 86%, transparent);padding:6px;inset:-4px}.premium-effect>.premium-effect-reflection{background:conic-gradient(from var(--premium-phase), transparent 9%, #fffffff2 12%, rgba(var(--premium-rgb),.6) 16%, transparent 22%, transparent 59%, #ffffffd9 64%, rgba(var(--premium-rgb),.5) 69%, transparent 77%);animation-name:premium-reflection-orbit;animation-duration:calc(var(--premium-duration) * 1.6);padding:1px;inset:1px}.premium-effect[data-effect=liquid-metal]>.premium-effect-rim{background:conic-gradient(from var(--premium-phase), rgba(var(--premium-rgb),.2), var(--premium-color) 6%, #fff 8%, rgba(var(--premium-rgb),.25) 11%, #fff 14%, var(--premium-color) 17%, rgba(var(--premium-rgb),.1) 31%, var(--premium-color) 42%, #fff 44%, rgba(var(--premium-rgb),.3) 47%, #fff 50%, var(--premium-color) 54%, rgba(var(--premium-rgb),.1) 70%, #fff 79%, var(--premium-color) 84%, rgba(var(--premium-rgb),.2));padding:3px}.premium-effect[data-effect=liquid-metal]>.premium-effect-reflection{inset:2px}.premium-effect[data-effect=premium-glow]>.premium-effect-rim{background:conic-gradient(from var(--premium-phase), rgba(var(--premium-rgb),.3), var(--premium-color), rgba(var(--premium-rgb),.3), var(--premium-color), rgba(var(--premium-rgb),.3))}.premium-effect[data-effect=premium-glow]>.premium-effect-reflection{opacity:.2}.premium-effect[data-running=true]:not([data-mode=static]):not([data-mode=hover])>span{animation-play-state:running}.premium-effect[data-mode=hover]{opacity:0}.premium-effect[data-mode=hover]>span{animation-play-state:paused}:is(.catalog-card,.product-gallery-frame):is(:hover,:focus-within)>.premium-effect[data-mode=hover]{opacity:var(--premium-intensity)}:is(.catalog-card,.product-gallery-frame):is(:hover,:focus-within)>.premium-effect[data-mode=hover][data-running=true]>span{animation-play-state:running}.premium-product-badge{z-index:3;pointer-events:none;color:#f5f5f5;background:#0c110bd9;border:1px solid #ffffff40;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;line-height:1.5;position:absolute;top:26px;right:26px}.product-gallery-frame{border-radius:18px;position:relative}@media (width<=700px){.premium-effect>.premium-effect-aura{filter:blur(3px);padding:4px;inset:-2px}}@media (hover:none){.premium-effect[data-mode=hover]{opacity:var(--premium-intensity)}.premium-effect[data-mode=hover]>span{animation:none!important}}@media (prefers-reduced-motion:reduce){.premium-effect,.premium-effect>span{transition:none;animation:none!important}}@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){.premium-effect>span{display:none}.premium-effect{border:2px solid var(--premium-color)}}
