.ccpw_calculator .ccpw-Converter{background-color:#f8f8f8;color:var(--clr-font);padding:1em 2em}.ccpw_calculator .converter-form{display:flex;justify-content:center;margin-top:1em}.ccpw_calculator .converter-form .form-quantity,.ccpw_calculator .converter-form .form-select{border:1px solid #ddd;padding:0 1em}.ccpw_calculator .form-quantity:focus,.ccpw_calculator .form-select:focus{outline:0}.ccpw_calculator .converter-form .form-quantity{border-radius:10px;background-color:#fff;color:#495057;width:150px}.ccpw_calculator .form-select{width:300px}.ccpw_calculator .converter-form .btn-swap{background-color:#3384e4;cursor:pointer;border:none;color:#fff;border-radius:10px;padding:.6em 1em;margin:0 .4em;font-size:1rem}.ccpw_calculator .results{display:flex;justify-content:center;gap:2em;margin-top:1em;font-weight:600}.ccpw_calculator .converter-form>*{margin:0 5px}.ccpw_calculator .converter-form .btn-swap{margin:0;padding:.375rem .75rem;display:flex;align-self:center;align-items:center}.ccpw_calculator .converter-form .btn-swap svg{height:16px;width:16px}.ccpw_calculator .converter-form>[class^=" css-"]{width:200px}.ccpw_calculator .converter-form .form-quantity{border-radius:4px;min-height:50px;margin-bottom:0!important;background:#fff}.ccpw_calculator .converter-form .form-quantity:focus{border-color:#2684ff;border-width:2px}.ccpw_vrtcl-calculator .converter-form{flex-direction:column;align-items:center}.ccpw_vrtcl-calculator .converter-form>*{margin:5px 0}.ccpw_calculator .converter-form>[class^=" css-"],.ccpw_vrtcl-calculator .converter-form .form-quantity{width:100%}.ccpw_vrtcl-calculator .converter-form .form-quantity{padding:.5em}.ccpw_vrtcl-calculator .converter-form .btn-swap{transform:rotate(90deg);padding:.75rem .375rem}.ccpw_vrtcl-calculator .converter-form .btn-swap svg{height:20px;width:20px}@media screen and (max-width:767px){.ccpw_calculator .converter-form{flex-direction:column;align-items:center}.ccpw_calculator .converter-form>*{margin:5px 0}.ccpw_calculator .converter-form .form-quantity,.ccpw_calculator .converter-form>[class^=" css-"]{width:100%}.ccpw_calculator .converter-form .form-quantity{padding:.5em}.ccpw_calculator .converter-form .btn-swap{transform:rotate(90deg);padding:.75rem .375rem}.ccpw_calculator .converter-form .btn-swap svg{height:20px;width:20px}}