@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Jost:ital,wght@0,100..900;1,100..900&display=swap";body{background-color:#f7f8fd;color:#373f68;display:grid}form{background-color:#fff;padding:2rem;margin:1rem;border-radius:6px;width:80%}input,select{background-color:#f2f4ff;border-style:none;width:80%;padding:.5rem;border-radius:6px}Link{text-decoration:none}textarea{background-color:#f7f8fd;width:90%;border-style:none;border-radius:6px;padding:.5rem}#plusIcon{border-radius:10%;padding:.5rem;width:2rem;height:2rem;position:absolute;top:20px}#buttonContainer{display:flex;flex-direction:row-reverse;gap:.5rem;align-items:self-start;width:100%}form button{width:50%;min-width:105px}.cancelButton{background-color:#373f68;color:#fff}.cancelButton:hover{background-color:#656ea3;color:#fff}.goBack{text-decoration:none;color:#373f68}.goBack:hover{text-decoration:underline}#formContainer{grid-area:formContainer;height:100%}option:hover,option:focus{background:plum}@media (min-width:440px){.NewFeedback{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:". formContainer ." ". formContainer ." ". formContainer ." ". formContainer ." ". formContainer ." ". formContainer ." ". . .";grid-gap:2rem;margin:16px;padding:8px;align-items:center;min-height:100vh}#buttonContainer{flex-direction:row-reverse;justify-content:end;width:100%}form button{width:25%}#plusIcon{border-radius:100%;padding:.5rem;width:2rem;height:2rem;position:absolute;top:40px}}@media (min-width:1025px){.NewFeedback{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:".   . . ." ". formContainer formContainer ." ". formContainer formContainer ." ". formContainer formContainer ." ". formContainer formContainer ." ". formContainer formContainer ." ". . . .";grid-gap:2rem;margin:16px;padding:8px;align-items:center}#plusIcon{border-radius:100%;padding:.5rem;width:2rem;height:2rem;position:absolute;top:120px}}:root{font-family:jost,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;place-items:center;min-height:100vh}body{background-color:#f2f4ff;margin:0}h1{font-family:jost bold;font-size:24px;line-height:35px;word-spacing:.33}h2{font-family:jost bold;font-size:20px;line-height:29px;word-spacing:.25}h3{font-family:jost bold;font-size:18px;line-height:26px;word-spacing:.25}h4{font-family:jost bold;font-size:14px;line-height:20px;word-spacing:.2}button{border-radius:6px;border-style:none;padding:.5rem}.logo{background-image:url(/assets/background-header-DDvzqi6y.png);color:#fff;width:100%;padding:.5rem;background-size:cover}.suggestionsHeader{background-color:#373f68;color:#fff;display:flex;flex-direction:row;place-items:center;justify-content:space-evenly;background-size:cover;width:100%;padding:.5rem}.filterContainer{background-color:#fff;display:block;padding:.5rem;width:100%}.filterContainer button{background-color:#f2f4ff;color:#4661e6;margin:.5rem}.filterContainer button:focus{background-color:#4661e6;color:#fff;margin:.5rem}.filterContainer button:hover{background-color:#7c91f9;color:#fff;margin:.5rem}.addFeedback{background-color:#ad1fea;color:#fff;align-self:flex-end}.addFeedback:hover{background-color:#c75af6;color:#fff;align-self:flex-end}.suggestionsContainer{max-width:370px;margin:2rem auto}.suggestionCard{background-color:#fff;padding:2rem;margin:1rem;border-radius:6px;width:80%}.cardCategoryButton{background-color:#f2f4ff;color:#4661e6}.logo{grid-area:logo}.suggestionHeader{grid-area:suggestionHeader}.filterContainer{grid-area:filterContainer}.suggestionsContainer{grid-area:suggestionsContainer}@media (min-width:440px){.logo{background-image:url(/assets/background-header-m6w4jxxU.png);width:100%;height:100%;background-size:cover}.Home{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:"logo filterContainer ." "logo filterContainer ." "suggestionsHeader suggestionsHeader suggestionsHeader" "suggestionsContainer suggestionsContainer suggestionsContainer" "suggestionsContainer suggestionsContainer suggestionsContainer" "suggestionsContainer suggestionsContainer suggestionsContainer" "suggestionsContainer suggestionsContainer suggestionsContainer";grid-gap:2rem;margin:16px;padding:8px;align-items:center;min-height:100vh}.logo{grid-area:logo;border-radius:6px}.suggestionsHeader{grid-area:suggestionsHeader;border-radius:6px}.filterContainer{grid-area:filterContainer;border-radius:6px;width:100%;height:100%}.suggestionsContainer{grid-area:suggestionsContainer;width:100%}}@media (min-width:1025px){.logo{background-image:url(/assets/background-header-CA3RU1j_.png);border-radius:6px;background-repeat:no-repeat;width:100%}.Home{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:"logo   suggestionsHeader suggestionsHeader suggestionsHeader" "logo  suggestionsContainer suggestionsContainer suggestionsContainer" "filterContainer suggestionsContainer suggestionsContainer suggestionsContainer" "filterContainer suggestionsContainer suggestionsContainer suggestionsContainer" ". suggestionsContainer suggestionsContainer suggestionsContainer" ". suggestionsContainer suggestionsContainer suggestionsContainer" ". suggestionsContainer suggestionsContainer suggestionsContainer";grid-gap:2rem;margin:16px;padding:8px;align-items:center}.logo{grid-area:logo}.suggestionsHeader{grid-area:suggestionsHeader;width:100%;border-radius:6px}.filterContainer{grid-area:filterContainer;border-radius:6px}.suggestionsContainer{grid-area:suggestionsContainer;width:80%}}@media (min-width:1500px){.logo{background-image:url(/assets/background-header-CA3RU1j_.png);border-radius:6px;background-repeat:no-repeat}.Home{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:"logo   suggestionsHeader suggestionsHeader suggestionsHeader suggestionsHeader" "logo  suggestionsContainer suggestionsContainer suggestionsContainer suggestionsContainer" "filterContainer suggestionsContainer suggestionsContainer suggestionsContainer suggestionsContainer" "filterContainer suggestionsContainer suggestionsContainer suggestionsContainer suggestionsContainer" ". suggestionsContainer suggestionsContainer suggestionsContainer suggestionsContainer" ". suggestionsContainer suggestionsContainer suggestionsContainer suggestionsContainer" ". suggestionsContainer suggestionsContainer suggestionsContainer suggestionsContainer";grid-gap:2rem;margin:16px;padding:8px;align-items:center}.logo{grid-area:logo}.suggestionsHeader{grid-area:suggestionsHeader;width:100%;border-radius:6px}.filterContainer{grid-area:filterContainer;border-radius:6px}.suggestionsContainer{grid-area:suggestionsContainer}}