.SkillsPreview-module__B7Vxya__skillModule{--skill-rotate-x:0deg;--skill-rotate-y:0deg;transform:perspective(1000px) translateY(0) scale(1) rotateX(var(--skill-rotate-x)) rotateY(var(--skill-rotate-y));transform-origin:50%;transform-style:preserve-3d;transition:transform .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out,background-color .2s ease-out}.SkillsPreview-module__B7Vxya__skillMarker{transition:width .2s ease-out}@media (hover:hover) and (pointer:fine){.SkillsPreview-module__B7Vxya__skillModule{will-change:transform}.SkillsPreview-module__B7Vxya__skillModule:hover{border-color:var(--color-accent);background:var(--color-surface);transform:perspective(1000px) translateY(-4px) scale(1.008) rotateX(var(--skill-rotate-x)) rotateY(var(--skill-rotate-y));box-shadow:0 14px 30px #2222200f}.SkillsPreview-module__B7Vxya__skillModule:hover .SkillsPreview-module__B7Vxya__skillMarker{width:44px}}@media (prefers-reduced-motion:reduce){.SkillsPreview-module__B7Vxya__skillModule{transition:border-color .01ms linear,background-color .01ms linear;transform:none}.SkillsPreview-module__B7Vxya__skillMarker{transition:none}.SkillsPreview-module__B7Vxya__skillModule:hover{box-shadow:none;transform:none}.SkillsPreview-module__B7Vxya__skillModule:hover .SkillsPreview-module__B7Vxya__skillMarker{width:32px}}