.skill-item[data-v-2492372d]{--category-color-base:var(--color-accent-base);--category-color-darker:var(--color-accent-darker);--category-color-lighter:var(--color-accent-lighter);aspect-ratio:1;padding:var(--spacer-sm) calc(var(--spacer-sm) + var(--spacer-2xs)) calc(var(--spacer-sm) + var(--spacer-xs)) calc(var(--spacer-sm) + var(--spacer-2xs));background:linear-gradient(to top right,color-mix(in srgb,transparent var(--opacity-percentage-5),var(--category-color-darker)),33%,color-mix(in srgb,transparent var(--opacity-percentage-9),var(--category-color-base)) 75%);flex-direction:column;display:flex;position:relative}.skill-item[data-v-2492372d]:before{z-index:var(--z-index-base-increase);border:1px solid color-mix(in srgb,transparent var(--opacity-percentage-7),var(--category-color-lighter))}.skill-item[data-v-2492372d]:after,.skill-item[data-v-2492372d]:before{content:"";position:absolute;inset:.125rem}.skill-item[data-v-2492372d]:after{z-index:var(--z-index-base);border:.125rem solid color-mix(in srgb,transparent var(--opacity-percentage-7),var(--category-color-base));filter:blur(.125rem)}.skill-item__main-icon[data-v-2492372d]{margin-top:auto;margin-bottom:var(--spacer-sm)}.skill-item__level[data-v-2492372d]{order:-1;align-self:flex-end}.skill-item--language[data-v-2492372d]{--category-color-base:#1ef484;--category-color-darker:#007746;--category-color-lighter:#aaf895}.skill-item:not(.skill-item--language)+.skill-item--language[data-v-2492372d]{grid-column:1}@media screen and (width>=60rem){.skill-item:not(.skill-item--language)+.skill-item--language[data-v-2492372d]{grid-column:unset}}.skill-item--development[data-v-2492372d]{--category-color-base:#f88a37;--category-color-darker:#a54720;--category-color-lighter:#ffd789}.skill-item:not(.skill-item--development)+.skill-item--development[data-v-2492372d]{grid-column:1}@media screen and (width>=60rem){.skill-item:not(.skill-item--development)+.skill-item--development[data-v-2492372d]{grid-column:unset}}.skill-item--art[data-v-2492372d]{--category-color-base:#ea0445;--category-color-darker:#86032e;--category-color-lighter:#f7755f}.skill-item:not(.skill-item--art)+.skill-item--art[data-v-2492372d]{grid-column:1}@media screen and (width>=60rem){.skill-item:not(.skill-item--art)+.skill-item--art[data-v-2492372d]{grid-column:unset}}.skill-item--web[data-v-2492372d]{--category-color-base:#12d7e0;--category-color-darker:#0a7e93;--category-color-lighter:#24efea}.skill-item:not(.skill-item--web)+.skill-item--web[data-v-2492372d]{grid-column:1}@media screen and (width>=60rem){.skill-item:not(.skill-item--web)+.skill-item--web[data-v-2492372d]{grid-column:unset}}