.icon-spot{--spot-color:var(--website-brand);width:var(--space-16);height:var(--space-16);color:var(--spot-color);border:var(--stroke-regular) solid color-mix(in srgb, var(--spot-color) 35%, transparent);border-radius:var(--space-4);background:radial-gradient(circle at 25% 15%, color-mix(in srgb, var(--spot-color) 20%, transparent), transparent 75%);isolation:isolate;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.icon-spot:before{content:"";inset:var(--space-1);border:var(--stroke-regular) solid color-mix(in srgb, var(--spot-color) 18%, transparent);border-radius:var(--space-3);z-index:-1;position:absolute;transform:rotate(-12deg)}.icon-spot:after{content:"";top:calc(var(--space-1) * -1);right:var(--space-2);width:var(--space-2);height:var(--space-2);background:var(--spot-color);position:absolute;transform:rotate(45deg)}.icon-spot--neutral{--spot-color:var(--bone)}.icon-spot--coach{--spot-color:var(--coach-coach)}.icon-spot--small{width:var(--space-8);height:var(--space-8);border-radius:var(--space-2)}.icon-spot svg{width:var(--space-6);height:var(--space-6);stroke-width:var(--icon-stroke-width)}.icon-spot--small svg{width:var(--space-4);height:var(--space-4)}