.skills{position:relative;margin-top:3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:4rem;padding-top:3.5rem;padding-bottom:3.5rem}.skills:after{position:absolute;inset:3rem;z-index:-10;border-radius:9999px;content:var(--tw-content);background-color:var(--color-accentone-100)}@media (min-width:640px){.skills{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.skills{grid-template-columns:repeat(4,minmax(0,1fr))}}.skills li{min-height:6rem;text-align:center}.skills div{min-height:3rem}.skills svg{font-size:3rem;line-height:1}.skills p{margin-bottom:1rem;margin-top:.25rem;font-size:1.25rem;line-height:1.75rem}.swiper .swiper-pagination-bullet:not(#_){position:relative;margin-left:.75rem;margin-right:.75rem;aspect-ratio:1/1;width:1.5rem;height:1.5rem}.swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:1;background-color:var(--color-siteblack)}.swiper .swiper-pagination-bullet-active{background-color:var(--color-gradientone)}button.carousel-button{position:absolute;top:50%;z-index:10;--tw-translate-y:-50%;padding:.25rem 1rem;border-radius:9999px;background-color:var(--color-accentone-200);--tw-shadow-color:var(--color-heading);--tw-shadow:var(--tw-shadow-colored);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}button.carousel-button,button.carousel-button:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}button.carousel-button:active{--tw-scale-x:.95;--tw-scale-y:.95;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}button.carousel-button:is(.dark *){--tw-shadow-color:var(--color-gradientone);--tw-shadow:var(--tw-shadow-colored)}@media (min-width:768px){button.carousel-button:hover{background-color:var(--color-accenttwo-200);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}button.carousel-button:hover:is(.dark *){color:var(--color-siteblack)}}