.calculator{max-width:1200px;margin:200px auto;background:linear-gradient(96deg,#422e66 1.79%,#2c2343 96.96%);border-radius:30px;padding:45px}.section{display:flex;align-items:center}.subsection-1{background:#fff;border-radius:20px}#attribute08{width:100%;border:.84px solid #d2c4ec;padding:10px 25px 10px 70px;border-radius:8px}.subsection-2>.inputs{background:#fff;padding:45px;border-radius:0;border-top-right-radius:20px;border-bottom-right-radius:20px}output#bubble{top:-8px;padding:10px 15px;background:#f0edf6;border-radius:8px;font-size:12px;font-weight:500;line-height:19.2px;letter-spacing:.02em;text-align:left;color:#470cad;position:relative}input[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:2px solid #f2ebff;border-radius:8px;background:linear-gradient(270deg,#c6a5ff 69.09%,#5506dd 90.51%);height:8px}input[type="range"]{appearance:none;-webkit-appearance:none}input[type="radio"],input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background-color:transparent;position:relative;top:-1px}input[type="radio"]:checked::before,input[type="checkbox"]:checked::before{content:"";display:block;width:12px;height:12px;background-color:#470cad;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:9px;background:#5506dd;position:relative;top:-7px}.subsection-1{width:60%}.subsection-2{width:40%}.subsection-2 h1{font-family:"Manrope",sans-serif;font-size:46px;font-weight:600;line-height:52px;letter-spacing:.01em;text-align:left;padding:45px;color:#fff;margin:0}.subsection-2 h1>span{font-weight:700}.subsection-1 .inputs>div>label{border:1px solid #d2c4ec;font-family:Gilroy;font-size:13px;font-weight:400;line-height:20.8px;letter-spacing:.01em;text-align:left;color:#4c4a58;padding:4px 10px;border-radius:6px;display:flex;align-items:center}.subsection-1 .inputs>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.subsection-1 .inputs>div>p{color:#3f3756;font-family:"Manrope",sans-serif;font-size:14px;font-weight:600;line-height:22.4px;letter-spacing:.01em;text-align:left;margin:0;padding:0 0 10px 0}.range *{width:100%}.subsection-1 .inputs>div>label>input[type="text"]{border:none;outline:none;padding:0 5px}.subsection-1 .inputs>div>label>input[type="text"]:focus::placeholder{color:transparent!important}.subsection-1 .inputs>div>label>input[type="text"]:focus{font-family:Gilroy;font-size:13px;font-weight:400;line-height:20.8px;letter-spacing:.01em;text-align:left;color:#4c4a58}.subsection-1 .inputs{border-bottom:1px solid #eae0ff;padding:20px 45px}input{outline:none}.subsection-1 .inputs:last-child{border:none}.inputcurrency{margin:50px 45px 0 45px}.inputs.range{padding:10px 45px 30px 45px}.subsection-2 .inputs label{text-transform:uppercase;display:flex;flex-direction:column;color:#6647bd;font-family:Gilroy;font-size:12px;font-weight:500;line-height:17.7px;letter-spacing:.01em;text-align:left;margin:0 0 20px 0}.subsection-2 .inputs>label>input{border:.84px solid #d2c4ec;padding:10px 25px;border-radius:8px}.inputcurrency{background:#f5f0ff;width:fit-content;padding:4px 15px;border-radius:8px;color:#b19ed3}@media screen and (max-width:768px){.calculator{width:calc(100% - 32px);margin:auto;padding:20px}.section{flex-direction:column;background:#fff;border-radius:20px;overflow:hidden}.subsection-1,.subsection-2{width:100%}.inputs.range{padding:20px}.subsection-1 .inputs{padding:20px}.subsection-2 h1{display:none}.subsection-2>.inputs{padding:20px}.inputcurrency{margin:50px 27px 0 20px}}.inputcurrency label{cursor:pointer}