.skill-highlights{display:flex;width:100%;flex-direction:column}.skill-highlights-gal{display:flex;position:relative;width:100%;height:37.5rem;gap:var(--space-8);padding-top:var(--space-8)}.skill-highlights-gal-item{width:100%;position:relative;overflow:hidden;padding:var(--space-8)}.skill-highlights-gal-arrow,.skill-highlights-gal-item{height:100%;display:flex;border-radius:var(--border-radius-small)}.skill-highlights-gal-arrow{width:auto;padding:0 var(--space-4);background-color:var(--color-4);align-items:center;justify-content:center;transition:background-color var(--motion-medium-2) var(--power-2-out);cursor:pointer}.skill-highlights-gal-arrow:hover{background-color:var(--color-1)}.skill-highlights-gal-arrow:hover svg path{stroke:var(--color-4)}.skill-highlights-gal-arrow svg{width:100%;height:var(--typo-size-40);aspect-ratio:1/1}.skill-highlights-gal-arrow:last-of-type svg{transform:rotate(180deg)}.skill-highlights-gal-arrow svg path{stroke:var(--color-1);stroke-width:1px}.skill-highlights-gal-item-text{background-color:var(--color-4);padding:var(--space-16);z-index:15;width:80%;height:-moz-fit-content;height:fit-content;border-radius:var(--border-radius-small);margin:auto auto 0}.skill-highlights-gal-item-text p{font-size:var(--typo-size-14);color:var(--font-middle)}.skill-highlights-gal-item img,.skill-highlights-gal-item video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;border-radius:var(--border-radius-small)}.skill-myskills{display:flex;width:100%;flex-direction:column;gap:var(--space-8)}.skill-myskills-container{display:flex;height:auto;gap:var(--space-8)}.skill-myskills-container-card{display:flex;min-height:35rem;width:25%;background-color:var(--color-4);border-radius:var(--border-radius-small);overflow:hidden;padding:var(--space-32);gap:var(--space-16);transition:width var(--motion-large-1) var(--power-1-out),background-color var(--motion-large-1) var(--power-1-out),color var(--motion-large-1) var(--power-1-out)}.skill-myskills-container-card-left{display:flex;flex-direction:column;height:100%;width:100%;transition:width var(--motion-large-1) var(--power-1-out);min-width:0}.skill-myskills-container-card-text{display:flex;flex-direction:column;margin-bottom:auto}.skill-myskills-container-card-text h3{font-size:var(--typo-size-40);color:var(--color-1);font-weight:var(--typo-weight-semi-bold);margin:var(--space-16) 0;margin-top:0}.skill-myskills-container-card-text p{font-size:var(--typo-size-16);margin:0;color:var(--font-middle)}.skill-myskills-container-card-icon{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8)}.skill-myskills-container-card-icon h4{font-size:var(--typo-size-14);color:var(--font-middle);font-weight:var(--typo-weight-regular)}.skill-myskills-container-card-icon button{width:calc(var(--space-16) * 2);height:calc(var(--space-16) * 2);border:none;border-radius:50%;background-color:var(--color-1);transition:margin-right var(--motion-large-1) var(--power-1-out),background-color var(--motion-large-1) var(--power-1-out)}.skill-myskills-container-card-icon button svg{width:50%;height:50%;margin:0;transform:rotate(225deg);transition:transform var(--motion-medium-2) var(--power-2-out)}.skill-myskills-container-card-icon button svg path{stroke:var(--color-3);stroke-width:1px}.skill-myskills-container-card-right{position:relative;display:flex;flex-direction:column;height:100%;width:0;opacity:0;border-radius:var(--border-radius-small);overflow:hidden;transition:width var(--motion-medium-2) var(--power-2-out),opacity var(--motion-medium-2) var(--power-2-out)}.skill-myskills-container-card.active{width:50%;background-color:var(--color-1)}.skill-myskills-container-card-text.active h3{color:var(--color-3)}.skill-myskills-container-card-text.active p{color:var(--color-4)}.skill-myskills-container-card-left.active{width:50%}.skill-myskills-container-card-icon.active h4{color:var(--color-4)}.skill-myskills-container-card-icon.active button{background-color:var(--color-2);margin-right:50%}.skill-myskills-container-card-icon.active button svg{transform:rotate(180deg)}.skill-myskills-container-card-right.active{width:50%;opacity:1}.skill-myskills-container-card-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-medium)}@media (max-width:1300px){.skill-highlights-gal{height:37.5rem}.skill-highlights-gal-arrow{position:absolute;height:calc(100% - var(--space-8));z-index:10}.skill-highlights-gal-item{width:100%}.skill-highlights-gal-arrow:last-of-type{right:0}}@media (max-width:900px){.skill-highlights-gal{height:25rem}.skill-highlights-gal-arrow svg{height:var(--typo-size-32)}.skill-highlights-gal-item-text p{font-size:var(--typo-size-12)}}@media (max-width:1500px){.skill-myskills-container{flex-direction:column}.skill-myskills-container-card{width:100%;min-height:unset;height:25rem}.skill-myskills-container-card-left{width:50%}.skill-myskills-container-card-icon button{margin-right:50%}.skill-myskills-container-card-icon button svg{transform:rotate(180deg)}.skill-myskills-container-card-right{width:50%;opacity:1}.skill-myskills-container-card.active{width:100%;background-color:var(--color-1)}.skill-myskills-container-card-text.active h3{color:var(--color-3)}.skill-myskills-container-card-icon.active h4,.skill-myskills-container-card-text.active p{color:var(--color-4)}.skill-myskills-container-card-icon.active button{background-color:var(--color-2)}.skill-myskills-container-card-icon button{margin-right:0!important}}@media (max-width:900px){.skill-myskills-container-card{min-height:35rem;height:0;flex-direction:column}.skill-myskills-container-card-left,.skill-myskills-container-card-left.active,.skill-myskills-container-card-right,.skill-myskills-container-card-right.active{width:100%}.skill-myskills-container-card-text h3{font-size:var(--typo-size-32)}}