CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <title>New Issue | webcompat.com</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Open source community for web compatibility. Report bugs from websites or for browsers and help us move the web forward."> <link rel="shortcut icon" href="/favicon.ico"> <link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Source+Sans+Pro:300,400" rel="stylesheet"> <link href="/dist/webcompat.css" type="text/css" rel="stylesheet"> </head> <body id="body-webcompat" data-username=""> <svg class="is-hidden" xmlns="http://www.w3.org/2000/svg"> <symbol id="svg-arrow-down" viewBox="0 0 24 24"><title>arrow-down</title><path d="M18.7 13.3c-.4-.4-1-.4-1.4 0L13 17.6V4c0-.6-.4-1-1-1s-1 .4-1 1v13.6l-4.3-4.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l6 6c.1.1.2.2.3.2.1.1.3.1.4.1s.3 0 .4-.1c.1-.1.2-.1.3-.2l6-6c.4-.4.4-1 0-1.4z"/> </symbol> <symbol id="svg-arrow" viewBox="0 0 32 32"><title>arrow</title><path d="M15.991 30.982c8.285 0 15-6.716 15-15s-6.715-15-15-15C7.708.982.992 7.698.992 15.982s6.716 14.999 14.999 14.999zm1.031-24.771l.058.045c.034.028.069.06.102.094l.004.003 7.495 7.495a1.688 1.688 0 1 1-2.386 2.388L17.68 11.62v12.801a1.688 1.688 0 0 1-3.375 0V11.62l-4.616 4.615a1.686 1.686 0 1 1-2.387-2.386l7.497-7.496a1.34 1.34 0 0 1 .153-.134c.012-.009.026-.02.038-.027a1.678 1.678 0 0 1 2.005 0l.027.021z"/> </symbol> <symbol id="svg-at-sign" viewBox="0 0 24 24"><title>at-sign</title><path d="M12 1C9.1 1 6.3 2.1 4.2 4.2S1 9.1 1 12c0 6.1 4.9 11 11 11 2.4 0 4.8-.8 6.7-2.3.4-.3.5-1 .2-1.4s-1-.5-1.4-.2C15.9 20.3 14 21 12 21c-5 0-9-4-9-9 0-2.4.9-4.7 2.6-6.4S9.6 3 12 3c5 0 9 4 9 9v1c0 1.1-.9 2-2 2s-2-.9-2-2v-1c0-2.8-2.2-5-5-5s-5 2.2-5 5 2.2 5 5 5c1.5 0 2.8-.7 3.7-1.7.7 1 1.9 1.7 3.3 1.7 2.2 0 4-1.8 4-4v-1c0-6.1-4.9-11-11-11zm0 14c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"/> </symbol> <symbol id="svg-bug-animated" viewBox="0 0 47 65"><g stroke="#505050" stroke-width="4" fill="none" fill-rule="evenodd"><path d="M26.043 27.063S15.916 8.44 7.151 9.38c-4.616.495-5.442 5.373-4.33 8.985 1.153 3.748 6.407 10.243 15.77 9.497l7.452-.8"/><path d="M26.55 27.341S8.88 15.63 10.58 6.98c.896-4.555 5.828-4.953 9.33-3.53 3.632 1.475 9.644 7.275 8.085 16.537l-1.447 7.354zm.018 6.42s.444 5.972 4.188 6.824c0 0-1.618 6.516-9.049 9.02-10.911 3.678-14.226-.768-14.738-3.56-1.215-6.623 6.375-11.92 10.724-12.661 6.434-1.096 8.875.376 8.875.376zM38.35 37.68c-3.573 0-6.47-3.106-6.47-6.936 0-3.831 2.897-6.936 6.47-6.936 3.574 0 6.471 3.105 6.471 6.936 0 3.83-2.897 6.936-6.47 6.936z" fill="#FFC900"/><path d="M27.66 43.814l7.145 3.992 1.775 6.511M21.435 48.717l5.695 5.689-.327 6.597M14.568 51.07l1.052 7.527-4.561 4.851"/></g> </symbol> <symbol id="svg-bug" viewBox="0 0 32 32"><title>bug</title><path d="M30.976 17.872V16h-5.653c-.172-2.127-.93-4.066-2.097-5.623h4.736l2.05-8.197-1.816-.455-1.694 6.778h-5.109l-.079-.06a5.568 5.568 0 0 0 .303-1.82c0-3.094-2.514-5.601-5.616-5.601s-5.616 2.508-5.616 5.601a5.6 5.6 0 0 0 .303 1.82l-.079.06H5.5L3.806 1.725 1.99 2.18l2.05 8.197h4.736C7.61 11.934 6.852 13.874 6.679 16H1.026v1.872h5.655c.11 1.335.453 2.598.985 3.736H4.04l-2.05 8.197 1.816.455L5.5 23.482h3.287c1.717 2.282 4.311 3.736 7.214 3.736s5.498-1.454 7.215-3.736h3.287l1.694 6.778 1.816-.455-2.05-8.197h-3.626c.53-1.138.872-2.402.985-3.736h5.655z"/> </symbol> <symbol id="svg-bulb" viewBox="0 0 160 447"><g fill="none" fill-rule="evenodd"><path d="M3.774 378.677c3.611 38.37 30.935 65.26 76.317 65.26 45.383 0 72.706-26.89 76.318-65.26 2.826-38.843-10.05-50.951-27.167-75.955-5.496-7.863-8.95-16.512-11.149-24.689 0 0-51.664.63-51.82 0H42.246c-2.199 8.177-5.654 16.826-11.15 24.69-17.273 25.003-30.15 37.111-27.323 75.954z" stroke="#505050" stroke-width="5.5"/><path d="M124.57 371.852c-.436-.653-.87-1.089-1.522-5.007L96.312 285c-2.826.435-1.74.435-2.826.435H91.53c-1.304.436-.87 1.96-.435 3.265l25.214 76.84c-6.086-3.048-13.694-4.354-19.997-2.395-1.304.435-2.609 1.088-3.695 1.741l-10.651-3.265c-4.565 0-9.13 1.524-12.39 4.136-1.956-1.088-4.13-1.741-6.521-2.394-7.173-1.742-13.477-1.307-18.693 1.306l24.78-75.75c.434-1.307.869-3.484.651-3.484-5.651-.217-5.651.218-5.434 1.742l-27.17 83.151c-.218.218-.435.435-.653.87-.869 1.09-.652 2.613.435 3.484 1.087.87 2.609.653 3.478-.436 5-6.312 12.172-8.271 21.302-5.877 1.087.218 2.608.653 4.13 1.524-1.522 2.394-2.391 5.224-2.174 7.836.217 5.66 2.174 9.578 5.217 11.101 1.739.871 3.695.871 5.434-.217 2.608-1.742 3.912-5.878 3.478-11.102-.218-3.265-1.74-6.095-4.13-8.489 4.13-2.612 10.433-2.83 14.998-.435-1.739 2.394-2.608 5.442-2.826 8.924-.217 5.007 1.304 8.925 4.13 10.666 1.74 1.089 3.913 1.089 5.869.218 2.826-1.741 4.565-5.66 4.347-10.666 0-3.265-1.304-6.53-3.478-9.142.435-.218.653-.218 1.087-.436 7.608-2.394 18.694 1.96 22.824 6.966.869 1.088 2.39 1.306 3.477.435 1.087-1.088 1.305-2.612.435-3.7zm-53.255 12.407h-.218c-.652-.435-2.173-2.394-2.39-6.748 0-1.741.434-3.482 1.304-5.006 1.521 1.306 2.39 3.047 2.608 5.224.435 3.918-.435 6.095-1.304 6.53zm21.954-.435h-.218s-.217 0-.434-.218c-.653-.435-1.957-2.177-1.74-6.095.218-2.394.653-4.353 1.74-6.095 1.521 1.742 2.39 3.7 2.39 5.878 0 4.353-1.086 6.094-1.738 6.53z" fill="#505050"/><path d="M81.333 195.5V2.5" stroke="#505050" stroke-width="5" stroke-linecap="square"/><path d="M112.297 222.967H50.83c.109-.644.24-1.323.398-2.032.795-3.584 2.067-7.166 3.91-10.489 5.207-9.382 13.85-14.946 27.089-14.946 13.21 0 21.557 5.532 26.319 14.87 1.689 3.31 2.797 6.883 3.43 10.46.133.747.238 1.462.32 2.137zM45.5 255.57h71v11.944h-71V255.57zm3-22.014h66V245.5h-66v-11.944z" stroke="#505050" stroke-width="5"/></g> </symbol> <symbol id="svg-check" viewBox="0 0 24 24"><title>check</title><path d="M20.7 5.3c-.4-.4-1-.4-1.4 0L9 15.6l-4.3-4.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5 5c.2.2.4.3.7.3s.5-.1.7-.3l11-11c.4-.4.4-1 0-1.4z"/> </symbol> <symbol id="svg-checkbox-checked" viewBox="0 0 32 32"><title>checkbox-checked</title><path d="M27.25 1H4.75A3.761 3.761 0 0 0 1 4.75v22.5A3.761 3.761 0 0 0 4.75 31h22.5A3.761 3.761 0 0 0 31 27.25V4.75A3.761 3.761 0 0 0 27.25 1zM14.125 24.276l-6.951-6.951 2.651-2.651 4.299 4.299 8.987-8.987 2.651 2.651-11.638 11.638z"/> </symbol> <symbol id="svg-checkbox-unchecked" viewBox="0 0 32 32"><title>checkbox-unchecked</title><path d="M26.5 2h-21A3.51 3.51 0 0 0 2 5.5v21A3.51 3.51 0 0 0 5.5 30h21a3.51 3.51 0 0 0 3.5-3.5v-21A3.51 3.51 0 0 0 26.5 2zm0 24.5h-21v-21h21v21z"/> </symbol> <symbol id="svg-checkmark" viewBox="0 0 16 13"><title>svg-checkmark</title><path d="M15.733.3c-.355-.4-.889-.4-1.244 0L5.333 10.6 1.511 6.3c-.355-.4-.889-.4-1.244 0-.356.4-.356 1 0 1.4l4.444 5c.178.2.356.3.622.3.267 0 .445-.1.623-.3l9.777-11c.356-.4.356-1 0-1.4z" fill-rule="nonzero" fill="#58B010"/> </symbol> <symbol id="svg-chevron-right" viewBox="0 0 24 24"><title>chevron-right</title><path d="M15.7 11.3l-6-6c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5.3 5.3-5.3 5.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3s.5-.1.7-.3l6-6c.4-.4.4-1 0-1.4z"/> </symbol> <symbol id="svg-chevrons-right" viewBox="0 0 24 24"><title>chevrons-right</title><path d="M18.7 11.3l-5-5c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4.3 4.3-4.3 4.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l5-5c.4-.4.4-1 0-1.4z"/><path d="M11.7 11.3l-5-5c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4L9.6 12l-4.3 4.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3s.5-.1.7-.3l5-5c.4-.4.4-1 0-1.4z"/> </symbol> <symbol id="svg-circle-down" viewBox="0 0 32 32"><title>circle-down</title><path d="M31 16c0-8.284-6.716-15-15-15S1 7.716 1 16s6.716 15 15 15 15-6.716 15-15zM3.813 16c0-6.731 5.456-12.188 12.188-12.188S28.189 9.268 28.189 16s-5.456 12.188-12.188 12.188S3.813 22.732 3.813 16z"/><path d="M10.294 11.393l-2.651 2.651L16 22.401l8.357-8.357-2.651-2.651L16 17.099z"/> </symbol> <symbol id="svg-circle-left" viewBox="0 0 32 32"><title>circle-left</title><path d="M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15zm0-27.187c6.731 0 12.188 5.456 12.188 12.188S22.732 28.189 16 28.189 3.812 22.733 3.812 16.001 9.268 3.813 16 3.813z"/><path d="M20.607 10.294l-2.651-2.651L9.599 16l8.357 8.357 2.651-2.651L14.901 16z"/> </symbol> <symbol id="svg-circle-right" viewBox="0 0 32 32"><title>circle-right</title><path d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1zm0 27.188C9.269 28.188 3.812 22.732 3.812 16S9.268 3.812 16 3.812 28.188 9.268 28.188 16 22.732 28.188 16 28.188z"/><path d="M11.393 21.706l2.651 2.651L22.401 16l-8.357-8.357-2.651 2.651L17.099 16z"/> </symbol> <symbol id="svg-circle-up" viewBox="0 0 32 32"><title>circle-up</title><path d="M1 16c0 8.284 6.716 15 15 15s15-6.716 15-15S24.284 1 16 1 1 7.716 1 16zm27.188 0c0 6.731-5.456 12.188-12.188 12.188S3.812 22.732 3.812 16 9.268 3.812 16 3.812 28.188 9.268 28.188 16z"/><path d="M21.706 20.607l2.651-2.651L16 9.599l-8.357 8.357 2.651 2.651L16 14.901z"/> </symbol> <symbol id="svg-cloud2" viewBox="0 0 18 18"><title>cloud2</title><path d="M11 5a4.005 4.005 0 0 1 3.991 4.274C14.849 11.398 12.988 13 10.859 13h-5.77c-1.044 0-1.978-.761-2.079-1.8A2.002 2.002 0 0 1 5 9c.059 0 .116.005.173.01l.772.066a1 1 0 0 0 1.028-.666l.256-.731A4.004 4.004 0 0 1 11 5zm0-2a5.998 5.998 0 0 0-5.658 4.017A4 4 0 1 0 5 15h6a6 6 0 0 0 0-12z"/> </symbol> <symbol id="svg-cross2" viewBox="0 0 30 30"><title>svg-cross2</title><path d="M18 15L29.357 3.643c.857-.857.857-2.143 0-3-.857-.857-2.143-.857-3 0L15 12 3.643.643c-.857-.857-2.143-.857-3 0-.857.857-.857 2.143 0 3L12 15 .643 26.357c-.857.857-.857 2.143 0 3 .428.429.857.643 1.5.643s1.071-.214 1.5-.643L15 18l11.357 11.357c.429.429 1.072.643 1.5.643.429 0 1.072-.214 1.5-.643.857-.857.857-2.143 0-3L18 15z" fill-rule="nonzero" fill="#CC1717"/> </symbol> <symbol id="svg-download" viewBox="0 0 32 32"><title>download</title><path d="M30.205 13.615a34.903 34.903 0 0 0-.16-2.052c-.496-4.844-4.361-8.818-9.184-9.419-5.204-.649-9.767 2.487-11.355 7.026-.199-.018-.4-.03-.604-.03-3.902 0-7.129 3.184-7.129 7.093v1.771c0 .969.844 1.756 1.81 1.756h.036c.965 0 1.703-.83 1.703-1.797v-1.397c-.204-2.11 1.515-3.886 3.58-3.886.103 0 .204.009.306.018l1.369-.018c.804.068 1.545-.283 1.812-1.044l.384-1.097c.932-2.665 3.284-4.663 6.091-4.912 4.347-.386 8.101 3.278 7.812 7.614l-.005.372v4.555h.018c.052.926.864 1.666 1.801 1.666h.036c.923 0 1.627-.757 1.691-1.666h.012v-4.555h-.02z"/><path d="M20.056 22.159L17.768 24.5v-6.459c0-.972-.784-1.76-1.751-1.76h-.036c-.967 0-1.751.788-1.751 1.76v6.188l-.229-.037-1.988-1.98c-.628-.624-1.632-.777-2.35-.26a1.76 1.76 0 0 0-.226 2.686l5.372 5.348a1.773 1.773 0 0 0 2.506 0l5.248-5.333c.692-.688.692-1.804 0-2.494s-1.815-.69-2.507 0z"/> </symbol> <symbol id="svg-download2" viewBox="0 0 24 24"><title>download</title><path d="M21 16c-.6 0-1 .4-1 1v3c0 .6-.4 1-1 1H5c-.6 0-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v3c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3v-3c0-.6-.4-1-1-1z"/><path d="M11.3 16.7c.1.1.2.2.3.2.1.1.3.1.4.1s.3 0 .4-.1c.1-.1.2-.1.3-.2l4-4c.4-.4.4-1 0-1.4s-1-.4-1.4 0L13 13.6V2c0-.6-.4-1-1-1s-1 .4-1 1v11.6l-2.3-2.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4 4z"/> </symbol> <symbol id="svg-external-link" viewBox="0 0 24 24"><title>external-link</title><path d="M18 12c-.6 0-1 .4-1 1v6c0 .6-.4 1-1 1H5c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h6c.6 0 1-.4 1-1s-.4-1-1-1H5C3.3 5 2 6.3 2 8v11c0 1.7 1.3 3 3 3h11c1.7 0 3-1.3 3-3v-6c0-.6-.4-1-1-1z"/><path d="M21.9 2.6c-.1-.2-.3-.4-.5-.5-.1-.1-.3-.1-.4-.1h-6c-.6 0-1 .4-1 1s.4 1 1 1h3.6l-9.3 9.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3s.5-.1.7-.3L20 5.4V9c0 .6.4 1 1 1s1-.4 1-1V3c0-.1 0-.3-.1-.4z"/> </symbol> <symbol id="svg-filter" viewBox="0 0 24 24"><title>filter</title><path d="M22.9 2.6c-.2-.4-.5-.6-.9-.6H2c-.4 0-.7.2-.9.6-.2.3-.1.7.1 1L9 12.8V19c0 .4.2.7.6.9l4 2c.1.1.2.1.4.1s.4 0 .5-.1c.3-.2.5-.5.5-.9v-8.2l7.8-9.2c.2-.3.3-.7.1-1zm-9.7 9.2c-.1.2-.2.4-.2.7v6.9l-2-1v-5.9c0-.2-.1-.5-.2-.6L4.2 4h15.7l-6.7 7.8z"/> </symbol> <symbol id="svg-github2" viewBox="0 0 24 24"><title>github</title><path d="M22.5 8.5c0-1.5-.5-2.8-1.4-4 .3-1.3.2-2.7-.3-3.9-.1-.3-.3-.5-.6-.6-.4-.1-1.7-.3-4.4 1.4-2.2-.5-4.5-.5-6.6 0C6.5-.3 5.2-.1 4.8 0c-.3.1-.5.3-.6.6-.6 1.3-.7 2.6-.3 3.9-.9 1.2-1.4 2.6-1.4 4 0 5.4 3 7.1 5.8 7.7-.2.7-.3 1.3-.3 1.9v.1c-2.1.4-2.8-.4-3.6-1.5-.5-.7-1.1-1.5-2.2-1.7-.5-.1-1.1.2-1.2.7s.2 1.1.7 1.2c.3.1.7.5 1.1 1 .9 1.2 2.2 2.8 5.2 2.4V22c0 .6.4 1 1 1s1-.4 1-1v-2.9-1c0-.7.2-1.3.7-1.8.3-.3.4-.7.2-1-.1-.4-.4-.6-.8-.7-2.9-.4-5.6-1.3-5.6-6 0-1.2.4-2.2 1.2-3.1.3-.3.3-.7.2-1-.3-.9-.3-1.7-.1-2.5.5.1 1.4.4 2.6 1.3.3.2.6.2.9.1 2.1-.6 4.4-.6 6.5 0 .3.1.6 0 .8-.1 1.3-.9 2.2-1.2 2.6-1.3.2.8.2 1.6-.1 2.4-.1.4-.1.8.2 1 .8.8 1.2 1.9 1.2 3.1 0 4.7-2.7 5.7-5.6 6-.4 0-.7.3-.8.7s0 .8.2 1c.5.5.7 1.2.7 1.9V22c0 .6.4 1 1 1s1-.4 1-1v-3.8c.1-.7 0-1.3-.3-1.9 2.4-.5 5.8-2.1 5.8-7.8z"/> </symbol> <symbol id="svg-hash" viewBox="0 0 24 24"><title>hash</title><path d="M20 14h-4.2l.4-4H20c.6 0 1-.4 1-1s-.4-1-1-1h-3.5l.5-4.9c.1-.5-.3-1-.9-1.1-.5-.1-1 .3-1.1.9L14.4 8h-4l.6-4.9c.1-.5-.3-1-.9-1.1-.5-.1-1 .3-1.1.9L8.4 8H4c-.6 0-1 .4-1 1s.4 1 1 1h4.2l-.4 4H4c-.6 0-1 .4-1 1s.4 1 1 1h3.5L7 20.9c-.1.5.3 1 .9 1.1H8c.5 0 .9-.4 1-.9l.6-5.1h4l-.6 4.9c-.1.5.3 1 .9 1.1h.1c.5 0 .9-.4 1-.9l.6-5.1H20c.6 0 1-.4 1-1s-.4-1-1-1zM9.8 14l.4-4h4l-.4 4h-4z"/> </symbol> <symbol id="svg-home" viewBox="0 0 24 24"><title>home</title><path d="M21.6 8.2l-9-7c-.4-.3-.9-.3-1.2 0l-9 7c-.3.2-.4.5-.4.8v11c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3V9c0-.3-.1-.6-.4-.8zM14 21h-4v-8h4v8zm6-1c0 .6-.4 1-1 1h-3v-9c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v9H5c-.6 0-1-.4-1-1V9.5l8-6.2 8 6.2V20z"/> </symbol> <symbol id="svg-leaf_left" viewBox="0 0 31 15"><title>leaf</title><path d="M20.91 7.693a6.57 6.57 0 0 1-1.656 4.371 6.257 6.257 0 0 1-4.754 2.102.547.547 0 0 1-.531-.497A6.581 6.581 0 0 1 15.59 8.63a6.34 6.34 0 0 1 1.128-.993h-3.372l.001.055a6.57 6.57 0 0 1-1.655 4.372 6.256 6.256 0 0 1-4.755 2.101.547.547 0 0 1-.53-.497A6.582 6.582 0 0 1 8.028 8.63c.34-.379.719-.71 1.128-.993h-.97c-.884 1.348-2.378 2.173-3.973 2.173-1.7 0-3.288-.939-4.141-2.45a.567.567 0 0 1 0-.555c.853-1.511 2.44-2.45 4.141-2.45 1.595 0 3.09.825 3.973 2.173h.97a6.344 6.344 0 0 1-1.128-.993A6.581 6.581 0 0 1 6.407.498a.547.547 0 0 1 .531-.497 6.257 6.257 0 0 1 4.755 2.102 6.568 6.568 0 0 1 1.655 4.37l-.001.056h3.371a6.34 6.34 0 0 1-1.127-.993A6.581 6.581 0 0 1 13.969.5a.547.547 0 0 1 .53-.498 6.257 6.257 0 0 1 4.755 2.102 6.568 6.568 0 0 1 1.656 4.371l-.002.055h3.372a6.344 6.344 0 0 1-1.127-.993A6.581 6.581 0 0 1 21.53.5.547.547 0 0 1 22.061 0a6.257 6.257 0 0 1 4.755 2.102 6.568 6.568 0 0 1 1.655 4.371l-.001.055h1.59c.3 0 .542.249.542.555a.548.548 0 0 1-.541.555H28.47l.001.055a6.57 6.57 0 0 1-1.655 4.371 6.256 6.256 0 0 1-4.755 2.102.547.547 0 0 1-.53-.498 6.581 6.581 0 0 1 1.622-5.037c.338-.38.718-.71 1.127-.993h-3.372l.002.054zm-4.316 1.874a5.171 5.171 0 0 0-1.293 3.467 4.89 4.89 0 0 0 3.24-1.633 5.171 5.171 0 0 0 1.294-3.467 4.89 4.89 0 0 0-3.24 1.633zm-7.933 0a5.161 5.161 0 0 0-1.294 3.467 4.89 4.89 0 0 0 3.24-1.633 5.17 5.17 0 0 0 1.294-3.467 4.89 4.89 0 0 0-3.24 1.633zm1.947-6.8a4.89 4.89 0 0 0-3.24-1.634A5.157 5.157 0 0 0 8.66 4.6a4.89 4.89 0 0 0 3.24 1.634 5.17 5.17 0 0 0-1.293-3.467zm9.227 3.432a5.171 5.171 0 0 0-1.294-3.432 4.89 4.89 0 0 0-3.24-1.634A5.165 5.165 0 0 0 16.594 4.6a4.89 4.89 0 0 0 3.24 1.634v-.035zm7.367 0a5.171 5.171 0 0 0-1.293-3.432 4.89 4.89 0 0 0-3.24-1.634v.036c0 1.264.457 2.491 1.293 3.431a4.89 4.89 0 0 0 3.24 1.634v-.035zm-3.24 3.368a5.18 5.18 0 0 0-1.294 3.467 4.89 4.89 0 0 0 3.24-1.633 5.171 5.171 0 0 0 1.294-3.467 4.89 4.89 0 0 0-3.24 1.633zM4.25 5.667c-1.242 0-2.408.644-3.117 1.7.709 1.057 1.875 1.7 3.117 1.7 1.243 0 2.409-.643 3.117-1.7-.708-1.056-1.874-1.7-3.117-1.7z" fill-rule="nonzero" fill="#FFC800"/> </symbol> <symbol id="svg-leaf_right" viewBox="0 0 31 15"><title>leaf</title><path d="M10.09 7.693a6.57 6.57 0 0 0 1.656 4.371 6.257 6.257 0 0 0 4.754 2.102.547.547 0 0 0 .531-.497A6.581 6.581 0 0 0 15.41 8.63a6.34 6.34 0 0 0-1.128-.993h3.372l-.001.055a6.57 6.57 0 0 0 1.655 4.372 6.256 6.256 0 0 0 4.755 2.101.547.547 0 0 0 .53-.497 6.582 6.582 0 0 0-1.621-5.038 6.337 6.337 0 0 0-1.128-.993h.97c.884 1.348 2.378 2.173 3.973 2.173 1.7 0 3.288-.939 4.141-2.45a.567.567 0 0 0 0-.555c-.853-1.511-2.44-2.45-4.141-2.45-1.595 0-3.09.825-3.973 2.173h-.97a6.344 6.344 0 0 0 1.128-.993A6.581 6.581 0 0 0 24.593.498a.547.547 0 0 0-.531-.497 6.257 6.257 0 0 0-4.755 2.102 6.568 6.568 0 0 0-1.655 4.37l.001.056h-3.371a6.34 6.34 0 0 0 1.127-.993A6.581 6.581 0 0 0 17.031.5a.547.547 0 0 0-.53-.498 6.257 6.257 0 0 0-4.755 2.102 6.568 6.568 0 0 0-1.656 4.371l.002.055H6.72a6.344 6.344 0 0 0 1.127-.993A6.581 6.581 0 0 0 9.47.5.547.547 0 0 0 8.939 0a6.257 6.257 0 0 0-4.755 2.102A6.568 6.568 0 0 0 2.53 6.474l.001.055H.94c-.3 0-.542.249-.542.555 0 .307.242.555.541.555H2.53l-.001.055a6.57 6.57 0 0 0 1.655 4.371 6.256 6.256 0 0 0 4.755 2.102.547.547 0 0 0 .53-.498 6.581 6.581 0 0 0-1.622-5.037 6.337 6.337 0 0 0-1.127-.993h3.372l-.002.054zm4.316 1.874a5.171 5.171 0 0 1 1.293 3.467 4.89 4.89 0 0 1-3.24-1.633 5.171 5.171 0 0 1-1.294-3.432v-.035a4.89 4.89 0 0 1 3.24 1.633zm7.933 0a5.161 5.161 0 0 1 1.294 3.467 4.89 4.89 0 0 1-3.24-1.633 5.17 5.17 0 0 1-1.294-3.467 4.89 4.89 0 0 1 3.24 1.633zm-1.947-6.8a4.89 4.89 0 0 1 3.24-1.634A5.157 5.157 0 0 1 22.34 4.6a4.89 4.89 0 0 1-3.24 1.634 5.17 5.17 0 0 1 1.293-3.467zm-9.227 3.432c0-1.265.458-2.492 1.294-3.432a4.89 4.89 0 0 1 3.24-1.634A5.165 5.165 0 0 1 14.406 4.6a4.89 4.89 0 0 1-3.24 1.634v-.035zm-7.367 0c0-1.265.458-2.492 1.293-3.432a4.89 4.89 0 0 1 3.24-1.634v.036A5.171 5.171 0 0 1 7.039 4.6a4.89 4.89 0 0 1-3.24 1.634v-.035zm3.24 3.368a5.18 5.18 0 0 1 1.294 3.467 4.89 4.89 0 0 1-3.24-1.633 5.171 5.171 0 0 1-1.294-3.432v-.035a4.89 4.89 0 0 1 3.24 1.633zm19.712-3.9c1.242 0 2.408.644 3.117 1.7-.709 1.057-1.875 1.7-3.117 1.7-1.243 0-2.409-.643-3.117-1.7.708-1.056 1.874-1.7 3.117-1.7z" fill-rule="nonzero" fill="#FFC800"/> </symbol> <symbol id="svg-left" viewBox="0 0 32 32"><title>left</title><path d="M16 1.778C8.146 1.778 1.778 8.146 1.778 16S8.146 30.222 16 30.222 30.222 23.854 30.222 16 23.854 1.778 16 1.778zm0 24.889c-5.883 0-10.667-4.784-10.667-10.667S10.117 5.333 16 5.333 26.667 10.117 26.667 16 21.883 26.667 16 26.667z"/><path d="M21.351 14.226h-6.459l2.341-2.299c.69-.697.69-1.822 0-2.519s-1.806-.695-2.494 0l-5.333 5.275a1.788 1.788 0 0 0-.515 1.32c.002.019-.002.041-.002.06 0 .473.187.926.517 1.26l5.333 5.275c.69.695 1.806.695 2.494 0s.69-1.822 0-2.519l-2.341-2.3h6.459a1.76 1.76 0 0 0 1.76-1.76v-.032a1.76 1.76 0 0 0-1.76-1.76z"/> </symbol> <symbol id="svg-link-2" viewBox="0 0 24 24"><title>link-2</title><path d="M18 6h-3c-.6 0-1 .4-1 1s.4 1 1 1h3c2.2 0 4 1.8 4 4s-1.8 4-4 4h-3c-.6 0-1 .4-1 1s.4 1 1 1h3c3.3 0 6-2.7 6-6s-2.7-6-6-6zM9 16H6c-2.2 0-4-1.8-4-4s1.8-4 4-4h3c.6 0 1-.4 1-1s-.4-1-1-1H6c-3.3 0-6 2.7-6 6s2.7 6 6 6h3c.6 0 1-.4 1-1s-.4-1-1-1z"/><path d="M7 12c0 .6.4 1 1 1h8c.6 0 1-.4 1-1s-.4-1-1-1H8c-.6 0-1 .4-1 1z"/> </symbol> <symbol id="svg-log-in" viewBox="0 0 24 24"><title>log-in</title><path d="M19 1h-5c-.6 0-1 .4-1 1s.4 1 1 1h5c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1h-5c-.6 0-1 .4-1 1s.4 1 1 1h5c1.7 0 3-1.3 3-3V4c0-1.7-1.3-3-3-3z"/><path d="M15.9 12.4c.1-.2.1-.5 0-.8-.1-.1-.1-.2-.2-.3l-4-4c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l2.3 2.3H3c-.6 0-1 .4-1 1s.4 1 1 1h9.6l-2.3 2.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l4-4c.1-.1.2-.2.2-.3z"/> </symbol> <symbol id="svg-log-out" viewBox="0 0 24 24"><title>log-out</title><path d="M10 21H5c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1h5c.6 0 1-.4 1-1s-.4-1-1-1H5C3.3 1 2 2.3 2 4v16c0 1.7 1.3 3 3 3h5c.6 0 1-.4 1-1s-.4-1-1-1z"/><path d="M21.9 12.4c.1-.2.1-.5 0-.8-.1-.1-.1-.2-.2-.3l-4-4c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l2.3 2.3H9c-.6 0-1 .4-1 1s.4 1 1 1h9.6l-2.3 2.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l4-4c.1-.1.2-.2.2-.3z"/> </symbol> <symbol id="svg-mail" viewBox="0 0 24 24"><title>mail</title><path d="M20 3H4C2.3 3 1 4.3 1 6v12c0 1.7 1.3 3 3 3h16c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM4 5h16c.4 0 .7.2.9.6L12 11.8 3.1 5.6c.2-.4.5-.6.9-.6zm16 14H4c-.6 0-1-.4-1-1V7.9l8.4 5.9c.2.1.4.2.6.2s.4-.1.6-.2L21 7.9V18c0 .6-.4 1-1 1z"/> </symbol> <symbol id="svg-menu2" viewBox="0 0 24 24"><title>menu</title><path d="M21 11H3c-.6 0-1 .4-1 1s.4 1 1 1h18c.6 0 1-.4 1-1s-.4-1-1-1zM3 7h18c.6 0 1-.4 1-1s-.4-1-1-1H3c-.6 0-1 .4-1 1s.4 1 1 1zM21 17H3c-.6 0-1 .4-1 1s.4 1 1 1h18c.6 0 1-.4 1-1s-.4-1-1-1z"/> </symbol> <symbol id="svg-message-square" viewBox="0 0 24 24"><title>message-square</title><path d="M19 2H5C3.3 2 2 3.3 2 5v16c0 .4.2.8.6.9.1.1.3.1.4.1.3 0 .5-.1.7-.3L7.4 18H19c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3zm1 13c0 .6-.4 1-1 1H7c-.3 0-.5.1-.7.3L4 18.6V5c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v10z"/> </symbol> <symbol id="svg-minus" viewBox="0 0 24 24"><title>minus</title><path d="M19 11H5c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z"/> </symbol> <symbol id="svg-plus" viewBox="0 0 24 24"><title>plus</title><path d="M19 11h-6V5c0-.6-.4-1-1-1s-1 .4-1 1v6H5c-.6 0-1 .4-1 1s.4 1 1 1h6v6c0 .6.4 1 1 1s1-.4 1-1v-6h6c.6 0 1-.4 1-1s-.4-1-1-1z"/> </symbol> <symbol id="svg-radio-checked" viewBox="0 0 32 32"><title>radio-checked</title><path d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1zm0 26.25C9.786 27.25 4.75 22.214 4.75 16S9.786 4.75 16 4.75 27.25 9.786 27.25 16 22.214 27.25 16 27.25zM10.375 16a5.624 5.624 0 1 1 11.25 0 5.624 5.624 0 1 1-11.25 0z"/> </symbol> <symbol id="svg-radio-checked2" viewBox="0 0 32 32"><title>radio-checked2</title><path d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1zm0 18.75c-2.072 0-3.75-1.678-3.75-3.75s1.678-3.75 3.75-3.75 3.75 1.678 3.75 3.75-1.678 3.75-3.75 3.75z"/> </symbol> <symbol id="svg-radio-unchecked" viewBox="0 0 32 32"><title>radio-unchecked</title><path d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1zm0 26.25C9.786 27.25 4.75 22.214 4.75 16S9.786 4.75 16 4.75 27.25 9.786 27.25 16 22.214 27.25 16 27.25z"/> </symbol> <symbol id="svg-search2" viewBox="0 0 24 24"><title>search</title><path d="M21.7 20.3l-4.5-4.5c1.1-1.4 1.8-3.3 1.8-5.3C19 5.8 15.2 2 10.5 2S2 5.8 2 10.5 5.8 19 10.5 19c2 0 3.8-.7 5.3-1.8l4.5 4.5c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zM4 10.5C4 6.9 6.9 4 10.5 4S17 6.9 17 10.5c0 1.8-.7 3.4-1.9 4.6a6.42 6.42 0 0 1-4.6 1.9C6.9 17 4 14.1 4 10.5z"/> </symbol> <symbol id="svg-settings" viewBox="0 0 24 24"><title>settings</title><path d="M12 8c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/><path d="M20.3 15.4c.1-.2.3-.4.7-.4 1.7 0 3-1.3 3-3s-1.3-3-3-3h-.2c-.2 0-.4-.1-.5-.3l-.1-.2c-.1-.2-.1-.5.2-.8 1.1-1.1 1.2-2.7.3-3.9v-.3l-.4-.2c-.5-.5-1.2-.8-2-.8s-1.6.3-2.2.9c-.2.2-.5.2-.7.1-.2.1-.4-.2-.4-.5 0-1.7-1.3-3-3-3S9 1.3 9 3v.2c0 .2-.1.4-.3.5l-.2.1c-.2.1-.5 0-.8-.2-1.2-1.2-3.1-1.2-4.2 0-1.2 1.2-1.2 3.1.1 4.3.2.2.2.5.1.8-.1.2-.4.4-.7.4-1.7 0-3 1.3-3 3s1.3 3 3 3h.2c.3 0 .5.2.6.4s.1.5-.2.8c-.6.6-.9 1.3-.9 2.1 0 .7.3 1.4.8 2l.1.1.3.3c1.2.9 2.8.8 4-.3.2-.2.5-.2.8-.1s.4.3.4.7c0 1.7 1.3 3 3 3s3-1.3 3-3v-.2c0-.3.2-.5.4-.6s.5-.1.8.2c1.2 1.2 3.1 1.2 4.2 0 1.2-1.2 1.2-3.1-.1-4.3-.1-.3-.2-.6-.1-.8zm-1.2 2.2c.2.2.3.4.3.7s-.1.5-.3.7c-.2.2-.4.3-.7.3-.3 0-.5-.1-.8-.4-.8-.8-1.9-1-2.9-.5-1 .4-1.6 1.4-1.6 2.4v.2c0 .6-.4 1-1 1s-1-.4-1-1v-.1c0-1.1-.7-2-1.7-2.4-.3-.2-.7-.2-1.1-.2-.7 0-1.4.3-1.9.8-.4.4-.9.4-1.3.1l-.2-.4h-.1c-.1-.1-.1-.3-.1-.4 0-.3.1-.5.4-.8.8-.8 1-1.9.5-2.9-.4-1-1.4-1.6-2.4-1.6H3c-.6 0-1-.4-1-1s.4-1 1-1h.1c1.1 0 2-.7 2.4-1.7s.2-2.1-.6-3c-.4-.4-.4-1 0-1.4s1-.4 1.5.1c.7.7 1.8.9 2.7.6l.3-.1c1-.4 1.6-1.4 1.6-2.4V3c0-.6.4-1 1-1s1 .4 1 1.1c0 1.1.6 2 1.6 2.4s2.1.2 3-.6c.2-.2.4-.3.7-.3.3 0 .5.1.7.3.4.4.4 1-.1 1.5-.7.7-.9 1.8-.6 2.7l.1.3c.4 1 1.4 1.6 2.4 1.6h.2c.6 0 1 .4 1 1s-.4 1-1.1 1c-1.1 0-2 .6-2.4 1.6-.5 1-.2 2.1.6 3z"/> </symbol> <symbol id="svg-sliders" viewBox="0 0 768 768"><path d="M128 352c19.2 0 32-12.8 32-32V96c0-19.2-12.8-32-32-32S96 76.8 96 96v224c0 19.2 12.8 32 32 32zM384 352c-19.2 0-32 12.8-32 32v288c0 19.2 12.8 32 32 32s32-12.8 32-32V384c0-19.2-12.8-32-32-32zM640 416c19.2 0 32-12.8 32-32V96c0-19.2-12.8-32-32-32s-32 12.8-32 32v288c0 19.2 12.8 32 32 32zM224 416H32c-19.2 0-32 12.8-32 32s12.8 32 32 32h64v192c0 19.2 12.8 32 32 32s32-12.8 32-32V480h64c19.2 0 32-12.8 32-32s-12.8-32-32-32zM480 224h-64V96c0-19.2-12.8-32-32-32s-32 12.8-32 32v128h-64c-19.2 0-32 12.8-32 32s12.8 32 32 32h192c19.2 0 32-12.8 32-32s-12.8-32-32-32zM736 480H544c-19.2 0-32 12.8-32 32s12.8 32 32 32h64v128c0 19.2 12.8 32 32 32s32-12.8 32-32V544h64c19.2 0 32-12.8 32-32s-12.8-32-32-32z"/> </symbol> <symbol id="svg-spinner8" viewBox="0 0 32 32"><title>spinner8</title><path d="M16 30.944c-3.992 0-7.745-1.554-10.568-4.377s-4.377-6.576-4.377-10.568c0-2.826.794-5.578 2.294-7.96a14.984 14.984 0 0 1 5.965-5.408l1.255 2.505A12.195 12.195 0 0 0 5.72 9.533a12.105 12.105 0 0 0-1.862 6.465C3.858 22.693 9.305 28.14 16 28.14s12.142-5.447 12.142-12.142c0-2.298-.645-4.532-1.862-6.465a12.166 12.166 0 0 0-4.849-4.397l1.255-2.505a14.984 14.984 0 0 1 5.965 5.408 14.909 14.909 0 0 1 2.294 7.96c0 3.992-1.554 7.745-4.377 10.568S19.993 30.944 16 30.944z"/> </symbol> <symbol id="svg-target" viewBox="0 0 768 768"><title>target</title><path d="M384 32C188.8 32 32 188.8 32 384s156.8 352 352 352 352-156.8 352-352S579.2 32 384 32zm0 640C224 672 96 544 96 384S224 96 384 96s288 128 288 288-128 288-288 288z"/><path d="M384 160c-124.8 0-224 99.2-224 224s99.2 224 224 224 224-99.2 224-224-99.2-224-224-224zm0 384c-89.6 0-160-70.4-160-160s70.4-160 160-160 160 70.4 160 160-70.4 160-160 160z"/><path d="M384 288c-54.4 0-96 41.6-96 96s41.6 96 96 96 96-41.6 96-96-41.6-96-96-96zm0 128c-19.2 0-32-12.8-32-32s12.8-32 32-32 32 12.8 32 32-12.8 32-32 32z"/> </symbol> <symbol id="svg-twitter" viewBox="0 0 24 24"><title>twitter</title><path d="M23.6 2.2c-.3-.2-.8-.2-1.1 0-.7.5-1.5.9-2.3 1.2-2-1.8-5.1-1.9-7.2-.1-1.3 1.1-2 2.6-2 4.2-2.9-.2-5.5-1.7-7.2-4.1-.2-.3-.5-.4-.9-.4s-.7.3-.8.6C2 3.7 1 6.1 1.1 9c.1 2.5 1.1 5.7 4.8 8-1.5.7-3.2 1-4.9 1-.4 0-.9.3-1 .7s.1.9.5 1.1c2.5 1.4 5.2 2.1 7.7 2.1s4.9-.6 7.1-1.9c4.3-2.4 6.7-7 6.7-12.5V7c1-1.1 1.7-2.4 2-3.8.1-.4-.1-.8-.4-1zM20.2 6c-.2.2-.3.6-.3.9.1.2.1.4.1.6 0 4.8-2.1 8.7-5.7 10.8-2.8 1.6-6.1 2-9.4 1.2 1.3-.4 2.5-.9 3.6-1.7.4-.2.5-.5.5-.9s-.3-.7-.6-.8c-5.8-2.6-5.6-7.5-5-10C5.6 8.3 8.7 9.6 12 9.5c.5 0 1-.5 1-1v-1c0-1 .4-2 1.2-2.7 1.4-1.3 3.7-1.1 4.9.3.3.3.7.4 1 .3.2-.1.5-.1.7-.2-.2.3-.4.5-.6.8z"/> </symbol> <symbol id="svg-up" viewBox="0 0 32 32"><title>up</title><path d="M30.222 16c0-7.854-6.368-14.222-14.222-14.222S1.778 8.146 1.778 16c0 7.854 6.368 14.222 14.222 14.222S30.222 23.854 30.222 16zM5.333 16c0-5.883 4.784-10.667 10.667-10.667S26.667 10.117 26.667 16 21.883 26.667 16 26.667 5.333 21.883 5.333 16z"/><path d="M17.774 21.351v-6.459l2.299 2.341c.697.69 1.822.69 2.519 0s.695-1.806 0-2.494l-5.275-5.333a1.788 1.788 0 0 0-1.26-.517c-.02 0-.041 0-.06.002s-.041-.002-.06-.002c-.473 0-.926.187-1.26.517l-5.275 5.333c-.695.69-.695 1.806 0 2.494s1.822.69 2.519 0l2.3-2.341v6.459c0 .972.788 1.76 1.76 1.76h.032a1.76 1.76 0 0 0 1.76-1.76z"/> </symbol> <symbol id="svg-upload-2" viewBox="0 0 32 32"><title>upload-2</title><path d="M30.206 13.333a34.903 34.903 0 0 0-.16-2.052c-.496-4.844-4.361-8.818-9.184-9.419-5.204-.649-9.767 2.487-11.356 7.026-.199-.018-.4-.03-.604-.03-3.902 0-7.129 3.184-7.129 7.093v1.771c0 .969.844 1.756 1.81 1.756h.036c.965 0 1.703-.83 1.703-1.797v-1.397c-.204-2.11 1.515-3.886 3.58-3.886.103 0 .204.009.306.018l1.369-.018c.804.069 1.545-.283 1.812-1.044l.384-1.097c.932-2.665 3.284-4.663 6.091-4.912 4.347-.386 8.101 3.278 7.812 7.614l-.005.373v4.556h.018c.052.926.864 1.666 1.801 1.666h.036c.923 0 1.627-.757 1.691-1.666h.012v-4.556h-.02z"/><path d="M22.562 21.865l-5.372-5.348a1.773 1.773 0 0 0-2.506 0L9.436 21.85c-.692.688-.692 1.804 0 2.494s1.813.69 2.505 0l2.288-2.341v6.459c0 .972.784 1.76 1.751 1.76h.036c.967 0 1.751-.788 1.751-1.76v-6.188l.229.037 1.988 1.98c.628.624 1.632.777 2.35.26a1.76 1.76 0 0 0 .226-2.686z"/> </symbol> <symbol id="svg-user" viewBox="0 0 24 24"><title>user</title><path d="M16 14H8c-2.8 0-5 2.2-5 5v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-1.7 1.3-3 3-3h8c1.7 0 3 1.3 3 3v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-2.8-2.2-5-5-5zM12 12c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5zm0-8c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z"/> </symbol> <symbol id="svg-users" viewBox="0 0 24 24"><title>users</title><path d="M13 14H5c-2.8 0-5 2.2-5 5v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-1.7 1.3-3 3-3h8c1.7 0 3 1.3 3 3v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-2.8-2.2-5-5-5zM9 12c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5zm0-8c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3zM20.2 14.2c-.5-.1-1.1.2-1.2.7s.2 1.1.7 1.2c1.3.3 2.2 1.5 2.2 2.9v2c0 .6.4 1 1 1s1-.4 1-1v-2c.1-2.3-1.4-4.3-3.7-4.8zM16.2 2.2c-.5-.2-1 .1-1.2.7-.1.5.2 1.1.7 1.2 1.6.4 2.6 2 2.2 3.7-.3 1.1-1.1 1.9-2.2 2.2-.5.1-.9.7-.7 1.2.1.5.5.8 1 .8h.2c1.8-.5 3.2-1.8 3.6-3.6.7-2.8-.9-5.6-3.6-6.2z"/> </symbol> <symbol id="svg-valid" viewBox="40 409 60 20"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="40" y1="718" x2="43.516" y2="718" gradientTransform="matrix(17.0667 0 0 -17.0667 -642.667 12672.867)"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset=".578" stop-color="#fff"/></linearGradient><path fill="url(#a)" d="M40 409h60v20H40z"/><path fill="#319501" d="M81.9 426.2l-6-6 2.9-2.9 3.2 3.2 8.6-8.6 2.8 2.9-11.5 11.4z"/> </symbol> <symbol id="svg-warning" viewBox="0 0 32 32"><title>warning</title><path d="M16 3.719l12.572 25.056H3.43L16.002 3.719zM16 1c-.647 0-1.294.437-1.783 1.309L1.413 27.83c-.981 1.744-.146 3.171 1.854 3.171h25.468c2.001 0 2.835-1.427 1.854-3.171L17.785 2.309C17.294 1.437 16.649 1 16.002 1z"/><path d="M17.875 25.375a1.876 1.876 0 1 1-3.751-.001 1.876 1.876 0 0 1 3.751.001zM16 21.625a1.876 1.876 0 0 1-1.875-1.875v-5.625a1.876 1.876 0 0 1 3.75 0v5.625c0 1.035-.84 1.875-1.875 1.875z"/> </symbol> <symbol id="svg-x" viewBox="0 0 24 24"><title>x</title><path d="M13.4 12l5.3-5.3c.4-.4.4-1 0-1.4s-1-.4-1.4 0L12 10.6 6.7 5.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5.3 5.3-5.3 5.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3s.5-.1.7-.3l5.3-5.3 5.3 5.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L13.4 12z"/> </symbol> <symbol id="svg-zap" viewBox="0 0 24 24"><title>zap</title><path d="M21.9 9.6c-.2-.4-.5-.6-.9-.6h-7.9l.9-6.9c.1-.4-.2-.9-.6-1-.4-.2-.9-.1-1.2.3l-10 12c-.2.3-.3.7-.1 1.1.2.3.5.5.9.5h7.9l-.9 6.9c-.1.4.2.9.6 1 .1.1.3.1.4.1.3 0 .6-.1.8-.4l10-12c.2-.3.3-.7.1-1zm-9.5 9.1l.6-4.6c0-.3-.1-.6-.2-.8-.2-.2-.5-.3-.8-.3H5.1l6.4-7.7-.5 4.6c0 .3.1.6.2.8.2.2.5.3.7.3h6.9l-6.4 7.7z"/> </symbol></svg> <div id="wizard-container"> <div class="grid row"> <div id="pr-address" class="step active"> <div class="circle"> <div class="number">1</div> <div aria-labelledby="step-label-address" role="img" class="icon"></div> </div> <div id="step-label-address" class="description">Web address</div> </div> <div class="description">Web address</div> <div id="pr-issue" class="step "> <div class="circle"> <div class="number">2</div> <div aria-labelledby="step-label-issue" role="img" class="icon"></div> </div> <div id="step-label-issue" class="description">Issue</div> </div> <div class="description">Issue</div> <div id="pr-details" class="step "> <div class="circle"> <div class="number">3</div> <div aria-labelledby="step-label-details" role="img" class="icon"></div> </div> <div id="step-label-details" class="description">Details</div> </div> <div class="description">Details</div> <div id="pr-testing" class="step "> <div class="circle"> <div class="number">4</div> <div aria-labelledby="step-label-testing" role="img" class="icon"></div> </div> <div id="step-label-testing" class="description">Testing</div> </div> <div class="description">Testing</div> <div id="pr-description" class="step "> <div class="circle"> <div class="number">5</div> <div aria-labelledby="step-label-description" role="img" class="icon"></div> </div> <div id="step-label-description" class="description">Description</div> </div> <div class="description">Description</div> <div id="pr-screenshot" class="step "> <div class="circle"> <div class="number">6</div> <div aria-labelledby="step-label-screenshot" role="img" class="icon"></div> </div> <div id="step-label-screenshot" class="description">Screenshot</div> </div> <div class="description">Screenshot</div> <div id="pr-send" class="step last"> <div class="circle"> <div class="number">7</div> <div aria-labelledby="step-label-send" role="img" class="icon"></div> </div> <div id="step-label-send" class="description">Send report</div> </div> <div class="description">Send report</div> </div> </div> <div class="js-SearchBar"> <nav class="navigation nav js-navigation"> <div class="nav-container"> <ul class="nav-left"> <li class="nav-item"> <a class="nav-link js-Navbar-link" href="/" title="Navigate to main page."> <svg class="icon nav-icon" viewBox="0 0 30 30" role="presentation" aria-hidden="true"> <use xlink:href="#svg-home" /> </svg> <span class="link-text">Home</span> </a> </li> </ul> <ul class="nav-right"> <li class="nav-item"> <button class="nav-button nav-link js-SearchBarOpen" title="Search for an item."> <svg class="icon nav-icon" viewBox="0 0 30 30" role="presentation" aria-hidden="true"> <use xlink:href="#svg-search2" /> </svg> <span class="link-text">Search</span> </button> </li> <li class="nav-item"> <a class="nav-link" href="/contributors" title="Contribute to our project."> <svg class="icon nav-icon" viewBox="0 0 30 30" role="presentation" aria-hidden="true"> <use xlink:href="#svg-users" /> </svg> <span class="link-text">Contribute</span> </a> </li> <li class="nav-item"> <a class="nav-link js-issues-link" href="/issues?page=1&per_page=50&state=open&stage=all&sort=created&direction=desc" title="Take a look at all filed issues."> <svg class="icon nav-icon" viewBox="0 0 30 30" role="presentation" aria-hidden="true"> <use xlink:href="#svg-hash" /> </svg> <span class="link-text">All issues</span> </a> </li> <li class="nav-item"> <a href="/login" class="js-login-link nav-link" title="Log in with your Github account."> <svg class="icon nav-icon" viewBox="0 0 30 30" role="presentation" aria-hidden="true"> <use xlink:href="#svg-log-in" /> </svg> <span class="link-text">Login</span> </a> </li> </ul> </div> </nav> <form id="search-bar" class="grid" method="get" action="/issues"> <input class="form-field text-field" name="q" placeholder="Search issues by keyword" required /> <button class="nav-button js-SearchBarClose" type="button" aria-label="Close search"> <svg class="icon nav-icon" viewBox="0 0 30 30" role="presentation" aria-hidden="true"> <use xlink:href="#svg-x" /> </svg> </button> </form> </div> <main role="main" class="grid"> <section id="js-ReportForm" class="js-ReportForm grid"> <h1 class="headline-1">Report Site Issue</h1> <form action="/issues/new" class="form grid-row js-loader loader issue-form" enctype="multipart/form-data" method="post" novalidate > <h3 class="page-heading">Filing a web compatibility issue</h3> <div class="step-container step-url col open"> <div class="row mobile-col"> <div class="input-control half"> <div class="col"> <div class="input-description"> <div id="desc-url" class="is-hidden"> Thank you for filing a web compatibility issue. <a href="#" class="popup-trigger mobile-only" data-popup-trigger="what-is-compat">Learn more</a> <br> Do we have the <strong>correct site?</strong> </div> <label for="url" id="desc-no-url"> <strong>Please enter the URL</strong> where you encountered the web compatibility issue. <a href="#" class="popup-trigger mobile-only" data-popup-trigger="what-is-webcompat">Learn more</a> </label> </div> <div class="form-text form-element js-Form-group form-label-message with-validation-icons"> <div class="input-wrapper"> <input class="form-field text-field required" id="url" name="url" pattern="" placeholder="e.g. https://example.com" required type="url" value=""> </div> </div> </div> </div> <div class="input-control half hero"> <img class="protruding-img" src="/img/svg/reporting-people.svg" title="Report" alt="Report" /> </div> </div> <div id="prefill"></div> <div class="button-control row"> <div class="input-control half"> <div class="col center"> <button class="button issue-btn next-url" disabled>Confirm</button> <a href="#" class="popup-trigger desktop-only" data-popup-trigger="what-is-compat">Learn more about web compatibility</a> </div> </div> </div> </div> <div class="issue-disclaimer">All information included in this report will be publicly visible. <a href="#" class="popup-trigger" data-popup-trigger="privacy-modal">Learn More</a></div> <div class="step-container step-category col"> <div class="row"> <div class="input-control"> <div class="form-radio choice-control form-element js-Form-group"> <div class="js-Form-information form-label-message"> <label class="form-label big" for="problem_category">What is wrong with the page at <strong id="website-url">example.com</strong><strong>?</strong></label> </div> <ul id="problem_category"> <li><input id="problem_category-0" name="problem_category" type="radio" value="detection_bug"><label for="problem_category-0" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-problem-mobile-vs-desktop.svg" alt=""></div> Desktop site instead of mobile site</label></li> <li><input id="problem_category-1" name="problem_category" type="radio" value="site_bug"><label for="problem_category-1" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-problem-no-use.svg" alt=""></div> Site is not usable</label></li> <li><input id="problem_category-2" name="problem_category" type="radio" value="layout_bug"><label for="problem_category-2" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-problem-broken-design.svg" alt=""></div> Design is broken</label></li> <li><input id="problem_category-3" name="problem_category" type="radio" value="video_bug"><label for="problem_category-3" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-problem-no-video.svg" alt=""></div> Video or audio doesn't play</label></li> <li><input id="problem_category-4" name="problem_category" type="radio" value="unknown_bug"><label for="problem_category-4" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-problem-question.svg" alt=""></div> Something else</label></li> </ul> </div> </div> </div> <div class="row half centered other-problem form-element js-Form-groupform-element js-Form-group with-validation-icons low"> <div class="column full-width"> <div class="label"> <label class="form-label" for="other_problem">Briefly summarize the issue:</label> </div> <input class="form-field text-field required" id="other_problem" name="other_problem" pattern="" placeholder="Issue description" required type="text" value=""> </div> </div> <div class="button-control row other-problem"> <div class="input-control"> <div class="col center"> <button class="button issue-btn next-category" disabled>Confirm</button> </div> </div> </div> </div> <div class="step-container step-subproblem col"> <div class="row"> <div class="input-control"> <div class="form-radio choice-control form-element js-Form-group site_bug_subcategory"> <div class="js-Form-information form-label-message"> <label class="form-label big" for="site_bug_subcategory">Why is the <strong>site not usable?</strong></label> </div> <ul id="site_bug_subcategory"> <li><input id="site_bug_subcategory-0" name="site_bug_subcategory" type="radio" value="browser_unsupported"><label for="site_bug_subcategory-0" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-unsupported.svg" alt=""></div> Browser unsupported</label></li> <li><input id="site_bug_subcategory-1" name="site_bug_subcategory" type="radio" value="page_not_loading"><label for="site_bug_subcategory-1" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-empty-page.svg" alt=""></div> Page not loading correctly</label></li> <li><input id="site_bug_subcategory-2" name="site_bug_subcategory" type="radio" value="missing_items"><label for="site_bug_subcategory-2" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-items-missing.svg" alt=""></div> Missing items</label></li> <li><input id="site_bug_subcategory-3" name="site_bug_subcategory" type="radio" value="buttons_not_working"><label for="site_bug_subcategory-3" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-cant-click.svg" alt=""></div> Buttons or links not working</label></li> <li><input id="site_bug_subcategory-4" name="site_bug_subcategory" type="radio" value="unable_to_type"><label for="site_bug_subcategory-4" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-cant-type.svg" alt=""></div> Unable to type</label></li> <li><input id="site_bug_subcategory-5" name="site_bug_subcategory" type="radio" value="unable_to_login"><label for="site_bug_subcategory-5" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-cant-login.svg" alt=""></div> Unable to login</label></li> <li><input id="site_bug_subcategory-6" name="site_bug_subcategory" type="radio" value="captcha_problems"><label for="site_bug_subcategory-6" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-captcha.svg" alt=""></div> Problems with Captcha</label></li> </ul> </div> <div class="form-radio choice-control form-element js-Form-group layout_bug_subcategory"> <div class="js-Form-information form-label-message"> <label class="form-label big" for="layout_bug_subcategory">How is the <strong>design broken?</strong></label> </div> <ul id="layout_bug_subcategory"> <li><input id="layout_bug_subcategory-0" name="layout_bug_subcategory" type="radio" value="images_not_loaded"><label for="layout_bug_subcategory-0" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-no-images.svg" alt=""></div> Images not loaded</label></li> <li><input id="layout_bug_subcategory-1" name="layout_bug_subcategory" type="radio" value="overlapped_items"><label for="layout_bug_subcategory-1" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-overlapping.svg" alt=""></div> Items are overlapped</label></li> <li><input id="layout_bug_subcategory-2" name="layout_bug_subcategory" type="radio" value="misaligned_items"><label for="layout_bug_subcategory-2" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-misaligned.svg" alt=""></div> Items are misaligned</label></li> <li><input id="layout_bug_subcategory-3" name="layout_bug_subcategory" type="radio" value="items_not_visible"><label for="layout_bug_subcategory-3" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-items-not-visible.svg" alt=""></div> Items not fully visible</label></li> </ul> </div> <div class="form-radio choice-control form-element js-Form-group video_bug_subcategory"> <div class="js-Form-information form-label-message"> <label class="form-label big" for="video_bug_subcategory">What is wrong with <strong>the video or audio?</strong></label> </div> <ul id="video_bug_subcategory"> <li><input id="video_bug_subcategory-0" name="video_bug_subcategory" type="radio" value="images_not_loaded"><label for="video_bug_subcategory-0" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-no-video.svg" alt=""></div> There is no video</label></li> <li><input id="video_bug_subcategory-1" name="video_bug_subcategory" type="radio" value="overlapped_items"><label for="video_bug_subcategory-1" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem--no-audio.svg" alt=""></div> There is no audio</label></li> <li><input id="video_bug_subcategory-2" name="video_bug_subcategory" type="radio" value="misaligned_items"><label for="video_bug_subcategory-2" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-missing-controls.svg" alt=""></div> Media controls are broken or missing</label></li> <li><input id="video_bug_subcategory-3" name="video_bug_subcategory" type="radio" value="items_not_visible"><label for="video_bug_subcategory-3" tabIndex="0"><div class="icon-container"><img src="/img/svg/icons/svg-subproblem-does-not-play.svg" alt=""></div> The video or audio does not play</label></li> </ul> </div> </div> </div> </div> <div class="step-container step-browser col"> <div class="row mobile-col"> <div class="input-control device-data-hero"> <img class="protruding-img" src="/img/svg/devices.svg" title="Device data image" alt="Device data image" /> </div> <div class="input-control device-data"> <div class="col"> <div class="input-description"> Did you encounter the issue on <strong>this device</strong> (Windows Vista) using <strong>this browser</strong> (IE 7.0)? </div> </div> </div> </div> <div class="button-control row"> <div class="input-control"> <div class="col center"> <button class="button issue-btn next-browser">Yes</button> <div class="other-option"> I encountered the issue on a <a class="next-custom" href="#">different device or browser</a> </div> </div> </div> </div> </div> <div class="step-container col step-custom-browser"> <div class="row"> <div class="input-control"> <div class="col"> <div class="input-description"> <strong>What browser and device were you using</strong> when the issue was encountered? </div> <div class="row mobile-col"> <div class="form-element js-Form-group low with-validation-icons half"> <label class="form-label" for="browser">Browser</label> <div class="input-wrapper"> <input class="form-field text-field" id="browser" name="browser" type="text" value="IE 7.0"> </div> </div> <div class="form-element js-Form-group low with-validation-icons half"> <label class="form-label" for="os">Operating System</label> <div class="input-wrapper"> <input class="form-field text-field" id="os" name="os" type="text" value="Windows Vista"> </div> </div> </div> </div> </div> </div> <div class="button-control row"> <div class="input-control"> <div class="col center"> <button class="button issue-btn next-custom">Confirm</button> </div> </div> </div> </div> <div class="step-container step-tested-browsers col"> <div class="row"> <div class="input-control"> <div class="form-radio choice-control browsers form-element js-Form-group"> <div class="js-Form-information form-label-message"> <label class="form-label big" for="browsers">Please select <strong>another browser you have tested on</strong></label> </div> <ul id="tested_browsers"> <li><input id="tested_browsers-0" name="tested_browsers" type="radio" value="Chrome"><label for="tested_browsers-0" tabIndex="0"><div id="browser-chrome" class="icon-container"><img src="/img/svg/icons/svg-chrome.svg" alt=""></div> Chrome</label></li> <li><input id="tested_browsers-1" name="tested_browsers" type="radio" value="Firefox"><label for="tested_browsers-1" tabIndex="0"><div id="browser-firefox" class="icon-container"><img src="/img/svg/icons/svg-firefox.svg" alt=""></div> Firefox</label></li> <li><input id="tested_browsers-2" name="tested_browsers" type="radio" value="Edge"><label for="tested_browsers-2" tabIndex="0"><div id="browser-edge" class="icon-container"><img src="/img/svg/icons/svg-edge.svg" alt=""></div> Edge</label></li> <li><input id="tested_browsers-3" name="tested_browsers" type="radio" value="Safari"><label for="tested_browsers-3" tabIndex="0"><div id="browser-safari" class="icon-container"><img src="/img/svg/icons/svg-safari.svg" alt=""></div> Safari</label></li> <li><input id="tested_browsers-4" name="tested_browsers" type="radio" value="Opera"><label for="tested_browsers-4" tabIndex="0"><div id="browser-opera" class="icon-container"><img src="/img/svg/icons/svg-opera.svg" alt=""></div> Opera</label></li> <li><input id="tested_browsers-5" name="tested_browsers" type="radio" value="Internet Explorer"><label for="tested_browsers-5" tabIndex="0"><div id="browser-internet_explorer" class="icon-container"><img src="/img/svg/icons/svg-ie.svg" alt=""></div> Internet Explorer</label></li> <li><input id="tested_browsers-6" name="tested_browsers" type="radio" value="Other"><label for="tested_browsers-6" tabIndex="0"><div id="browser-other" class="icon-container"><img src="/img/svg/icons/svg-other.svg" alt=""></div> Other</label></li> </ul> </div> </div> </div> <div class="row half centered other-browser"> <ul class="form-field text-field required" id="browser_test" placeholder="Browser" required type="text"><li><input id="browser_test-0" name="browser_test" type="radio" value="yes"> <label for="browser_test-0">Yes</label></li><li><input id="browser_test-1" name="browser_test" type="radio" value="no"> <label for="browser_test-1">No</label></li></ul> </div> <div class="button-control row"> <div class="input-control"> <div class="col center"> <button class="button next-tested issue-btn" disabled>Confirm</button> <a class="no-other-browser" href="#">I have <strong>only tested on this browser</strong> (IE 7.0)</a> </div> </div> </div> </div> <div class="step-container step-warning col"> <img class="warning-icon" src="/img/svg/icons/svg-info-icon.svg" title="Warning" alt="Warning" /> <div class="warning-text">We recommend testing the website in another browser to validate this as a <strong>web compatibility issue</strong>.</div> <div class="col center input-control"> <button class="button next-warning issue-btn">Continue without testing</button> <a href="#" class="popup-trigger" data-popup-trigger="what-is-compat">What is a web compatibility issue?</a> </div> </div> <div class="step-container step-description col" data-min-char="true"> <div class="row mobile-col"> <div class="input-control device-data-hero half"> <img class="protruding-img" src="/img/svg/describe-issue.svg" title="Describe issue" alt="Describe issue" /> <div class="description-text"> OK, now the vital part! <br> Please <strong>describe what happened</strong>, including any steps you took before you saw the problem. </div> </div> <div class="input-control half col"> <div class="form-text form-element js-Form-group problem-description progress-textarea bordered-container"> <textarea class="form-field text-field js-autogrow-field" id="steps_reproduce" name="steps_reproduce" placeholder="Describe what happened" rows="3"> </textarea> <div class="progress is-hidden"> <img class="tick" src="/img/svg/icons/svg-check-issue.svg" title="Valid message" alt="Valid message" /> <div class="bar"></div> </div> </div> <div class="text-right char-limit">(optional)</div> </div> </div> <div class="button-control row"> <div class="input-control"> <div class="col center"> <button class="button next-description issue-btn">Continue</button> </div> </div> </div> </div> <div class="step-container col step-screenshot"> <div class="row mobile-col"> <div class="input-control half flex-left"> <div class="description-text top up-message deleted-screenshot"> <strong>We deleted the screenshot.</strong><br> Do you have a different screenshot you would like to share?<br> <br class="desktop-only"> <strong>Uploaded images are publicly viewable.</strong><br> Avoid uploading images that contain sensitive information or violate our <a href="/terms">Terms of Service</a>. </div> <div class="description-text top up-message uploaded-screenshot"> Image uploaded.<br> <br class="desktop-only"> <strong>Uploaded images are publicly viewable.</strong><br> Avoid uploading images that contain sensitive information or violate our <a href="/terms">Terms of Service</a>. </div> <div class="description-text top up-message reset-screenshot"> Do you have a screenshot of the issue you would like to share? <br> <br class="desktop-only"> <strong>Uploaded images are publicly viewable.</strong><br> Avoid uploading images that contain sensitive information or violate our <a href="/terms">Terms of Service</a>. </div> </div> <div class="input-control half col"> <label for="image" tabindex="0"> <div class="form-upload form-element js-image-upload js-Form-group"> <input accept=".jpe,.jpg,.jpeg,.gif,.png,.bmp" class="form-input input-upload" id="image" name="image" tabindex="-1" type="file"> <div class="shadow"></div> <div class="label-icon label-upload js-label-upload"> <img class="add-screenshot-icon" src="/img/svg/icons/svg-add-image.svg" title="Upload screenshot" alt="Upload screenshot" /> <br> <small class="label-icon-message">Upload screenshot</small> </div> <div class="label-icon label-error is-hidden js-error-upload"> <svg class="icon icon-big" role="presentation" title="An error occured"> <use class="icon-error" xlink:href="#svg-warning">An error occured</use> </svg> </div> </div> </label> </div> </div> <div class="button-control row"> <div class="input-control"> <div class="col center"> <div class="row mobile-col"> <button class="button next-screenshot issue-btn">Continue without</button> <button class="button js-remove-upload is-hidden issue-btn red">Delete this image</button> </div> <label for="image" class="is-hidden upload-other spaced-link" href="#">Upload a different image</label> </div> </div> </div> </div> <div class="step-container col step-submit"> <div class="row header"> <div class="input-control step-submit-hero"> <img class="protruding-img" src="/img/svg/cheering-people.svg" title="Report ready to send" alt="Report ready to send" /> </div> <div class="input-description"> Your report is ready to send! </div> </div> <div class="button-control row"> <div class="input-control"> <div class="col center"> <div class="final-text"> Good job! You can <strong>report via GitHub</strong> or <strong>report anonymously</strong>. </div> <div class="row mobile-col"> <button class="button button-secondary js-Button" id="submitgithub" type="submit" name="github-auth-report"> <img class="" src="/img/svg/icons/svg-github-white.svg" title="Report via GitHub" alt="Report via GitHub" /> Report via GitHub </button> <button class="button button-primary js-Button" id="open-username" name="github-proxy-report" type=submit > Report anonymously </button> </div> <div class="column narrow js-Form-group"> <div class="is-hidden" aria-hidden="true"> <div class="form-text form-element js-Form-group"> <label class="form-label" for="username">Username</label> <input class="u-formInput" id="username" name="username" type="text" value=""> </div> </div> </div> </div> </div> </div> </div> <input id="console_logs_url" name="console_logs_url" type="hidden" value=""> <input id="description" name="description" type="hidden" value=""> <input id="details" name="details" type="hidden" value="null"> <input id="extra_labels" name="extra_labels" type="hidden" value=""> <input id="reported_with" name="reported_with" type="hidden" value="unknown"> <input id="submit_type" name="submit_type" type="hidden" value=""> <input id="ua_header" name="ua_header" type="hidden" value="Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)"> <input id="csrf_token" name="csrf_token" type="hidden" value="ImYxYThiNzkyNTY4MjkxM2JiZGFkYjNlN2IyYzUzMzlhMTNlZWFiNTgi.Z0ZwiQ.Ulf1VM7yfI5HbUzsUBeQw2HNbtY"> </form> <div class="popup-overlay popup-modal__close"></div> <div class="popup-modal shadow" data-popup-modal="what-is-compat"> <img class="close popup-modal__close" src="/img/svg/icons/svg-cross-black.svg" title="Close popup" alt="Close popup" /> <div class="slider"> <div class="slides"> <div class="slide active"> <div class="title mobile-only">What is a web compatibility issue?</div> <div class="row full-height mobile-col"> <div class="text-half col"> <div class="title desktop-only">What is a web compatibility issue?</div> <div class="text">A web compatibility issue occurs <strong>when a website behaves differently across browsers.</strong> Sometimes a website will load on one browser and crash or render in a strange way on another. </div> </div> <div class="image-half"> <img class="" src="/img/svg/help-step-1.svg" title="What is a web compatibility issue" alt="What is a web compatibility issue" /> </div> </div> </div> <div class="slide"> <div class="title mobile-only">What causes a web compatibility issue?</div> <div class="row full-height mobile-col"> <div class="text-half col"> <div class="title desktop-only">What causes a web compatibility issue?</div> <div class="text">Sometimes websites have bugs that prevent them from working in all browsers. Browsers also have different ways of implementing features that may affect a site鈥檚 usability. </div> </div> <div class="image-half"> <img class="" src="/img/svg/help-step-2.svg" title="What is a web compatibility issue" alt="What is a web compatibility issue" /> </div> </div> </div> <div class="slide"> <div class="row full-height mobile-col"> <div class="text-half col"> <div class="title desktop-only">What is a web compatibility issue?</div> <div class="text"><strong>We want to make sure the Internet works for everyone.</strong> Together with web developers and site owners, we help identify and fix web compatibility issues. Let us know if you find a website behaves differently across browsers. </div> </div> <div class="image-half image-only"> <img class="" src="/img/svg/help-step-3.svg" title="What is a web compatibility issue" alt="What is a web compatibility issue" /> </div> </div> </div> </div> <div class="controls"> <div class="row"> <div class="dot active" data-slide="0"></div> <div class="dot" data-slide="1"></div> <div class="dot" data-slide="2"></div> </div> <button class="btn next">Next</button> <button class="btn close-control popup-modal__close">Got it</button> </div> </div> </div> <div class="popup-modal shadow text" data-popup-modal="privacy-modal"> <img class="close popup-modal__close" src="/img/svg/icons/svg-cross-black.svg" title="Close popup" alt="Close popup" /> <div class="popup-text"> <h2>Public Reports</h2> All reports are publicly accessible. <strong>Please do not include any confidential or personal information</strong> in the content of your report. <br><br> If you choose to upload a screenshot or other image, it will be publicly accessible. Please <strong>do not include any confidential or personal information</strong> in the screenshot. </div> <div class="links"> <a href="/privacy" target="_blank">Privacy policy</a> </div> </div> </section> </main> <footer id="footer" class="grid"> <section class="grid-row"> <ul class="grid-cell x2 footer-list"> <li class="footer-item"> <a class="footer-item-link" href="/"> Home </a> </li> <li class="footer-item"> <a class="footer-item-link" href="/issues"> List of issues </a> </li> <li class="footer-item"> <a class="footer-item-link" href="/about"> About </a> </li> <li class="footer-item"> <a class="footer-item-link" href="/contributors"> Contribute </a> </li> <li class="footer-item"> <a class="footer-item-link" href="/contact"> Contact </a> </li> <li class="footer-item"> <a class="footer-item-link" href="/privacy"> Privacy Policy </a> </li> <li class="footer-item"> <a class="footer-item-link" href="/terms"> Terms of Service </a> </li> <li class="footer-item"> <a class="footer-item-link" href="https://github.com/webcompat/webcompat.com/blob/master/CODE_OF_CONDUCT.md"> Code of Conduct </a> </li> </ul>   <ul class="grid-cell x1 footer-sub-icons"> <li class="footer-icon icon-twitter"> <a class="footer-item-link" aria-label="Twitter (opens in a new tab)" href="https://twitter.com/webcompat/with_replies" target="_blank"> <svg class="icon" role="presentation" viewBox="0 0 30 30" aria-hidden="true"> <use xlink:href="#svg-twitter" /> </svg> </a> </li> <li class="footer-icon icon-twitter"> <a class="footer-item-link" aria-label="GitHub (opens in a new tab)" href=" https://github.com/webcompat/webcompat.com/" target="_blank"> <svg class="icon" role="presentation" viewBox="0 0 30 30" aria-hidden="true"> <use xlink:href="#svg-github2" /> </svg> </a> </li> </ul> </section> </footer> <script type="module" src="/dist/ga.js?4ed707f2b9395ed5204de67e53274e7e"></script> <script nomodule src="/dist/ga.es5.js?ab6ec65ae502bd616f5c946c9be491af"></script> <script async src='https://www.google-analytics.com/analytics.js'></script>  <script nomodule src="/dist/vendor.es5.js?c9f4fa361948efe57a0e89cbae387a59"></script> <script nomodule src="/dist/webcompat.es5.js?1d5298dc9ee0d5d8b14112029d1ce616"></script> <script type="module" src="/dist/vendor.js?9bd318a1b7337e486f3d6d12485859f0"></script> <script type="module" src="/dist/webcompat.js?40e0cac40b8c315db58502b3e8f081fb"></script> <script type="module" src="/dist/formv2.js?767e101cc621575edd72a0af580eaa67"></script><script nomodule src="/dist/formv2.es5.js?87bddad3e1deee34d45faf0868f7c53c"></script> </body> </html>