.fx-medal{--m:clamp(104px,8.4vw,136px);position:relative;display:grid;place-items:center;width:var(--m);height:var(--m)}.fx-medal__halo{position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--fx-accent) 16%,transparent),transparent 72%);opacity:.8;transition:opacity .6s var(--fx-ease)}.fx-medal__body{position:absolute;inset:0;display:grid;place-items:center;border-radius:24%;isolation:isolate;background:linear-gradient(160deg,color-mix(in srgb,var(--fx-accent) 12%,#15101a) 0,#0b080d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 40px -20px rgba(0,0,0,.9),0 0 28px -12px color-mix(in srgb,var(--fx-accent) 40%,transparent);transition:box-shadow .6s var(--fx-ease)}.fx-medal__body:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,color-mix(in srgb,var(--fx-hi) 55%,transparent),color-mix(in srgb,var(--fx-accent) 14%,transparent) 55%,color-mix(in srgb,var(--fx-accent) 30%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.fx-medal__icon{position:relative;z-index:1;width:48%;height:48%;overflow:visible;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--fx-accent) 40%,transparent))}.fx-medal__icon--fv{width:58%;height:auto}@media (hover:hover){.group:hover .fx-medal__halo{opacity:1}.group:hover .fx-medal__body{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 26px 44px -20px rgba(0,0,0,.9),0 0 34px -10px color-mix(in srgb,var(--fx-accent) 50%,transparent)}}@media (prefers-reduced-motion:reduce){.fx-medal__body,.fx-medal__halo{transition:none}}