.but{position:relative;z-index:10;display:flex;width:-moz-max-content;width:max-content;align-items:center;justify-content:flex-start;gap:.5rem;border-radius:10rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding:.5rem 6rem .5rem .75rem}.but>span{display:grid;height:2rem;width:2rem;place-items:center;border-radius:100%;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.but>b{font-weight:400;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.but.active,.but.active-1{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.but.active>span,.but.active-1>span{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.but.active>b,.but.active-1>b{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.but.active-1{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.but-absolute{position:absolute;top:0;left:63%;z-index:10}.figure,.figure-1,.figure-2{position:absolute;top:60%;left:-180%;height:100vh;width:200%;--tw-rotate: 65deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.figure,.figure-1,.figure-2{left:-119%}}@media (min-width: 1280px){.figure,.figure-1,.figure-2{top:25%;left:-73%;width:100%}}.figure-1{top:-50%;--tw-rotate: -65deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.35}@media (min-width: 1280px){.figure-1{top:-15%}}.figure-2{top:initial;bottom:-93%;left:-30%;z-index:10;--tw-rotate: 9deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.figure-3{position:absolute;left:30%;top:50%;height:100vh;width:100%;--tw-rotate: 50deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #2563eb var(--tw-gradient-to-position);opacity:.7}@media (min-width: 1280px){.figure-3{top:0}}