{"html":"

\n \n

\n\n How did we do?\n\n

\n Please let us know how we did with your support request. All feedback is\n appreciated to help us improve our offering!\n

\n\n

\n \n 1\n \n 2\n \n 3\n \n 4\n \n 5\n

\n\n \n

\n","css":".content-wrapper .content {\n background-color: hsl(213, 19%, 18%);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n color: hsl(0, 0%, 100%);\n width: 20rem;\n height: 20rem;\n padding: 20px;\n border-radius: 30px;\n}\n\n.rating-star {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: hsl(217, 12%, 63%, 0.4);\n border-radius: 50%;\n}\n.rating-star img {\n width: 15px;\n}\n\n.title {\n font-size: 20px;\n font-weight: 700;\n}\n.text {\n font-size: 15px;\n font-weight: 400;\n line-height: 1.3;\n color: hsl(217, 12%, 63%);\n}\n.rating {\n display: flex;\n justify-content: space-between;\n}\n.rating label {\n cursor: pointer;\n width: 40px;\n height: 40px;\n background-color: hsla(217, 12%, 63%, 0.4);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 400;\n}\n.rating label:hover {\n color: hsl(213, 19%, 18%);\n background-color: hsl(0, 0%, 100%);\n}\n\n.rating input[type=\"radio\"] {\n display: none;\n}\n\n.rating input[type=\"radio\"]:checked + label {\n background-color: hsl(25, 97%, 53%);\n color: var(--Dark-Blue);\n font-weight: 400;\n}\n.button {\n background-color: hsl(25, 97%, 53%);\n color: hsl(213, 19%, 18%);\n font-weight: 700;\n text-transform: uppercase;\n width: 100%;\n padding: 10px;\n border-radius: 30px;\n border: none;\n}\n\n.button:hover {\n background-color: hsl(0, 0%, 100%);\n}\n\n.center {\n display: flex;\n align-items: center;\n text-align: center;\n}\n\n.select {\n color: hsl(25, 97%, 53%);\n background: hsl(217, 12%, 63%);\n border-radius: 30px;\n padding: 4px 20px;\n}\n"}

nice-sloth-46

👁 实时预览

📝 源代码