.hex-wrap.svelte-1qojzqy{width:var(--size);height:var(--size);position:relative;display:inline-block;filter:drop-shadow(var(--glow) color-mix(in srgb,var(--rim-a) 55%,transparent)) drop-shadow(0 6px 18px rgba(0,0,0,.55));transition:transform var(--sb-dur) var(--sb-ease)}.hex-wrap.svelte-1qojzqy:before,.hex-wrap.svelte-1qojzqy:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.hex-wrap.svelte-1qojzqy:before{top:7%;right:7%;bottom:7%;left:7%;z-index:0;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rim-a) 24%,transparent),transparent 36%),radial-gradient(circle at 56% 62%,color-mix(in srgb,var(--rim-b) 18%,transparent),transparent 42%);opacity:.58;filter:blur(8px);animation:svelte-1qojzqy-hex-heart 5.8s var(--sb-ease) infinite}.hex-wrap.svelte-1qojzqy:after{top:3%;right:3%;bottom:3%;left:3%;z-index:4;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.5),transparent 48%),radial-gradient(circle at 28% 18%,rgba(255,255,255,.22),transparent 14%);background-size:260% 100%,100% 100%;background-position:-140% 0,center;opacity:0;transition:opacity var(--sb-dur) var(--sb-ease),background-position .7s var(--sb-ease);mix-blend-mode:screen}.hex-wrap.svelte-1qojzqy:hover{transform:translateY(-3px)}.hex-wrap.svelte-1qojzqy:hover:after{opacity:.44;background-position:140% 0,center}.frame.svelte-1qojzqy{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.artifact.svelte-1qojzqy{position:absolute;top:11%;right:11%;bottom:11%;left:11%;width:78%;height:78%;object-fit:contain;object-position:center;clip-path:polygon(50% -10.3%,102.2% 19.9%,102.2% 80.1%,50% 110.3%,-2.2% 80.1%,-2.2% 19.9%);filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));pointer-events:none;z-index:2}.artifact.no-frame.svelte-1qojzqy{top:0;right:0;bottom:0;left:0;width:100%;height:100%;clip-path:none;filter:drop-shadow(var(--glow) color-mix(in srgb,var(--rim-a) 35%,transparent)) drop-shadow(0 8px 22px rgba(0,0,0,.55))}.spin.svelte-1qojzqy .frame:where(.svelte-1qojzqy){animation:svelte-1qojzqy-spin 24s linear infinite;transform-origin:50% 50%}@keyframes svelte-1qojzqy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1qojzqy-hex-heart{0%,to{opacity:.42;transform:scale(.96)}50%{opacity:.72;transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.spin.svelte-1qojzqy .frame:where(.svelte-1qojzqy){animation:none}.hex-wrap.svelte-1qojzqy:before{animation:none}.hex-wrap.svelte-1qojzqy:after{transition:none}}