{"css":".cf_invite_249_351 :focus {\n\toutline: 1px #42bdd1 dotted;\n\toutline-offset: 2px;\n}\n\n.cf_invite_249_351 .cf-invite {\n\tbox-sizing: border-box;\n\tposition: relative;\n\tz-index: 101;\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmax-width: 285px;\n\tborder-radius: 3px;\n\tfont-family: 'Helvetica';\n\tfont-size: 16px;\n\ttext-align: center;\n\theight: 120px;\n\toverflow: hidden;\n\tmargin-top: 52px;\n\tmargin-bottom: 135px;\n}\n\n.cf_invite_249_351 .cf-invite * {\n\tbox-sizing: inherit;\n}\n\n.cf_invite_249_351 .cf-invite__header {\n\n\tfont-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;\n\tfont-size: 16px;\n\tcolor: #343A40;\n\tfont-weight: 700;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tline-height: 24px;\n\ttext-transform: uppercase;\n\ttext-align: center;\n}\n\n.cf_invite_249_351 .cf-invite__title {\n\tfont-weight: bold;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n}\n\n.cf_invite_249_351 .cf-invite__content {\n\tflex: 1 1 auto;\n\tfont-size: 0;\n\toverflow: hidden;\n}\n\n\n.cf_invite_249_351 .cf-invite__content {\n\tborder-radius: 4px;\n\tmax-width: 166px;\n\theight: 44px;\n\tmargin: 0 auto;\n\tmargin-top: 24px;\n}\n\n.cf_invite_249_351 .cf-invite__content label {\n\tdisplay: inline-block;\n\twidth: 54px;\n\tfloat: left;\n\tborder: 1px solid rgba(90, 90, 92, 1);\n\tborder-right: 0px;\n\tcursor: pointer;\n\theight: 44px;\n}\n\n.cf_invite_249_351 .cf-invite__content label:nth-child(2) {\n\tborder-radius: 4px 0px 0px 4px;\n}\n\n.cf_invite_249_351 .cf-invite__content label:nth-child(6) {\n\tborder-radius: 0px 4px 4px 0px;\n\tborder-right: 1px solid rgba(90, 90, 92, 1);\n}\n\n.cf_invite_249_351 .cf-invite__content .smileys {\n\theight: 44px;\n\tpadding-top: 10px;\n}\n\n\n\n.cf_invite_249_351 .cf-invite__content input[name=\"helpful\"] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.cf_invite_249_351 .cf-invite__content input[type=\"radio\"]:checked+label .smileys {\n\tbackground-color: rgba(25, 137, 43, 1);\n}\n\n.cf_invite_249_351 label .smileys svg path.conture,\n.cf_invite_249_351 label .smileys svg g path.eyes,\n.cf_invite_249_351 label .smileys svg ellipse.eyes {\n\tfill: #3B3B3D;\n}\n\n.cf_invite_249_351 .cf-invite__content label .smileys svg path.mouth {\n\tfill: #27AA27;\n\tstroke: #27AA27;\n}\n\n.cf_invite_249_351 .cf-invite__content label .smileys svg circle.conture {\n\tstroke: #343A40;\n}\n\n.cf_invite_249_351 .cf-invite__content input[type=\"radio\"]:checked+label .smileys svg path.conture,\n.cf_invite_249_351 .cf-invite__content input[type=\"radio\"]:checked+label .smileys g path.eyes,\n.cf_invite_249_351 .cf-invite__content input[type=\"radio\"]:checked+label .smileys ellipse.eyes {\n\tfill: #ffffff;\n}\n\n.cf_invite_249_351 .cf-invite__content input[type=\"radio\"]:checked+label .smileys svg path.mouth {\n\tfill: #ffffff;\n\tstroke: #ffffff;\n}\n\n.cf_invite_249_351 .cf-invite__content input[type=\"radio\"]:checked+label .smileys svg circle.conture {\n\tstroke: #ffffff;\n}\n\n\n\n\n.cf_invite_249_351 .cf-invite__footer {\n\tdisplay: flex;\n\tflex: 0 0 auto;\n\tflex-direction: row-reverse;\n\tpadding: 16px;\n}\n\n.cf_invite_249_351 .cf-invite__button {\n\tmin-width: 68px;\n\theight: 28px;\n\tpadding: 0 8px;\n\tcolor: #fff;\n\ttext-align: center;\n\tvertical-align: middle;\n\tline-height: 28px;\n\tfont-size: 14px;\n\tcursor: pointer;\n\tborder: none;\n}\n\n.cf_invite_249_351 .cf-invite__button--accept {\n\tbackground: #4182BD;\n}\n\n.cf_invite_249_351 .cf-invite__button--decline {\n\tbackground: #F57500;\n\tmargin-right: 16px;\n}\n\n.cf_invite_249_351 .headers div {\n\twidth: 50%;\n\tfloat: left;\n\tfont-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;\n\tfont-size: 14px;\n\tcolor: #343A40;\n\tfont-weight: 400;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tline-height: 20px;\n\tpadding-top: 8px;\n}\n\n.cf_invite_249_351 .headers div.left {\n\ttext-align: left;\n}\n\n.cf_invite_249_351 .headers div.right {\n\ttext-align: right;\n}","html":"<aside class=\"cf_invite_249_351 cf-invite-wrapper\" aria-label=\"Feedback dialog\">\n\t<div class=\"cf-invite \">\n\t\t<div class=\"cf-invite__header\">\n\t\t\t<div class=\"cf-invite__title\">HOW HELPFUL WAS THIS PAGE?</div>\n\t\t</div>\n\t\t<div class=\"cf-invite__content\">\n\n\t\t\t<input type=\"radio\" id=\"qsi1\" name=\"helpful\" value=\"1\" aria-label=\"Not very helpful\" />\n\t\t\t<label for=\"qsi1\">\n                        <div class=\"smileys\" id=\"qs1\">\n                            <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <circle class=\"conture\" cx=\"12.5\" cy=\"12\" r=\"11.5\" />\n                                <ellipse class=\"eyes\" cx=\"8.5\" cy=\"9.5\" rx=\"1\" ry=\"1.5\" />\n                                <ellipse class=\"eyes\" cx=\"16.5\" cy=\"9.5\" rx=\"1\" ry=\"1.5\" />\n                                <path class=\"mouth\"\n                                    d=\"M8.02711 18C7.856 18 7.69561 17.9214 7.59675 17.789C7.49788 17.6566 7.473 17.4869 7.53038 17.3342C8.27358 15.3363 10.2653 14 12.5001 14C14.7349 14 16.7267 15.3363 17.4699 17.3342C17.5269 17.4869 17.502 17.6566 17.4035 17.789C17.3046 17.9214 17.1442 18 16.9731 18H8.02711Z\" />\n                            </svg>\n\n                        </div>\n                    </label>\n\n\t\t\t<input type=\"radio\" id=\"qsi2\" name=\"helpful\" value=\"2\" aria-label=\"Somewhat helpful\" />\n\t\t\t<label for=\"qsi2\">\n                        <div class=\"smileys\" id=\"qs2\">\n                            <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <circle class=\"conture\" cx=\"12.5\" cy=\"12\" r=\"11.5\" />\n                                <ellipse class=\"eyes\" cx=\"8.5\" cy=\"9.5\" rx=\"1\" ry=\"1.5\" />\n                                <ellipse class=\"eyes\" cx=\"16.5\" cy=\"9.5\" rx=\"1\" ry=\"1.5\" />\n                                <path class=\"mouth\" d=\"M7.5 16H17.5\" stroke-width=\"1.3\" stroke-linecap=\"round\" />\n                            </svg>\n\n                        </div>\n                    </label>\n\t\t\t<input type=\"radio\" id=\"qsi3\" name=\"helpful\" value=\"3\" aria-label=\"Very helpful\" />\n\t\t\t<label for=\"qsi3\">\n                        <div class=\"smileys\" id=\"qs3\">\n                            <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <g clip-path=\"url(#clip0_13021_1209)\">\n                                    <path class=\"conture\"\n                                        d=\"M12.4999 0.0664062C5.91991 0.0664062 0.566406 5.41991 0.566406 11.9999C0.566406 18.5799 5.91991 23.9339 12.4999 23.9339C19.0799 23.9339 24.4334 18.5804 24.4334 11.9999C24.4334 5.41941 19.0799 0.0664062 12.4999 0.0664062ZM12.4999 22.9339C6.47091 22.9339 1.56641 18.0284 1.56641 11.9999C1.56641 5.97141 6.47091 1.06641 12.4999 1.06641C18.5284 1.06641 23.4334 5.97191 23.4334 11.9999C23.4334 18.0279 18.5284 22.9339 12.4999 22.9339Z\">\n                                    </path>\n                                    <path class=\"eyes\"\n                                        d=\"M16.9434 8.45141C15.7639 8.45141 14.7069 9.19841 14.3154 10.3099C14.2234 10.5699 14.3604 10.8559 14.6209 10.9474C14.8789 11.0414 15.1679 10.9034 15.2584 10.6419C15.5094 9.92991 16.1859 9.45141 16.9429 9.45141C17.6989 9.45141 18.3754 9.92991 18.6264 10.6419C18.6989 10.8479 18.8919 10.9759 19.0979 10.9759C19.1524 10.9759 19.2094 10.9669 19.2639 10.9474C19.5244 10.8554 19.6614 10.5694 19.5694 10.3099C19.1784 9.19841 18.1229 8.45141 16.9434 8.45141Z\">\n                                    </path>\n                                    <path class=\"eyes\"\n                                        d=\"M8.05691 8.45141C6.87791 8.45141 5.82141 9.19841 5.42891 10.3099C5.33691 10.5699 5.47391 10.8559 5.73391 10.9474C5.78891 10.9669 5.84541 10.9759 5.90041 10.9759C6.10641 10.9759 6.29941 10.8479 6.37191 10.6419C6.62341 9.92991 7.29991 9.45141 8.05641 9.45141C8.81241 9.45141 9.48941 9.92991 9.74141 10.6429C9.83341 10.9034 10.1199 11.0404 10.3789 10.9474C10.6394 10.8544 10.7759 10.5694 10.6834 10.3089C10.2919 9.19741 9.23591 8.45141 8.05691 8.45141Z\">\n                                    </path>\n                                    <path class=\"mouth\"\n                                        d=\"M6.02991 14.2864C5.78241 14.2864 5.55041 14.4064 5.40741 14.6084C5.26441 14.8104 5.22841 15.0694 5.31141 15.3024C6.38641 18.3509 9.26741 20.3899 12.4999 20.3899C15.7324 20.3899 18.6134 18.3509 19.6884 15.3024C19.7709 15.0694 19.7349 14.8104 19.5924 14.6084C19.4494 14.4064 19.2174 14.2864 18.9699 14.2864H6.02991Z\">\n                                    </path>\n                                </g>\n                                <defs>\n                                    <clipPath id=\"clip0_13021_1209\">\n                                        <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5)\"></rect>\n                                    </clipPath>\n                                </defs>\n                            </svg>\n\n                        </div>\n                    </label>\n\n\t\t</div>\n\n\t\t<div class=\"headers\">\n\t\t\t<div class=\"left\">Not very helpful</div>\n\t\t\t<div class=\"right\">Very helpful</div>\n\t\t</div>\n\t</div>\n</aside>"}