.skills-canvas-wrapper{height:600vh;overflow:hidden;position:relative;width:100vw;z-index:0;--background-opacity:0}.skills-canvas-wrapper:after{background-image:linear-gradient(0deg,var(--m-background),transparent,var(--m-background)),repeating-radial-gradient(circle at 0 0,transparent 0,var(--m-background) 100px),repeating-linear-gradient(var(--m-background--soft),var(--m-rgb));content:"";height:100%;left:0;opacity:var(--background-opacity);position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}.skills-canvas-wrapper .skills-fixed{left:0;top:30vh;width:100vw}.skills-canvas-wrapper .skills-canvas{height:400px;width:100%!important}.skills{display:flex;white-space:nowrap}.skills__group{padding:8px}.skills__divider{background:var(--m-rgb);border-radius:5000px;height:125px;width:4px}.skills .skill{align-items:center;background:var(--m-background--soft);border-radius:4px;color:var(--m-color);display:flex;height:80px;justify-content:center;margin:10px;padding:8px;position:relative;text-align:center;width:120px}.skills .skill:after{background:radial-gradient(circle,rgba(var(--m-rgb--raw),.5),rgba(var(--m-rgb--raw),.1));left:50%;opacity:0;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;z-index:99999999}.skills .skill:after,.skills .skill:before{content:"";height:100%;position:absolute;width:100%}.skills .skill:before{background:radial-gradient(circle,var(--color,transparent),transparent);border-radius:4px;box-sizing:border-box;left:0;opacity:.1;pointer-events:none;top:0}.skills .skill:hover{z-index:999}.skills .skill:hover:after{opacity:.2}.skills__buttons{display:flex;justify-content:center;margin-top:-40px;position:relative;z-index:11}.skills__button{background:var(--m-background);border:1px solid var(--m-background--soft);border-radius:5px;color:var(--m-color);cursor:pointer;font-size:16px;margin:10px;padding:12px 24px;transition:all .1s ease-in-out}.skills__button:hover{background-color:rgba(var(--m-rgb--raw),.5)}.m-heading[data-v-fa9efe81]{font-size:64px;font-weight:900;transform:translateY(60%)}