@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.rarity-frame.svelte-h0byyf{position:relative;isolation:isolate;overflow:hidden;border:2px solid var(--rarity)}.rarity-frame.svelte-h0byyf:not([data-effect=none]){box-shadow:0 0 14px color-mix(in srgb,var(--rarity) 45%,transparent)}.rarity-frame[data-effect=shimmer].svelte-h0byyf:after,.rarity-frame[data-effect=aura].svelte-h0byyf:after,.rarity-frame[data-effect=holo].svelte-h0byyf:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgb(255 255 255 / .45) 50%,transparent 60%);translate:-100% 0}.rarity-frame.svelte-h0byyf:hover:after{animation:svelte-h0byyf-rarity-sweep 1.1s ease-out}.rarity-frame[data-effect=aura].svelte-h0byyf,.rarity-frame[data-effect=holo].svelte-h0byyf{border-color:transparent;background:linear-gradient(var(--color-surface, #fff),var(--color-surface, #fff)) padding-box,conic-gradient(from var(--angle),var(--rarity),transparent 35%,var(--rarity) 70%,transparent) border-box}.rarity-frame[data-animate=always][data-effect=aura].svelte-h0byyf,.rarity-frame[data-animate=always][data-effect=holo].svelte-h0byyf,.rarity-frame[data-animate=hover][data-effect=aura].svelte-h0byyf:hover,.rarity-frame[data-animate=hover][data-effect=holo].svelte-h0byyf:hover{animation:svelte-h0byyf-rarity-spin 4s linear infinite}.rarity-frame[data-effect=holo].svelte-h0byyf:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:color-dodge;opacity:.45;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgb(255 255 255 / .7),transparent 45%),linear-gradient(125deg,#ff9a9e33,#fad0c433,#a1c4fd33,#c2e9fb33)}@keyframes svelte-h0byyf-rarity-sweep{to{translate:100% 0}}@keyframes svelte-h0byyf-rarity-spin{to{--angle: 360deg}}@media(prefers-reduced-motion:reduce){.rarity-frame.svelte-h0byyf,.rarity-frame.svelte-h0byyf:after{animation:none!important}}
