.custom-pricing-form{margin:2rem 0;padding:2rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:8px;background-color:rgba(var(--color-background),.5)}.custom-pricing-form h3{margin:0 0 1.5rem;font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground))}.custom-pricing-form .form-group{margin-bottom:1.5rem}.custom-pricing-form .form-group:last-child{margin-bottom:0}.custom-pricing-form label{display:block;margin-bottom:.5rem;font-weight:500;color:rgb(var(--color-foreground))}.custom-pricing-form input,.custom-pricing-form select{width:100%;padding:.75rem;border:1px solid rgba(var(--color-foreground),.3);border-radius:4px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;transition:border-color .3s ease}.custom-pricing-form input:focus,.custom-pricing-form select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 2px rgba(var(--color-button),.1)}.custom-pricing-form .pricing-result{margin-top:1.5rem;padding:1rem;background-color:rgba(var(--color-button),.1);border-radius:4px;text-align:center}.custom-pricing-form .pricing-result h4{margin:0 0 .5rem;font-size:1.6rem;color:rgb(var(--color-foreground))}.custom-pricing-form .pricing-result .total-price{font-size:2.4rem;font-weight:700;color:rgb(var(--color-button));margin:0}.custom-pricing-form .pricing-breakdown{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--color-foreground),.1);font-size:1.2rem;color:rgba(var(--color-foreground),.75)}.custom-pricing-form .pricing-breakdown div{display:flex;justify-content:space-between;margin-bottom:.25rem}.custom-pricing-form .pricing-breakdown div:last-child{margin-bottom:0;font-weight:600;font-size:1.4rem;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.custom-pricing-form{padding:2.5rem}.custom-pricing-form .form-row{display:flex;gap:1rem}.custom-pricing-form .form-row .form-group{flex:1}}.custom-pricing-form.loading{opacity:.7}.custom-pricing-form.loading .pricing-result{background-color:rgba(var(--color-foreground),.05)}.custom-pricing-form .error{color:#d32f2f;border-color:#d32f2f}.custom-pricing-form .error-message{color:#d32f2f;font-size:1.2rem;margin-top:.5rem;display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-pricing-form.css.map */