#project-request-modal{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#project-request-modal .text-area>h2{font-weight:400;display:flex;justify-content:space-between;font:var(--font_16)}#project-request-modal .text-area>h2>span{color:var(--color_gray_20);font:var(--font_14)}#project-request-modal .text-area>h2>span.errored{color:rgb(var(--colors_red))}#project-request-modal .form{position:relative;background:var(--color_white);width:100%;max-width:600px;border-radius:10px;max-height:100%;height:fit-content;grid-template-columns:repeat(2,1fr);gap:20px;display:flex;flex-direction:column}@media screen and (max-width:768px){#project-request-modal .form{gap:10px}}#project-request-modal .form .form-head{padding:30px 30px 0}#project-request-modal .form .close-button{cursor:pointer;background:var(--color_accent3);color:var(--color_black);display:flex;align-items:center;justify-content:center;border:0;border-radius:100%;width:25px;height:25px;position:absolute;top:3px;right:3px}#project-request-modal .form .header{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;gap:10px}#project-request-modal .form .header>span{color:var(--color_dark_grey)}#project-request-modal .form .header>h2{font:var(--font_25)}@media screen and (max-width:768px){#project-request-modal .form .header{flex-direction:column;gap:10px;align-items:start}}#project-request-modal .form .price-container{grid-column:span 2;display:flex;flex-direction:column;gap:12px}#project-request-modal .form .price-container .price-container-label{display:block;font-size:16px;color:var(--color_black)}#project-request-modal .form .price-container .price-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}@media screen and (max-width:640px){#project-request-modal .form .price-container .price-options{display:flex;flex-direction:column}}#project-request-modal .form .price-container.single-option .price-options{grid-template-columns:1fr;justify-items:start;max-width:280px}#project-request-modal .form .price-container .price-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;text-align:left;background:var(--color_white);border:1px solid var(--color_light_grey);border-radius:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s;width:100%}#project-request-modal .form .price-container .price-option.full{grid-column:span 3}#project-request-modal .form .price-container .price-option.two{grid-column:span 2}#project-request-modal .form .price-container .price-option:hover{border-color:var(--color_accent);background:color-mix(in srgb,var(--color_accent) 8%,transparent)}#project-request-modal .form .price-container .price-option.active{border-color:var(--color_accent);background:color-mix(in srgb,var(--color_accent) 12%,transparent);box-shadow:0 0 0 1px var(--color_accent);cursor:default}#project-request-modal .form .price-container .price-option .price-option-name{font:var(--font_15);font-weight:600;color:var(--color_black)}#project-request-modal .form .price-container .price-option .price-option-value{font:var(--font_14);color:var(--color_dark_grey)}#project-request-modal .form .price-container .price-option.active .price-option-value{color:var(--color_accent);font-weight:500}#project-request-modal .form .other{grid-column:span 2;display:flex;flex-direction:column;gap:20px}#project-request-modal .form .selected-value-label{font:var(--font_16)}#project-request-modal .form-request{grid-column:span 2;height:fit-content;width:100%;display:flex;flex-direction:column;overflow:scroll;gap:10px;padding:0 30px 30px}
