.project-description-field{flex-direction:column;gap:2.4rem;display:flex}.project-description-field__title{color:#1f2933;margin:0;font-size:1.4rem;font-weight:600}@media (min-width:768px){.project-description-field__title{font-size:1.6rem}}.project-description-field__helper{color:#4b5563;margin:0;font-size:1.4rem;line-height:1.6}.project-description-field__textarea{color:#1f2933;resize:vertical;background-color:#f7f7f5;border:1px solid #d6d0c4;border-radius:.375rem;min-height:120px;padding:1.6rem;font-family:inherit;font-size:1.4rem;transition:all .2s}@media (min-width:768px){.project-description-field__textarea{font-size:1.6rem}}.project-description-field__textarea:focus{background-color:#fff;border-color:#6b8f71;outline:none}.project-description-field__textarea.error{background-color:snow;border-color:#dc645a}.project-description-field__textarea.error:focus{border-color:#dc645a;box-shadow:0 0 0 2px #dc645a33}.project-description-field__textarea::placeholder{color:#4b556380}.project-description-field__error-message{color:#dc645a;margin-top:-8px;margin-bottom:4px;font-size:1.4rem;font-weight:500}.project-description-field__dimensions{margin-top:2.4rem}.project-description-field__dimensions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.6rem;display:flex}.project-description-field__dimensions-title{color:#1f2933;background:#fff;border-radius:.125rem;margin:0;padding:.4rem .8rem;font-size:1.4rem;font-weight:500}.project-description-field__dimensions-toggle{color:#6b8f71;cursor:pointer;background:#fff;border:1px solid #6b8f714d;border-radius:20px;padding:6px 16px;font-size:1.4rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.project-description-field__dimensions-toggle:hover{color:#fff;background:#6b8f71;border-color:#6b8f71;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.project-description-field__dimensions-toggle:active{box-shadow:none;transform:translateY(0)}.project-description-field__dimensions-inputs{margin-top:1.6rem}.project-description-field__dimensions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.6rem;display:grid}@media (max-width:575px){.project-description-field__dimensions-grid{grid-template-columns:1fr}}@container estimate-form (max-width:500px){.project-description-field__dimensions-grid{grid-template-columns:1fr}}.project-description-field__dimensions-field{flex-direction:column;gap:.4rem;display:flex}.project-description-field__dimensions-label{color:#1f2933;font-size:1.4rem;font-weight:500}.project-description-field__dimensions-input{color:#1f2933;background-color:#f7f7f5;border:1px solid #d6d0c4;border-radius:.25rem;padding:.8rem 1.6rem;font-size:16px;transition:border-color .2s}@media (min-width:768px){.project-description-field__dimensions-input{font-size:1.6rem}}.project-description-field__dimensions-input:focus{border-color:#6b8f71;outline:none}.project-description-field__dimensions-input::placeholder{color:#4b556380}.project-description-field__dimensions-note{color:#4b5563;margin-top:1.6rem;margin-bottom:0;font-size:1.2rem}.required-mark{color:#c24141}
