:root{--cf-primary:var(--wp--preset--color--primary,#db2777);--cf-grad-from:#a855f7;--cf-grad-to:#06b6d4}#react-calc-forms h3{margin-bottom:.25rem}.cf-grid{display:grid;gap:.5rem;grid-template-columns:repeat(3,auto);padding:.5rem 0}.cf-shape-input{display:none}.cf-shape-label{box-shadow:inset 0 0 0 4px var(--cf-primary);cursor:pointer;display:block;font-size:.75rem;position:relative}.cf-shape-label--round{border-radius:9999px;height:5rem;width:5rem}.cf-shape-label--round:after{align-items:center;color:#fff;content:attr(data-diameter);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.cf-shape-label--square{border-radius:.375rem;height:5rem;width:5rem}.cf-shape-label--square:before{padding-bottom:1.5rem;transform:translateX(50%) rotate(-90deg)}.cf-shape-label--square:after,.cf-shape-label--square:before{align-items:center;color:#fff;content:attr(data-side);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.cf-shape-label--square:after{padding-bottom:.25rem}.cf-shape-label--rect{border-radius:.375rem;height:5rem;width:7rem}.cf-shape-label--rect:before{align-items:center;content:attr(data-short);padding-bottom:1.5rem;transform:translateX(50%) rotate(-90deg)}.cf-shape-label--rect:after,.cf-shape-label--rect:before{color:#fff;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.cf-shape-label--rect:after{align-items:flex-end;content:attr(data-long);padding-bottom:.25rem}.cf-shape-input:checked+.cf-shape-label{background:linear-gradient(to bottom right,var(--cf-grad-from),var(--cf-grad-to));box-shadow:inset 0 0 0 4px #fff,0 20px 25px -5px rgba(0,0,0,.5)}.cf-inputs{margin:1.5rem 0}.cf-input-wrap{margin-bottom:-1rem;position:relative}.cf-text-input{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;display:block;font-size:1rem;padding:.5rem .75rem;width:100%}.cf-text-input:focus{border-color:#a5b4fc;outline:2px solid rgba(165,180,252,.5);outline-offset:0}.cf-range-input{accent-color:var(--cf-primary);margin-bottom:-1rem;position:relative;top:-1rem;width:100%}.cf-divider{margin:1rem 0}.cf-result{background:linear-gradient(to right,var(--cf-grad-from),var(--cf-grad-to));border-radius:.375rem;color:#fff;padding:1.25rem}.cf-result-value{font-size:1.875rem;font-weight:700}