.section-rect.interactive{display:flex;flex-direction:column;background-color:var(--b-700);background:linear-gradient(180deg,var(--b-700),var(--b-600));position:relative;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:10rem .5rem;padding-bottom:0;margin-bottom:0}.section-rect.interactive .user-input{background-color:var(--w-50);padding:3rem;display:flex;flex-direction:column;min-width:300px;max-width:525px;height:fit-content;margin-top:-7rem;margin-bottom:3rem;border-radius:2rem;border:1px solid var(--w-200);box-shadow:0 20px 25px -5px rgb(0 0 0 / .125),0 8px 10px -6px rgb(0 0 0 / .125)}.section-rect.interactive .user-input label{color:var(--w-600);font-weight:300;font-size:1.25rem;margin-bottom:1.5rem}.section-rect.interactive .user-input input[type=range]{-webkit-appearance:none;width:100%;height:10px;background:var(--w-200);outline:0;border-radius:99px;margin-bottom:2.5rem}.section-rect.interactive .user-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:99px;background:var(--b-600);cursor:pointer}.section-rect.interactive .user-input input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:99px;background:var(--b-600);cursor:pointer}.section-rect.interactive .user-input button{background:var(--w-900);color:var(--w-200);padding:.5rem 2.5rem;border-radius:99px;font-size:1rem;font-weight:600;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);transition:.3s}.section-rect.interactive .user-input button:hover{background:var(--w-800);color:var(--w-200)}.section-rect.interactive .user-input button:active{background:var(--w-700)}.section-rect.interactive .section-text{width:100%}.section-rect.interactive .section-text p{margin-bottom:3rem}.section-rect.interactive svg{width:100%;position:absolute;left:0;top:99.5%;overflow:visible;stroke-width:0}.section-rect.interactive svg #curve{fill:var(--b-600)}.section-rect.interactive-background{padding:0;height:6rem;background-color:var(--b-950);background:url(../img/noise.svg),var(--b-950);background-size:475px,cover;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1875)}@media (min-width:768px){.section-rect.interactive{flex-direction:row;margin-bottom:0;border-top-left-radius:2rem;border-top-right-radius:2rem}.section-rect.interactive .user-input{padding:4rem;min-width:540px;margin:-.5rem 8rem 2rem -7rem}.section-rect.interactive .section-text p{margin-bottom:1rem}.section-rect.interactive .corner-circle{position:absolute;right:-60px;top:-120px;width:240px;height:240px;background:var(--w-100);opacity:.05;border-radius:50%}.section-rect.interactive-background{height:11rem}}