@charset "UTF-8";
/* =========================================================================
 * gtmetrix.scss: GTmetrix base
 * ========================================================================= */
@layer legacy {
  /* =========================================================================
   * _config.scss: GTmetrix SCSS config variables
   * ========================================================================= */
  /* -------------------------------------------
   * Common Colors
   * ------------------------------------------- */
  /* =========================================================================
   * Sprite positions and sizes (for resizing)
   * ========================================================================= */
  /* =========================================================================
   * _mixins.scss: GTmetrix Sass mixins
   * ========================================================================= */
  /* =========================================================================
   * Insert a font declaration for Maven Pro
   * ========================================================================= */
  /* =========================================================================
   * Reset a list's style
   * ========================================================================= */
  /* =========================================================================
   * Icon mixins
   * ========================================================================= */
  /* =========================================================================
   * Sprite properties
   * ========================================================================= */
  /* =========================================================================
   * Layout stacking
   * ========================================================================= */
  /* =========================================================================
   * Responsive tabs/accordion
   * ========================================================================= */
  /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
  /**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS text size adjust after orientation change, without disabling
   *    user zoom.
   */
  html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  /**
   * Remove default margin.
   */
  body {
    margin: 0;
  }
  /* HTML5 display definitions
     ========================================================================== */
  /**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section,
  summary {
    display: block;
  }
  /**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
  audio,
  canvas,
  progress,
  video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
  }
  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  /**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
  [hidden],
  template {
    display: none;
  }
  /* Links
     ========================================================================== */
  /**
   * Remove the gray background color from active links in IE 10.
   */
  a {
    background: transparent;
  }
  /**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
  a:active,
  a:hover {
    outline: 0;
  }
  /* Text-level semantics
     ========================================================================== */
  /**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
  abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none;
  }
  /**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
  b,
  strong {
    font-weight: bold;
  }
  /**
   * Address styling not present in Safari and Chrome.
   */
  dfn {
    font-style: italic;
  }
  /**
   * Address styling not present in IE 8/9.
   */
  mark {
    background: #ff0;
    color: #000;
  }
  /**
   * Address inconsistent and variable font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  /**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  /* Embedded content
     ========================================================================== */
  /**
   * Remove border when inside `a` element in IE 8/9/10.
   */
  img {
    border: 0;
  }
  /**
   * Correct overflow not hidden in IE 9/10/11.
   */
  svg:not(:root) {
    overflow: hidden;
  }
  /* Grouping content
     ========================================================================== */
  /**
   * Address margin not present in IE 8/9 and Safari.
   */
  figure {
    margin: 1em 40px;
  }
  /**
   * Address differences between Firefox and other browsers.
   */
  hr {
    box-sizing: content-box;
    height: 0;
  }
  /**
   * Contain overflow in all browsers.
   */
  pre {
    overflow: auto;
  }
  /**
   * Address odd `em`-unit font size rendering in all browsers.
   */
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  /* Forms
     ========================================================================== */
  /**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
  /**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
  }
  /**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
  button {
    overflow: visible;
  }
  /**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
  button,
  select {
    text-transform: none;
  }
  /**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
  button,
  html input[type=button],
  input[type=reset],
  input[type=submit] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
  }
  /**
   * Re-set default cursor for disabled elements.
   */
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  /**
   * Remove inner padding and border in Firefox 4+.
   */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  /**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
  input {
    line-height: normal;
  }
  input[type=checkbox],
  input[type=radio] {
    padding: 0; /* 2 */
  }
  /**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
   *    (include `-moz` to future-proof).
   */
  input[type=search] {
    -webkit-appearance: textfield; /* 1 */
  }
  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
   * Define consistent border, margin, and padding.
   */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  /**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
  legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
  }
  /**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
  textarea {
    overflow: auto;
  }
  /**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
  optgroup {
    font-weight: bold;
  }
  /* Tables
     ========================================================================== */
  /**
   * Remove most spacing between table cells.
   */
  table {
    border-spacing: 0;
  }
  td,
  th {
    padding: 0;
  }
  /* =========================================================================
   * _core.scss: GTmetrix core styles and utility classes
   * ========================================================================= */
  /* =========================================================================
   * Fonts
   * ========================================================================= */
  @font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/MavenPro-regular-400.woff2") format("woff2"), url("../fonts/MavenPro-regular-400.woff") format("woff"), url("../fonts/MavenPro-regular-400.ttf") format("truetype");
  }
  @font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/MavenPro-medium-500.woff2") format("woff2"), url("../fonts/MavenPro-medium-500.woff") format("woff"), url("../fonts/MavenPro-medium-500.ttf") format("truetype");
  }
  @font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/MavenPro-bold-700.woff2") format("woff2"), url("../fonts/MavenPro-bold-700.woff") format("woff"), url("../fonts/MavenPro-bold-700.ttf") format("truetype");
  }
  /* =========================================================================
   * Set up CSS behaviour
   * ========================================================================= */
  html {
    box-sizing: border-box;
  }
  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }
  img {
    box-sizing: content-box;
  }
  :first-child,
  .hide:first-child + * {
    margin-top: 0;
  }
  :last-child {
    margin-bottom: 0;
  }
  /* -------------------------------------------
   * Global Variables
   * ------------------------------------------- */
  :root {
    --section-background: #fff;
    --text-size-default: 16px;
    --text-color: #646464;
    --text-margin: 16px;
    --heading-margin: 16px;
    --link-color: #3c9adc;
    --link-color-hover: #2e7db4;
    --input-color: #4e4e4e;
    --input-disabled-color: #cecece;
    --input-disabled-bg: #fbfbfb;
    --form-margin: 10px;
    --form-label-size: 16px;
    --hr-color: #efefef;
    --hr-margin: 24px 0;
    --hr-height: 2px;
    --focus-outline: 2px solid #1e5982;
    --btn-color-bg: #1b6d8b;
    --btn-color-bg-hover: #175a73;
    --btn-color-text: #fff;
    --toggle-background: #fff;
    --toggle-border: #e0e0e0;
    --toggle-text-color: #646464;
    --toggle-text-background: #fff;
    --toggle-pad-color: #9b9b9b;
    --toggle-pad-color-hover: #646464;
    --toggle-pad-distance: 0px;
    --toggle-disabled-bg: #9b9b9b;
    --toggle-disabled-color: #fff;
    --plan-color-text: #979797;
    --plan-color-border: #f7f7f7;
    --plan-color-bg: #fbfbfb;
    --plan-color-bg-darker: #868686;
    --plan-color-gradient: #ebebeb;
  }
  .plan-colors-micro,
  .plan-colors-lite {
    --plan-color-text: #646464;
    --plan-color-border: #9f9f9f;
    --plan-color-bg: #f5f5f5;
    --plan-color-bg-darker: #515151;
    --plan-color-gradient: #e2e2e2;
  }
  .plan-colors-track {
    --plan-color-text: #c94f31;
    --plan-color-border: #edd8d1;
    --plan-color-bg: #fff7f5;
    --plan-color-bg-darker: #bd8e82;
    --plan-color-gradient: #f9ece8;
  }
  .plan-colors-solo,
  .plan-colors-core {
    --plan-color-text: #5bb9b1;
    --plan-color-border: #a0d7d2;
    --plan-color-bg: #fdffff;
    --plan-color-bg-darker: #47a59e;
    --plan-color-gradient: #daf1ef;
  }
  .plan-colors-starter,
  .plan-colors-advanced {
    --plan-color-text: #66a7d5;
    --plan-color-border: #c7deef;
    --plan-color-bg: #f5fbff;
    --plan-color-bg-darker: #5190bd;
    --plan-color-gradient: #d8e9f5;
  }
  .plan-colors-growth {
    --plan-color-text: #3e7ca7;
    --plan-color-border: #95b2c5;
    --plan-color-bg: #f4faff;
    --plan-color-bg-darker: #2f6890;
    --plan-color-gradient: #cbdae4;
  }
  .plan-colors-champion {
    --plan-color-text: #73a95c;
    --plan-color-border: #aace9b;
    --plan-color-bg: #f8fff4;
    --plan-color-bg-darker: #53a32c;
    --plan-color-gradient: #e6f2e0;
  }
  .plan-colors-team,
  .plan-colors-expert {
    --plan-color-text: #a17ed2;
    --plan-color-border: #b1a0c9;
    --plan-color-bg: #f9f6fc;
    --plan-color-bg-darker: #8864b8;
    --plan-color-gradient: #e7e6f7;
  }
  .plan-colors-enterprise {
    --plan-color-text: #b84f8f;
    --plan-color-border: #cd98b8;
    --plan-color-bg: #fff9fd;
    --plan-color-bg-darker: #a23879;
    --plan-color-gradient: #f3e4ef;
  }
  .plan-colors-custom {
    --plan-color-text: #3c9adc;
    --plan-color-border: #6db3e5;
    --plan-color-bg: #f4faff;
    --plan-color-bg-darker: #2e7db4;
    --plan-color-gradient: #e3edfa;
  }
  .plan-colors-bronze {
    --plan-color-text: #b7a86a;
    --plan-color-border: #e5e0cb;
    --plan-color-bg: #eeebdc;
    --plan-color-bg-darker: #988b55;
    --plan-color-gradient: #d5cca7;
  }
  .plan-colors-silver {
    --plan-color-text: #a7a7a7;
    --plan-color-border: #e3e3e3;
    --plan-color-bg: #f7f7f7;
    --plan-color-bg-darker: #8a8888;
    --plan-color-gradient: #e3e3e3;
  }
  .plan-colors-gold {
    --plan-color-text: #e5ce4c;
    --plan-color-border: #f8efbc;
    --plan-color-bg: #fef9de;
    --plan-color-bg-darker: #ceba42;
    --plan-color-gradient: #faf6da;
  }
  *:focus-visible {
    outline: var(--focus-outline);
  }
  /* =========================================================================
   * Core
   * ========================================================================= */
  p, ul, ol, pre, code, label {
    color: var(--text-color);
  }
  p, ul, ol, pre, code {
    margin: var(--text-margin) 0;
  }
  body {
    font: var(--text-size-default)/1.2 Arial, sans-serif;
    color: var(--text-color);
    background: url(../images/bg-body.png) repeat, #f5f5f5;
  }
  /* -------------------------------------------
   * Lists
   * ------------------------------------------- */
  ul,
  ol {
    padding-left: 28px;
  }
  .list-spaced li {
    margin-bottom: 1em;
  }
  .list-links li {
    margin: 5px 0;
  }
  /* Generic list with icons in <li> */
  .list-icons {
    margin-top: 24px;
    padding-left: 20px;
  }
  .list-icons li {
    margin: 15px 0;
    list-style: none;
  }
  .list-icons .icon {
    margin-bottom: -5px;
    margin-right: 10px;
  }
  hr {
    border: 0;
    margin: var(--hr-margin);
    height: var(--hr-height);
    background: var(--hr-color);
  }
  hr.sparse {
    --hr-margin: 36px 0;
  }
  hr.wide {
    --hr-margin: 60px 0;
  }
  hr.thinner {
    --hr-height: 1px;
  }
  pre {
    --pre-padding: 15px;
    padding: var(--pre-padding) var(--pre-padding) var(--pre-padding) calc(var(--pre-padding) + 16px);
    font-size: 12px;
    border-radius: 6px;
    background: #f4f4f4;
    position: relative;
  }
  pre:before {
    position: absolute;
    width: 8px;
    top: var(--pre-padding);
    bottom: var(--pre-padding);
    left: var(--pre-padding);
    background: #cecece;
    content: "";
  }
  code {
    font-size: 12px;
  }
  .tooltipster-base, .notify, #metrix-dialog-content {
    --text-margin: 12px;
    --heading-margin: 8px;
  }
  /* -------------------------------------------
   * Links
   * ------------------------------------------- */
  a {
    color: var(--link-color);
    transition: color 0.1s ease-out;
  }
  a:hover {
    color: var(--link-color-hover);
  }
  a:active {
    text-decoration: none;
  }
  .analyze-tips a:after,
  a[href^=http]:after,
  a.external:after {
    content: "";
    margin: 0 0 -1px 3px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 48 48%22 style%3D%22fill%3A%237ebbe6%22%3E%3Cpath d%3D%22M48%2C0h-26.94l6.87%2C6.96H0v41.04h41.15v-27.65l6.85%2C6.94V0ZM6.85%2C41.17V13.55h19.99l-9.84%2C9.85%2C8.11%2C8.11%2C9.19-9.2v18.86H6.85Z%22 style%3D%22stroke-width%3A 0px%3B%22%2F%3E%3C%2Fsvg%3E");
    background-position: right center;
    background-size: 12px;
    background-repeat: no-repeat;
  }
  a[href^="http://gtmetrix.com/"]:after,
  a[href^="https://gtmetrix.com/"]:after,
  a[href^="http://static.gtmetrix.com/"]:after,
  a[href^="https://static.gtmetrix.com/"]:after,
  a[href^="http://carbon60.com/"]:after,
  a[href^="https://carbon60.com/"]:after,
  a[href^="http://gt.net/"]:after,
  a[href^="https://gt.net/"]:after,
  a[href^="http://www.gossamer-threads.com/"]:after,
  a[href*=".gtmetrix.com/"]:after,
  a.no-external:after {
    content: none;
  }
  /* =========================================================================
   * Headings
   * ========================================================================= */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: var(--text-color);
    font-weight: 500;
    line-height: 1;
    font-family: "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: var(--heading-margin) 0;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
  }
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 19px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 13px;
  }
  .page-heading {
    --text-color: #3c9adc;
    font-size: 42px;
  }
  .page-intro {
    --text-color: #9b9b9b;
    font: 30px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 1.25em 0;
  }
  /* =========================================================================
   * Forms
   * ========================================================================= */
  input:not([type]),
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=search],
  input[type=tel],
  input[type=url],
  input[type=number],
  input[type=file],
  select,
  textarea {
    color: var(--input-color);
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 8px 18px 8px 14px;
    background: #fff;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .form-large input:not([type]),
  .form-large input[type=text],
  .form-large input[type=password],
  .form-large input[type=email],
  .form-large input[type=search],
  .form-large input[type=tel],
  .form-large input[type=url],
  .form-large input[type=number],
  .form-large input[type=file],
  .form-large select,
  .form-large textarea {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding: 11px;
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 18px 8px 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23415462' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: right center;
    background-size: 20px;
    background-repeat: no-repeat;
  }
  select[multiple] option {
    padding: 3px 4px;
  }
  select option:disabled {
    color: #cecece;
  }
  input:not([type])[disabled],
  input[type=text][disabled],
  input[type=password][disabled],
  input[type=email][disabled],
  input[type=search][disabled],
  input[type=tel][disabled],
  input[type=url][disabled],
  input[type=number][disabled],
  input[type=file][disabled],
  select[disabled],
  textarea[disabled] {
    color: var(--input-disabled-color);
    background-color: var(--input-disabled-bg);
    opacity: 1;
  }
  .theme-modal input:not([type])[disabled], .cta-background input:not([type])[disabled], #metrix-dialog-footer input:not([type])[disabled], .menu input:not([type])[disabled],
  .theme-modal input[type=text][disabled],
  .cta-background input[type=text][disabled],
  #metrix-dialog-footer input[type=text][disabled],
  .menu input[type=text][disabled],
  .theme-modal input[type=password][disabled],
  .cta-background input[type=password][disabled],
  #metrix-dialog-footer input[type=password][disabled],
  .menu input[type=password][disabled],
  .theme-modal input[type=email][disabled],
  .cta-background input[type=email][disabled],
  #metrix-dialog-footer input[type=email][disabled],
  .menu input[type=email][disabled],
  .theme-modal input[type=search][disabled],
  .cta-background input[type=search][disabled],
  #metrix-dialog-footer input[type=search][disabled],
  .menu input[type=search][disabled],
  .theme-modal input[type=tel][disabled],
  .cta-background input[type=tel][disabled],
  #metrix-dialog-footer input[type=tel][disabled],
  .menu input[type=tel][disabled],
  .theme-modal input[type=url][disabled],
  .cta-background input[type=url][disabled],
  #metrix-dialog-footer input[type=url][disabled],
  .menu input[type=url][disabled],
  .theme-modal input[type=number][disabled],
  .cta-background input[type=number][disabled],
  #metrix-dialog-footer input[type=number][disabled],
  .menu input[type=number][disabled],
  .theme-modal input[type=file][disabled],
  .cta-background input[type=file][disabled],
  #metrix-dialog-footer input[type=file][disabled],
  .menu input[type=file][disabled],
  .theme-modal select[disabled],
  .cta-background select[disabled],
  #metrix-dialog-footer select[disabled],
  .menu select[disabled],
  .theme-modal textarea[disabled],
  .cta-background textarea[disabled],
  #metrix-dialog-footer textarea[disabled],
  .menu textarea[disabled] {
    opacity: 0.7;
  }
  .label-disabled {
    --input-color: #cecece;
  }
  input:not([type]).readonly,
  input[type=text].readonly,
  input[type=password].readonly,
  input[type=email].readonly,
  input[type=search].readonly,
  input[type=tel].readonly,
  input[type=url].readonly,
  input[type=number].readonly,
  input[type=file].readonly,
  select.readonly,
  textarea.readonly {
    color: #9b9b9b;
    background-color: var(--input-disabled-bg);
  }
  .theme-modal input:not([type]).readonly, .cta-background input:not([type]).readonly, #metrix-dialog-footer input:not([type]).readonly, .menu input:not([type]).readonly,
  .theme-modal input[type=text].readonly,
  .cta-background input[type=text].readonly,
  #metrix-dialog-footer input[type=text].readonly,
  .menu input[type=text].readonly,
  .theme-modal input[type=password].readonly,
  .cta-background input[type=password].readonly,
  #metrix-dialog-footer input[type=password].readonly,
  .menu input[type=password].readonly,
  .theme-modal input[type=email].readonly,
  .cta-background input[type=email].readonly,
  #metrix-dialog-footer input[type=email].readonly,
  .menu input[type=email].readonly,
  .theme-modal input[type=search].readonly,
  .cta-background input[type=search].readonly,
  #metrix-dialog-footer input[type=search].readonly,
  .menu input[type=search].readonly,
  .theme-modal input[type=tel].readonly,
  .cta-background input[type=tel].readonly,
  #metrix-dialog-footer input[type=tel].readonly,
  .menu input[type=tel].readonly,
  .theme-modal input[type=url].readonly,
  .cta-background input[type=url].readonly,
  #metrix-dialog-footer input[type=url].readonly,
  .menu input[type=url].readonly,
  .theme-modal input[type=number].readonly,
  .cta-background input[type=number].readonly,
  #metrix-dialog-footer input[type=number].readonly,
  .menu input[type=number].readonly,
  .theme-modal input[type=file].readonly,
  .cta-background input[type=file].readonly,
  #metrix-dialog-footer input[type=file].readonly,
  .menu input[type=file].readonly,
  .theme-modal select.readonly,
  .cta-background select.readonly,
  #metrix-dialog-footer select.readonly,
  .menu select.readonly,
  .theme-modal textarea.readonly,
  .cta-background textarea.readonly,
  #metrix-dialog-footer textarea.readonly,
  .menu textarea.readonly {
    opacity: 0.9;
  }
  .search-input {
    position: relative;
  }
  .search-input .clearable-input {
    width: 100%;
  }
  .search-input .icon {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    fill: #e0e0e0;
    position: absolute;
    top: 50%;
    left: 7px;
  }
  .search-input .icon-regex {
    display: none;
  }
  .search-input input[type=text] {
    padding-left: 26px;
  }
  .search-input-regex .icon-search {
    display: none;
  }
  .search-input-regex .icon-regex {
    display: inline-block;
  }
  .search-input-invalid input {
    border-color: #fc7c7c;
  }
  .search-input-invalid .icon {
    fill: #fc7c7c;
  }
  .number-input-nospin {
    -moz-appearance: textfield;
  }
  .number-input-nospin::-webkit-inner-spin-button,
  .number-input-nospin::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }
  ::-webkit-input-placeholder {
    color: #cecece;
  }
  ::-moz-placeholder {
    color: #cecece;
    opacity: 1;
  }
  [placeholder]:-ms-input-placeholder {
    color: #cecece;
  }
  /* -------------------------------------------
   * Range input
   * ------------------------------------------- */
  input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    padding: 0;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]:focus::-moz-focus-outer {
    border: 0;
  }
  input[type=range]::-webkit-slider-thumb {
    width: 14px;
    height: 36px;
    background: #3c9adc;
    cursor: pointer;
    -webkit-appearance: none;
    border: 0;
    margin-top: -17px;
  }
  input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 37px;
    background: #3c9adc;
    cursor: pointer;
    border: 0;
    border-radius: 0;
  }
  input[type=range]::-ms-thumb {
    width: 14px;
    height: 36px;
    background: #3c9adc;
    cursor: pointer;
    border: 0;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #e9e9e9;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #e0e0e0;
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #e0e0e0;
    border: 0;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    height: 4px;
    background: #e0e0e0;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #cecece;
  }
  input[type=range]::-ms-fill-upper {
    height: 4px;
    background: #e0e0e0;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #cecece;
  }
  /* -------------------------------------------
   * Buttons
   * ------------------------------------------- */
  .btn, .paginate_button,
  button,
  input[type=button],
  input[type=submit],
  input[type=reset] {
    font: 400 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    border: 0;
    border-radius: 5px;
    padding: 5px 15px 7px;
    text-decoration: none;
    background: var(--btn-color-bg);
    color: var(--btn-color-text);
    transition: background-color 0.25s ease-out;
    --spinner-color: #fff;
  }
  .btn:hover, .paginate_button:hover,
  button:hover,
  input[type=button]:hover,
  input[type=submit]:hover,
  input[type=reset]:hover {
    background-color: var(--btn-color-bg-hover);
    color: var(--btn-color-text);
  }
  .theme-modal .btn, .cta-background .btn, #metrix-dialog-footer .btn, .theme-modal .paginate_button, .cta-background .paginate_button, #metrix-dialog-footer .paginate_button, .menu .btn, .menu .paginate_button,
  .theme-modal button,
  .cta-background button,
  #metrix-dialog-footer button,
  .menu button,
  .theme-modal input[type=button],
  .cta-background input[type=button],
  #metrix-dialog-footer input[type=button],
  .menu input[type=button],
  .theme-modal input[type=submit],
  .cta-background input[type=submit],
  #metrix-dialog-footer input[type=submit],
  .menu input[type=submit],
  .theme-modal input[type=reset],
  .cta-background input[type=reset],
  #metrix-dialog-footer input[type=reset],
  .menu input[type=reset] {
    --btn-color-bg: #3c9adc;
  }
  .theme-modal .btn:hover, .cta-background .btn:hover, #metrix-dialog-footer .btn:hover, .theme-modal .paginate_button:hover, .cta-background .paginate_button:hover, #metrix-dialog-footer .paginate_button:hover, .menu .btn:hover, .menu .paginate_button:hover,
  .theme-modal button:hover,
  .cta-background button:hover,
  #metrix-dialog-footer button:hover,
  .menu button:hover,
  .theme-modal input[type=button]:hover,
  .cta-background input[type=button]:hover,
  #metrix-dialog-footer input[type=button]:hover,
  .menu input[type=button]:hover,
  .theme-modal input[type=submit]:hover,
  .cta-background input[type=submit]:hover,
  #metrix-dialog-footer input[type=submit]:hover,
  .menu input[type=submit]:hover,
  .theme-modal input[type=reset]:hover,
  .cta-background input[type=reset]:hover,
  #metrix-dialog-footer input[type=reset]:hover,
  .menu input[type=reset]:hover {
    --btn-color-bg-hover: #2e7db4;
  }
  .btn, .paginate_button {
    display: inline-block;
    text-align: center;
  }
  .btn-disabled,
  button[disabled],
  input[type=button][disabled],
  input[type=submit][disabled],
  input[type=reset][disabled] {
    cursor: default;
    opacity: 0.25;
  }
  .btn-disabled:hover,
  button[disabled]:hover,
  input[type=button][disabled]:hover,
  input[type=submit][disabled]:hover,
  input[type=reset][disabled]:hover {
    background: var(--btn-color-bg);
  }
  .btn-hidden {
    visibility: hidden;
  }
  /* -------------------------------------------
   * Button modifiers
   * ------------------------------------------- */
  .btn-jumbo {
    font: 500 24px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding: 8px 50px 11px;
    --spinner-size: 26px;
    --btn-icon-margin: 7px;
    --btn-icon-size: 26px;
  }
  .btn-large {
    font: 500 22px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    font-size: 22px;
    padding: 6px 35px 9px;
    --btn-icon-margin: 5px;
    --btn-icon-size: 22px;
  }
  .btn-small, .paginate_button {
    font: 400 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding: 3px 12px 5px;
    --spinner-size: 14px;
    --btn-icon-margin: 4px;
    --btn-icon-size: 12px;
    --btn-icon-adjust: 0px;
  }
  .btn-mini {
    font: 400 12px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding: 2px 10px 3px;
    --spinner-size: 10px;
    --btn-icon-margin: 3px;
    --btn-icon-size: 8px;
    --btn-icon-adjust: 0px;
  }
  .btn-secondary, .paginate_button {
    --btn-color-bg: #646464;
    --btn-color-bg-hover: #4e4e4e;
  }
  .theme-modal .btn-secondary, .cta-background .btn-secondary, #metrix-dialog-footer .btn-secondary, .theme-modal .paginate_button, .cta-background .paginate_button, #metrix-dialog-footer .paginate_button, .menu .btn-secondary, .menu .paginate_button {
    --btn-color-bg: #0b263a;
  }
  .theme-modal .btn-secondary:hover, .cta-background .btn-secondary:hover, #metrix-dialog-footer .btn-secondary:hover, .theme-modal .paginate_button:hover, .cta-background .paginate_button:hover, #metrix-dialog-footer .paginate_button:hover, .menu .btn-secondary:hover, .menu .paginate_button:hover {
    --btn-color-bg-hover: #030a0e;
  }
  .btn-tertiary {
    --btn-color-bg: #e1e6e9;
    --btn-color-bg-hover: #d3d8dd;
    --btn-color-text: #646464;
    --spinner-color: #646464;
  }
  .theme-modal .btn-tertiary, .cta-background .btn-tertiary, #metrix-dialog-footer .btn-tertiary, .menu .btn-tertiary {
    --btn-color-bg: #678799;
    --btn-color-text: #fff;
    --spinner-color: #fff;
  }
  .theme-modal .btn-tertiary:hover, .cta-background .btn-tertiary:hover, #metrix-dialog-footer .btn-tertiary:hover, .menu .btn-tertiary:hover {
    --btn-color-bg-hover: #4f6775;
  }
  .btn-important {
    --btn-color-bg: #c72525 !important;
    --btn-color-bg-hover: #a31e1e !important;
  }
  .btn-pro {
    --btn-color-bg: #ce4e92 !important;
    --btn-color-bg-hover: #953266 !important;
  }
  .theme-modal-btns {
    --btn-color-bg: #3c9adc;
    --btn-color-bg-hover: #2e7db4;
  }
  .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .btn-icon svg {
    fill: var(--btn-color-text);
    width: var(--btn-icon-size, 16px);
    height: var(--btn-icon-size, 16px);
    margin-top: var(--btn-icon-adjust, 1px);
  }
  .btn-icon svg + span,
  .btn-icon span + svg {
    margin-left: var(--btn-icon-margin, 5px);
  }
  .btn-nohover:hover {
    background: var(--btn-color-bg);
  }
  .btn-centered-wrapper {
    margin: 0;
    text-align: center;
  }
  /* -------------------------------------------
   * Checkboxes
   * ------------------------------------------- */
  [type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    width: 20px;
    height: 20px;
    margin: -2px 2px 0 2px;
    border-width: 2px;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    outline: 0;
    box-shadow: none;
    font-weight: 400;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
  }
  [type=checkbox]::-ms-check {
    display: none;
  }
  [type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus {
    border-color: #3c9adc;
    background: url("../images/icons.svg#tick-view") no-repeat center, #3c9adc;
    background-size: 12px 12px;
  }
  [type=checkbox]:indeterminate {
    border-color: #3c9adc;
    background: url("../images/icons.svg#dash-view") no-repeat center, #3c9adc;
    background-size: 10px 12px;
  }
  [type=checkbox]:focus {
    outline: var(--focus-outline);
    outline-offset: 0px;
  }
  [type=checkbox] ~ label {
    display: inline-block;
    margin-right: 0.375em;
    margin-bottom: 0;
    cursor: pointer;
  }
  /* Switch style checkboxes
   * -----------------------*/
  .input-toggle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 2px;
    background: var(--toggle-text-background);
  }
  .input-toggle input {
    display: inline-block;
    width: 52px;
    height: 25px;
    outline: none;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    margin: 0px;
  }
  .input-toggle input:first-child {
    margin: 0;
  }
  .input-toggle label {
    display: inline-block !important;
    position: absolute;
    top: -2px;
    left: -2px;
    margin: 0 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 56px;
    height: 29px;
    border-radius: 5px;
  }
  .input-toggle label:before, .input-toggle label:after {
    display: block;
    position: absolute;
  }
  .input-toggle label:before {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding-top: 5px;
    padding-left: 5px;
    background-color: var(--toggle-text-background);
    color: var(--toggle-text-color);
    border: 2px solid var(--toggle-border);
    border-radius: 5px;
    content: "ON  OFF";
    font: 11px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    white-space: pre;
    letter-spacing: 0;
    overflow: hidden;
  }
  .input-toggle label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 23px;
    border-radius: 3px;
    background-color: var(--toggle-pad-color);
    margin-left: var(--toggle-pad-distance);
    transition: margin 0.3s, background 0.3s;
    content: "";
  }
  .input-toggle label:hover:after {
    background-color: var(--toggle-pad-color-hover);
  }
  .input-toggle input:checked + label {
    --toggle-text-color: #3c9adc;
    --toggle-pad-color: #3c9adc;
    --toggle-pad-color-hover: #2e7db4;
    --toggle-pad-distance: 25px;
  }
  .theme-modal .input-toggle input:checked + label, .cta-background .input-toggle input:checked + label, #metrix-dialog-footer .input-toggle input:checked + label, .menu .input-toggle input:checked + label {
    --toggle-text-color: #fff;
    --toggle-text-background: #113b59;
    --toggle-border: #537187;
  }
  .input-toggle input:disabled + label {
    background-color: var(--toggle-disabled-bg);
    cursor: initial;
  }
  .theme-modal .input-toggle input:disabled + label, .cta-background .input-toggle input:disabled + label, #metrix-dialog-footer .input-toggle input:disabled + label, .menu .input-toggle input:disabled + label {
    --toggle-disabled-bg: #09263a;
    --toggle-disabled-color: #cecece;
  }
  .input-toggle input:disabled + label:before {
    background-color: var(--toggle-disabled-bg);
    border-color: var(--toggle-disabled-bg);
    color: var(--toggle-disabled-color);
    content: "Disabled";
    text-align: center;
    padding-left: 0;
  }
  .input-toggle input:disabled + label:after {
    visibility: hidden;
  }
  .input-toggle input:focus + label {
    outline: var(--focus-outline);
  }
  /* Button style checkboxes
   * -----------------------*/
  .input-toggle-box {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 100px;
  }
  .input-toggle-box input {
    position: absolute;
    top: 50px;
    left: 100px;
  }
  .input-toggle-box label {
    font: 400 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fbfbfb;
    cursor: pointer;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.3s;
    user-select: none;
  }
  .input-toggle-box input + label:hover,
  .input-toggle-box input:focus + label {
    background-color: #e9e9e9;
    border-color: #cecece;
  }
  .input-toggle-box input:checked + label {
    color: #fff;
    background-color: #7ebbe6;
    border-color: #3c9adc;
  }
  /* -------------------------------------------
   * Generic Dropdown (details + summary)
   * ------------------------------------------- */
  details[role] {
    position: relative;
    padding: 0;
    border-bottom: none;
  }
  details[role][open] summary::before {
    display: block;
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: none;
    content: "";
    cursor: default;
  }
  details[role] summary + ul {
    z-index: 99;
  }
  details[disabled] {
    pointer-events: none;
    opacity: 1;
  }
  details[disabled] .summary {
    background-color: var(--input-disabled-bg);
  }
  .theme-modal details[disabled], .cta-background details[disabled], #metrix-dialog-footer details[disabled], .menu details[disabled] {
    opacity: 0.7;
  }
  /* Select style dropdown, taken from pico.css */
  details[role=list] summary {
    margin-bottom: 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 8px 18px 8px 14px;
    padding-right: 0;
    background: #fff;
    color: #9b9b9b;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    cursor: pointer;
  }
  .form-large details[role=list] summary {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding: 11px 2px 10px 10px;
  }
  details[role=list] summary:active, details[role=list] summary:focus {
    outline: var(--focus-outline);
  }
  details[role=list] summary:focus {
    box-shadow: 0 0 0 3px rgba(16, 149, 193, 0.13);
  }
  details[role=list] summary::after {
    display: block;
    float: right;
    margin-top: -2px;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23415462' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: right center;
    background-size: 20px;
    background-repeat: no-repeat;
  }
  details[role=list] ul {
    max-height: 500px;
    overflow-y: auto;
    border-radius: 8px;
  }
  details[role=list] ul[data-layout-relative] {
    position: relative;
  }
  details[role=list] summary + ul {
    display: flex;
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    flex-direction: column;
    margin: 0;
    padding: 0 0 8px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024), 0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03), 0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036), 0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302), 0.5rem 1rem 6rem rgba(27, 40, 50, 0.06), 0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
    white-space: nowrap;
  }
  details[role=list] li {
    margin-bottom: 0;
    padding: 5px 8px;
    list-style: none;
    transition: background 0.2s ease-out;
  }
  details[role=list] li:hover {
    background: #f4f4f4;
  }
  details[role=list] label {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #646464;
    flex: 1 1 auto;
    padding: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /* -------------------------------------------
   * Single-choice Scale (Radio buttons)
   * ------------------------------------------- */
  .input-radio-scale {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .input-radio-scale li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
  }
  .input-radio-scale li input {
    position: absolute;
    top: 25px;
    left: 25px;
  }
  .input-radio-scale li label {
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fbfbfb;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.3s;
    user-select: none;
  }
  .input-radio-scale li input + label:hover,
  .input-radio-scale li input:focus + label {
    background-color: #e9e9e9;
    border-color: #cecece;
  }
  .input-radio-scale li input:checked + label {
    color: #fff;
    background-color: #7ebbe6;
    border-color: #3c9adc;
  }
  /* -------------------------------------------
   * Form rows
   * ------------------------------------------- */
  .form-row {
    margin-top: var(--form-margin);
  }
  .form-row:first-child {
    margin-top: 0;
  }
  .form-row-right {
    text-align: right;
  }
  .form-row-compact {
    margin-top: 4px;
  }
  .form-row label {
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    font-size: var(--form-label-size);
    display: block;
    margin-bottom: 2px;
  }
  .form-row label .help-tooltip {
    margin-bottom: -2px;
  }
  .form-row label .form-label-link {
    font-size: 12px;
  }
  .form-row-disabled > label,
  .form-row-disabled > span {
    color: #cecece;
  }
  .form-row-disabled-opacity {
    opacity: 0.35;
    pointer-events: none;
    cursor: not-allowed;
  }
  .form-row label:first-child:last-child {
    margin-bottom: 0;
  }
  .form-required {
    color: #c72525;
    font-family: monospace;
    line-height: 10px;
  }
  .form-row input:not([type]),
  .form-row input[type=text],
  .form-row input[type=password],
  .form-row input[type=email],
  .form-row input[type=search],
  .form-row input[type=tel],
  .form-row input[type=url],
  .form-row input[type=file],
  .form-row select,
  .form-row textarea {
    width: 100%;
  }
  .form-row textarea {
    display: block;
    resize: vertical;
  }
  .form-buttons {
    margin-top: 20px;
  }
  .menu .form-buttons {
    text-align: right;
    overflow: hidden;
  }
  .form-buttons-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  hr + .form-buttons {
    margin-top: -10px;
  }
  .form-row-small {
    font-size: 12px;
    --text-margin: 10px;
  }
  .form-row-image {
    margin-top: 10px;
    display: flex;
  }
  .form-row-image > div:first-child {
    max-width: 100px;
    margin-right: 15px;
  }
  .form-row-image > div:last-child {
    flex: 1;
  }
  .form-row-image .form-row-small {
    margin: 0 0 10px;
  }
  .form-row-image label {
    margin-top: 8px;
    font-size: 14px;
  }
  .form-row-action {
    display: flex;
  }
  .form-row-action .btn, .form-row-action .paginate_button {
    flex-shrink: 0;
    margin-left: 15px;
  }
  /* -------------------------------------------
   * Form validation
   * ------------------------------------------- */
  input.form-error,
  select.form-error,
  textarea.form-error {
    border-color: #fc7c7c !important;
    border-width: 2px;
  }
  /* -------------------------------------------
   * Form sections and groups
   * ------------------------------------------- */
  .form-section {
    display: flex;
  }
  .form-section-label {
    flex: 1 1 20%;
    min-width: 130px;
    padding-right: 20px;
    text-align: right;
    font-size: 14px;
  }
  .form-section-label h4 {
    color: #3c9adc;
    margin: 0 0 5px;
  }
  .form-section-label p {
    margin-top: 5px;
  }
  .form-section-content {
    flex: 1 1 80%;
  }
  .form-grid-2,
  .form-grid-2-fixed,
  .form-grid-3 {
    margin-top: var(--form-margin);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .form-grid-2:first-child,
  .form-grid-2-fixed:first-child,
  .form-grid-3:first-child {
    margin-top: 0;
  }
  .form-grid-2 > .form-row,
  .form-grid-2-fixed > .form-row,
  .form-grid-3 > .form-row {
    margin-top: 0;
  }
  .form-grid-2.hide,
  .form-grid-2-fixed.hide,
  .form-grid-3.hide {
    display: none !important;
  }
  .form-grid-2 .form-grid-2-fixed {
    margin-top: 10px;
  }
  .form-grid-2:last-child .form-row,
  .form-grid-3:last-child .form-row {
    margin-bottom: 0;
  }
  .form-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  /* -------------------------------------------
   * Form sections and groups (Responsive)
   * ------------------------------------------- */
  @media (max-width: 900px) {
    .form-section {
      flex-direction: column;
    }
    .form-section-label,
    .form-section-content {
      width: 100%;
    }
    .form-section-label {
      text-align: center;
      padding: 0;
    }
  }
  @media (max-width: 725px) {
    .form-section-content .form-grid-3 {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 650px) {
    .form-grid-2,
    .form-grid-3 {
      display: block;
    }
    .form-grid-2 > .form-row:not(:first-child),
    .form-grid-3 > .form-row:not(:first-child) {
      margin-top: var(--form-margin);
    }
  }
  .analyze-form-menu .form-section {
    flex-direction: column;
  }
  .analyze-form-menu .form-section-label,
  .analyze-form-menu .form-section-content {
    width: 100%;
  }
  .analyze-form-menu .form-section-label {
    text-align: center;
    padding: 0;
  }
  .analyze-form-menu .form-section-label {
    text-align: left;
  }
  .analyze-form-menu .form-section-label h4 {
    margin-bottom: 16px;
  }
  @media (max-width: 500px) {
    .form-row-action {
      display: block;
    }
    .form-row-action .btn, .form-row-action .paginate_button {
      width: 100%;
      margin: 15px 0 0;
    }
  }
  /* -------------------------------------------
   * Form misc
   * ------------------------------------------- */
  .form-desc {
    font-size: 14px;
  }
  .form-desc-note {
    font-style: italic;
    font-size: 12px;
  }
  /* =========================================================================
   * Tables
   * ========================================================================= */
  .styled-table {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
  }
  .styled-table thead {
    --table-row-color-odd: none;
    --table-row-color: none;
    --table-row-color-hover: none;
  }
  .styled-table tr:first-child > td:first-child {
    border-top-left-radius: 8px;
  }
  .styled-table tr:first-child > td:last-child {
    border-top-right-radius: 8px;
  }
  .styled-table tr {
    background-color: var(--table-row-color, #fbfbfb);
  }
  .styled-table tr:nth-child(odd) {
    background-color: var(--table-row-color-odd, #f4f4f4);
  }
  .styled-table thead {
    font-size: 12px;
    color: #9b9b9b;
  }
  .styled-table thead th {
    text-transform: uppercase;
  }
  .styled-table tbody {
    font-size: 14px;
  }
  .styled-table td,
  .styled-table th {
    padding: 8px 12px;
  }
  .styled-table th {
    text-align: left;
  }
  .styled-table-straight {
    overflow: visible;
    border-radius: 0px;
  }
  .styled-table-straight td {
    border-radius: 0 !important;
  }
  .styled-table-alt {
    --spinner-color: #646464;
  }
  .styled-table-alt thead {
    color: #cecece;
  }
  .styled-table-alt tbody {
    --table-row-color: #fff;
    --table-row-color-odd: #fff;
  }
  .styled-table-alt tr {
    transition: background 0.3s ease-out;
  }
  .styled-table-alt tr:hover {
    background: var(--table-row-color-hover, #f4f4f4);
  }
  .styled-table-alt tr td {
    padding: 8px 10px;
  }
  .styled-table-alt tr:first-child td {
    padding-top: 15px;
  }
  .styled-table-alt tr:last-child td {
    padding-bottom: 15px;
  }
  .styled-table-alt .spinner-wrapper p {
    color: #646464;
    margin: 4px 10px;
  }
  /* =========================================================================
   * Utility classes
   * ========================================================================= */
  .clear:before,
  .clear:after {
    content: " ";
    display: table;
  }
  .clear:after {
    clear: both;
  }
  .clear {
    *zoom: 1;
  }
  .hide,
  .js .js-hide {
    display: none;
  }
  .filter-blur {
    filter: blur(10px);
    user-select: none;
  }
  /* =========================================================================
   * Theme classes
   * ========================================================================= */
  .theme-modal, .cta-background, #metrix-dialog-footer, .menu {
    background: url(../images/bg-modal.png) repeat, linear-gradient(135deg, rgb(37, 64, 86) 10%, rgb(21, 116, 147) 100%);
    --text-color: #fff;
    --link-color: #fff;
    --link-color-hover: #cecece;
    --hr-color: rgba(255, 255, 255, 0.25);
    --hr-margin: 40px 0;
    --form-margin: 20px;
    --focus-outline: 2px solid #7DD1D9;
    --form-label-size: 18px;
  }
  .theme-modal a:hover, .cta-background a:hover, #metrix-dialog-footer a:hover, .menu a:hover {
    text-decoration: none;
  }
  .theme-modal .form-error, .cta-background .form-error, #metrix-dialog-footer .form-error, .menu .form-error {
    --focus-outline: 1px solid #fc7c7c;
  }
  .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.7;
    transition: opacity 0.3s ease-out;
  }
  .modal-close .icon {
    width: 20px;
    height: 20px;
    fill: var(--text-color);
  }
  .modal-close:hover {
    opacity: 1;
  }
  /* =========================================================================
   * Icons
   * ========================================================================= */
  .icon {
    width: 24px;
    height: 24px;
    fill: #fff;
  }
  .icon-disabled {
    fill: #9b9b9b;
  }
  .icon-right {
    transform: rotate(-90deg);
  }
  .icon-left {
    transform: rotate(90deg);
  }
  .icon-up {
    transform: scaleY(-1);
  }
  .icon-plus-button {
    width: 24px;
    height: 24px;
    padding: 6px;
    background: #efefef;
    fill: #646464;
    transition: background 0.3s ease-out;
  }
  .icon-plus-button:hover {
    background: #e0e0e0;
  }
  .icon-add-small {
    margin: 0 0 -2px;
    --btn-icon-size: 11px;
  }
  .icon-x-gray {
    width: 20px;
    height: 20px;
    fill: #9b9b9b;
  }
  .icon-tick-green {
    fill: #4ec52e;
    width: 24px;
    height: 24px;
  }
  .icon-tick-green-circle {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    padding: 5px;
    background: #4ec52e;
    fill: #fff;
  }
  .icon-x-red-circle {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    padding: 5px;
    background: #c72525;
    fill: #fff;
  }
  .icon-copy {
    width: 24px;
    height: 24px;
    fill: #3c9adc;
  }
  .icon-logo-x {
    background: #000;
    padding: 5%;
  }
  .icon-logo-facebook {
    background: #0866ff;
  }
  .icon-logo-linkedin {
    background: #0077b5;
  }
  .icon-logo-pdf {
    background: #e34947;
    padding: 3%;
    fill: #fff;
  }
  .icon-rss {
    background: #f68a21;
    padding: 5%;
  }
  .icon-gtmetrix-full {
    width: 160px;
    height: 45px;
  }
  .icon-grade-A {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 52%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22a%22 x1%3D%226.12%22 x2%3D%2235.08%22 y1%3D%2217.44%22 y2%3D%2245.4%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%22.17%22 stop-color%3D%22%23b5daaa%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%2327ab4a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath d%3D%22m9.89 51.83 4.68-12.29h21.66l4.68 12.29h9.89L30.47.64H20.35L0 51.83zm15.52-40.74 7.61 20.09H17.73z%22 style%3D%22fill%3Aurl%28%23a%29%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .icon-grade-B {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 52%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22a%22 x1%3D%22-.18%22 x2%3D%2241.27%22 y1%3D%226.94%22 y2%3D%2246.96%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%22.17%22 stop-color%3D%22%23e0ebb7%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%2379b042%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath d%3D%22M26.18 51.83c3.12 0 5.85-.34 8.17-1.03s4.14-1.53 5.45-2.53 2.37-2.22 3.19-3.65c.81-1.44 1.34-2.75 1.57-3.95.24-1.2.36-2.49.36-3.86 0-5.75-2.97-9.69-8.92-11.84 4.05-2.1 6.07-5.4 6.07-9.89q0-3.975-1.5-6.9c-1-1.95-2.37-3.45-4.1-4.5-1.74-1.05-3.6-1.82-5.6-2.31S26.7.64 24.35.64H5.9v51.2h20.28ZM15.12 29.65h10.27c6.87 0 10.31 2.22 10.31 6.67 0 4.97-3.32 7.46-9.97 7.46H15.12zm0-21.03h9.07c5.77 0 8.66 2.25 8.66 6.75q0 6.15-7.98 6.15h-9.74V8.63Z%22 style%3D%22fill%3Aurl%28%23a%29%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .icon-grade-C {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 52%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22a%22 x1%3D%2210.91%22 x2%3D%2249.53%22 y1%3D%227.53%22 y2%3D%2244.82%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%22.17%22 stop-color%3D%22%23f0ed9e%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23bdb031%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath d%3D%22M10.94 44.88c1.54 1.89 3.39 3.42 5.57 4.61 2.17 1.19 4.3 1.98 6.37 2.38s4.31.6 6.71.6c5.22 0 10.39-1.02 15.52-3.07v-8.58c-4.87 2.25-9.77 3.37-14.69 3.37-2.3 0-4.27-.21-5.9-.62-1.64-.41-3.24-1.21-4.8-2.38s-2.75-3.01-3.56-5.51-1.22-5.65-1.22-9.44.41-6.95 1.22-9.44c.81-2.5 2-4.33 3.56-5.51 1.56-1.17 3.16-1.97 4.8-2.38s3.6-.62 5.9-.62c4.92 0 9.82 1.12 14.69 3.37V3.04C39.99 1.02 34.82 0 29.59 0c-2.4 0-4.64.2-6.71.6s-4.2 1.19-6.37 2.38-4.03 2.72-5.57 4.61-2.79 4.42-3.77 7.59c-.97 3.17-1.46 6.86-1.46 11.06s.49 7.88 1.46 11.06c.97 3.17 2.23 5.7 3.77 7.59Z%22 style%3D%22fill%3Aurl%28%23a%29%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .icon-grade-D {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 52%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22a%22 x1%3D%22-1.31%22 x2%3D%2239.49%22 y1%3D%226.65%22 y2%3D%2246.05%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%22.17%22 stop-color%3D%22%23ffe19c%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23c5862b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath d%3D%22M22.15 51.83c7.95 0 13.96-2.17 18.05-6.52s6.13-10.69 6.13-19.04-2.05-14.77-6.15-19.11C36.08 2.81 30.07.64 22.15.64H4.5v51.2h17.65ZM13.72 9h8.43c5.32 0 9.15 1.34 11.49 4.03s3.5 7.1 3.5 13.25-1.17 10.49-3.5 13.17c-2.34 2.69-6.17 4.03-11.49 4.03h-8.43z%22 style%3D%22fill%3Aurl%28%23a%29%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .icon-grade-E {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 52%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22a%22 x1%3D%223.81%22 x2%3D%2247.02%22 y1%3D%225.37%22 y2%3D%2247.1%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%22.17%22 stop-color%3D%22%23fbbd7b%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23c74627%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath d%3D%22M42.45 51.83v-8.28H17.6V30.58h21.55v-8.7H17.6V8.91h24.85V.64H8.38v51.2h34.07Z%22 style%3D%22fill%3Aurl%28%23a%29%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .icon-grade-F {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 52%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22a%22 x1%3D%224.06%22 x2%3D%2234.48%22 y1%3D%225.61%22 y2%3D%2234.99%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%22.17%22 stop-color%3D%22%23f5a9aa%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23d51f26%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath d%3D%22M18.08 51.83V30.58h20.65v-8.7H18.08V8.91h23.87V.64H8.86v51.2h9.22Z%22 style%3D%22fill%3Aurl%28%23a%29%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .icon-comment {
    fill: #85b2d3;
  }
  .icon-transition-transform {
    transition: transform 0.1s ease-out;
  }
  .icon-cc-small {
    vertical-align: middle;
    width: 22px;
    height: 14px;
  }
  /* =========================================================================
   * Animation classes
   * ========================================================================= */
  .form-flash {
    animation-duration: 0.7s;
    animation-name: flash;
  }
  @keyframes flash {
    50% {
      border: 1px solid #1e5982;
      box-shadow: 0px 0px 5px #1e5982;
    }
  }
  .infinite-pulsate {
    border: 1px solid #e0e0e0;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: pulsate;
  }
  .infinite-pulsate.btn-secondary, .infinite-pulsate.paginate_button {
    border: 1px solid #646464;
    animation-name: pulsate-white;
  }
  @keyframes pulsate {
    50% {
      border: 1px solid #3c9adc;
      box-shadow: 0px 0px 40px #3c9adc;
    }
  }
  @keyframes pulsate-white {
    50% {
      border: 1px solid #646464;
      box-shadow: 0px 0px 40px #fbfbfb;
    }
  }
  /* =========================================================================
   * _sprite-bitmap.scss: GTmetrix bitmap sprite
   * ========================================================================= */
  [class*=bsprite-about-] {
    background-image: url(../images/about/sprite.png);
    display: inline-block;
  }
  [class*=bsprite-features-] {
    background-image: url(../images/features-sprite.png);
  }
  [class*=bsprite-report-timings-] {
    background-image: url(../images/report/report-timings-sprite.png);
  }
  /* =========================================================================
   * Sprites for the home page
   * ========================================================================= */
  /* =========================================================================
   * Sprites for the about page
   * ========================================================================= */
  .bsprite-about-pages {
    background-position: 0 0;
    width: 284px;
    height: 143px;
  }
  .bsprite-about-enterprise {
    background-position: -324px 0;
    width: 205px;
    height: 167px;
  }
  .bsprite-about-users {
    background-position: -618px 0;
    width: 185px;
    height: 114px;
  }
  .bsprite-about-regions {
    background-position: -899px 0;
    height: 190px;
    width: 190px;
  }
  /* =========================================================================
   * Sprites for the features page
   * ========================================================================= */
  .bsprite-features-throttle,
  .bsprite-features-adblock,
  .bsprite-features-httpauth,
  .bsprite-features-cookies,
  .bsprite-features-digest,
  .bsprite-features-whitelabel,
  .bsprite-features-filters,
  .bsprite-features-api {
    width: 270px;
    height: 167px;
    background-position: -289px 0;
  }
  .bsprite-features-adblock {
    background-position: 0 0;
  }
  .bsprite-features-httpauth {
    background-position: 0 -187px;
  }
  .bsprite-features-cookies {
    background-position: -289px -187px;
  }
  .bsprite-features-digest {
    background-position: -578px -187px;
  }
  .bsprite-features-whitelabel {
    background-position: -579px 0;
  }
  .bsprite-features-filters {
    background-position: 0 -374px;
  }
  .bsprite-features-api {
    background-position: -289px -374px;
  }
  /* =========================================================================
   * Sprites for the report timings
   * ========================================================================= */
  .bsprite-report-timings-redirect,
  .bsprite-report-timings-connect,
  .bsprite-report-timings-backend,
  .bsprite-report-timings-first-byte,
  .bsprite-report-timings-first-paint,
  .bsprite-report-timings-first-contentful-paint,
  .bsprite-report-timings-dom-interactive,
  .bsprite-report-timings-dom-content-loaded,
  .bsprite-report-timings-onload,
  .bsprite-report-timings-fully-loaded {
    width: 520px;
    height: 250px;
    background-position: 0px 0px;
  }
  .bsprite-report-timings-connect {
    background-position: 0px -250px;
  }
  .bsprite-report-timings-backend {
    background-position: 0px -500px;
  }
  .bsprite-report-timings-first-byte {
    background-position: 0px -1000px;
  }
  .bsprite-report-timings-first-paint {
    background-position: 0px -750px;
  }
  .bsprite-report-timings-first-contentful-paint {
    background-position: 0px -2000px;
  }
  .bsprite-report-timings-dom-interactive {
    background-position: 0px -1250px;
  }
  .bsprite-report-timings-dom-content-loaded {
    background-position: 0px -1500px;
  }
  .bsprite-report-timings-onload {
    background-position: 0px -1750px;
  }
  /* =========================================================================
   * _layouts.scss: GTmetrix layouts and main site components
   * ========================================================================= */
  /* =========================================================================
   * Layouts
   * ========================================================================= */
  /* -------------------------------------------
   * Content area with no actions sidebar
   * ------------------------------------------- */
  main {
    margin: 0 auto;
    max-width: 1580px;
  }
  main > article {
    border-top: 0;
    border-bottom: 0;
    padding: 40px;
  }
  /* -------------------------------------------
   * Content area with actions sidebar
   * ------------------------------------------- */
  .with-actions {
    max-width: 1780px;
    display: flex;
  }
  .with-actions article {
    flex: 1 1;
    min-width: 0;
  }
  .with-actions aside {
    order: 2;
    flex: 0 0 190px;
  }
  main > aside ~ article {
    margin-right: 10px;
  }
  main > aside {
    padding: 20px 20px 10px 0;
  }
  main > aside .btn, main > aside .paginate_button {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    font-size: 19px;
    font-weight: 500;
  }
  main > aside .btn:last-child, main > aside .paginate_button:last-child {
    margin-bottom: 0;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 1200px) {
    main > aside ~ article {
      margin-right: 20px;
    }
    .with-actions {
      flex-direction: column;
    }
    .with-actions aside {
      order: 0;
      flex-basis: auto;
      margin-top: 20px;
      margin-left: 20px;
    }
    .with-actions article {
      margin-right: 0;
    }
    main > aside {
      margin-right: 0;
      padding: 10px 20px;
    }
    main > aside .btn, main > aside .paginate_button {
      width: auto;
      margin: 0;
    }
  }
  @media (max-width: 1000px) {
    main > article {
      padding: 40px 20px;
    }
    .with-actions aside {
      margin: 20px 0px 0;
    }
  }
  @media (max-width: 599px) {
    main > aside ~ article {
      margin: 0;
    }
    main > aside {
      padding: 10px;
    }
    main > article {
      margin: 0;
      border: 0;
      padding: 20px 10px;
    }
    .with-actions aside {
      margin: 20px 10px 0;
    }
  }
  /* -------------------------------------------
   * Generic 2 and 3 column layout (content + sidebar(s))
   * ------------------------------------------- */
  /*
  Usage:

  Content with left sidebar (sidebar stacks to bottom):
  <div class="layout-cols2">
    <div class="layout-cols-sidebar-left"></div>
    <div class="layout-cols-content"></div>
  </div>

  Content with left sidebar (sidebar stacks to top):
  <div class="layout-cols2 data-layout-stack-top">
    <div class="layout-cols-sidebar-left"></div>
    <div class="layout-cols-content"></div>
  </div>

  Content with right sidebar and hide the sidebar when stacking:
  <div class="layout-cols2" data-layout-stack-hide>
    <div class="layout-cols-content"></div>
    <div class="layout-cols-sidebar-right"></div>
  </div>

  Content with left and right sidebars and the option to stack the left sidebar
  before the right sidebar:
  <div class="layout-cols3" data-layout-stack-first="left">
    <div class="layout-cols-sidebar-left"></div>
    <div class="layout-cols-content"></div>
    <div class="layout-cols-sidebar-right"></div>
  </div>

  Content with left and right sidebars, stack on top of main content and the
  option to stack the left sidebar before the right sidebar:
  <div class="layout-cols3" data-layout-stack-first="left" data-layout-stack-top>
    <div class="layout-cols-sidebar-left"></div>
    <div class="layout-cols-content"></div>
    <div class="layout-cols-sidebar-right"></div>
  </div>

  The .layout-cols3 and .layout-cols2 layouts are set up with pre-set breakpoints
  to keep the content area widths to be between ~550px to 750px (to give optimal
  line lengths).

  Use the .layout-cols-content-wrapper or .layout-cols-content-wrapper-center
  wrapper div inside .layout-cols-content to control how the excess margins are
  displayed.

  1261px and higher (body width)
    content + left + right sidebars
    content: 550px - 700px
    sidebars: 300px
  980px - 1260px (extra gap from 1182px to 1260px from max-width)
    content + left + right sidebars (one sidebar stacked)
    content: 550px - 750px
    sidebars: 320px, auto
  980px and higher
    content + left or right sidebar
    content: 550px - 750px
    sidebar: 320px
  0 - 880px (extra gap from 862px to 980px)
    content + left and/or right sidebar(s)
    content: 0 - 750px
    sidebars: auto

  Another feature of the layouts is you can configure which sidebar you want to
  stack first, whether they should stack above or below the main content, or
  request that the sidebar be hidden instead of stacked.
  Add the data-layout-stack-first="left", data-layout-stack-top or the
  data-layout-stack-hide attributes to the layout container.

  If you want to use this same column layout, but use different breakpoints, then
  use the .layout-cols3-shell and .layout-cols2-shell classes and @include the
  mixins like it's done below.
  */
  .layout-cols3-shell,
  .layout-cols2-shell,
  .layout-cols3,
  .layout-cols2 {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
  }
  .layout-cols-content-wrapper-center,
  .layout-cols-content-wrapper {
    max-width: 950px;
    line-height: 1.5em;
  }
  .layout-cols-content-wrapper-center {
    margin: 0 auto;
  }
  .layout-cols-content,
  .layout-cols-sidebar-left,
  .layout-cols-sidebar-right {
    display: table-cell;
    vertical-align: top;
  }
  .layout-cols-sidebar-left {
    padding-right: 20px;
    width: 320px;
  }
  .layout-cols-sidebar-right {
    padding-left: 20px;
    width: 320px;
  }
  .layout-cols3-shell .layout-cols-sidebar-left,
  .layout-cols3-shell .layout-cols-sidebar-right,
  .layout-cols3 .layout-cols-sidebar-left,
  .layout-cols3 .layout-cols-sidebar-right {
    width: 300px;
  }
  @media (max-width: 1260px) {
    .layout-cols3 {
      max-width: 1070px;
    }
    .layout-cols3:not([data-layout-stack-first])[data-layout-stack-top] .layout-cols-sidebar-right,
    .layout-cols3[data-layout-stack-first=right][data-layout-stack-top] .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: top;
      padding-left: 0;
      padding-bottom: 25px;
      width: auto;
    }
    .layout-cols3:not([data-layout-stack-first])[data-layout-stack-top] .layout-cols-sidebar-left,
    .layout-cols3[data-layout-stack-first=right][data-layout-stack-top] .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .layout-cols3:not([data-layout-stack-first]):not([data-layout-stack-top]) .layout-cols-sidebar-right,
    .layout-cols3[data-layout-stack-first=right]:not([data-layout-stack-top]) .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .layout-cols3:not([data-layout-stack-first]):not([data-layout-stack-top]) .layout-cols-sidebar-left,
    .layout-cols3[data-layout-stack-first=right]:not([data-layout-stack-top]) .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .layout-cols3:not([data-layout-stack-first])[data-layout-stack-hide] .layout-cols-sidebar-right,
    .layout-cols3[data-layout-stack-first=right][data-layout-stack-hide] .layout-cols-sidebar-right {
      display: none;
    }
    .layout-cols3[data-layout-stack-first=left][data-layout-stack-top] .layout-cols-sidebar-left {
      display: table-caption;
      caption-side: top;
      padding-right: 0;
      padding-bottom: 25px;
      width: auto;
    }
    .layout-cols3[data-layout-stack-first=left][data-layout-stack-top] .layout-cols-sidebar-right {
      max-width: 320px;
    }
    .layout-cols3[data-layout-stack-first=left]:not([data-layout-stack-top]) .layout-cols-sidebar-left {
      display: table-caption;
      caption-side: bottom;
      padding-right: 0;
      padding-top: 25px;
      width: auto;
    }
    .layout-cols3[data-layout-stack-first=left]:not([data-layout-stack-top]) .layout-cols-sidebar-right {
      max-width: 320px;
    }
    .layout-cols3[data-layout-stack-first=left][data-layout-stack-hide] .layout-cols-sidebar-left {
      display: none;
    }
  }
  @media (max-width: 980px) {
    .layout-cols3,
    .layout-cols2 {
      max-width: 750px;
    }
    .layout-cols3:not([data-layout-stack-first])[data-layout-stack-top] .layout-cols-sidebar-left,
    .layout-cols3[data-layout-stack-first=right][data-layout-stack-top] .layout-cols-sidebar-left {
      display: table-header-group;
      width: 100%;
      padding-right: 0;
      padding-bottom: 20px;
    }
    .layout-cols3:not([data-layout-stack-first]):not([data-layout-stack-top]) .layout-cols-sidebar-left,
    .layout-cols3[data-layout-stack-first=right]:not([data-layout-stack-top]) .layout-cols-sidebar-left {
      display: table-footer-group;
      width: 100%;
      padding-right: 0;
      padding-top: 20px;
    }
    .layout-cols3[data-layout-stack-first=left][data-layout-stack-top] .layout-cols-sidebar-right {
      display: table-header-group;
      width: 100%;
      padding-left: 0;
      padding-bottom: 20px;
    }
    .layout-cols3[data-layout-stack-first=left]:not([data-layout-stack-top]) .layout-cols-sidebar-right {
      display: table-footer-group;
      width: 100%;
      padding-left: 0;
      padding-top: 20px;
    }
    .layout-cols2[data-layout-stack-top] .layout-cols-sidebar-left {
      display: table-caption;
      caption-side: top;
      padding-right: 0;
      padding-bottom: 25px;
      width: auto;
    }
    .layout-cols2[data-layout-stack-top] .layout-cols-sidebar-right {
      max-width: 320px;
    }
    .layout-cols2[data-layout-stack-top] .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: top;
      padding-left: 0;
      padding-bottom: 25px;
      width: auto;
    }
    .layout-cols2[data-layout-stack-top] .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .layout-cols2:not([data-layout-stack-top]) .layout-cols-sidebar-left {
      display: table-caption;
      caption-side: bottom;
      padding-right: 0;
      padding-top: 25px;
      width: auto;
    }
    .layout-cols2:not([data-layout-stack-top]) .layout-cols-sidebar-right {
      max-width: 320px;
    }
    .layout-cols2:not([data-layout-stack-top]) .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .layout-cols2:not([data-layout-stack-top]) .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .layout-cols2[data-layout-stack-hide] .layout-cols-sidebar-left, .layout-cols2[data-layout-stack-hide] .layout-cols-sidebar-right {
      display: none;
    }
  }
  /* -------------------------------------------
   * "Zebra" layout used on Home and Features pages
   * ------------------------------------------- */
  .layout-zebra > article {
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
  }
  .layout-zebra {
    margin: 0;
    max-width: none;
  }
  .layout-zebra-section {
    font-size: 20px;
    border-bottom: 8px solid #efefef;
    padding: 60px 0;
  }
  .layout-zebra-section:first-child {
    text-align: center;
  }
  .layout-zebra-section:first-child h1 {
    margin: 0 auto;
    font-size: 58px;
    color: #3c9adc;
    margin-bottom: 20px;
  }
  .layout-zebra-section:first-child h2 {
    margin: 0 auto 40px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
  }
  .layout-zebra-section:last-child {
    border-bottom: 0;
  }
  .layout-zebra-section-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .layout-zebra-section-content h2 {
    color: #9b9b9b;
  }
  .layout-zebra-section-content h3 {
    font-size: 35px;
    color: #3c9adc;
  }
  .layout-zebra-section-content h4 {
    font-size: 24px;
    line-height: 1.2;
  }
  /* -------------------------------------------
   * A simple centered layout
   * ------------------------------------------- */
  .layout-centered {
    text-align: center;
  }
  .layout-centered ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .layout-centered li {
    margin-bottom: 5px;
  }
  .layout-centered li:before {
    content: "•";
    display: inline-block;
    margin-right: 4px;
  }
  /* =========================================================================
   * Header
   * ========================================================================= */
  .header,
  .footer {
    background: url(../images/bg-modal.png) repeat, linear-gradient(152deg, rgb(28, 49, 71) 50%, rgb(21, 116, 149) 89%);
    position: relative;
    z-index: 3;
  }
  .header {
    --text-color: #fff;
    --link-color: #fff;
    --link-color-hover: #cecece;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 95px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .header nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
    height: 100%;
  }
  .header a {
    text-decoration: none;
  }
  .logged-in-as-user {
    padding: 15px 0;
    border-bottom: 5px solid #646464;
    background: #1b1b1b;
    color: #9b9b9b;
    text-align: center;
  }
  .logged-in-as-user span {
    color: #fff;
  }
  .logged-in-as-user button {
    margin-left: 20px;
  }
  .trial-active-banner {
    padding: 15px;
    background: #805994;
    color: #fff;
    text-align: center;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .trial-active-banner a {
    color: #fff;
  }
  /* -------------------------------------------
   * Site links
   * ------------------------------------------- */
  .header-links {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .header-links.site-nav {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 30px;
  }
  .site-nav-link {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 30px;
  }
  .site-nav-link > a {
    font-size: 22px;
  }
  .user-nav {
    display: inline-flex;
    background: none;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
  }
  .user-nav-responsive {
    display: none;
  }
  .site-nav-home {
    display: inline-flex;
  }
  .site-nav-dropdown-hover {
    position: relative;
    --link-color-hover: #fff;
  }
  .site-nav-dropdown-hover:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    opacity: 0;
    transition: opacity, 0.3s ease-out;
  }
  .site-nav-dropdown-hover:hover:before {
    opacity: 1;
  }
  .site-nav-dropdown-content {
    position: fixed;
    list-style: none;
    z-index: 5;
    display: flex;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    background: #fff;
    border-top: 4px solid #3c9adc;
    padding: 0;
    line-height: 18px;
    left: 10px;
    right: 10px;
    top: 95px;
    margin: 0 auto;
    max-width: 1450px;
    box-shadow: 0 4px 25px 4px rgba(0, 0, 0, 0.15);
    --text-color: #646464;
    --link-color: #3c9adc;
    --link-color-hover: #2e7db4;
  }
  .user-nav-welcome .site-nav-dropdown-content {
    z-index: 99;
    flex-direction: column;
    width: 425px;
    top: 75px;
    left: initial;
    right: 20px;
    border-top: 0;
    border-radius: 5px;
  }
  .site-nav-dropdown-content.hide {
    display: none;
  }
  .site-nav-dropdown-content-showing {
    opacity: 1;
  }
  .site-nav-dropdown-block {
    padding: 35px 15px 35px 35px;
    flex: 1 0;
  }
  .site-nav-dropdown-block h4 {
    font-size: 24px;
    color: #3c9adc;
  }
  .site-nav-dropdown-block h4.site-nav-dropdown-title-highlight {
    font-size: 30px;
    margin-bottom: -5px;
  }
  .site-nav-dropdown-block p {
    font-size: 16px;
    letter-spacing: normal;
    line-height: 20px;
  }
  .site-nav-trigger {
    cursor: default;
  }
  .site-nav-trigger:hover .icon {
    opacity: 1;
  }
  .menu .site-nav-trigger {
    cursor: pointer;
  }
  .icon-nav-menu-trigger {
    width: 12px;
    height: 12px;
    fill: #a4c4db;
    opacity: 0.8;
    transition: all 0.1s ease-out;
  }
  [open] .icon-nav-menu-trigger {
    transform: scaleY(-1);
  }
  .user-nav-responsive .icon-nav-menu-trigger {
    width: 10px;
    height: 10px;
    margin-bottom: -1px;
  }
  [class*=site-nav-dropdown-icon-] {
    position: relative;
  }
  [class*=site-nav-dropdown-icon-]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
    opacity: 0.2;
  }
  .site-nav-dropdown-icon-test:before {
    background-image: url(../images/icons/test.svg);
  }
  .site-nav-dropdown-icon-lighthouse:before {
    background-image: url(../images/icons/lighthouse.svg);
    background-size: 20%;
  }
  .site-nav-dropdown-icon-location:before {
    background-image: url(../images/icons/location.svg);
    margin-right: 20px;
    background-size: 23%;
  }
  .site-nav-dropdown-icon-monitor:before {
    background-image: url(../images/icons/monitor.svg);
    background-position-y: 25px;
  }
  .site-nav-dropdown-icon-resources:before {
    background-image: url(../images/icons/resources.svg);
    background-size: 25%;
  }
  .site-nav-dropdown-menu-links {
    display: none;
    margin: 5px 0;
  }
  .site-nav-dropdown-menu-links li {
    list-style-type: none;
    letter-spacing: -0.0525em;
    margin-bottom: 5px;
    font-size: 18px;
  }
  .menu .site-nav-dropdown-menu-links-show .site-nav-dropdown-menu-links {
    display: block;
  }
  .site-nav-link-badge {
    display: inline-block;
    padding: 2px 5px 2px 4px;
    background: #c937c9;
    font-size: 10px;
    line-height: normal;
    border-radius: 4px;
    margin: -18px 3px 3px;
    letter-spacing: normal;
    font-weight: 500;
  }
  @media (max-width: 1250px) {
    .site-nav-dropdown-responsive-hide {
      display: none;
    }
    .header-links.site-nav .site-nav-link {
      padding: 0 15px;
    }
  }
  @media (max-width: 1000px) {
    .site-nav-link-resp-hide {
      display: none;
    }
  }
  @media (max-width: 900px) {
    .site-nav-dropdown-hover .site-nav-dropdown-content {
      display: none;
    }
    .site-nav-dropdown-hover:before {
      display: none;
    }
    .site-nav-trigger:after {
      display: none;
    }
  }
  /* -------------------------------------------
   * User links
   * ------------------------------------------- */
  .user-nav-login {
    margin-right: 15px;
  }
  .user-nav-welcome {
    position: relative;
    font-size: 16px;
  }
  .user-nav-welcome-greeting-container {
    display: flex;
    align-items: center;
  }
  .user-nav-welcome-greeting-container > .org-logo {
    display: inline-flex;
    margin-right: 10px;
  }
  .user-nav-welcome-greeting {
    display: inline-block;
    max-width: 300px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #fff;
  }
  .user-nav-welcome-greeting-company {
    display: block;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: -3px;
    color: #cecece;
  }
  .user-nav-welcome-trigger {
    cursor: pointer;
  }
  .user-nav-welcome-trigger .icon {
    margin-left: 10px;
  }
  .user-nav-welcome-trigger:hover .icon {
    opacity: 1;
  }
  .user-nav-welcome-trigger[open]:before {
    display: block;
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: none;
    content: "";
    cursor: default;
  }
  .user-nav-widget-header,
  .user-nav-widget-entry,
  .user-nav-widget-links {
    padding: 15px 20px;
  }
  .user-nav-widget-header .org-logo,
  .user-nav-widget-entry .org-logo {
    margin-right: 5px;
    transition: border 0.25s ease-out;
    border-width: 3px;
    flex-shrink: 0;
  }
  .user-nav-widget-header h4,
  .user-nav-widget-entry h4 {
    margin: 0;
  }
  .user-nav-widget-header p,
  .user-nav-widget-entry p {
    margin: 0;
    font-size: 16px;
    letter-spacing: -0.0425em;
  }
  .user-nav-widget-header h4, .user-nav-widget-header p,
  .user-nav-widget-entry h4,
  .user-nav-widget-entry p {
    word-break: break-word;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .user-nav-widget-header:hover h4, .user-nav-widget-header:hover p, .user-nav-widget-header.user-nav-widget-invite h4, .user-nav-widget-header.user-nav-widget-invite p,
  .user-nav-widget-entry:hover h4,
  .user-nav-widget-entry:hover p,
  .user-nav-widget-entry.user-nav-widget-invite h4,
  .user-nav-widget-entry.user-nav-widget-invite p {
    overflow: visible;
    white-space: normal;
  }
  .user-nav-widget-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .user-nav-widget-entry .org-logo {
    margin: 0 25px 0 10px;
    width: 35px;
  }
  .user-nav-widget-header {
    color: #3c9adc;
    position: relative;
    padding: 15px 10px;
  }
  .user-nav-widget-header h4 {
    font-size: 22px;
    line-height: 23px;
  }
  .user-nav-widget-header p {
    color: #646464;
    margin: 5px 0;
  }
  .user-nav-widget-header .org-logo {
    width: 75px;
  }
  .user-nav-widget-header .spinner {
    right: 20px;
    left: initial;
  }
  .user-nav-widget-entry {
    position: relative;
    transition: background 0.3s ease-out;
  }
  .user-nav-widget-entry h4 {
    font-size: 20px;
    line-height: 22px;
  }
  .user-nav-widget-entry p {
    font-size: 14px;
  }
  .user-nav-widget-entry:first-child {
    border-top: 2px solid #e0e0e0;
  }
  .user-nav-widget-login {
    cursor: pointer;
  }
  .user-nav-widget-login .icon {
    width: 18px;
    height: 18px;
    fill: #9b9b9b;
    transition: all 0.3s ease-out;
  }
  .user-nav-widget-login:hover {
    background: #f4f4f4;
  }
  .user-nav-widget-login:hover .icon {
    fill: #3c9adc;
  }
  .user-nav-widget-login:hover .org-logo {
    border-color: #7ebbe6;
  }
  .user-nav-widget-invite {
    --text-color: #fff;
    background: #113b59;
  }
  .user-nav-widget-invite .user-nav-widget-row {
    margin-bottom: 10px;
  }
  .user-nav-widget-invite h4 {
    font-size: 18px;
  }
  .user-nav-widget-invite a {
    color: #fff;
    text-decoration: underline;
  }
  .user-nav-widget-invite a:hover {
    text-decoration: none;
  }
  .user-nav-widget-disabled {
    background: #fbfbfb;
  }
  .user-nav-widget-disabled .user-nav-widget-row {
    filter: grayscale(1);
    opacity: 0.4;
    margin-bottom: 10px;
  }
  .user-nav-widget-disabled a {
    color: var(--text-color);
    text-decoration: underline;
  }
  .user-nav-widget-disabled a:hover {
    text-decoration: none;
  }
  .user-nav-widget-disabled p {
    overflow: visible;
    white-space: normal;
  }
  .user-nav-widget-links {
    border-top: 2px solid #e0e0e0;
    margin: 0;
    list-style: none;
  }
  .user-nav-widget-links li:not(:last-child) {
    margin-bottom: 15px;
  }
  .user-nav-widget-links ul {
    list-style: none;
  }
  .user-nav-widget-links summary {
    cursor: pointer;
    color: #3c9adc;
  }
  .user-nav-widget-links details[open] summary {
    margin-bottom: 10px;
  }
  .user-nav-widget-org-inactive {
    font-style: italic;
    font-size: 20px;
    color: #9b9b9b;
  }
  .user-nav-widget-text {
    flex: 1;
    padding-left: 10px;
  }
  a.user-nav-widget-close {
    position: absolute;
    top: 7px;
    right: 10px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    opacity: 0.7;
    font-size: 22px;
    text-decoration: none;
    transition: opacity 0.3s ease-out;
  }
  a.user-nav-widget-close:hover {
    opacity: 1;
  }
  .user-nav-widget-disabled a.user-nav-widget-close {
    color: var(--text-color);
  }
  .header .user-nav-signup a {
    font-size: inherit;
  }
  /* -------------------------------------------
   * Site responsive nav button
   * ------------------------------------------- */
  .site-nav-menu {
    display: none;
    opacity: 1;
    background: #4e4e4e;
    height: 32px;
    width: 40px;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease-out;
  }
  .site-nav-menu .icon {
    width: 28px;
    height: 28px;
    margin: 0;
    fill: #fff;
  }
  .site-nav-menu:hover {
    background: #646464;
  }
  .site-nav-menu:active, .user-nav-welcome-trigger[open] .site-nav-menu {
    background: #fbfbfb;
  }
  .site-nav-menu:active .icon, .user-nav-welcome-trigger[open] .site-nav-menu .icon {
    fill: #e0e0e0;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 1400px) {
    .site-nav-home {
      margin-right: 0;
    }
  }
  @media (max-width: 1250px) {
    .user-nav-welcome-greeting {
      max-width: 250px;
    }
  }
  @media (max-width: 1050px) {
    .user-nav-welcome-greeting {
      max-width: 175px;
    }
  }
  @media (max-width: 900px) {
    .header .site-nav li:not(.site-nav-home) {
      display: none;
    }
    .header .user-nav-responsive-hide {
      display: none;
    }
    .user-nav {
      flex: 0 0 50px;
    }
    .user-nav-responsive {
      display: block;
    }
    .site-nav-menu {
      display: flex;
    }
    .header .user-nav li.user-nav-welcome-trigger {
      padding: 0;
    }
    .user-nav-welcome .site-nav-dropdown-content {
      top: 68px;
      right: 20px;
    }
  }
  @media (max-width: 500px) {
    .user-nav-welcome {
      position: initial;
    }
    .user-nav-welcome .site-nav-dropdown-content {
      width: initial;
      right: 0;
      left: 0;
      top: 86px;
    }
    .user-nav-widget-entry,
    .user-nav-widget-links {
      padding: 20px 20px;
    }
    .user-nav-widget-header h4 {
      font-size: 26px;
      line-height: normal;
    }
    .user-nav-widget-header p {
      font-size: 18px;
    }
    .user-nav-widget-entry p {
      font-size: 16px;
    }
    .user-nav-widget-links a, .user-nav-widget-links summary {
      display: block;
      font-size: 22px;
      line-height: normal;
    }
    .user-nav-widget-links ul a {
      font-size: 20px;
    }
    .user-nav-widget-links li {
      padding: 7px 0;
    }
    .user-nav-widget-links li:not(:last-child) {
      margin: 0;
    }
    .user-nav-welcome-trigger[open]:before {
      background: rgba(0, 0, 0, 0.5);
    }
  }
  /* -------------------------------------------
   * JavaScript required message
   * ------------------------------------------- */
  .no-script-info {
    background: #fff;
    padding: 20px;
  }
  .no-script-info .box h3 {
    border: 0;
    padding: 0;
  }
  /* =========================================================================
   * Footer
   * ========================================================================= */
  .footer {
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.25);
    padding: 50px 60px 25px;
    --hr-margin: 25px 0px 20px;
    --link-color: #7ebbe6;
    --link-color-hover: #7ebbe6;
  }
  .footer a:after {
    content: none;
  }
  .footer-content-wrapper {
    display: flex;
  }
  .footer-content {
    flex-grow: 1;
    display: flex;
  }
  /* -------------------------------------------
   * Footer Social (and CTA)
   * ------------------------------------------- */
  .footer-social {
    margin-right: 25px;
    min-width: 300px;
  }
  .footer-social .btn, .footer-social .paginate_button {
    padding-left: 30px;
    padding-right: 30px;
  }
  .footer-social-links {
    margin-top: 20px;
  }
  .footer-social-links-pro {
    margin-top: 0;
  }
  .footer-social-link {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 7px;
  }
  .footer-social-link .icon {
    width: 100%;
    height: 100%;
    border-radius: 3px;
  }
  .footer-social-link .icon-logo-x {
    padding: 6px;
  }
  .footer-social-link .icon-logo-linkedin {
    padding: 1px;
  }
  /* -------------------------------------------
   * Footer Links
   * ------------------------------------------- */
  .footer-links {
    --link-color: #7ebbe6;
    --link-color-hover: #7ebbe6;
    flex-grow: 1;
    max-width: 900px;
    display: flex;
    justify-content: space-between;
  }
  .footer-links-column {
    max-width: 225px;
    padding-right: 20px;
  }
  .footer-links-column h6 {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .footer-links-column ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .footer-links-column li:not(:last-child) {
    margin-bottom: 10px;
  }
  /* -------------------------------------------
   * Footer About
   * ------------------------------------------- */
  .footer-about {
    flex-basis: 460px;
    margin-left: 30px;
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  /* -------------------------------------------
   * Footer Copyright
   * ------------------------------------------- */
  .copyright {
    text-align: right;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .copyright p {
    margin: 0;
  }
  .copyright span {
    margin-left: 10px;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (min-width: 1200px) and (max-width: 1610px) {
    .footer-links-column ul {
      font: 16px "Maven Pro", Arial, sans-serif;
      letter-spacing: -0.0625em;
    }
  }
  @media (max-width: 1475px) {
    .footer-social {
      display: none;
    }
    .footer-social-links {
      display: block;
    }
  }
  @media (max-width: 1200px) {
    .footer-links {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }
    .footer-links-column {
      max-width: initial;
      padding-right: 0;
      padding-bottom: 20px;
    }
  }
  @media (max-width: 750px) {
    .footer {
      padding: 30px 25px 25px;
      --hr-margin: 25px 30px 20px;
    }
    .footer-content-wrapper {
      flex-direction: column;
    }
    .footer-links {
      margin: 40px;
    }
    .footer-links-column ul {
      font-size: 18px;
    }
    .footer-about {
      margin: 0 40px 40px 40px;
      flex-basis: auto;
    }
    .copyright {
      text-align: center;
      font-size: 16px;
    }
  }
  @media (max-width: 500px) {
    .footer-links {
      grid-template-columns: repeat(1, 1fr);
      text-align: center;
    }
    .footer-about {
      text-align: center;
    }
    .copyright span {
      display: block;
    }
  }
  /* =========================================================================
   * _jquery.gtmetrix-menu.scss: GTmetrix slide out menu
   * ========================================================================= */
  /* =========================================================================
   * Core menu style
   * ========================================================================= */
  /* -------------------------------------------
   * Set up body and wrapper
   * ------------------------------------------- */
  .menu-active {
    overflow-y: hidden;
  }
  .menu-active .page-wrapper {
    overflow-y: scroll;
  }
  /* -------------------------------------------
   * Overlay
   * ------------------------------------------- */
  .menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    width: 0;
    height: 0;
    background: #000;
    opacity: 0;
    transition: opacity 0.5s, width 0 0.5s, height 0 0.5s;
  }
  .menu-overlay-open {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    transition: opacity 0.5s;
  }
  /* -------------------------------------------
   * Menu
   * ------------------------------------------- */
  .menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    max-width: 740px;
    height: 100%;
    opacity: 0;
    transform: translate3d(110%, 0, 0);
    transition: transform 0.6s, opacity 0.3s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 25px 40px;
  }
  .menu-open {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.65);
  }
  /* -------------------------------------------
   * Menu contents
   * ------------------------------------------- */
  .menu-title {
    font-size: 31px;
    margin-bottom: 25px;
  }
  .menu-element-fixed .menu-title {
    margin: 0;
  }
  .menu-form-desc {
    font-size: 16px;
    color: #e0e0e0;
    margin-bottom: 30px;
  }
  .menu-form-desc-small {
    font-size: 11px;
    font-style: italic;
    opacity: 0.6;
  }
  .menu-card {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
  }
  .menu .menu-close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 100;
  }
  .menu .menu-close:before {
    content: "";
    height: 62px;
    position: absolute;
    right: -20px;
    top: -22px;
    width: 62px;
  }
  .menu .form-section-label h4 {
    color: #fff;
  }
  .menu h4 {
    font-size: 28px;
  }
  .menu .notify h4 {
    font-size: 19px;
  }
  .menu .notify-info a:not(.btn):not(.paginate_button) {
    color: #3c9adc;
  }
  .menu .notify-info a:not(.btn):not(.paginate_button):hover {
    color: #2e7db4;
  }
  /* -------------------------------------------
   * Menu masking (ie. sticky header/footer)
   * ------------------------------------------- */
  .menu-overflow-mask > .menu-element-fixed-top {
    display: none;
  }
  .menu-masked .menu-overflow-mask {
    bottom: 0;
    left: 0;
    outline: none;
    overflow: auto;
    padding: 65px 40px 63px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .menu-masked .menu-overflow-mask > .menu-element-fixed-top {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .menu-masked .menu-overflow-mask > .menu-element-fixed-top .menu-close {
    right: 0;
  }
  .menu-masked .menu-overflow-mask > .menu-element-fixed-top:after {
    content: none;
    opacity: 0;
  }
  .menu-masked .menu-element-fixed {
    left: 0;
    padding: 25px 20px 25px 40px;
    position: absolute;
    right: 0;
    z-index: 1;
    transition: background-color 0.3s ease-out;
  }
  .menu-masked .menu-element-fixed:after {
    content: "";
    height: 10px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 350ms ease;
  }
  .menu-masked .menu-element-fixed-top {
    top: 0;
  }
  .menu-masked .menu-element-fixed-top:after {
    bottom: 0;
    box-shadow: 0 5px 6px rgba(0, 2, 10, 0.125);
  }
  .menu-masked .menu-element-fixed-bottom {
    bottom: 0;
    padding: 15px 40px 15px 20px;
  }
  .menu-masked .menu-element-fixed-bottom:after {
    box-shadow: 0 -5px 6px rgba(0, 2, 10, 0.125);
    top: 0;
  }
  .menu-masked .menu-element-overlapping {
    background-color: rgba(12, 48, 63, 0.98);
  }
  .menu-masked .menu-element-overlapping:after {
    opacity: 1;
  }
  @media (max-height: 360px) {
    .menu-masked .menu-overflow-mask {
      padding-top: 0;
    }
    .menu-masked .menu-overflow-mask > .menu-element-fixed-top {
      display: block;
      padding-bottom: 2px;
    }
    .menu-masked .menu-element-fixed-top {
      display: none;
    }
  }
  @media (max-width: 500px) {
    .menu-title {
      font-size: 28px;
    }
    .menu {
      padding: 25px 20px;
    }
    .menu h4 {
      font-size: 24px;
    }
    .menu .menu-close {
      right: 20px;
    }
    .menu-masked .menu-element-fixed {
      padding: 25px 20px 25px;
    }
    .menu-masked .menu-overflow-mask {
      padding: 70px 20px 63px;
    }
  }
  /* =========================================================================
   * Site nav + authentication widget
   * ========================================================================= */
  /* -------------------------------------------
   * Site nav menu
   * ------------------------------------------- */
  .menu-site-nav .site-nav,
  .menu-site-nav .user-nav {
    margin: 0;
    padding-left: 0;
    list-style: none;
    font: 24px / 1.3 "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .menu-site-nav .site-nav a,
  .menu-site-nav .user-nav a {
    text-decoration: none;
  }
  .menu-site-nav .site-nav-home {
    display: none;
  }
  .menu-site-nav-site-nav {
    display: none;
  }
  @media (max-width: 900px) {
    .menu-site-nav-site-nav {
      display: block;
      border-bottom: 2px solid #cecece;
      padding-bottom: 20px;
      max-width: 450px;
      margin: 0 0 20px auto;
    }
  }
  /* -------------------------------------------
   * Authentication widgets
   * ------------------------------------------- */
  .menu-site-nav-auth {
    position: relative;
  }
  .menu-site-nav-auth > .menu-site-nav-auth-item {
    position: absolute;
    padding: 0 5px;
    width: 100%;
    max-width: 450px;
    right: 5px;
    margin-bottom: 20px;
    z-index: 1;
  }
  .menu-site-nav-auth:before {
    content: "";
    position: absolute;
    height: 410px;
    width: 100%;
    transform: scaleX(-1);
    top: 0;
    left: -60%;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right;
    opacity: 0.2;
    background-image: url(../images/icons/test.svg);
  }
  .menu-site-nav-lostpw .notify {
    margin-top: 15px;
  }
  .menu-site-nav-auth-item {
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
  .menu-site-nav-auth-item.selected {
    animation: fadeInFromNone 1s;
    z-index: 1;
    height: auto;
    visibility: visible;
  }
  .menu-site-nav-auth-item .form-buttons {
    text-align: left;
  }
  @keyframes fadeInFromNone {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  a.auth-widget-link-unstyled {
    text-decoration: none;
    color: var(--text-color);
    float: right;
    margin-top: 6px;
  }
  a.auth-widget-link-unstyled:hover {
    color: var(--text-color);
  }
  @media (max-width: 575px) {
    .menu-site-nav-auth:before {
      display: none;
    }
    .menu-site-nav-auth-item {
      max-width: initial;
      right: 0;
    }
  }
  /* -------------------------------------------
   * Authentication widgets - login
   * ------------------------------------------- */
  .menu-site-nav-login-options {
    margin-top: 10px;
    font-size: 12px;
  }
  .menu-site-nav-login-options label {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    float: left;
  }
  .menu-site-nav-login-options a {
    margin-top: 3px;
    float: right;
  }
  /* -------------------------------------------
   * Authentication widgets - mailcheck
   * ------------------------------------------- */
  .mailcheck {
    text-align: center;
  }
  .mailcheck span {
    font-weight: bold;
  }
  .mailcheck-response {
    margin-top: 4px;
    font-size: 11px;
  }
  /* -------------------------------------------
   * Authentication widgets - switch buttons
   * ------------------------------------------- */
  .menu-site-nav .form-buttons button {
    width: 165px;
  }
  .menu-site-nav-auth-options {
    font-family: "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .menu-site-nav-auth-options .btn, .menu-site-nav-auth-options .paginate_button {
    margin: 0 10px 15px 0;
    width: 165px;
  }
  .menu-site-nav-auth-options .btn:last-child, .menu-site-nav-auth-options .paginate_button:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 425px) {
    .menu-site-nav .form-buttons button {
      width: 100%;
    }
    .menu-site-nav-auth-options {
      text-align: center;
    }
    .menu-site-nav-auth-options .btn, .menu-site-nav-auth-options .paginate_button {
      margin: 15px 0 8px;
      width: 100%;
    }
    .menu-site-nav-auth-options .btn:first-child, .menu-site-nav-auth-options .paginate_button:first-child {
      margin-top: 0;
    }
    .menu-site-nav-auth-options .btn:last-child, .menu-site-nav-auth-options .paginate_button:last-child {
      margin-bottom: 8px;
    }
    a.auth-widget-link-unstyled {
      float: none;
      margin-top: 0;
    }
  }
  /* =========================================================================
   * _jquery.tooltipster.scss: Customized Tooltipster styles
   * ========================================================================= */
  /* This is the base styling required to make all Tooltipsters work */
  .tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    pointer-events: none;
    width: auto;
    overflow: visible;
    border-radius: 5px;
    box-shadow: 0px 3px 12px -7px rgba(0, 0, 0, 0.95);
    border: 2px solid #cecece;
    background: #f4f4f4;
  }
  .tooltipster-base .tooltipster-content {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    padding: 15px;
  }
  /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
  .tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
  }
  .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
  }
  .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
  }
  .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
  }
  .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
  }
  .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
  }
  .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
  }
  .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
  }
  .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
  }
  .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
  }
  .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
  }
  .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
  }
  .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
  }
  .tooltipster-fade {
    opacity: 0;
    transition-property: opacity;
  }
  .tooltipster-fade-show {
    opacity: 1;
  }
  /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
  .tooltipster-content-changing {
    opacity: 0.5;
    transform: scale(1.1, 1.1);
  }
  /* =========================================================================
   * _jquery.dataTables.scss: Customized dataTables styles
   * ========================================================================= */
  .dataTable {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
  }
  .dataTable:not([data-actions-hide]) {
    border-top: 1px solid #e0e0e0;
  }
  .dataTable thead .sorting_asc,
  .dataTable thead .sorting_desc,
  .dataTable thead .sorting {
    cursor: pointer;
  }
  .dataTable thead .sorting_asc:active,
  .dataTable thead .sorting_desc:active,
  .dataTable thead .sorting:active {
    outline: none;
  }
  .dataTable thead .sorting_asc:after,
  .dataTable thead .sorting_desc:after {
    content: "";
    margin-left: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 48 48%22 fill%3D%22%234e4e4e%22%3E%0A  %3Cpath d%3D%22M.06%2C9.07l-.05-.06h47.98l-23.88%2C29.99L.06%2C9.07Z%22 style%3D%22fill-rule%3A evenodd%3B stroke-width%3A 0px%3B%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    opacity: 0.8;
    transition: all 0.1s ease-out;
  }
  .dataTable thead .sorting_asc:after {
    transform: scaleY(-1);
  }
  .dataTable thead .sorting_asc:hover:after,
  .dataTable thead .sorting_desc:hover:after {
    opacity: 1;
  }
  .dataTables_length {
    float: left;
    font-size: 12px;
  }
  .dataTables_length select {
    font-size: 12px;
    padding: 5px 15px 5px 5px;
    margin-left: 6px;
  }
  .dataTables_info {
    float: right;
    font-size: 12px;
    margin-right: 10px;
    line-height: 29px;
  }
  .dataTables_paginate {
    float: right;
  }
  .paginate_button {
    font-size: 14px;
    cursor: pointer;
    margin-left: 6px;
  }
  .paginate_button.previous:before, .paginate_button.next:after {
    display: inline-block;
    content: "";
    margin-bottom: -1px;
    background: url("../images/icons.svg#chevron-thin-view") center no-repeat;
    width: 12px;
    height: 12px;
  }
  .paginate_button.previous:before {
    margin-right: 4px;
    transform: rotate(90deg);
  }
  .paginate_button.next:after {
    margin-left: 4px;
    transform: rotate(-90deg);
  }
  .paginate_button.disabled {
    cursor: default;
    opacity: 0.2;
  }
  .paginate_button.disabled:hover {
    background: #646464;
  }
  .dataTable .dataTables_empty {
    text-align: center;
    font-style: italic;
    color: #9b9b9b;
    padding: 14px;
  }
  .dataTable .dataTables_empty:before {
    content: none;
  }
  .reports-table.dataTable .dataTables_empty {
    font-style: normal;
    padding: 60px 14px;
  }
  .reports-table.dataTable .dataTables_empty .btn, .reports-table.dataTable .dataTables_empty .paginate_button {
    margin: 0 5px;
  }
  @media (max-width: 450px) {
    .dataTables_info {
      display: none;
    }
  }
  /* =========================================================================
   * _jquery.datetimepicker.scss: DateTimePicker styles
   * ========================================================================= */
  .xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-radius: 5px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    box-sizing: border-box;
    display: none;
  }
  .xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  .xdsoft_noselect::selection {
    background: transparent;
  }
  .xdsoft_noselect::-moz-selection {
    background: transparent;
  }
  .xdsoft_datetimepicker * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
  }
  .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
  }
  .xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
  }
  .xdsoft_datetimepicker .xdsoft_label i,
  .xdsoft_datetimepicker .xdsoft_prev,
  .xdsoft_datetimepicker .xdsoft_next,
  .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
  }
  .xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
  }
  .xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
  }
  .xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
  }
  .xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
  }
  .xdsoft_datetimepicker .xdsoft_next,
  .xdsoft_datetimepicker .xdsoft_prev,
  .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-radius: 5px;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f4f4f4;
    margin-bottom: 1px;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0;
  }
  .xdsoft_datetimepicker .xdsoft_today_button:hover,
  .xdsoft_datetimepicker .xdsoft_next:hover,
  .xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
  }
  .xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
  }
  .xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline;
  }
  .xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1;
  }
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #cecece;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
  }
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px;
  }
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px;
  }
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #3c9adc;
  }
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    background: #f4f4f4;
    margin-bottom: 1px;
    text-decoration: none !important;
  }
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #113b59;
    color: #fff;
    font-weight: 700;
  }
  .xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
  }
  .xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
  }
  .xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px;
  }
  .xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
  }
  .xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    color: #646464;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
  }
  .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
  }
  .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #efefef;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #ce4e92;
    font-weight: bold;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #113b59;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
  .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
    cursor: default;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td:hover,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #113b59 !important;
    color: #fff !important;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
  }
  .xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
  }
  .xdsoft_time_box {
    position: relative;
  }
  .xdsoft_scrollbar > .xdsoft_scroller {
    background: #cecece !important;
    height: 20px;
    border-radius: 3px;
  }
  .xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
  }
  .xdsoft_scroller_box {
    position: relative;
  }
  /* =========================================================================
   * _widgets.scss: GTmetrix widgets
   * ========================================================================= */
  /* =========================================================================
   * Grade Meter
   * ========================================================================= */
  .grade-meter {
    display: inline-block;
    border: 1px solid #e0e0e0;
    width: 70px;
    font-size: 11px;
    font-weight: bold;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
  }
  .grade-meter div {
    white-space: nowrap;
    height: 100%;
    padding: 2px 0;
    color: #fff;
    text-indent: 4px;
  }
  .grade-meter-A div {
    background: #23ab11;
  }
  .grade-meter-B div {
    background: #71bb30;
  }
  .grade-meter-C div {
    background: #cbb708;
  }
  .grade-meter-D div {
    background: #e29b20;
  }
  .grade-meter-E div {
    background: #bb4a12;
  }
  .grade-meter-F div {
    color: #646464;
    background: #eb393b;
  }
  .grade-meter-na div {
    color: inherit;
    background: #cecece;
  }
  /* =========================================================================
   * Grade/Rating colors
   * ========================================================================= */
  .color-value-good,
  .color-grade-A {
    color: #23ab11;
  }
  .color-grade-B {
    color: #71bb30;
  }
  .color-grade-C {
    color: #cbb708;
  }
  .color-grade-D {
    color: #e29b20;
  }
  .color-grade-E {
    color: #bb4a12;
  }
  .color-value-bad,
  .color-grade-F {
    color: #eb393b;
  }
  .color-rating-high {
    color: #ec685d;
  }
  .color-rating-med-high {
    color: #c48a8a;
  }
  .color-rating-med {
    color: #f6ab34;
  }
  .color-rating-med-low {
    color: #99c144;
  }
  .color-rating-low {
    color: #36a927;
  }
  /* =========================================================================
   * Usage Meter
   * ========================================================================= */
  .usage-meter {
    border: 1px solid #e0e0e0;
    height: 36px;
    border-radius: 5px;
    position: relative;
    background: #fff;
    overflow: hidden;
    font-family: "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .theme-modal .usage-meter, .cta-background .usage-meter, #metrix-dialog-footer .usage-meter, .menu .usage-meter {
    border: none;
  }
  .usage-fill,
  .usage-fill-yellow,
  .usage-fill-red {
    height: 100%;
    width: 0px;
    transition: width 0.4s ease-out;
  }
  .usage-fill {
    background: #3c9adc;
  }
  .usage-fill-yellow {
    background: #b4991d;
  }
  .usage-fill-red {
    --usage-fill-text: #fff;
    background: #c72525;
    text-shadow: 1px 1px 2px #c72525;
  }
  .usage-fill-text {
    position: absolute;
    font-size: 18px;
    right: 10px;
    top: calc(50% - 12px);
    color: var(--usage-fill-text, #646464);
  }
  .usage-fill-text-unlimited {
    color: var(--plan-color-text);
    font-size: 20px;
    font-weight: 500;
  }
  /* =========================================================================
   * Cards
   * ========================================================================= */
  .card {
    padding: 25px;
    border-radius: 5px;
    background: var(--section-background);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  }
  .card-aside {
    font-size: 14px;
  }
  .card-aside h4 {
    font-size: 22px;
  }
  .card-border {
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #e0e0e0;
    background: var(--section-background);
  }
  .card-aside + .card-aside,
  .card-border + .card-border {
    margin-top: 20px;
  }
  @media (max-width: 500px) {
    .card {
      padding: 20px 15px;
    }
  }
  /* =========================================================================
   * Box
   * ========================================================================= */
  .box {
    border: 3px solid #e0e0e0;
    border-radius: 5px;
    padding: 16px;
    background: #fbfbfb;
    font-size: 14px;
  }
  .box h3 {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 6px;
    margin-top: -3px;
  }
  .layout-cols-sidebar-left .box h4,
  .layout-cols-sidebar-right .box h4 {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 6px;
    margin-top: -3px;
  }
  .box + .box,
  .box-wrapper + .box-wrapper {
    margin-top: 20px;
  }
  .box-cta,
  .box-cta-white {
    position: relative;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-size: cover;
  }
  .box-cta {
    background-color: #113b59;
    background-image: url(../images/cta/bg-cta-blue-1260x400.png);
    --text-color: #fff;
  }
  .box-cta-white {
    background-color: #fff;
    background-image: url(../images/cta/bg-cta-white-1680x346.jpg);
  }
  .box-cta-white h4 {
    color: #3c9adc;
  }
  .box-close {
    position: absolute;
    top: 4px;
    right: 10px;
    font-weight: bold;
    color: #fff;
    opacity: 0.7;
    font-size: 24px;
    text-decoration: none;
  }
  .box-close:hover {
    color: #fff;
    opacity: 1;
  }
  .box-cta-white .box-close {
    color: #9b9b9b;
  }
  .box-cta-white .box-close:hover {
    color: #9b9b9b;
  }
  @media (max-width: 900px) {
    .box-cta-white {
      background-image: url(../images/cta/bg-cta-white-1340x346.jpg);
    }
  }
  @media (max-width: 600px) {
    .box-cta-white {
      background-image: url(../images/cta/bg-cta-white-600x155.jpg);
    }
  }
  /* =========================================================================
   * Modals
   * ========================================================================= */
  .dialog {
    display: flex;
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: inherit;
    min-width: 100%;
    height: inherit;
    min-height: 100%;
    padding: 20px;
    border: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: transparent;
    opacity: 0;
    transition: opacity 0.15s ease-out;
  }
  .dialog.metrix-dialog-open {
    opacity: 1;
  }
  .dialog .modal-close {
    top: 20px;
    right: 20px;
  }
  .dialog article {
    max-height: calc(100vh - 40px);
    border-radius: 8px;
    width: 700px;
    filter: drop-shadow(0px 0px 10px #000);
    overflow: auto;
    position: relative;
    --text-color: #fff;
  }
  #metrix-dialog-content {
    padding: 50px 40px;
    font: 400 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: var(--text-color);
  }
  #metrix-dialog-content h3 {
    font-size: 40px;
    margin-bottom: 30px;
  }
  #metrix-dialog-footer {
    padding: 20px;
    text-align: right;
    background: #0e2c39;
  }
  #metrix-dialog-footer a + a {
    margin-left: 10px;
  }
  .dialog:not([open]), dialog[open=false] {
    display: none;
  }
  @media (max-width: 800px) {
    #metrix-dialog {
      padding: 10px;
    }
    dialog article {
      min-width: initial;
      width: 100%;
      max-width: 650px;
    }
    #metrix-dialog-content {
      padding: 20px;
    }
  }
  /* =========================================================================
   * Notifications
   * ========================================================================= */
  .notify {
    --notify-color-bg: #f4f4f4;
    --notify-color-tab: #9b9b9b;
    --notify-svg: url("../images/icons.svg#info-view");
    --notify-tab-size: 70px;
    --notify-svg-size: 25px;
    --notify-svg-padding: 10px;
    --text-color: #646464;
    --link-color: #3c9adc;
    --link-color-hover: #2e7db4;
    padding: 20px;
    margin: 15px 0 15px;
    border-radius: 8px;
    background: var(--notify-color-bg);
    color: var(--text-color);
    position: relative;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .notify h3 {
    font-size: 22px;
  }
  .menu .notify h3 {
    font-size: 20px;
  }
  .notify > :first-child {
    padding-right: 25px;
  }
  .notify:before, .notify:after {
    content: "";
    position: absolute;
  }
  .notify:before {
    height: var(--notify-tab-size);
    width: var(--notify-tab-size);
    background: linear-gradient(to top right, transparent 50%, var(--notify-color-tab) 50%);
    border-top-right-radius: 8px;
    top: 0;
    right: 0;
    pointer-events: none;
  }
  .notify:after {
    top: var(--notify-svg-padding);
    right: var(--notify-svg-padding);
    background: var(--notify-svg) no-repeat;
    width: var(--notify-svg-size);
    height: var(--notify-svg-size);
  }
  .notify li + li {
    margin-top: 4px;
  }
  .notify:first-child {
    margin-top: 0;
  }
  .notify:last-child {
    margin-bottom: 0;
  }
  .notify-info {
    --notify-color-bg: #fff4ce;
    --notify-color-tab: #f5b650;
  }
  .notify-success {
    --notify-color-bg: #e1f9db;
    --notify-color-tab: #4ec52e;
    --notify-svg: url("../images/icons.svg#tick-view");
  }
  .notify-error {
    --notify-color-bg: #ffe4e4;
    --notify-color-tab: #c72525;
  }
  .notify-slim {
    --notify-tab-size: 50px;
    --notify-svg-size: 20px;
    --notify-svg-padding: 5px;
  }
  /* =========================================================================
   * GTmetrix Form plugin
   * ========================================================================= */
  .button-submitting {
    position: relative;
    cursor: wait;
    outline: none;
  }
  .button-submitting-wrapper,
  .button-submitting-success {
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
  }
  .button-submitting.btn-icon {
    display: inline-block;
  }
  .button-submitting.btn-icon > span {
    display: inline-flex;
    align-items: center;
  }
  /* =========================================================================
   * Spinner
   * ========================================================================= */
  .spinner {
    display: inline-grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    width: var(--spinner-size, 18px);
    height: var(--spinner-size, 18px);
    gap: var(--spinner-gap, 2px);
    position: absolute;
    top: calc(50% - var(--spinner-size, 18px) / 2);
    left: calc(50% - var(--spinner-size, 18px) / 2);
  }
  .spinner div {
    background: var(--spinner-color, #cecece);
  }
  .spinner div:nth-child(1) {
    animation: spinner 1.2s 0s infinite linear;
    border-top-left-radius: var(--spinner-radius, 3px);
  }
  .spinner div:nth-child(2) {
    animation: spinner 1.2s 0.3s infinite linear;
    border-top-right-radius: var(--spinner-radius, 3px);
  }
  .spinner div:nth-child(3) {
    animation: spinner 1.2s 0.9s infinite linear;
    border-bottom-left-radius: var(--spinner-radius, 3px);
  }
  .spinner div:nth-child(4) {
    animation: spinner 1.2s 0.6s infinite linear;
    border-bottom-right-radius: var(--spinner-radius, 3px);
  }
  @keyframes spinner {
    50% {
      opacity: 0.3;
    }
    100% {
      opacity: 1;
    }
  }
  .spinner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .spinner-wrapper h4 {
    margin: 0 10px 0 0;
  }
  .spinner-wrapper .spinner {
    position: initial;
  }
  /* =========================================================================
   * Responsive Tabs
   * ========================================================================= */
  /* -------------------------------------------
   * The Tabs
   * ------------------------------------------- */
  .r-tabs-nav {
    display: inline-flex;
    margin: 0;
    padding-left: 0;
    list-style: none;
    font: 500 20px / 23px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
  }
  .r-tabs-nav a {
    display: inline-block;
    border-right: 1px solid #cecece;
    padding: 10px 25px 12px;
    background: #e1e6e9;
    transition: background-color 0.25s ease-out;
    text-decoration: none;
    color: var(--text-color);
  }
  .r-tabs-nav a:empty:before {
    content: " ";
  }
  .r-tabs-nav a:hover {
    background: #d3d8dd;
  }
  .r-tabs-nav li:last-child a {
    border-right: 0;
  }
  .r-tabs-nav .r-tabs-state-active {
    z-index: 2;
  }
  .r-tabs-nav .r-tabs-state-active a {
    border-right: 0;
    margin-left: -1px;
    background: #fff;
    transition: none;
    color: #3c9adc;
  }
  .r-tabs-nav .r-tabs-state-active a:hover {
    color: #2e7db4;
  }
  .r-tabs-panel,
  .r-tabs-panel-onload {
    padding: 25px 20px;
    background: #fff;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  }
  .r-tabs-panel {
    display: none;
  }
  /* -------------------------------------------
   * Accordion mode (Responsive)
   * ------------------------------------------- */
  .r-tabs-accordion-title {
    font: 500 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    display: none;
  }
  .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    border-top: 2px solid #e0e0e0;
    padding: 8px 10px;
    background: #f4f4f4;
    transition: background-color 0.25s ease-out;
    text-decoration: none;
    color: var(--text-color);
  }
  .r-tabs-accordion-title .r-tabs-anchor:hover {
    background: #e9e9e9;
  }
  .r-tabs-accordion-title .r-tabs-anchor:after {
    content: "";
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    background: url("../images/icons.svg#chevron-thin-view");
    margin-top: 4px;
    filter: brightness(0) invert(37%) sepia(9%) saturate(0%) hue-rotate(1deg) brightness(98%) contrast(81%);
  }
  .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    border-top-color: #3c9adc;
    border-bottom: 1px solid #efefef;
    background: #fff;
    transition: none;
    color: #3c9adc;
  }
  .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:hover {
    color: #2e7db4;
  }
  .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
    transform: scaleY(-1);
    filter: brightness(0) invert(65%) sepia(22%) saturate(5731%) hue-rotate(178deg) brightness(89%) contrast(92%);
  }
  @media (max-width: 500px) {
    .r-tabs-panel,
    .r-tabs-panel-onload {
      padding: 20px 10px;
    }
  }
  /* =========================================================================
   * Analyze Form
   * ========================================================================= */
  /* -------------------------------------------
   * Simple Analyze Form
   * ------------------------------------------- */
  .simple-analyze-form {
    border-top: 4px solid #efefef;
    border-bottom: 4px solid #efefef;
    background: #fbfbfb;
    padding: 15px 20px 20px;
  }
  .simple-analyze-form h5 {
    color: #9b9b9b;
    font-size: 20px;
    margin: 0 0 7px;
  }
  /* -------------------------------------------
   * Analyze form input+button+preset-dropdown
   * ------------------------------------------- */
  .analyze-form-inputs {
    display: table;
    width: 100%;
  }
  .analyze-form-input,
  .analyze-form-button {
    display: table-cell;
    vertical-align: top;
  }
  .analyze-form-input {
    padding-right: 10px;
    width: 100%;
  }
  .analyze-form-input .clearable-input {
    width: inherit;
  }
  .analyze-form-input input,
  .analyze-form-input textarea {
    border: 3px solid #d0dbe1;
    width: 100%;
    padding: 8.5px 8px 7.5px;
    font-size: 18px;
    color: #646464;
  }
  .analyze-form-input textarea {
    resize: vertical;
  }
  .analyze-form-button button {
    padding: 6px 25px 11px;
    font-size: 24px;
    font-weight: 500;
  }
  .analyze-form-with-options .analyze-form-button button {
    width: 150px;
  }
  .analyze-form-quick-presets {
    position: relative;
    display: flex;
    height: 44px;
    flex-direction: row;
  }
  .analyze-form-with-options .analyze-form-quick-presets button {
    padding: 5px 15px 11px;
    width: 110px;
  }
  .analyze-form-quick-btn {
    width: 38px;
    height: 44px;
    padding: 0;
    margin-left: 2px;
    cursor: pointer;
    background: #1f3e56;
  }
  .analyze-form-quick-btn .icon {
    width: 14px;
    height: 14px;
    --btn-icon-adjust: 0px;
    transition: transform 0.1s ease-out;
  }
  [open] .analyze-form-quick-btn .icon {
    transform: scaleY(-1);
  }
  .analyze-form-quick-btn:hover {
    background: #10202d;
  }
  .analyze-form-quick-dropdown {
    position: absolute;
    min-width: 280px;
    max-width: 385px;
    text-align: center;
    margin: 5px 0 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    right: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  }
  .analyze-form-quick-dropdown .btn, .analyze-form-quick-dropdown .paginate_button {
    display: block;
    border-radius: 0px;
  }
  .analyze-form-quick-dropdown .btn:not(:last-child), .analyze-form-quick-dropdown .paginate_button:not(:last-child) {
    margin-bottom: 2px;
  }
  .analyze-form-quick-presets-content {
    position: absolute;
    right: 0;
    top: 48px;
    min-width: 280px;
    max-width: 385px;
    z-index: 1;
    text-align: center;
  }
  .analyze-form-quick-presets-content .analyze-form-quick-preset-select {
    background: #2e7db4;
    padding: 8px;
    border-bottom: 2px solid #fff;
    color: #fff;
    display: block;
    text-decoration: none;
  }
  .analyze-form-quick-presets-content .analyze-form-quick-preset-select:hover {
    background: #1e5982;
  }
  .analyze-form-quick-presets-content .analyze-form-quick-preset-select:last-child {
    border-bottom: 0;
  }
  .analyze-form-bulk-upload {
    margin-top: 10px;
    width: 100%;
  }
  .analyze-form-menu .analyze-form-options {
    padding-top: 24px;
  }
  .section-collapsable-more-options {
    padding-bottom: 20px;
  }
  /* -------------------------------------------
   * Analyze form input+button (Responsive)
   * ------------------------------------------- */
  @media (max-width: 500px) {
    .analyze-form-input {
      display: block;
      padding: 0;
    }
    .analyze-form-button {
      display: block;
      padding: 0;
      margin-top: 10px;
    }
    .analyze-form .analyze-form-button button {
      width: 100%;
    }
  }
  .analyze-form-menu .analyze-form-input {
    padding-right: 5px;
    display: table-cell;
  }
  .analyze-form-menu .analyze-form-button {
    display: table-cell;
  }
  .analyze-form-menu .analyze-form-quick-btn,
  .analyze-form-menu .analyze-form-quick-presets {
    width: 45px;
  }
  /* -------------------------------------------
   * Analyze form footer
   * ------------------------------------------- */
  .analyze-form-options-trigger {
    float: right;
    margin-left: 10px;
    width: 150px;
    font-size: 14px;
    --btn-icon-size: 14px;
  }
  .analyze-form-state {
    padding: 4px 0;
  }
  .analyze-form-option {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    color: #646464;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .analyze-form-option:not(:first-child):before {
    content: "|";
    display: inline-block;
    font-weight: normal;
    color: #cecece;
    padding: 0 8px 0 3px;
  }
  .analyze-form-option span {
    font-weight: normal;
    color: #9b9b9b;
  }
  .analyze-form-option-na {
    font-style: italic;
    opacity: 0.6;
  }
  .analyze-form-guest-options {
    margin-top: 10px;
    text-align: left;
  }
  .analyze-form-guest-options .analyze-form-guest-options-line {
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .analyze-form-guest-options .analyze-form-guest-options-blur {
    opacity: 0.7;
  }
  .analyze-form-guest-options .analyze-form-guest-options-link {
    display: inline-block;
  }
  /* -------------------------------------------
   * Analyze form footer (Responsive)
   * ------------------------------------------- */
  @media (max-width: 800px) {
    .analyze-form-option {
      font-size: 12px;
      white-space: normal;
    }
    .analyze-form-state {
      padding: 0;
    }
  }
  @media (max-width: 650px) {
    .analyze-form-footer {
      text-align: center;
    }
    .analyze-form-options-trigger {
      float: none;
      display: block;
      width: auto;
      margin: 0;
    }
    .analyze-form-state {
      padding-top: 6px;
    }
    .analyze-form-guest-options-extra {
      display: none;
    }
    .analyze-form-guest-options, .analyze-form-guest-options-link {
      font-size: 14px;
      text-align: center;
      display: block;
    }
    .analyze-form-guest-options-link {
      margin-top: 5px;
    }
  }
  .analyze-form-menu .analyze-form-option {
    font-size: 12px;
    white-space: normal;
  }
  .analyze-form-menu .analyze-form-state {
    padding: 0;
  }
  .analyze-form-menu .analyze-form-footer {
    text-align: center;
  }
  .analyze-form-menu .analyze-form-options-trigger {
    float: none;
    display: block;
    width: auto;
    margin: 0;
  }
  .analyze-form-menu .analyze-form-state {
    padding-top: 6px;
  }
  .analyze-form-menu .analyze-form-guest-options-extra {
    display: none;
  }
  .analyze-form-menu .analyze-form-guest-options, .analyze-form-menu .analyze-form-guest-options-link {
    font-size: 14px;
    text-align: center;
    display: block;
  }
  .analyze-form-menu .analyze-form-guest-options-link {
    margin-top: 5px;
  }
  .analyze-form-menu .analyze-form-state {
    padding-top: 4px;
  }
  .analyze-form-menu .analyze-form-option {
    color: #fff;
  }
  .analyze-form-menu .analyze-form-option span {
    color: #e0e0e0;
  }
  .analyze-form-menu .analyze-form-options-trigger {
    font-size: 18px;
    width: 100%;
  }
  .analyze-form-menu .analyze-form-guest-options {
    color: #fff;
  }
  /* -------------------------------------------
   * The Analysis Options dropdown
   * ------------------------------------------- */
  .analyze-form:not(.analyze-form-menu) .analyze-form-options {
    --hr-margin: 34px 0;
    background: #fff;
    border-bottom: 4px solid #f4f4f4;
    padding: 20px 0;
    margin-bottom: 10px;
  }
  .analyze-form-options h5 {
    font-size: 18px;
  }
  .analyze-form-options textarea {
    height: 65px;
    min-height: 65px;
  }
  /* -------------------------------------------
   * Analyze error box
   * ------------------------------------------- */
  .analyze-error {
    text-align: center;
  }
  .analyze-error h3 {
    border: 0;
    padding: 0;
    font-size: 32px;
  }
  .page-report_truncated .analyze-error {
    margin-top: -20px;
  }
  .analyze-error-detail {
    font-size: 20px;
  }
  .analyze-error-help {
    font-size: 18px;
  }
  .analyze-error-more {
    font-size: 16px;
  }
  .analyze-error-alert {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
  }
  .analyze-error-alert .icon {
    flex-shrink: 0;
    fill: var(--text-color);
    margin-right: 5px;
  }
  /* =========================================================================
   * Clearable input fields
   * ========================================================================= */
  .clearable-input {
    display: inline-block;
    position: relative;
  }
  .clearable-input input::-ms-clear {
    display: none;
  }
  .clearable-input-button {
    background: transparent;
    bottom: 0;
    color: #9b9b9b;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: color 1.25s ease;
  }
  .clearable-input-button span {
    position: relative;
  }
  .clearable-input-button:hover, .clearable-input-button:focus, .clearable-input-button:active {
    background: transparent;
    color: #646464;
  }
  /* =========================================================================
   * Help tooltip
   * ========================================================================= */
  .help-tooltip {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #e9e9e9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 48 48%22 fill%3D%22%23646464%22%3E%0A  %3Cpath d%3D%22M25.75%2C0c-7.32%2C0-13.18%2C5.74-12.82%2C13.06h8.83v-.72c0-2.42%2C1.33-4.96%2C4.05-4.96s4.17%2C2.9%2C4.17%2C5.32c0%2C4.35-3.69%2C6.77-7.74%2C6.77-.72%2C0-1.45-.06-2.18-.24v12.03h8.46l.48-5.8c5.8-1.33%2C9.73-6.53%2C9.73-12.46%2C0-7.44-5.56-13-13-13Z%22 style%3D%22stroke-width%3A 0px%3B%22%2F%3E%0A  %3Cpath d%3D%22M24.42%2C37.24c-2.96%2C0-5.38%2C2.36-5.38%2C5.31s2.42%2C5.44%2C5.38%2C5.44%2C5.38-2.48%2C5.38-5.44-2.42-5.31-5.38-5.31Z%22 style%3D%22stroke-width%3A 0px%3B%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    transition: all 0.3s ease-out;
    cursor: pointer;
    margin: 0 0 -3px 3px;
    border-radius: 3px;
  }
  .help-tooltip:hover {
    background-color: #646464;
    background-image: url("../images/icons.svg#question-mark-view");
    background-position: center;
  }
  h3 .help-tooltip,
  h4 .help-tooltip {
    margin-bottom: 0;
  }
  .hover-tooltip {
    cursor: help;
  }
  /* =========================================================================
   * GTmetrix Collapse plugin
   * ========================================================================= */
  .collapse-trigger-open .icon {
    transform: scaleY(-1);
  }
  /* =========================================================================
   * Analyze Screenshot
   * ========================================================================= */
  /* -------------------------------------------
   * Wrappers
   * ------------------------------------------- */
  .analyze-screenshot-wrapper {
    margin: 0 auto 40px;
  }
  .analyze-screenshot-mobile {
    text-align: center;
  }
  .analyze-screenshot-mobile .analyze-screenshot {
    box-shadow: none;
    max-width: 650px;
  }
  .analyze-screenshot {
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
  }
  .analyze-screenshot-analyzing:not(.analyze-screenshot-mobile) {
    padding: 0 30px;
  }
  .analyze-screenshot-analyzing:not(.analyze-screenshot-mobile) .analyze-screenshot {
    animation: analyze-background 3s linear infinite alternate both;
  }
  /*/ -------------------------------------------
   * Frame decoration (currently mobile only)
   * ------------------------------------------- */
  .analyze-screenshot-frame {
    width: 43.8461538462%;
    height: auto;
  }
  .analyze-screenshot-mobile-screen {
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    top: 10%;
    bottom: 10%;
    width: 37.3846153846%;
    margin: 0 auto;
    animation: analyze-background 3s linear infinite alternate both;
  }
  /* -------------------------------------------
   * Screenshot loading animation
   * ------------------------------------------- */
  @keyframes analyze-background {
    0% {
      background: #1d7898;
    }
    100% {
      background: #23374c;
    }
  }
  .analyze-screenshot-loader {
    --spinner-size: 70px;
    --spinner-gap: 4px;
    --spinner-color: #fff;
    --spinner-radius: 5px;
  }
  .analyze-screenshot-error {
    position: absolute;
    margin-left: -35px;
    margin-top: -35px;
    left: 50%;
    top: 50%;
    z-index: 100;
  }
  .analyze-screenshot-error .icon {
    width: 70px;
    height: 70px;
    background: #f37a7c;
    fill: #fff;
    padding: 15px;
  }
  /* -------------------------------------------
   * Screenshot scanner
   * ------------------------------------------- */
  .analyze-screenshot-scanner {
    position: absolute;
    height: 10px;
    background: #7ebbe6;
    box-sizing: content-box;
    margin-top: -8px;
    border: 3px solid #fff;
    border-left: 0;
    border-right: 0;
    opacity: 0.8;
    animation: scanner 1.5s infinite ease-in-out;
    z-index: 2;
  }
  .analyze-screenshot-scanner .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    fill: #7ebbe6;
    top: -10px;
  }
  .analyze-screenshot-scanner .icon:first-child {
    left: -25px;
  }
  .analyze-screenshot-scanner .icon:last-child {
    right: -25px;
    transform: scaleX(-1);
  }
  .analyze-screenshot-desktop .analyze-screenshot-scanner {
    top: 0;
    left: -20px;
    width: 100%;
    padding: 0 20px;
  }
  .analyze-screenshot-mobile .analyze-screenshot-scanner {
    top: 10%;
    left: 0;
    width: 48.4615384615%;
    margin-right: 25.7692307692%;
    margin-left: 25.7692307692%;
    animation-name: scanner-mobile;
  }
  .analyze-screenshot-mobile .analyze-screenshot-scanner:before {
    left: -20px;
  }
  .analyze-screenshot-mobile .analyze-screenshot-scanner:after {
    right: -20px;
  }
  @keyframes scanner {
    0% {
      opacity: 0;
    }
    45% {
      opacity: 1;
    }
    90% {
      opacity: 0;
      top: 100%;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes scanner-mobile {
    0% {
      opacity: 0;
    }
    45% {
      opacity: 1;
    }
    90% {
      opacity: 0;
      top: 100%;
      top: 88.5918003565%;
    }
    100% {
      opacity: 0;
    }
  }
  /* -------------------------------------------
   * Screenshot image
   * ------------------------------------------- */
  .analyze-screenshot-analyzing .analyze-screenshot-image img {
    opacity: 0;
    transition: opacity 1.25s;
    z-index: 1;
  }
  .analyze-screenshot-desktop .analyze-screenshot-image {
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
  }
  .analyze-screenshot-desktop .analyze-screenshot-image img {
    position: absolute;
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .analyze-screenshot-mobile .analyze-screenshot-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .analyze-screenshot-mobile .analyze-screenshot-image img {
    margin-top: 10%;
    width: 37.3846153846%;
    height: auto;
  }
  .analyze-screenshot-report-error {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f4f4f4;
    border: 5px solid #cecece;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
  }
  .analyze-screenshot-report-error .icon {
    width: min(72px, 35%);
    height: min(72px, 35%);
    fill: #c9c9c9;
  }
  /* -------------------------------------------
   * Screenshot loader and scanner (Responsive)
   * ------------------------------------------- */
  @media (max-width: 500px) {
    .analyze-screenshot-loader {
      --spinner-size: 45px;
      --spinner-gap: 2px;
    }
    .analyze-screenshot-error {
      transform: scale(0.6);
    }
    .analyze-screenshot-scanner {
      height: 8px;
      margin-top: -6px;
      border-top-width: 2px;
      border-bottom-width: 2px;
    }
    .analyze-screenshot-scanner .icon {
      width: 26px;
      height: 26px;
      top: -9px;
    }
    .analyze-screenshot-scanner .icon:first-child {
      left: -22px;
    }
    .analyze-screenshot-scanner .icon:last-child {
      right: -22px;
    }
  }
  /* =========================================================================
   * Screenshot
   * ========================================================================= */
  .screenshot {
    text-align: center;
  }
  .screenshot img {
    border: 3px solid #efefef;
    max-width: calc(100% - 6px);
    height: auto;
  }
  .screenshot-caption {
    margin-top: 3px;
    font-size: 14px;
    font-style: italic;
    color: #9b9b9b;
  }
  /* =========================================================================
   * Table of Contents
   * ========================================================================= */
  .toc {
    margin: 0;
    padding-left: 0;
    list-style: none;
    font-size: 14px;
  }
  .toc > li {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
  }
  .toc > li:first-child {
    margin-top: -15px;
  }
  .toc > li:last-child {
    border-bottom: 0;
  }
  .toc ul {
    margin-top: 7px;
    font-size: 12px;
    list-style-type: disc;
  }
  .toc ul li {
    padding: 5px 0;
  }
  /* -------------------------------------------
   * Sticky positioned
   * ------------------------------------------- */
  @supports (position: sticky) {
    .sticky-parent {
      overflow: initial;
    }
    .sticky-parent .sticky {
      position: sticky;
      top: 20px;
      overflow-y: auto;
      max-height: calc(100vh - 40px);
    }
    .sticky-parent a.sticky-highlight-link {
      color: #1e5982;
      text-decoration: none;
      font-weight: bold;
      transition: color 0.1s ease-out;
    }
  }
  /* -------------------------------------------
   * Minimal Scrollbar
   * ------------------------------------------- */
  .scrollbar-minimal,
  .js-scroll-with-links {
    scrollbar-width: thin;
    scrollbar-color: #2e7db4 #efefef;
  }
  .scrollbar-minimal::-webkit-scrollbar,
  .js-scroll-with-links::-webkit-scrollbar {
    width: 8px;
  }
  .scrollbar-minimal::-webkit-scrollbar-track,
  .js-scroll-with-links::-webkit-scrollbar-track {
    background-color: #efefef;
  }
  .scrollbar-minimal::-webkit-scrollbar-thumb,
  .js-scroll-with-links::-webkit-scrollbar-thumb {
    background-color: #b5cbda;
  }
  .scrollbar-minimal::-webkit-scrollbar-thumb:hover,
  .js-scroll-with-links::-webkit-scrollbar-thumb:hover {
    background-color: #90b1c8;
  }
  /* =========================================================================
   * Tags
   * ========================================================================= */
  .page-tag {
    display: inline-block;
    padding: 2px 7px 4px;
    vertical-align: middle;
    font: 13px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.5px;
    margin: 0 6px 5px 0;
    color: #fff;
    text-decoration: none;
    transition: filter 0.2s ease-out;
    border-radius: 3px;
  }
  .page-tag.hide {
    display: none;
  }
  .tag-block-remove {
    display: inline-block;
    font-family: monospace;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 0;
    margin-right: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    color: #fff;
  }
  .tag-block-remove:hover {
    color: #fff;
  }
  .page-tag-dark {
    color: #4e4e4e;
  }
  .page-tag-dark .tag-block-remove {
    color: #4e4e4e;
  }
  .page-tag-dark:hover {
    color: #4e4e4e;
  }
  .page-tag-border {
    border: 1px solid #cecece;
  }
  .page-tag-link {
    cursor: pointer;
  }
  .page-tag-link:hover {
    filter: brightness(90%);
  }
  /* =========================================================================
   * Page Tags Dropdown
   * ========================================================================= */
  details.page-tags-list {
    color: var(--text-color);
    margin-bottom: 15px;
  }
  details.page-tags-list summary {
    display: flex;
    justify-content: space-between;
  }
  details.page-tags-list .page-tags-summary {
    width: 90%;
    color: var(--text-color);
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  details.page-tags-list [type=checkbox] {
    margin-right: 5px;
  }
  .page-tags-list-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .page-tags-list-empty {
    margin-top: 7px;
    font-size: 14px;
    color: #9b9b9b;
  }
  .manage-tags-list .page-tags-list-empty {
    margin-top: 0;
  }
  .page-tags-preview {
    margin-bottom: -10px;
  }
  .page-tags-preview .page-tag {
    padding: 2px 8px 5px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .page-tags-preview .page-tag-border {
    border: none;
  }
  .page-tags-preview-none {
    margin-top: 12px;
    font-size: 14px;
    opacity: 0.7;
  }
  .page-tags-list-edit {
    flex: 0 0 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: filter 0.2s ease-out;
    border-radius: 5px;
  }
  .page-tags-list-edit label {
    flex: 1 0 auto;
  }
  .page-tags-list-edit .icon {
    width: 11px;
    height: 11px;
    fill: #fff;
  }
  .page-tags-list-edit:hover {
    filter: brightness(90%);
  }
  .page-tags-list-edit-dark {
    border: 1px solid #e0e0e0;
  }
  .page-tags-list-edit-dark .icon {
    fill: #646464;
  }
  .page-tags-list-edit-disabled {
    pointer-events: none;
  }
  .page-tags-list-edit-disabled .icon {
    display: none;
  }
  .page-tags-list-action a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tags-attach-submit {
    position: relative;
    z-index: 1;
  }
  .tags-edit-colors {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .tags-edit-color {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    cursor: pointer;
    transition: filter 0.3s ease-out;
    border-radius: 25px;
    font: 400 16px / 2.2 "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    -webkit-user-select: none;
    user-select: none;
    color: #fff;
  }
  .tags-edit-color:focus-visible {
    outline: 2px dotted #7DD1D9;
  }
  .tags-edit-color:hover {
    filter: brightness(90%);
  }
  .tags-edit-color.tags-edit-colors-selected, .tags-edit-color.tags-edit-colors-selected:focus-visible {
    outline: 3px solid #7DD1D9;
  }
  .tags-edit-color.tags-edit-color-dark {
    color: #4e4e4e;
  }
  #tags-edit-desc {
    resize: vertical;
  }
  @media (max-width: 650px) {
    .tags-edit-color {
      width: 35px;
      height: 35px;
      font-size: 12px;
    }
  }
  @media (max-width: 500px) {
    .tags-edit-color {
      width: 26px;
      height: 26px;
      font-size: 12px;
    }
  }
  /* =========================================================================
   * Page Tags Manage menu
   * ========================================================================= */
  .manage-tags-list {
    padding: 0;
    color: #646464;
  }
  .manage-tags-list li {
    list-style: none;
  }
  .manage-tags-list li:not(.page-tags-list-empty) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .manage-tags-list li:not(.page-tags-list-empty):last-child {
    margin-bottom: 0;
  }
  .manage-tags-list .page-tag {
    margin-bottom: 0;
    max-width: 125px;
    font-size: 14px;
    flex-flow: wrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .manage-tags-list .page-tag:hover {
    white-space: initial;
  }
  .manage-tags-list.manage-tags-list-empty {
    background: none;
    padding: 0;
  }
  .manage-tags-list.manage-tags-list-empty li {
    color: #fff;
    opacity: 0.7;
  }
  .manage-tags-actions a {
    font-size: 11px;
    margin-right: 4px;
    color: #3c9adc;
  }
  @media (max-width: 650px) {
    .manage-tags-list li:not(.page-tags-list-empty) {
      margin-bottom: 10px;
      padding: 10px;
    }
    .manage-tags-list .page-tag {
      max-width: 115px;
    }
  }
  /* =========================================================================
   * Tooltip extras
   * ========================================================================= */
  /* -------------------------------------------
   * Style things inside of tooltips
   * ------------------------------------------- */
  .tooltipster-base pre {
    font-size: 11px;
    padding: 10px;
  }
  .tooltip-error,
  .box-error {
    border-color: #ffbbbb;
    background: #ffeeee;
  }
  .tooltip-info,
  .box-info {
    border-color: #ffecab;
    background: #fff4ce;
  }
  .tooltip-error {
    color: #c72525;
    --text-color: #c72525;
  }
  .tooltip-info {
    color: #b4991d;
    --text-color: #b4991d;
  }
  /* =========================================================================
   * Range bar with buttons
   * ========================================================================= */
  .range-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
  }
  .range-wrapper .icon {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 5px;
  }
  .range-wrapper input {
    margin: 0 5px;
  }
  .range-increase,
  .range-decrease {
    display: inline-block;
    height: 36px;
    flex: 0 0 36px;
  }
  /* =========================================================================
   * Logo Garden
   * ========================================================================= */
  .logo-garden-wrapper {
    overflow: hidden;
    position: relative;
  }
  .logo-garden-wrapper:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgb(245, 245, 245) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgb(245, 245, 245) 100%);
  }
  .logo-garden {
    width: 4796px;
    height: 134px;
    background: url("../images/home/logo-garden-1x.png") repeat-x;
    animation: logo-garden-slide 60s linear infinite;
  }
  .logo-garden:hover {
    animation-play-state: paused;
  }
  @keyframes logo-garden-slide {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-2398px);
    }
  }
  @media (max-width: 810px) {
    .logo-garden-wrapper {
      width: 100%;
      margin: 20px 0 20px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo-garden {
      background-image: url("../images/home/logo-garden-1.5x.png");
      background-size: 2398px 134px;
    }
  }
  /* =========================================================================
   * Organization Logo image
   * ========================================================================= */
  .org-logo,
  [class*=org-logo-] {
    border-radius: 50%;
    background: #fff;
    border: 4px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: content-box;
  }
  .org-logo img,
  [class*=org-logo-] img {
    width: 100%;
  }
  .org-logo.hide,
  [class*=org-logo-].hide {
    display: none;
  }
  .org-logo-150 {
    width: 150px;
    height: 150px;
  }
  .org-logo-100 {
    width: 100px;
    height: 100px;
  }
  .org-logo-40 {
    border-width: 3px;
    width: 40px;
    height: 40px;
  }
  .org-logo-35 {
    border-width: 3px;
    width: 35px;
    height: 35px;
  }
  /* =========================================================================
   * _ctas.scss: GTmetrix Call to Action widgets
   * ========================================================================= */
  /* Shared background across CTAs */
  .cta-background {
    --text-color: #fff;
    border-radius: 5px;
    background-image: url(../images/cta/bg-cta-blue-1260x400.png);
    background-color: #2e7db4;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
  }
  .cta-background-pro {
    --text-color: #fff;
    border-radius: 5px;
    background-image: url(../images/cta/bg-cta-purple-1260x400.png);
    background-color: #52425a;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    background-size: cover;
  }
  /* Shared CTA sprites */
  [class*=bsprite-cta-report-] {
    display: inline-block;
    background-image: url("../images/cta/cta-report-sprite.png");
    background-repeat: no-repeat;
  }
  .cta-popper {
    display: inline-block;
    background-image: url("../images/party-popper.png");
    background-repeat: no-repeat;
    height: 167px;
    width: 167px;
  }
  /* =========================================================================
   * Account Page CTA (User Settings)
   * ========================================================================= */
  .cta-account-usage {
    padding: 25px;
    margin-top: 22px;
  }
  .cta-account-usage h3 {
    font-size: 24px;
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #9b9b9b;
  }
  .cta-account-usage p {
    font-size: 14px;
  }
  .cta-account-usage a {
    display: block;
  }
  .cta-account-usage .btn-cta {
    margin-bottom: 10px;
  }
  @media (max-width: 725px) {
    .cta-account-usage-bttns {
      display: flex;
      max-width: 400px;
    }
    .cta-account-usage-bttns .btn-cta {
      margin: 0 15px 0 0;
    }
  }
  @media (max-width: 450px) {
    .cta-account-usage {
      text-align: center;
    }
    .cta-account-usage-bttns {
      display: block;
    }
    .cta-account-usage-bttns .btn-cta {
      margin: 0 0 15px;
    }
  }
  /* =========================================================================
   * Anayze page
   * ========================================================================= */
  .cta-analyze {
    display: flex;
    align-items: center;
    margin: 20px 0;
  }
  .cta-analyze > i {
    margin-left: 20px;
  }
  .cta-analyze-content {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .cta-analyze-content .btn-cta i {
    margin-left: 10px;
  }
  [class*=bsprite-cta-analyze-] {
    display: inline-block;
    background-image: url("../images/cta/cta-analyze-sprite.png");
    background-repeat: no-repeat;
  }
  .bsprite-cta-analyze-mobile {
    background-position: -6px -4px;
    width: 196px;
    height: 111px;
  }
  .bsprite-cta-analyze-monitor,
  .bsprite-cta-analyze-monitor-hourly {
    background-position: -251px 0;
    width: 154px;
    height: 143px;
    margin-top: 10px;
  }
  .bsprite-cta-analyze-locations-more {
    background-position: -568px -3px;
    width: 271px;
    height: 143px;
    align-self: flex-end;
  }
  .bsprite-cta-analyze-monitor-more {
    background-position: -6px -177px;
    width: 221px;
    height: 99px;
  }
  .bsprite-cta-analyze-on-demand-more {
    background-position: -277px -178px;
    width: 251px;
    height: 99px;
  }
  .bsprite-cta-analyze-queue {
    background-position: -553px -178px;
    width: 243px;
    height: 71px;
  }
  .bsprite-cta-analyze-analysis-options {
    background-position: 0px -306px;
    width: 176px;
    height: 147px;
  }
  .bsprite-cta-analyze-history {
    background-position: -251px -306px;
    width: 271px;
    height: 148px;
  }
  .bsprite-cta-analyze-adblock {
    background-position: -547px -305px;
    width: 290px;
    height: 124px;
  }
  .bsprite-cta-analyze-connection-throttle {
    background-position: -20px -484px;
    width: 271px;
    height: 143px;
    align-self: flex-end;
  }
  .bsprite-cta-analyze-video {
    background-position: -314px -484px;
    width: 293px;
    height: 143px;
    align-self: flex-end;
  }
  .bsprite-cta-analyze-locations {
    background-position: -652px -484px;
    width: 271px;
    height: 143px;
    align-self: flex-end;
  }
  @media (min-width: 1000px) {
    .analyze-wrapper-with-ad .cta-analyze > i {
      display: none;
    }
  }
  @media (min-width: 1000px) and (max-width: 1325px), (max-width: 700px) {
    .cta-analyze > i {
      display: none;
    }
  }
  @media (max-width: 700px) {
    .cta-analyze {
      text-align: center;
    }
    .cta-resp-hide {
      display: none;
    }
  }
  /* =========================================================================
   * Dashboard Usage widget CTA (Basic and PRO)
   * ========================================================================= */
  .cta-dashboard-usage {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 20px auto 0;
    max-width: 600px;
    min-height: 65px;
    text-decoration: none;
    --link-color: #fff;
    --link-color-hover: #fff;
  }
  .cta-dashboard-usage:hover {
    text-decoration: none;
  }
  .cta-dashboard-usage:hover .icon {
    animation: 0.85s ease-out 0s infinite ProChevronBounce;
  }
  .cta-dashboard-usage:hover .btn-pro {
    background: #953266;
  }
  .cta-dashboard-usage-content {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding: 10px;
    margin-left: 4px;
  }
  .cta-dashboard-usage-content strong {
    font-size: 18px;
  }
  .cta-dashboard-usage-btn {
    flex: 0 0 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .cta-dashboard-usage-btn-icon {
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 5px;
    width: 34px;
    height: 34px;
    overflow: hidden;
  }
  .cta-dashboard-usage-btn-icon .icon {
    width: 100%;
    height: 100%;
    transform: scaleY(-1);
  }
  @keyframes ProChevronBounce {
    0%, 80%, 90%, 100% {
      transform: scaleY(-1) translateY(0);
    }
    33% {
      transform: scaleY(-1) translateY(25px);
    }
    34% {
      transform: scaleY(-1) translateY(25px) translateX(25px);
    }
    35% {
      transform: scaleY(-1) translateY(-25px) translateX(25px);
    }
    36% {
      transform: scaleY(-1) translateY(-25px) translateX(0);
    }
    70% {
      transform: scaleY(-1) translateY(3px);
    }
    85%, 95% {
      transform: scaleY(-1) translateY(1px);
    }
  }
  .cta-dashboard-usage-custom {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  /* =========================================================================
   * Dashboard Bulk Operations (PRO)
   * ========================================================================= */
  .cta-dashboard-bulk {
    padding: 20px;
  }
  .cta-dashboard-bulk-content {
    display: flex;
    align-items: center;
  }
  .cta-dashboard-bulk-content p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cta-dashboard-bulk-text {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .cta-dashboard-bulk-btn {
    margin-left: 15px;
    flex: 0 0 auto;
  }
  /* =========================================================================
   * Analyze max web jobs CTA (Basic only)
   * ========================================================================= */
  .cta-dashboard-weblimit {
    padding: 25px;
    display: flex;
    justify-content: space-between;
  }
  .cta-dashboard-weblimit h3 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .cta-dashboard-weblimit h4 {
    font-size: 22px;
  }
  .cta-dashboard-weblimit-headings {
    --hr-color: #e9e9e9;
    flex: 0 0 650px;
    margin-right: 20px;
  }
  .cta-dashboard-weblimit-headings p {
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #e9e9e9;
  }
  .cta-dashboard-weblimit-content {
    max-width: 600px;
  }
  .cta-dashboard-weblimit-strong {
    font-weight: bold;
    font-size: 20px;
  }
  .cta-dashboard-weblimit-btns {
    --link-color: #fff;
    --link-color-hover: #cecece;
  }
  .cta-dashboard-weblimit-btns .btn-cta {
    margin-right: 10px;
  }
  .cta-dashboard-weblimit-btns .cta-dashboard-weblimit-why {
    opacity: 0.7;
  }
  @media (max-width: 1100px) {
    .cta-dashboard-weblimit {
      padding: 20px;
    }
    .cta-dashboard-weblimit h3 {
      font-size: 30px;
      margin-bottom: 15px;
    }
    .cta-dashboard-weblimit h4 {
      font-size: 18px;
    }
    .cta-dashboard-weblimit-headings {
      flex: 0 0 450px;
    }
  }
  @media (max-width: 900px) {
    .cta-dashboard-weblimit {
      flex-direction: column;
      text-align: center;
    }
    .cta-dashboard-weblimit h4 {
      display: none;
    }
    .cta-dashboard-weblimit-headings {
      flex: 0 0 auto;
      margin: 0 0 20px;
    }
    .cta-dashboard-weblimit-content {
      max-width: initial;
    }
  }
  @media (max-width: 450px) {
    .cta-dashboard-weblimit-btns .btn, .cta-dashboard-weblimit-btns .paginate_button {
      display: block;
      margin: 0 0 15px;
    }
  }
  /* =========================================================================
   * Analyze max web jobs CTA (Dashboard limit, PRO only)
   * ========================================================================= */
  .cta-analyze-limit {
    margin-bottom: 20px;
    padding: 20px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cta-analyze-limit h3 {
    font-size: 32px;
  }
  .cta-analyze-limit-content {
    z-index: 2;
    flex: 1;
    text-align: left;
  }
  .cta-analyze-limit-content strong {
    display: inline-block;
  }
  .cta-analyze-limit-content h3 {
    position: relative;
  }
  .cta-analyze-limit-status {
    color: #a0852b;
    font-size: 20px;
  }
  .cta-analyze-limit-text {
    font-size: 14px;
  }
  .cta-analyze-limit-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 2;
  }
  .cta-analyze-limit-responsive-show {
    display: none;
  }
  .cta-analyze-limit-banner {
    display: flex;
    align-items: center;
    padding: 25px 25px 20px;
    background: #fff4ce;
  }
  .cta-analyze-limit-banner h3 {
    flex: 0 0 auto;
    padding-right: 30px;
  }
  .cta-analyze-limit-banner-content {
    flex: 1 1;
  }
  .cta-analyze-limit-banner-content p, .cta-analyze-limit-banner-content span {
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
  }
  .cta-analyze-limit-banner-actions {
    flex: 0 0 auto;
    padding-left: 30px;
  }
  @media (max-width: 1250px) {
    .cta-analyze-limit {
      padding: 30px 20px;
      flex-direction: column;
    }
    .cta-analyze-limit-content {
      text-align: center;
      flex: 1 0 auto;
    }
    .cta-analyze-limit-content h3 {
      position: initial;
    }
    .cta-analyze-limit-content h3:before {
      top: 10px;
      left: 10px;
    }
    .cta-analyze-limit-actions {
      flex-direction: row;
      align-items: center;
      margin-top: 20px;
    }
    .cta-analyze-limit-actions a {
      margin-left: 10px;
    }
  }
  @media (max-width: 1100px) {
    .cta-analyze-limit-banner h3 {
      display: none;
    }
    .cta-analyze-limit-banner .cta-analyze-limit-status {
      display: block;
      margin-top: 10px;
    }
    .cta-analyze-limit-banner .cta-analyze-limit-status strong {
      display: inline-block;
    }
  }
  @media (max-width: 850px) {
    .cta-analyze-limit h3 {
      font-size: 24px;
    }
    .cta-analyze-limit-actions {
      flex-direction: column;
    }
    .cta-analyze-limit-actions a {
      margin-left: 0;
      margin-top: 10px;
    }
    .cta-analyze-limit-content h3:before {
      opacity: 0.4;
    }
    .cta-analyze-limit-banner {
      flex-direction: column;
      text-align: center;
    }
    .cta-analyze-limit-banner h3 {
      display: block;
      padding: 0;
    }
    .cta-analyze-limit-banner-actions {
      padding: 0;
      margin-top: 15px;
    }
  }
  @media (max-width: 500px) {
    .cta-analyze-limit {
      text-align: center;
    }
    .cta-analyze-limit-responsive-show {
      display: initial;
    }
    .cta-analyze-limit-responsive-hide {
      display: none;
    }
  }
  /* =========================================================================
   * Analysis options & Page Settings (PRO)
   * ========================================================================= */
  .cta-pro-analysis-options {
    margin-bottom: 20px;
    color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .cta-pro-analysis-options h4 {
    font-size: 19px;
  }
  .cta-pro-analysis-options-icons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-width: 155px;
  }
  .cta-pro-analysis-options-icons .icon {
    width: 32px;
    height: 32px;
  }
  .cta-pro-analysis-options-icons .icon-simulate {
    fill: #f2b42c;
    margin: 0 -5px 0;
  }
  .cta-pro-analysis-options-icons .icon-dns {
    fill: #936a9c;
  }
  .cta-pro-analysis-options-icons .icon-preset {
    fill: #db4342;
  }
  .cta-pro-analysis-options-icons .icon-resolution {
    fill: #7ec681;
    width: 40px;
    height: 40px;
  }
  @media (max-width: 1320px) {
    .cta-pro-analysis-options-icons {
      display: none;
    }
  }
  @media (max-width: 1100px) {
    .cta-pro-analysis-options {
      padding: 20px;
      flex-direction: column;
    }
    .cta-pro-analysis-options h4 {
      margin-top: 0;
      text-align: center;
    }
    .cta-pro-analysis-options a {
      margin: 5px;
    }
  }
  @media (max-width: 425px) {
    .cta-pro-analysis-options-buttons {
      display: flex;
      flex-direction: column;
    }
  }
  .analyze-form-menu .cta-pro-analysis-options,
  .menu-report-settings .cta-pro-analysis-options {
    padding: 20px;
    flex-direction: column;
  }
  .analyze-form-menu .cta-pro-analysis-options h4,
  .menu-report-settings .cta-pro-analysis-options h4 {
    margin-top: 0;
    text-align: center;
  }
  .analyze-form-menu .cta-pro-analysis-options a,
  .menu-report-settings .cta-pro-analysis-options a {
    margin: 5px;
  }
  .analyze-form-menu,
  .menu-report-settings {
    /* On this layout the CTA goes at the top of the menu, add some margin. */
  }
  .analyze-form-menu .cta-pro-analysis-options,
  .menu-report-settings .cta-pro-analysis-options {
    margin: 20px 0;
  }
  .analyze-form-menu .cta-pro-analysis-options h4,
  .menu-report-settings .cta-pro-analysis-options h4 {
    margin-top: 15px;
  }
  /* =========================================================================
   * Report Header CTA (Guest only)
   * ========================================================================= */
  .cta-report-guest {
    margin-top: -20px;
    padding: 20px;
    text-align: center;
    background-size: cover;
  }
  .cta-report-guest-btns a {
    margin-right: 10px;
  }
  @media (max-width: 500px) {
    .cta-report-guest {
      padding: 20px 15px;
    }
    .cta-report-guest-btns a {
      margin: 0;
    }
    .cta-report-guest-btns a:first-child {
      margin-bottom: 15px;
    }
  }
  /* =========================================================================
   * Report Sidebar CTA (Signup and PRO)
   * ========================================================================= */
  .cta-report-sidebar {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cta-report-sidebar-content {
    text-align: center;
    padding: 15px;
  }
  .cta-report-sidebar-content h4 {
    margin: 0;
    line-height: 1.2em;
  }
  .cta-report-sidebar-content p {
    font-size: 14px;
    line-height: 1.35em;
    margin-bottom: 20px;
  }
  .cta-report-sidebar-content .btn, .cta-report-sidebar-content .paginate_button {
    text-align: center;
  }
  [class*=bsprite-cta-report-sidebar] {
    margin-top: -10%;
  }
  .bsprite-cta-report-sidebar-monitor,
  .bsprite-cta-report-sidebar-monitor-hourly {
    background-position: -329px 0px;
    width: 113px;
    height: 104px;
  }
  .bsprite-cta-report-sidebar-mobile {
    background-position: -476px 0px;
    width: 123px;
    height: 93px;
  }
  .bsprite-cta-report-sidebar-monitor-more {
    background-position: -2px 0px;
    width: 134px;
    height: 61px;
    margin-top: -34px;
  }
  .bsprite-cta-report-sidebar-on-demand-more {
    background-position: -157px 0px;
    width: 149px;
    height: 71px;
  }
  .bsprite-cta-report-sidebar-locations-more {
    background-position: 0px -132px;
    width: 153px;
    height: 134px;
    margin-bottom: -10px;
  }
  .bsprite-cta-report-sidebar-adblock {
    background-position: -169px -132px;
    width: 149px;
    height: 73px;
    margin-top: -35px;
  }
  .bsprite-cta-report-sidebar-connection-throttle {
    background-position: -334px -132px;
    width: 153px;
    height: 117px;
  }
  .bsprite-cta-report-sidebar-analysis-options {
    background-position: -169px -283px;
    width: 153px;
    height: 134px;
  }
  .bsprite-cta-report-sidebar-locations {
    background-position: 0px -283px;
    width: 153px;
    height: 117px;
  }
  .bsprite-cta-report-sidebar-video {
    background-position: -508px -132px;
    width: 154px;
    height: 117px;
  }
  @media (max-width: 1200px) {
    .cta-report-sidebar {
      margin-top: 45px;
    }
    .cta-report-sidebar .btn-cta {
      margin-top: 20px;
    }
    .cta-report-sidebar p, .cta-report-sidebar i {
      display: none;
    }
    .cta-report-sidebar-responsive-hide {
      display: none;
    }
  }
  /* =========================================================================
   * Report Summary CTA, tips section (PRO)
   * ========================================================================= */
  .cta-pro-report-summary {
    color: #fff;
    padding: 22px;
    margin-top: 15px;
  }
  .cta-pro-report-summary p {
    font-size: 14px;
  }
  .cta-pro-report-summary a {
    flex: 0 0 auto;
  }
  .cta-pro-report-summary-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cta-pro-report-summary-1 h4 {
    margin: 0;
  }
  .cta-pro-report-summary-2 h4 {
    font-size: 24px;
  }
  .cta-pro-report-summary-2 p {
    margin-bottom: 0;
  }
  .cta-pro-report-summary-2-text {
    padding-right: 15px;
  }
  .cta-pro-report-summary-flex {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  [class*=bbsprite-cta-more-suggestions-] {
    display: inline-block;
    background-image: url("../images/cta/cta-report-summary-tips-sprite.png");
    background-repeat: no-repeat;
    height: 96px;
  }
  .bsprite-cta-more-suggestions-0 {
    width: 213px;
    background-position: 0 7px;
  }
  .bsprite-cta-more-suggestions-1 {
    width: 175px;
    background-position: 0 -96px;
  }
  .bsprite-cta-more-suggestions-2 {
    width: 205px;
    background-position: 0 -201px;
  }
  .bsprite-cta-more-suggestions-3 {
    width: 188px;
    background-position: 0 -305px;
  }
  @media (max-width: 650px), (min-width: 1150px) and (max-width: 1450px) {
    .cta-pro-report-summary-2 {
      text-align: center;
    }
    .cta-pro-report-summary-2 p {
      margin-bottom: 20px;
      padding: 0;
    }
    .cta-pro-report-summary-flex {
      flex-direction: column;
    }
    .cta-pro-report-summary-image {
      display: none;
    }
  }
  @media (max-width: 650px) {
    .cta-pro-report-summary-1 {
      flex-direction: column;
      text-align: center;
    }
    .cta-pro-report-summary-1 h4 {
      margin-bottom: 15px;
    }
    .cta-pro-report-summary-resp-hide {
      display: none;
    }
    .cta-pro-report-summary-image {
      margin-top: 20px;
      display: block;
    }
  }
  /* =========================================================================
   * Monitoring & PDF Menu (PRO)
   * ========================================================================= */
  .cta-pro-menu {
    margin: 20px 0;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cta-pro-menu h4 {
    text-align: center;
  }
  /* =========================================================================
   * Report History sidebar CTA (Signup, PRO)
   * ========================================================================= */
  .cta-report-history {
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  .bsprite-cta-report-history {
    background-position: -6px -423px;
    width: 205px;
    height: 114px;
  }
  /* =========================================================================
   * Report expiration/truncation CTA (PRO/Guest)
   * ========================================================================= */
  .cta-report-truncated .cta-report-expired-right-title {
    display: inline-block;
    margin-bottom: 5px;
  }
  .cta-report-truncated .btn-cta {
    margin-left: 10px;
  }
  .report-truncated-placeholder {
    background-image: url(../images/report/report-expired-summary.png);
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  .report-truncated-placeholder h3 {
    font-size: 26px;
  }
  .report-truncated-placeholder a:not(.btn):not(.paginate_button) {
    text-decoration: underline;
  }
  .report-truncated-placeholder .report-truncated-btns-divider {
    margin: 0 7px;
  }
  @media (max-width: 650px) {
    .report-truncated-placeholder {
      margin-bottom: 60px;
    }
    .report-truncated-placeholder h3 {
      margin-bottom: 10px;
    }
    .report-truncated-btns .btn, .report-truncated-btns .paginate_button, .report-truncated-btns .report-truncated-btns-divider {
      display: block;
      margin-bottom: 10px;
    }
  }
  /* =========================================================================
   * Video generation CTA (Signup)
   * ========================================================================= */
  .cta-video {
    padding: 25px;
    margin-top: 10px;
  }
  .cta-video h3 {
    font-size: 26px;
  }
  .cta-video li {
    margin-bottom: 7px;
  }
  .cta-video a {
    margin-bottom: 5px;
  }
  .cta-video-guest {
    color: #fff;
  }
  .cta-video-guest p {
    font: 400 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .cta-video-free {
    background: #fbfbfb;
  }
  .cta-pro-video {
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cta-pro-video h3 {
    font-weight: 100;
    text-align: center;
  }
  .bsprite-cta-report-video {
    background-position: -340px -284px;
    width: 177px;
    height: 125px;
  }
  /* =========================================================================
   * Fiverr CTA (Report Structure/PageSpeed/YSlow tabs)
   * ========================================================================= */
  .cta-fiverr-sidebar {
    margin-top: 20px;
    padding: 15px;
    display: flex;
    background: #f4f4f4;
    text-decoration: none;
    color: var(--text-color);
    transition: background-color 0.25s ease-out;
  }
  .cta-fiverr-sidebar:hover {
    background: #efefef;
    color: var(--text-color);
  }
  .cta-fiverr-icon-wrapper {
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cta-fiverr-icon-wrapper .icon {
    width: 36px;
    height: 36px;
  }
  .cta-fiverr-text {
    font: 300 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .cta-fiverr-text h3.cta-fiverr-text-title {
    margin-bottom: 5px;
  }
  @media (max-width: 1020px) {
    .cta-fiverr-sidebar {
      width: 100%;
      text-align: center;
      justify-content: center;
      align-items: center;
    }
  }
  /* =========================================================================
   * _home.scss: GTmetrix Home page
   * ========================================================================= */
  /* -------------------------------------------
   * General set up
   * ------------------------------------------- */
  .page-home-content .layout-zebra-section {
    overflow: hidden;
    text-align: center;
    /* This is needed for the box shadow effect to pop in front of neighbour section images */
    position: relative;
  }
  .page-home-content .layout-zebra-section.home-section-news {
    background: #fbfbfb;
  }
  .home-section-aligned {
    padding: 60px 0px 60px;
    border-bottom: none;
    box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.1);
  }
  .home-section-content {
    display: flex;
    align-items: center;
    padding: 0;
  }
  .home-section-content img.home-img-shadow {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .home-section-content {
    /*
    * FIXME: Chrome has this weird issue on 73 and possibly 74 where it does not
    * respect certain elements overflowing inside flexbox containers such as
    * images. This rule seems to fix it. See #34321.
    * */
  }
  .home-section-content img {
    width: auto;
  }
  .home-content-text {
    text-align: left;
    min-width: 50%;
    padding: 0px 60px 0px 20px;
  }
  .home-section-alt {
    background: #fff;
  }
  /* Reverse the image+text for these sections */
  .home-section-content-reverse {
    flex-direction: row-reverse;
  }
  .home-section-content-reverse .home-content-text {
    padding: 0 20px 0 60px;
  }
  .home-report-btn {
    margin-bottom: 40px;
  }
  /* -------------------------------------------
   * General - Responsive
   * ------------------------------------------- */
  @media (max-width: 1350px) {
    .layout-zebra-section-content.home-section-content {
      flex-direction: column;
    }
    .layout-zebra-section-content.home-section-content .home-content-text {
      padding: 0 20px 40px;
      text-align: center;
      max-width: 880px;
    }
    .layout-zebra-section-content.home-section-content img {
      width: auto;
      height: auto;
      max-width: 95%;
      margin: 0 auto;
    }
    .home-section-aligned {
      padding: 60px 0;
    }
    .home-section-intro .resp-hidden {
      display: none;
    }
    .home-report-btn {
      margin-bottom: 0;
    }
  }
  @media (max-width: 550px) {
    .home-content-responsive {
      display: none;
    }
    .home-section-aligned {
      padding: 60px 10px;
    }
  }
  /* -------------------------------------------
   * Analyze
   * ------------------------------------------- */
  .home-section-analyze {
    background: linear-gradient(128deg, rgb(59, 105, 164) 40%, rgb(24, 48, 84) 52%);
    overflow: hidden;
  }
  .home-section-analyze .analyze-form-input input {
    padding: 12px 16px 12px;
    font-size: 28px;
    border-width: 4px;
  }
  .home-section-analyze .analyze-form-button button {
    white-space: nowrap;
    padding: 10px 25px 13px;
    font-size: 36px;
    margin-left: 5px;
    width: 210px;
  }
  .home-section-analyze-container {
    padding: 60px;
    --text-color: #fff;
    max-width: 2000px;
    margin: 0 auto;
    position: relative;
    background: url("../images/home/header-splash.jpg") center no-repeat;
  }
  .home-section-analyze-content {
    max-width: 1100px;
    margin: 150px auto 150px 100px;
  }
  .home-section-analyze-content h1 {
    font-size: clamp(50px, 4vw + 1rem, 70px);
    margin-bottom: 30px;
  }
  .home-section-analyze-content h2 {
    font-weight: 300;
    font-size: clamp(22px, 2vw, 26px);
    margin-bottom: 30px;
    padding-right: 20%;
  }
  .home-section-analyze-img {
    position: absolute;
    left: calc(5% + 1200px);
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .home-section-analyze-options {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .home-section-analyze-options .btn, .home-section-analyze-options .paginate_button {
    width: 210px;
    padding-top: 9px;
    padding-bottom: 11px;
  }
  .home-section-analyze-line {
    flex-grow: 1;
    display: flex;
    align-items: center;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 0;
  }
  .home-section-analyze-line strong {
    margin-right: 10px;
    font-size: 20px;
  }
  .home-section-analyze-line .icon {
    width: 30px;
    height: 30px;
    margin: 0 7px 0;
  }
  .home-section-analyze-line-option {
    text-decoration: underline;
    margin-right: 15px;
    transition: color 0.3s ease-out;
    cursor: pointer;
  }
  /* -------------------------------------------
   * Analyze (Responsive)
   * ------------------------------------------- */
  @media (min-width: 2000px) {
    .home-section-analyze-container {
      background: linear-gradient(to right, rgb(56, 105, 167) 0%, rgba(255, 255, 255, 0) 70px, rgba(255, 255, 255, 0) calc(100% - 90px), rgb(25, 49, 85) 100%), url(../images/home/header-splash.jpg) center no-repeat;
    }
  }
  @media (max-width: 1500px) {
    .home-section-analyze-content {
      margin: 20px 0 350px;
      max-width: initial;
    }
    .home-section-analyze-content h1 {
      margin-bottom: 40px;
    }
    .home-section-analyze-img {
      left: 0;
      right: 0;
      bottom: -85%;
      max-width: calc(100% - 120px);
      height: auto;
    }
  }
  @media (max-width: 1100px) {
    .home-section-analyze .analyze-form-input input {
      padding: 10px 16px 11px;
      font-size: 24px;
      border-width: 3px;
    }
    .home-section-analyze .analyze-form-button button {
      padding: 10px 25px 13px;
      font-size: 28px;
      width: 190px;
    }
    .home-section-analyze-options .btn, .home-section-analyze-options .paginate_button {
      width: 190px;
      font-size: 16px;
    }
    .home-section-analyze-line {
      font-size: 14px;
    }
    .home-section-analyze-line .icon {
      width: 24px;
      height: 24px;
    }
  }
  @media (max-width: 960px) {
    .home-section-analyze-resp-hide {
      display: none;
    }
  }
  @media (max-width: 800px) {
    .home-section-analyze-container {
      padding: 50px 40px;
      text-align: center;
    }
    .home-section-analyze .analyze-form-input {
      display: block;
      padding: 0;
    }
    .home-section-analyze .analyze-form-button {
      display: block;
      padding: 10px 0 0;
    }
    .home-section-analyze .analyze-form-button button {
      width: 100%;
      margin: 0;
    }
    .home-section-analyze-content h2 {
      padding-right: 0;
    }
    .home-section-analyze-img {
      bottom: -62%;
      width: calc(100% - 80px);
    }
  }
  @media (max-width: 670px) {
    .home-section-analyze-container {
      padding: 40px 25px;
    }
    .home-section-analyze-content {
      margin: 0 0 200px;
    }
    .home-section-analyze .analyze-form-input input {
      padding: 10px 16px 11px;
      font-size: 20px;
    }
    .home-section-analyze .analyze-form-button button {
      padding: 8px 25px 10px;
    }
    .home-section-analyze-options {
      flex-direction: column;
    }
    .home-section-analyze-options .btn, .home-section-analyze-options .paginate_button {
      margin-top: 15px;
      width: 100%;
    }
    .home-section-analyze-change-options {
      background: none;
      color: #cecece;
      text-decoration: underline;
      transition: color 0.3s ease-out;
    }
    .home-section-analyze-change-options:hover {
      background: none;
      color: #9b9b9b;
    }
    .home-section-analyze-change-options.btn, .home-section-analyze-change-options.paginate_button {
      width: auto;
    }
    .home-section-analyze-img {
      bottom: -80%;
    }
  }
  @media (max-width: 500px) {
    .home-section-analyze-content {
      margin: 0;
    }
    .home-section-analyze-img {
      display: none;
    }
    .home-section-analyze-line strong {
      font-size: 16px;
    }
    .home-section-analyze-line .icon {
      display: none;
    }
  }
  /* -------------------------------------------
   * Analyzed and Logos
   * ------------------------------------------- */
  .home-section-analyzed {
    padding: 60px 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    z-index: 1;
    position: relative;
  }
  .home-section-analyzed-content {
    text-align: center;
    max-width: 1920px;
    margin: 0 auto;
  }
  .home-section-analyzed-title {
    font-size: 36px;
    color: #9b9b9b;
    margin: 0 20px;
  }
  .home-section-analyzed-title span {
    font-size: 54px;
    color: #3c9adc;
  }
  .home-section-analyzed-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
  }
  /* -------------------------------------------
   * Analyzed and Logos (Responsive)
   * ------------------------------------------- */
  @media (max-width: 1650px) {
    .home-section-analyzed-logos {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
    .home-section-analyzed-logos img {
      margin: 0 auto;
    }
  }
  @media (max-width: 950px) {
    .home-section-analyzed-logos {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 650px) {
    .home-section-analyzed-logos {
      grid-template-columns: repeat(3, 1fr);
    }
    .home-section-analyzed-logos img {
      width: 85%;
      height: auto;
    }
    .home-section-analyzed-title {
      font-size: 30px;
    }
    .home-section-analyzed-title span {
      font-size: 42px;
    }
  }
  @media (max-width: 500px) {
    .home-section-analyzed-title {
      font-size: 26px;
    }
    .home-section-analyzed-title span {
      font-size: 32px;
    }
  }
  /* -------------------------------------------
   * News
   * ------------------------------------------- */
  .home-section-news {
    padding: 60px;
  }
  .home-section-news h3 {
    font-size: 34px;
    margin-bottom: 30px;
    text-align: center;
  }
  .home-section-news-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    max-width: 1920px;
    margin: 0 auto;
  }
  .home-section-news-item {
    display: flex;
    --text-color: $color-dove-gray;
  }
  .home-section-news-item-content {
    flex: 0 1 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .home-section-news-item-content h4 {
    font-size: 28px;
    --link-color: #3c9adc;
    --link-color-hover: #2e7db4;
    margin-bottom: 15px;
  }
  .home-section-news-item-content p {
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 15px 0;
  }
  .home-section-news-item-content .home-section-news-btn {
    margin: 0 0 4px;
  }
  .home-section-news-item-img {
    margin-right: 20px;
    display: inline-flex;
    align-items: center;
    max-width: 462px;
  }
  .home-section-news-item-img img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .home-section-news-link {
    text-align: center;
    margin-top: 40px;
  }
  /* -------------------------------------------
   * News (Responsive)
   * ------------------------------------------- */
  @media (min-width: 1101px) and (max-width: 1500px), (max-width: 850px) {
    .home-section-news-item {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .home-section-news-item-img {
      margin: 0 0 30px;
    }
    .home-section-news-item-content {
      flex-grow: 1;
    }
  }
  @media (max-width: 1100px) {
    .home-section-news-container {
      grid-template-columns: 1fr;
    }
    .home-section-news-item-content h4 {
      font-size: 26px;
    }
    .home-section-news-item-content p {
      font: 18px "Maven Pro", Arial, sans-serif;
      letter-spacing: -0.0625em;
    }
  }
  @media (max-width: 875px) {
    .home-section-news {
      padding: 40px 25px;
    }
    .home-section-news-item {
      max-width: 600px;
      margin: 0 auto;
    }
  }
  /* -------------------------------------------
   * Intro
   * ------------------------------------------- */
  .home-section-intro ul {
    margin-bottom: 25px;
  }
  .home-section-intro li {
    margin-bottom: 12px;
  }
  .home-section-intro li a {
    text-decoration: none;
    border-bottom: 1px dotted #3c9adc;
  }
  .home-section-intro-screenshot {
    position: relative;
  }
  .home-section-intro-screenshot img {
    display: block;
  }
  .home-section-intro-screenshot-item {
    position: absolute;
    width: 6.18279%;
    height: 9.74576%;
    border: 4px solid #3c9adc;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: #d7e9f5;
    opacity: 0.7;
    transition: all 0.2s ease 0.1s;
  }
  .home-section-intro-screenshot-item-active {
    transform: scale(1.25, 1.25);
  }
  .home-section-intro-screenshot-item-inactive {
    opacity: 0.25;
  }
  #ss-summary {
    top: 64.5%;
    left: 3%;
  }
  #ss-audits {
    top: 64.5%;
    left: 13.5%;
  }
  #ss-crux {
    top: 64.5%;
    left: 31%;
  }
  #ss-tabs {
    top: 64.5%;
    left: 43.5%;
  }
  #ss-scores {
    top: 49%;
    left: 26%;
  }
  #ss-vitals {
    top: 49%;
    left: 75.5%;
  }
  #ss-filmstrip {
    top: 84%;
    left: 50%;
  }
  #ss-options {
    top: 14%;
    left: 50%;
  }
  @media (max-width: 400px) {
    .home-section-intro-screenshot-item {
      display: none;
    }
  }
  /* -------------------------------------------
   * Alerts
   * ------------------------------------------- */
  .home-section-alerts img {
    margin-bottom: -9px;
  }
  /* -------------------------------------------
   * Regions & Devices
   * ------------------------------------------- */
  .home-section-regions {
    padding: 60px 0;
    /* Restore border */
    border-bottom: 8px solid #efefef;
  }
  .home-section-devices {
    padding-bottom: 30px;
  }
  /* -------------------------------------------
   * CTA - Analyze Section
   * ------------------------------------------- */
  .features-section-cta h4,
  .home-section-cta-focus h4 {
    max-width: 70%;
    margin: 0 auto;
  }
  .features-section-cta p,
  .home-section-cta-focus p {
    font-size: 14px;
  }
  .features-section-cta .btn, .features-section-cta .paginate_button,
  .home-section-cta-focus .btn,
  .home-section-cta-focus .paginate_button {
    font-size: 30px;
    font-weight: 500;
    padding: 10px 30px 14px;
    margin: 8px 0 16px;
  }
  @media (max-width: 800px) {
    .features-section-cta h4,
    .home-section-cta-focus h4 {
      max-width: 90%;
    }
  }
  /* =========================================================================
   * _dashboard.scss: GTmetrix Dashboard page
   * ========================================================================= */
  /* -------------------------------------------
   * PRO past due notification
   * ------------------------------------------- */
  .pro-past-due strong {
    font-weight: 500;
    font-size: 18px;
  }
  /* -------------------------------------------
   * Messages
   * ------------------------------------------- */
  .devtoolkit-promo-tooltip {
    font-size: 14px;
    text-align: center;
  }
  .devtoolkit-promo-tooltip span {
    margin-top: 5px;
    display: block;
  }
  .devtoolkit-promo-tooltip a {
    margin: 10px;
  }
  .welcome-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
  }
  .welcome-banner-content {
    flex: 1 1 auto;
  }
  .welcome-banner-content a {
    color: #fff;
  }
  .welcome-banner-btn {
    flex: 0 0 300px;
    text-align: center;
  }
  .welcome-banner-slim {
    padding: 25px;
    margin-bottom: 20px;
    justify-content: left;
  }
  .welcome-banner-slim h2 {
    margin-bottom: 0;
    margin-right: 30px;
  }
  .welcome-banner-slim p {
    margin: 5px 0 0;
  }
  .welcome-banner-slim a {
    color: #fff;
  }
  @media (max-width: 900px) {
    .welcome-banner {
      flex-direction: column;
      text-align: center;
      background-size: cover;
    }
    .welcome-banner-btn {
      flex: 1 1 auto;
    }
    .welcome-banner-slim {
      padding: 20px;
    }
    .welcome-banner-slim h2 {
      margin-right: 0;
    }
  }
  /* -------------------------------------------
   * New Organization invite accepted
   * ------------------------------------------- */
  .invite-new {
    display: flex;
    align-items: center;
    position: relative;
  }
  .invite-new .org-logo {
    flex: 0 0 75px;
  }
  .invite-new h3 {
    display: inline-block;
    border-bottom: none;
    margin: 0 25px 0 0;
    padding: 0;
    color: #3c9adc;
    font-size: 28px;
  }
  .invite-new p {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 30px;
  }
  .invite-new-text {
    margin-left: 25px;
    flex-grow: 1;
  }
  .invite-new-close {
    display: inline-block;
    font-size: 14px;
  }
  @media (max-width: 1100px) {
    .invite-new-text h3 {
      display: block;
      margin: 0;
    }
    .invite-new-text p {
      display: block;
      margin-top: 12px;
      line-height: normal;
    }
  }
  @media (max-width: 650px) {
    .invite-new .org-logo {
      display: none;
    }
    .invite-new-text {
      margin: 0;
      text-align: center;
    }
  }
  /* -------------------------------------------
   * Analyze Form
   * ------------------------------------------- */
  .analyze-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .analyze-heading a {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .analyze-heading-bttns {
    display: flex;
    align-items: center;
  }
  .analyze-heading-bttns .icon {
    width: 12px;
    height: 12px;
  }
  #af-bulk-switch {
    margin-left: 10px;
    --btn-color-bg: #678799;
    --btn-color-text: #fff;
    --spinner-color: #fff;
  }
  #af-bulk-switch:hover {
    --btn-color-bg-hover: #4f6775;
  }
  #af-bulk-switch.btn-disabled {
    cursor: help;
  }
  .af-section-test-format {
    margin: 20px 0;
  }
  .analyze-form-container {
    position: relative;
    z-index: 2;
    transition: box-shadow 0.8s ease-out;
  }
  .focused-area {
    box-shadow: 0 0 0 1px rgb(30, 89, 130), 0 0 10px 1px rgba(30, 89, 130, 0.5), 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .page-dashboard-content .analyze-form-title {
    margin-bottom: 5px;
    font-size: 24px;
  }
  .analyze-form-options .form-buttons {
    font-size: 14px;
    margin-top: 22px;
  }
  .analyze-form-options .form-buttons a {
    display: inline-block;
    vertical-align: middle;
    padding: 9px 7px 9px;
  }
  .analyze-form-options .form-buttons a.hide {
    display: none;
  }
  .btn-collapse-tray {
    --btn-icon-margin: 10px;
    width: 100%;
  }
  .analyze-form-disabled {
    opacity: 0.3;
    cursor: default;
  }
  .analyze-form-disabled input, .analyze-form-disabled button, .analyze-form-disabled span, .analyze-form-disabled .btn, .analyze-form-disabled .paginate_button {
    pointer-events: none;
  }
  #analyze-form-devtoolkit-trigger, #analyze-form-advanced-options-trigger {
    margin-top: 13px;
  }
  .af-browser-rotate-btn,
  .ps-browser-rotate-btn {
    padding: 0;
    width: 36px;
    margin-left: 5px;
  }
  .af-browser-rotate-btn .icon,
  .ps-browser-rotate-btn .icon {
    width: 20px;
    height: 20px;
    transition: all 0.3s ease-out;
    opacity: 0.8;
  }
  .af-browser-rotate-btn:hover .icon,
  .ps-browser-rotate-btn:hover .icon {
    opacity: 1;
  }
  .af-browser-rotate-btn.icon-device-landscape .icon,
  .ps-browser-rotate-btn.icon-device-landscape .icon {
    transform: rotate(90deg) scaleX(-1);
  }
  .af-ua-presets,
  .ps-ua-presets {
    display: flex;
    align-items: flex-end;
    padding-bottom: 7px;
    --form-margin: 10px;
  }
  .af-ua-label,
  .ps-ua-label {
    padding-bottom: 3px;
    margin-right: 10px;
    color: var(--text-color);
  }
  label.af-user_agent-wrapper,
  label.ps-user_agent-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .af-user_agent-presets {
    display: inline-block;
  }
  .af-user_agent-input-wrapper,
  .ps-user_agent-input-wrapper {
    position: relative;
  }
  .af-user_agent-input-wrapper input,
  .ps-user_agent-input-wrapper input {
    padding-left: 55px;
  }
  .af-user_agent-input-state,
  .ps-user_agent-input-state {
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 9px;
    font: 12px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    letter-spacing: -0.0425em;
    color: #646464;
  }
  .form-row-disabled .af-user_agent-input-state,
  .form-row-disabled .ps-user_agent-input-state {
    pointer-events: none;
    opacity: 0.6;
  }
  .form-row-disabled .af-user_agent-preset-btn,
  .form-row-disabled .ps-user_agent-preset-btn {
    cursor: default;
    pointer-events: none;
    opacity: 0.25;
  }
  .af-user_agent-preview,
  .ps-user_agent-preview {
    margin-top: 5px;
    padding: 4px 8px;
    border: 1px solid transparent;
    font-size: 12px;
    word-break: break-all;
    display: block;
  }
  .menu .af-user_agent-preview,
  .menu .ps-user_agent-preview {
    color: #efefef;
  }
  .af-user_agent-preview.user_agent-preview-basic,
  .ps-user_agent-preview.user_agent-preview-basic {
    margin-top: 10px;
    padding-left: 0;
  }
  .af-user_agent-preview {
    color: #9b9b9b;
  }
  .user_agent-preview-line {
    margin-right: 5px;
  }
  .af-dns-remove {
    font-size: 10px;
    text-decoration: none;
  }
  .af-dns-labels,
  .ps-dns-labels {
    padding-top: 10px;
  }
  .af-dns-labels.hide,
  .ps-dns-labels.hide {
    display: none;
  }
  .user_agent-preview-basic-upgrade {
    display: inline-block;
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-top: 5px;
  }
  .af-dns-none {
    color: #9b9b9b;
    font-style: italic;
    font-size: 14px;
    padding: 10px 0 5px 0;
  }
  .analyze-form-menu .af-dns-none {
    color: #cecece;
  }
  .af-dns-btn-add {
    margin-bottom: 4px;
  }
  .flex-container-horizontal {
    display: flex;
    flex-direction: row;
  }
  .flex-item {
    flex: auto;
  }
  .flex-item-fixed {
    flex: none;
  }
  .flex-item-shrink {
    flex: 0 1 250px;
    padding-right: 5px;
    margin-top: 0px;
  }
  .flex-item-shrink input {
    width: 100%;
  }
  /* -------------------------------------------
   * Analyze Form heading/bulk Responsive
   * ------------------------------------------- */
  @media (max-width: 650px) {
    .analyze-heading {
      display: block;
    }
    .bulk-history-btn {
      display: none;
    }
    #af-bulk-switch {
      margin: 10px 0 0;
    }
  }
  /* -------------------------------------------
   * Dashboard Bulk Test History Menu
   * ------------------------------------------- */
  tbody.bulk-history-tbody {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    --link-color: #3c9adc;
    --link-color-hover: #2e7db4;
  }
  .bulk-history-table .bulk-history-completed,
  .bulk-history-table .bulk-history-failed {
    font-weight: bold;
    text-align: center;
  }
  td.bulk-history-completed {
    color: #4ec52e;
  }
  td.bulk-history-failed {
    color: #c72525;
  }
  .bulk-history-date {
    width: 225px;
  }
  .bulk-history-link {
    width: 110px;
  }
  .bulk-history-none {
    --table-row-color: rgba(255, 255, 255, 0.3);
    --table-row-color-odd: rgba(255, 255, 255, 0.3);
    --table-row-color-hover: rgba(255, 255, 255, 0.3);
    color: #fff;
  }
  .bulk-history-none-content {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    text-align: center;
    font-style: italic;
  }
  @media (max-width: 550px) {
    tbody.bulk-history-tbody {
      font-size: 14px;
    }
    .bulk-history-date {
      width: 190px;
    }
    .bulk-history-link {
      width: 95px;
    }
  }
  /* -------------------------------------------
   * Dashboard Custom Connections Menu
   * ------------------------------------------- */
  .manage-connections-btn {
    font-style: italic;
  }
  .ds-conn-form {
    margin-top: 20px;
  }
  .ds-conn-row.form-row {
    margin-bottom: 10px;
  }
  .ds-conn-row.form-row .ds-conn-primary {
    width: 78%;
  }
  .ds-conn-row.form-row .ds-conn-secondary {
    float: right;
    width: 20%;
  }
  .ds-conn-row.form-row span {
    color: var(--text-color);
  }
  .ds-conn-label {
    font-style: italic;
    margin-top: 24px;
  }
  .ds-conn-delete-btn {
    margin-right: 12px;
    font-size: 14px;
  }
  @media (max-width: 500px) {
    .ds-conn-row.form-row {
      margin-bottom: 10px;
    }
    .ds-conn-row.form-row .ds-conn-primary {
      width: 68%;
    }
    .ds-conn-row.form-row .ds-conn-secondary {
      float: right;
      width: 30%;
    }
  }
  /* -------------------------------------------
   * Reports table/search
   * ------------------------------------------- */
  .page-dashboard .reports-container {
    margin-top: 50px;
  }
  .reports-container-loading {
    pointer-events: none;
  }
  .reports-container-loading .reports-table-container {
    position: relative;
    height: 350px;
  }
  .reports-table-loading {
    --spinner-size: 60px;
    --spinner-gap: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: opacity 0.2s ease-out;
  }
  .reports-table-loading h4 {
    color: #9b9b9b;
    font-weight: 100;
    font-size: 22px;
    margin-top: 100px;
  }
  .reports-table-loading-done {
    opacity: 0;
  }
  .reports {
    position: relative;
    border-top-left-radius: 0;
  }
  .reports-table-container {
    overflow: hidden;
  }
  .reports-actions {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    position: relative;
  }
  .reports-actions.hide {
    display: none;
  }
  .reports-actions input[type=text] {
    font-size: 14px;
    padding: 6px 7px 6px 23px;
    width: 250px;
  }
  .reports-actions-search .search-input {
    float: left;
    margin-right: 5px;
  }
  .reports-filters-trigger {
    font-size: 14px;
    --btn-icon-size: 14px;
    padding-top: 6px;
    padding-bottom: 7px;
  }
  .reports-actions-tag-filters {
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 270px;
    max-width: calc(100% - 650px);
    display: flex;
    align-items: center;
  }
  .reports-actions-tag-filters span:first-child,
  .reports-actions-tag-filters .reports-actions-tags-clear {
    flex: 0 0 auto;
  }
  .reports-actions-tag-filters .reports-actions-tags-clear {
    font-size: 12px;
    margin-left: 10px;
  }
  .reports-actions-tag-filters.reports-actions-tag-hidden {
    display: none;
  }
  .reports-actions-tags {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .reports-actions-tags .page-tag {
    margin-bottom: 0;
  }
  .reports-actions-tag-more {
    font-size: 12px;
    line-height: 2;
  }
  .page-tags-manage-link {
    font-size: 14px;
  }
  /* -------------------------------------------
   * Reports table Bulk actions dropdown
   * ------------------------------------------- */
  .reports-bulk {
    width: 270px;
  }
  .reports-bulk details summary {
    font-size: 14px;
    font-family: Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.6em;
    padding: 5px 5px 4px 14px;
  }
  .reports-bulk details summary:after {
    margin-top: 0;
  }
  .reports-bulk-wrapper {
    position: absolute;
    width: 675px;
    z-index: 99;
    top: auto;
    left: 0;
    margin: 0;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024), 0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03), 0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036), 0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302), 0.5rem 1rem 6rem rgba(27, 40, 50, 0.06), 0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
    overflow-y: auto;
    border-radius: 8px;
  }
  .reports-bulk-sections {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .reports-bulk-sections-basic {
    display: flex;
  }
  .reports-bulk-sections-basic .reports-bulk-section {
    flex: 0 0 30%;
  }
  .reports-bulk-section h4 {
    --text-color: #3c9adc;
    font-size: 19px;
    margin-bottom: 10px;
  }
  .reports-bulk-section .btn, .reports-bulk-section .paginate_button {
    justify-content: left;
    margin-bottom: 10px;
    width: calc(100% - 30px);
  }
  .reports-bulk-section .reports-bulk-icon-remove {
    width: 14px;
    height: 14px;
  }
  .reports-bulk-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }
  .reports-bulk-footer p {
    margin: 0;
  }
  .reports-bulk-delete {
    display: inline-flex;
    align-items: center;
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    --link-color: #c72525;
    --link-color-hover: #a31e1e;
  }
  .reports-bulk-delete .icon {
    width: 14px;
    height: 14px;
    fill: #c72525;
    margin-right: 5px;
  }
  .reports-bulk-delete.btn-disabled {
    pointer-events: none;
  }
  .reports-bulk-count {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  /* -------------------------------------------
   * Reports Filters
   * ------------------------------------------- */
  .report-filter-tabs {
    overflow-y: auto;
  }
  .report-filter-tab {
    white-space: nowrap;
  }
  .report-filter-tab-unsaved {
    font-style: italic;
  }
  .report-filter-tab-unsaved a {
    opacity: 0.75;
  }
  .report-filter-tab-template {
    display: none;
  }
  .report-filter-tab-add .icon {
    width: 14px;
    height: 14px;
    fill: #646464;
  }
  .report-filter-tab-add-max a {
    cursor: default;
  }
  .report-filter-tab-add-max a:hover {
    background: #f4f4f4;
  }
  .report-filter-tab-add-max .icon {
    opacity: 0.2;
  }
  .reports-filters {
    background: #fbfbfb;
    border-bottom: 4px solid #e0e0e0;
    padding: 20px;
    margin-bottom: 15px;
  }
  .reports-filters h4 {
    margin-top: 0;
    color: #3c9adc;
  }
  .reports-filters h5 {
    margin-bottom: 2px;
  }
  .reports-filters .form-buttons {
    font-size: 14px;
    text-align: right;
  }
  .reports-filters-name {
    margin-bottom: 16px;
  }
  .reports-filters-basic {
    display: flex;
  }
  .reports-filters-basic .form-row {
    flex-grow: 1;
    max-width: 33.3%;
    margin-top: 0;
    padding-right: 10px;
  }
  .reports-filters-basic .form-row:last-child {
    padding: 0;
  }
  .reports-filters-basic .reports-filters-url {
    max-width: 66.6%;
  }
  .reports-filters-basic + .reports-filters-basic {
    margin-top: 10px;
  }
  .reports-filters-other .form-row {
    display: inline-block;
    width: 32%;
  }
  @media (max-width: 810px) {
    .reports-filters-other .form-row {
      width: 49%;
    }
  }
  /* -------------------------------------------
   * Reports search (Responsive)
   * ------------------------------------------- */
  @media (max-width: 1000px) {
    .reports-actions-tag-filters {
      display: none;
    }
  }
  @media (max-width: 750px) {
    .reports-actions-search .search-input {
      margin-right: 0;
      width: 100%;
    }
    .report-filter-tab-add {
      display: none;
    }
    .report-filter-tabs li:nth-last-child(2) a {
      border-right: 0;
    }
    .reports-filters {
      display: none !important;
    }
    .reports-actions-search {
      flex-grow: 1;
    }
    .reports-actions input[type=text] {
      width: 100%;
      font-size: 14px;
      padding: 8px 8px 7px 23px;
    }
    .reports-filters-trigger {
      display: none;
    }
  }
  /* -------------------------------------------
   * Reports list table
   * ------------------------------------------- */
  .reports-table {
    table-layout: fixed;
  }
  .reports-table td {
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .reports-table td.reports-url:hover {
    white-space: normal;
  }
  .reports-table td.reports-options:hover {
    overflow: visible;
    background: inherit;
  }
  .reports-table td.reports-options:hover:after {
    content: none;
  }
  .reports-table td.reports-options:hover .bt-content {
    background: inherit;
    display: inline-block;
    position: relative;
    padding-right: 3px;
  }
  .reports-table td.reports-options:hover .bt-content:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgb(244, 244, 244) 0%, rgba(255, 255, 255, 0) 100%);
  }
  tr:nth-child(odd) .reports-table td.reports-options:hover .bt-content:after {
    background: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .reports-url .page-tag {
    padding: 1px 7px 3px;
    font-size: 12px;
    opacity: 0.7;
    margin: 0 0 2px 4px;
    transition: opacity 0.2s ease-out;
  }
  .reports-url .page-tag:hover {
    filter: brightness(100%);
    opacity: 1;
  }
  .reports-url .page-tag:first-of-type {
    margin-left: 6px;
  }
  td.report-url {
    padding: 7px 12px;
  }
  .reports-url-link {
    text-decoration: none;
    padding: 8px 0 8px;
  }
  .reports-url-link-expired {
    color: #9b9b9b;
    font-style: italic;
  }
  .reports-url-link-expired:hover {
    color: #646464;
  }
  .reports-options i {
    vertical-align: middle;
  }
  .reports-options .icon {
    fill: var(--text-color);
    width: 19px;
    height: 19px;
  }
  .reports-options-region .icon {
    width: 20px;
    height: 14px;
  }
  td.reports-options {
    position: relative;
  }
  td.reports-options:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgba(250, 250, 250, 0) 0%, rgb(250, 250, 250) 100%);
  }
  tr:nth-child(odd) td.reports-options:after {
    background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, rgb(244, 244, 244) 100%);
  }
  .reports-table-disabled {
    opacity: 0.6;
    font-weight: bold;
  }
  .reports-options-expired,
  .reports-options-expired-blur {
    opacity: 0.3;
  }
  .reports-options-expired-blur {
    filter: blur(4px);
  }
  .reports-options-expired-line {
    font-size: 11px;
    color: #b4991d;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
  }
  .reports-table-tooltip-content {
    font-size: 11px;
    line-height: 1.5;
  }
  .reports-region-with-state {
    position: relative;
  }
  .reports-region-with-state span {
    position: absolute;
    right: 0;
    bottom: 3px;
    padding: 1px;
    max-width: 100%;
    font-size: 7px;
    font-style: normal;
    font-family: Verdana, Arial;
    line-height: 5px;
    background: rgba(162, 73, 83, 0.6);
    color: #fff;
    cursor: default;
    transition: background-color 0.25s ease-out;
  }
  .reports-region-with-state:hover span {
    background: rgb(162, 73, 83);
  }
  @media (min-width: 801px) {
    .reports-table .reports-action {
      width: 36px;
      padding-right: 0;
    }
    .reports-table .reports-options {
      width: 145px;
      padding-right: 0;
    }
    .reports-table .reports-gtmetrix {
      text-align: center;
      width: 88px;
    }
    .reports-table .reports-performance,
    .reports-table .reports-structure {
      width: 110px;
    }
    .reports-table .reports-loadtime {
      text-align: center;
      width: 115px;
    }
    .reports-table .reports-vital {
      display: none;
    }
    .reports-table th.reports-gtmetrix span,
    .reports-table th.reports-performance span,
    .reports-table th.reports-structure span,
    .reports-table th.reports-loadtime span {
      display: none;
    }
    .reports-table .reports-last {
      width: 155px;
    }
  }
  @media (min-width: 1401px) {
    .reports-table .reports-gtmetrix {
      width: 85px;
    }
    .reports-table .reports-vital {
      display: table-cell;
      width: 75px;
    }
    .reports-table .reports-performance,
    .reports-table .reports-structure {
      width: 100px;
    }
    .reports-table .reports-loadtime {
      width: 105px;
    }
  }
  @media (min-width: 801px) and (max-width: 1200px) {
    .reports-table .reports-options {
      width: 88px;
      padding: 8px 0 8px 6px;
    }
    .reports-table .reports-gtmetrix {
      width: 83px;
      padding: 8px 6px;
    }
    .reports-table .reports-performance,
    .reports-table .reports-structure {
      width: 93px;
      padding: 8px 6px;
    }
    .reports-table .reports-performance .grade-meter,
    .reports-table .reports-structure .grade-meter {
      width: 80px;
    }
    .reports-table .reports-loadtime {
      width: 95px;
      padding: 8px 6px;
    }
  }
  @media (min-width: 801px) and (max-width: 1023px) {
    .reports-table .reports-last {
      width: 0;
      padding: 0;
    }
    .reports-table tr th.reports-last,
    .reports-table tr td.reports-last {
      overflow: hidden;
      white-space: nowrap;
    }
  }
  @media (max-width: 800px) {
    .reports-table thead {
      display: none;
    }
    .reports-table tbody td {
      display: block;
      vertical-align: top;
    }
    .reports-table tbody td:before {
      content: attr(data-th);
      display: inline-block;
      width: 50%;
      font-weight: bold;
      font-size: 12px;
      color: #9b9b9b;
      text-transform: uppercase;
    }
    .reports-table tbody td.reports-action {
      display: none;
    }
    .reports-table tbody td.reports-url:before {
      content: none;
    }
    .reports-table tr {
      display: block;
      padding: 4px 0;
    }
    .reports-table tr.hide {
      display: none;
    }
    .reports-table td {
      padding: 4px 12px;
    }
    .reports-bulk {
      display: none;
    }
    .reports-performance .grade-meter,
    .reports-structure .grade-meter {
      vertical-align: middle;
    }
  }
  /* -------------------------------------------
   * GTmetrix Usage
   * ------------------------------------------- */
  .dashboard-boxes {
    margin-top: 30px;
    display: flex;
  }
  .dashboard-usage {
    flex: 0 0 375px;
  }
  .dashboard-usage-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .dashboard-usage-row label {
    flex: 0 0 55%;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .dashboard-usage-row-content {
    flex-grow: 1;
  }
  .dashboard-usage-row-content.usage-meter {
    height: 22px;
  }
  .dashboard-usage-row-content .usage-fill-text {
    font-size: 14px;
    right: 5px;
    top: calc(50% - 9px);
  }
  .dashboard-usage-plan {
    color: var(--plan-color-text);
    font-weight: bold;
    font-size: 14px;
  }
  .dashboard-usage-org {
    display: flex;
    align-items: center;
    background: #f4f4f4;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
  }
  .dashboard-usage-org .org-logo-65 {
    width: 65px;
    height: 65px;
    margin-right: 20px;
    border-width: 2px;
  }
  .dashboard-usage-org-content {
    flex-grow: 1;
    font-size: 14px;
  }
  .dashboard-usage-org-content p {
    margin: 0 0 10px;
  }
  .dashboard-usage-org-content p:last-child {
    margin-bottom: 0;
  }
  .dashboard-usage-org-email {
    max-width: 205px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dashboard-usage-org-email:hover {
    overflow: visible;
    word-break: break-all;
  }
  .dashboard-usage-org-help {
    font-size: 12px;
    margin-left: 10px;
  }
  .dashboard-usage-org-inactive {
    font-size: 20px;
    color: #9b9b9b;
  }
  .dashboard-usage-org-inactive a {
    margin-left: 10px;
    font-size: 14px;
  }
  .dashboard-usage-api {
    font-size: 14px;
    font-weight: normal;
  }
  /* -------------------------------------------
   * GTmetrix News
   * ------------------------------------------- */
  .dashboard-news {
    flex: 1;
    margin-right: 20px;
    max-width: calc(100% - 395px);
  }
  .dashboard-news .card {
    position: relative;
  }
  .dashboard-news-social {
    margin: 0;
    padding-left: 0;
    list-style: none;
    position: absolute;
    top: 25px;
    right: 25px;
  }
  .dashboard-news-social li {
    display: inline;
  }
  .dashboard-news-social a {
    width: 24px;
    height: 24px;
    display: inline-block;
  }
  .dashboard-news-social .icon {
    width: 100%;
    height: 100%;
    border-radius: 3px;
  }
  .dashboard-news-social .icon-rss, .dashboard-news-social .icon-logo-x {
    padding: 3px;
  }
  .dashboard-news-items-container {
    position: relative;
  }
  .dashboard-news-items-prev,
  .dashboard-news-items-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
  }
  .dashboard-news-items-prev .icon,
  .dashboard-news-items-next .icon {
    fill: #678799;
    transition: fill 0.3s ease-out;
    width: 32px;
    height: 32px;
  }
  .dashboard-news-items-prev:hover .icon,
  .dashboard-news-items-next:hover .icon {
    fill: #1e5982;
  }
  .dashboard-news-items-prev {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 80%);
    justify-content: left;
  }
  .dashboard-news-items-prev .icon {
    transform: rotate(90deg);
  }
  .dashboard-news-items-next {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 80%);
    justify-content: right;
  }
  .dashboard-news-items-next .icon {
    transform: rotate(-90deg);
  }
  .dashboard-news-items-hide {
    opacity: 0;
    pointer-events: none;
  }
  .dashboard-news-items {
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .dashboard-news-items::-webkit-scrollbar {
    display: none;
  }
  .dashboard-news-items::-webkit-scrollbar-track {
    background: transparent;
  }
  .dashboard-news-items::-webkit-scrollbar-thumb {
    background: transparent;
    border: none;
  }
  .dashboard-news-item {
    display: inline-flex;
    flex: 0 0 475px;
    padding: 15px;
    border: 3px solid #efefef;
    background: #fff;
    border-radius: 8px;
    margin-right: 15px;
  }
  .dashboard-news-image {
    flex-shrink: 0;
    margin-right: 20px;
  }
  .dashboard-news-image img {
    width: auto;
    height: auto;
    max-height: 101px;
    max-width: 193px;
  }
  .dashboard-news-item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .dashboard-news-item-content h4 {
    --text-color: #3c9adc;
    font-size: 20px;
    margin-bottom: 0;
  }
  .dashboard-news-item-content .btn, .dashboard-news-item-content .paginate_button {
    padding: 3px 16px 5px;
  }
  /* -------------------------------------------
   * GTmetrix Usage and News Responsive
   * ------------------------------------------- */
  @media (max-width: 1100px) {
    .dashboard-news-item {
      flex-direction: column;
      flex: 0 0 225px;
      text-align: center;
    }
    .dashboard-news-image {
      margin-right: 0;
    }
    .dashboard-news-item-content {
      height: 100%;
      margin-top: 10px;
    }
  }
  @media (max-width: 850px) {
    .dashboard-boxes {
      flex-direction: column;
    }
    .dashboard-news {
      margin: 0 0 30px;
      max-width: initial;
    }
    .dashboard-usage {
      flex: 0 0 auto;
    }
  }
  @media (max-width: 500px) {
    .dashboard-news-social {
      position: initial;
      margin-bottom: 15px;
    }
  }
  /* =========================================================================
   * _account.scss: GTmetrix Account (User Settings) page
   * ========================================================================= */
  /* -------------------------------------------
   * Your Account
   * ------------------------------------------- */
  .us-account-content,
  .us-settings-content {
    --form-margin: 20px;
  }
  .us-account-content {
    --form-margin: 20px;
    background: linear-gradient(162deg, #fff 10%, var(--plan-color-gradient) 100%);
    margin-bottom: 30px;
  }
  .us-account-content .layout-cols-sidebar-right {
    width: 295px;
  }
  .us-account-content hr {
    background: var(--plan-color-gradient);
  }
  .us-form-section-label {
    flex: 1 1 25%;
    padding-left: 20px;
  }
  .us-form-section-label p {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 6px 0;
  }
  /* We cannot use h4 as the color gets overridden from form-section-label */
  .us-account-plan {
    color: var(--plan-color-text);
    margin: 0 0 5px;
    font-size: 22px;
  }
  .us-pro-tax {
    font-size: 12px;
  }
  .us-account-title {
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
  }
  .us-usage-subtext {
    font-size: 11px;
    margin: 6px 0 0;
  }
  .us-usage-subtext a {
    display: inline-block;
    color: #c72525;
  }
  .us-usage-subtext a:hover {
    color: #a31e1e;
  }
  .us-data-retention {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-top: 8px;
  }
  .us-data-retention:before {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 11px;
    content: "";
    height: 3px;
    background: #cecece;
    z-index: 1;
  }
  .us-data-retention-value {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    --text-color: #9b9b9b;
    z-index: 2;
  }
  .us-data-retention-value .us-data-retention-bubble {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid var(--data-retention-bubble-color, #cecece);
    background: var(--data-retention-bubble-color, #fff);
    border-radius: 14px;
    transition: all 0.3s ease-out;
  }
  .us-data-retention-value p {
    display: inline-block;
    text-align: center;
    margin: 4px 3px 0;
    transition: color 0.3s ease-out;
  }
  .us-data-retention-value .hover-tooltip {
    cursor: pointer;
  }
  .us-data-retention-value .hover-tooltip:hover {
    --data-retention-bubble-color: #f4f4f4;
    border-color: #cecece;
  }
  .us-data-retention-value .hover-tooltip:hover + p {
    --text-color: #646464;
  }
  .us-data-retention-value .us-data-retention-bubble-less {
    border-color: #9bd0f3;
  }
  .us-data-retention-value-active {
    --data-retention-bubble-color: #3c9adc;
    --text-color: #646464;
  }
  .us-data-retention-upgrade {
    font-size: 12px;
    text-align: right;
    margin-top: 10px;
    display: block;
  }
  .us-usage-api .us-usage-api-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0 20px;
  }
  .us-usage-api .us-usage-api-title h4, .us-usage-api .us-usage-api-title p {
    margin: 0 0 7px;
  }
  .us-usage-api .us-usage-api-title h4 {
    font-size: 16px;
    font-weight: 400;
  }
  .us-usage-api .us-usage-api-title p {
    font-size: 12px;
  }
  .us-usage-api .api-usage-graph {
    margin-left: 20px;
  }
  .us-api-key:not(:first-child) {
    margin-top: 10px;
  }
  .us-api-key-wrapper {
    display: flex;
    flex-direction: row;
  }
  .menu .us-api-key-wrapper {
    margin: 15px 0 0;
  }
  .us-api-key-wrapper.hide {
    display: none;
  }
  .us-api-key-content {
    flex: auto;
    /* Override white background */
  }
  .us-api-key-content input {
    margin-top: 0;
    background: #efefef;
    font-family: Monospace;
    width: 100%;
    color: #646464;
  }
  .us-api-key-copy {
    margin-left: 5px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .us-api-key-regenerate {
    font-size: 12px;
  }
  .us-api-key-member {
    background: #efefef;
    padding: 15px;
    font-size: 14px;
    border-radius: 5px;
  }
  .us-api-key-member:not(:first-child) {
    margin-top: 15px;
  }
  .us-api-none p {
    font-size: 14px;
  }
  #us-phone-agree {
    float: left;
    margin: 1px 5px 0 0;
  }
  label.us-phone-agree-label {
    font-size: 14px;
  }
  .us-confirm-password-wrapper,
  .us-confirm-phone-wrapper {
    margin-top: 20px;
  }
  /* -------------------------------------------
   * Your Account sidebar
   * ------------------------------------------- */
  .us-account-sidebar {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding: 20px;
  }
  .us-account-sidebar ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .us-account-sidebar li {
    margin: 8px 0;
  }
  .us-account-sidebar li:last-child {
    margin-bottom: 0;
  }
  .us-account-sidebar-pro {
    border: 3px solid var(--plan-color-gradient);
    box-shadow: none;
  }
  .us-account-sidebar-pro .organization-edit-name {
    font-size: 18px;
  }
  .organization-edit-name-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
  }
  .organization-edit-name-container .org-logo-40 {
    margin-right: 10px;
    flex: 0 0 40px;
  }
  .organization-edit-name-container.hide {
    display: none;
  }
  /* Cancel downgrade box */
  .pro-plan-downgrade {
    margin-bottom: 20px;
  }
  .pro-plan-downgrade .notify {
    display: flex;
    align-items: center;
  }
  .pro-plan-downgrade-cancel {
    flex: 0 0 auto;
    margin-right: 20px;
  }
  .organization-disabled > h3, .organization-disabled > ul, .organization-disabled > p {
    opacity: 0.6;
  }
  .organization-disabled-unlock {
    font-size: 14px;
  }
  .organization-disabled-unlock .organization-edit-name {
    font-size: 16px;
  }
  .organization-disabled-unlock [data-cta-type] {
    pointer-events: all;
  }
  .organization-disabled-upgrade a {
    display: block;
    max-width: 400px;
    margin: 0 auto;
  }
  .organization-edit-logo {
    cursor: pointer;
    position: relative;
  }
  .organization-edit-logo:before, .organization-edit-logo:after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease-out;
  }
  .organization-edit-logo:before {
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .organization-edit-logo:after {
    width: 30px;
    height: 30px;
    background: url("../images/icons.svg#pencil-view") no-repeat;
    top: 35%;
    left: 35%;
  }
  .organization-edit-logo:hover:before, .organization-edit-logo:hover:after {
    opacity: 1;
  }
  .account-perk {
    margin-bottom: 20px;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .account-perk-wprocket {
    background: #172153;
    padding: 15px 10px;
    border-radius: 5px;
    --text-color: #fff;
  }
  .account-perk-wprocket h3 {
    padding-bottom: 10px;
  }
  .account-perk-wprocket .btn, .account-perk-wprocket .paginate_button {
    --btn-color-bg: #f16e47;
    --btn-color-bg-hover: #d3603e;
  }
  .account-perk-wprocket-logo {
    float: left;
    margin-right: 5px;
    height: 110px;
  }
  .account-perk-wprocket-logo .icon {
    width: 30px;
    height: 40px;
  }
  @media (min-width: 501px) and (max-width: 725px) {
    .us-account-content .layout-cols-sidebar-right {
      max-width: 450px;
    }
    .us-account-sidebar-pro {
      display: flex;
    }
    .us-account-sidebar-pro hr {
      display: none;
    }
    hr + .us-account-sidebar-pro-org {
      margin-left: 40px;
      padding-left: 40px;
      border-left: 2px solid #efefef;
    }
  }
  @media (max-width: 500px) {
    .account-perk-wprocket-logo {
      display: none;
    }
  }
  /* -------------------------------------------
   * Team Manage Members menu
   * ------------------------------------------- */
  .member-manage-entry {
    color: #646464;
  }
  .member-manage-entry-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .member-manage-entry-role {
    font-weight: bold;
    margin-top: 3px;
    font-size: 13px;
    color: #9b9b9b;
  }
  .member-manage-entry-email {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .member-manage-entry-email:hover {
    overflow: visible;
    overflow-wrap: break-word;
  }
  .member-manage-entry-edit,
  .member-manage-entry-restore,
  .member-manage-entry-pending {
    margin-right: 5px;
  }
  .member-manage-options {
    font-size: 12px;
    text-align: right;
  }
  .member-manage-options a:not(.btn):not(.paginate_button) {
    color: #3c9adc;
  }
  .member-manage-empty {
    font-style: italic;
    margin-top: 25px;
    padding-left: 10px;
    font-size: 14px;
    opacity: 0.7;
    color: var(--text-color);
  }
  .member-role-owner {
    color: #c72525;
    font-weight: normal;
  }
  .member-status-active,
  .member-status-disabled,
  .member-status-pending {
    font-size: 12px;
  }
  .member-status-active {
    color: #358c3b;
  }
  .member-edit-existing .member-status-active {
    color: #4ec52e;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    font-weight: bold;
  }
  .member-status-pending {
    color: #b4991d;
  }
  .member-status-disabled {
    font-style: italic;
    font-weight: bold;
    color: #9b9b9b;
  }
  .member-manage-entry-you {
    color: #3c9adc;
  }
  .member-manage-entry-disabled {
    opacity: 0.6;
    transition: opacity 0.3s ease-out;
  }
  .member-manage-entry-disabled .member-manage-entry-edit,
  .member-manage-entry-disabled .api-manage-generate,
  .member-manage-entry-disabled .api-manage-regenerate,
  .member-manage-entry-disabled .api-manage-delete {
    display: none;
  }
  .member-manage-entries-seats-available .member-manage-entry-disabled {
    opacity: 1;
    background: #f4f4f4;
  }
  .member-manage-entry-disabled:hover {
    opacity: 1;
  }
  .member-manage-entry-restore {
    display: none;
  }
  .member-manage-entries-seats-available .member-manage-entry-disabled .member-manage-entry-restore {
    display: inline;
  }
  .member-manage-entry-disabled-status {
    display: none;
  }
  .member-manage-entry-disabled .member-manage-entry-disabled-status {
    display: inline;
  }
  .member-manage-disabled-restorable .member-manage-seats-left {
    font-weight: bold;
  }
  .member-manage-seats-used-container {
    font-size: 18px;
    margin: 0;
  }
  /* -------------------------------------------
   * Team Member edit/invite menu
   * ------------------------------------------- */
  .member-form-inputs .form-row {
    margin-bottom: 15px;
  }
  .member-edit-status label {
    margin-bottom: 8px;
  }
  .member-edit-status-view {
    font-weight: bold;
  }
  .member-edit-status-view:first-letter {
    text-transform: capitalize;
  }
  .member-edit-since {
    color: #e0e0e0;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .member-edit-email.readonly {
    cursor: not-allowed;
  }
  #member-added {
    margin: 20px 20px 20px 0;
  }
  ul.organization-edit-existing {
    margin-top: 5px;
  }
  /* -------------------------------------------
   * Team Manage API keys menu
   * ------------------------------------------- */
  .api-manage-entries .member-manage-entry {
    margin-bottom: 15px;
  }
  .api-manage-delete {
    margin-left: 6px;
  }
  /* -------------------------------------------
   * Team Leave/Transfer/Delete menu
   * ------------------------------------------- */
  p.org-transfer-api-owner {
    margin-bottom: 0;
  }
  .org-transfer-api-notice {
    margin-top: 20px;
  }
  .org-transfer-api-pick {
    margin-top: 60px;
  }
  .org-transfer-api-pick select {
    margin-bottom: 10px;
  }
  /* -------------------------------------------
   * User Settings Form
   * ------------------------------------------- */
  .us-browser-firefox {
    margin: 20px 0 30px;
  }
  .us-save-btn-resp {
    display: none;
  }
  /* -------------------------------------------
   * User Settings Sidebar
   * ------------------------------------------- */
  .us-settings-sidebar {
    margin-bottom: 25px;
  }
  .us-save-btn-sidebar {
    display: block;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    overflow-x: hidden;
  }
  @media (max-width: 725px) {
    .us-save-btn-resp {
      display: block;
      bottom: 0;
      padding: 20px;
      background: rgba(12, 48, 63, 0.9);
      text-align: center;
      margin: 20px -25px -25px;
    }
    .us-save-btn-resp .btn, .us-save-btn-resp .paginate_button {
      --btn-color-bg: #3c9adc;
      --btn-color-bg-hover: #2e7db4;
    }
    .us-save-btn-sidebar {
      display: none;
    }
    .ebook {
      max-width: initial;
    }
  }
  @media (max-width: 500px) {
    .us-save-btn-resp {
      margin: 20px -15px -20px;
    }
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 1000px) {
    .us-account-content,
    .us-settings-content {
      padding: 25px;
    }
    .us-account-content .form-section,
    .us-settings-content .form-section {
      flex-direction: column;
    }
    .us-account-content .form-section-label,
    .us-account-content .form-section-content,
    .us-settings-content .form-section-label,
    .us-settings-content .form-section-content {
      width: 100%;
    }
    .us-account-content .form-section-label,
    .us-settings-content .form-section-label {
      text-align: center;
      padding: 0;
    }
    .us-account-content .form-section-label,
    .us-settings-content .form-section-label {
      padding-left: 0;
      margin-bottom: 20px;
    }
    .us-account-content .form-grid-2,
    .us-settings-content .form-grid-2 {
      display: block;
    }
    .us-account-content .form-grid-2 > .form-row:not(:first-child),
    .us-settings-content .form-grid-2 > .form-row:not(:first-child) {
      margin-top: var(--form-margin);
    }
  }
  @media (max-width: 725px) {
    .page-account .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .page-account .layout-cols-sidebar-left {
      max-width: 320px;
    }
  }
  @media (max-width: 650px) {
    .member-manage-entry {
      padding: 15px;
      margin-bottom: 15px;
    }
    .member-manage-entry-email {
      max-width: initial;
    }
  }
  @media (max-width: 550px) {
    .page-user_settings .us-account-content {
      padding: 15px;
    }
    .page-user_settings .us-api-none {
      padding: 20px;
    }
    .page-user_settings .us-api-none-link {
      display: block;
      margin: 0 auto;
    }
  }
  /* =========================================================================
   * _analyze.scss: GTmetrix Analyze page
   * ========================================================================= */
  /* -------------------------------------------
   * General layout
   * ------------------------------------------- */
  .analyze-wrapper {
    display: grid;
    grid-template-columns: 7fr 6fr;
    gap: 40px;
  }
  .analyze-wrapper-with-ad {
    grid-template-columns: 7fr 6fr 300px;
  }
  /* -------------------------------------------
   * Heading
   * ------------------------------------------- */
  .page-analyze-content h2 {
    font-weight: 400;
    font-size: 38px;
    margin: 10px 0 30px;
    line-height: 1.1em;
  }
  .page-analyze-content h2 a {
    color: var(--text-color);
    text-decoration: none;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 4px;
    padding-bottom: 2px;
  }
  .page-analyze-content h2 a:hover {
    text-decoration: underline;
    white-space: normal;
    word-break: break-all;
  }
  /* -------------------------------------------
   * Left: Screenshot, analysis and Options when not PRO
   * ------------------------------------------- */
  .analyze-details {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 20px;
  }
  .analyze-screenshot-container .analyze-details {
    margin: 20px 30px 0;
  }
  .analyze-details-item {
    margin-top: 7px;
    display: flex;
  }
  .analyze-details-item label {
    width: 150px;
    flex-shrink: 0;
    text-align: right;
  }
  .analyze-details-item:first-child {
    margin: 0;
  }
  .analyze-details-value {
    flex-grow: 1;
    display: flex;
    flex-flow: wrap;
    margin-left: 15px;
    color: #9b9b9b;
  }
  .analyze-details-value > span {
    display: inline-flex;
  }
  .analyze-details-value .icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    margin-right: 7px;
  }
  .analyze-details-options span {
    display: inline-block;
    margin: 0 12px 8px 0;
  }
  /* -------------------------------------------
   * Middle: Status text, bar, analysis options (PRO only) and Did you know?
   * ------------------------------------------- */
  .analyze-status {
    font: 28px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .analyze-status-bar {
    display: flex;
    gap: 6px;
    margin: 10px 0 40px;
  }
  .analyze-status-bar-segment {
    flex: 1 1 auto;
    height: 7px;
    background: var(--analyze-colors-bar, #3c9adc);
    opacity: 0.15;
    transition: opacity 0.5s ease;
  }
  .analyze-status-bar-segment-on {
    opacity: 1;
  }
  .analyze-tips {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .analyze-tips li {
    margin-bottom: 15px;
  }
  .analyze-tips li:last-child {
    margin-bottom: 0;
  }
  /* -------------------------------------------
   * Right: Ad (for guest/basic)
   * ------------------------------------------- */
  .analyze-ad {
    height: 600px;
    max-width: 300px;
  }
  /* -------------------------------------------
   * Link note
   * ------------------------------------------- */
  .analyze-links-note {
    color: #646464;
    font-size: 12px;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (min-width: 1001px) and (max-width: 1250px) {
    .analyze-wrapper-with-ad {
      grid-template-columns: 7fr 6fr;
    }
    .analyze-ad {
      display: none;
    }
  }
  @media (max-width: 1000px) {
    .analyze-wrapper {
      display: block;
    }
    .page-analyze-content h1 {
      font-size: 38px;
    }
    .page-analyze-content h2 {
      font-size: 28px;
      margin-top: 3px;
      padding-bottom: 6px;
    }
    .analyze-screenshot-container {
      max-width: min(650px, 100% - 20px);
      margin: 0 auto;
    }
    .analyze-content {
      width: auto;
      max-width: 728px;
      margin: 20px auto 20px;
    }
    .analyze-ad {
      max-width: 300px;
      margin: 0 auto;
    }
  }
  @media (max-width: 750px) {
    .analyze-screenshot-analyzing.analyze-screenshot-portrait {
      padding: 0 70px;
    }
    .analyze-screenshot-analyzing.analyze-screenshot-portrait .analyze-screenshot-loader {
      --spinner-size: 45px;
      --spinner-gap: 2px;
    }
    .page-analyze-content h1 {
      font-size: 32px;
    }
    .page-analyze-content h2 {
      font-size: 22px;
    }
    .analyze-details {
      font-size: 16px;
    }
    .analyze-screenshot-container .analyze-details {
      margin: 20px 0;
    }
    .analyze-details-item label {
      width: 135px;
    }
  }
  @media (max-width: 500px) {
    .analyze-status {
      font-size: 24px;
    }
    .analyze-details {
      font-size: 14px;
    }
    .analyze-details-item {
      flex-direction: column;
    }
    .analyze-details-item label {
      text-align: left;
      width: initial;
    }
    .analyze-details-value {
      margin: 0;
    }
    .analyze-details-value .icon {
      width: 16px;
      height: 16px;
    }
    .analyze-details-options span {
      margin: 0 8px 0 0;
    }
  }
  /* =========================================================================
   * _report.scss: GTmetrix Report page
   * ========================================================================= */
  /* -------------------------------------------
   * Tooltips
   * ------------------------------------------- */
  .site-average .icon {
    width: 18px;
    height: 18px;
  }
  .site-average .icon-average-above {
    fill: #4ec52e;
  }
  .site-average .icon-average-even {
    fill: #f5a11d;
  }
  .site-average .icon-average-below {
    fill: #c72525;
  }
  /* =========================================================================
   * Actions sidebar
   * ========================================================================= */
  #retest {
    margin: 0;
  }
  /* -------------------------------------------
   * Buttons
   * ------------------------------------------- */
  .actions-offpage .btn, .actions-offpage .paginate_button,
  .actions-settings .btn,
  .actions-settings .paginate_button {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: left;
  }
  .actions-settings,
  .actions-share {
    margin-top: 15px;
  }
  .actions-share.btn, .actions-share.paginate_button {
    --btn-color-bg: #e1e6e9;
  }
  .actions-pdf {
    background: #e34947;
  }
  .actions-pdf:hover, .actions-pdf[disabled]:hover {
    background: #c72525;
  }
  .actions-settings-disabled .btn, .actions-settings-disabled .paginate_button,
  .actions-settings-disabled.btn,
  .actions-settings-disabled.paginate_button {
    background: #e0e0e0;
    --btn-color-text: #9b9b9b;
  }
  .actions-tooltip-link {
    color: var(--text-color);
  }
  .actions-tooltip-link:hover {
    color: #4e4e4e;
  }
  /* ------------------------------------------
   * Report Owner
   * ------------------------------------------ */
  .report-owner {
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0.5;
    max-width: 190px;
  }
  .report-owner:hover {
    overflow: visible;
    opacity: 1;
  }
  .report-owner h4 {
    margin-bottom: 2px;
  }
  /* -------------------------------------------
   * Sidebar (Responsive)
   * ------------------------------------------- */
  @media (max-width: 1200px) {
    .actions-sidebar {
      float: left;
      margin: 0 4px 0 0;
    }
    .report-owner {
      margin: 5px 0 0 5px;
    }
  }
  @media (max-width: 900px) {
    .actions-sidebar .btn span > span, .actions-sidebar .paginate_button span > span {
      display: none;
    }
  }
  @media (max-width: 720px) {
    .actions-sidebar span {
      display: none;
    }
    .actions-sidebar .btn, .actions-sidebar .paginate_button {
      padding-right: 10px;
    }
    .actions-sidebar .icon {
      width: 19px;
      height: 19px;
    }
  }
  /* =========================================================================
   * Top part of the report
   * ========================================================================= */
  /* -------------------------------------------
   * Report Alert banner
   * ------------------------------------------- */
  .alert-banner {
    --text-color: #fff;
    --link-color: #fff;
    --link-color-hover: #f4f4f4;
    padding: 25px 25px;
    margin: -20px 0 30px;
    border-radius: 5px;
    background: url(../images/report/alert-perf-banner-bg.jpg) no-repeat, #97681a;
    display: flex;
    align-items: center;
  }
  .alert-banner-icon {
    --fill: #fff;
    margin-right: 15px;
    flex: 0 0 48px;
  }
  .alert-banner-icon .icon {
    width: 48px;
    height: 48px;
  }
  .alert-banner-content {
    flex-grow: 1;
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .alert-banner-content h3 {
    font-size: 36px;
    margin-bottom: 5px;
  }
  .alert-banner-content p {
    margin-top: 5px;
  }
  .alert-banner-link {
    padding-left: 8px;
    font-size: 19px;
  }
  .alert-banner-link:before {
    content: "";
    padding-right: 10px;
    border-left: 1px solid #fff;
    opacity: 0.7;
  }
  .alert-banner-link a:hover {
    text-decoration: none;
  }
  /* -------------------------------------------
   * Report Alert banner Responsive
   * ------------------------------------------- */
  @media (max-width: 900px) {
    .alert-banner {
      padding: 15px;
      margin-bottom: 20px;
    }
    .alert-banner-content {
      font-size: 16px;
    }
    .alert-banner-content h3 {
      font-size: 24px;
      margin-bottom: 10px;
    }
    .alert-banner-content p {
      margin-top: 0;
    }
    .alert-banner-icon {
      flex: 0 0 32px;
    }
    .alert-banner-icon .icon {
      width: 32px;
      height: 32px;
    }
    .alert-banner-link {
      font-size: 16px;
      display: block;
      margin-top: 5px;
      padding-left: 0;
    }
    .alert-banner-link:before {
      display: none;
    }
  }
  @media (max-width: 600px) {
    .alert-banner {
      text-align: center;
    }
    .alert-banner-icon {
      display: none;
    }
  }
  /* -------------------------------------------
   * Report header layout
   * ------------------------------------------- */
  .report-head,
  .report-details-content {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  div + .report-head {
    margin-top: 25px;
  }
  .report-screenshot,
  .report-details,
  .report-details-info,
  .report-tips {
    display: table-cell;
    vertical-align: top;
  }
  .report-details-mobile {
    vertical-align: middle;
  }
  .report-screenshot {
    width: 500px;
  }
  .report-tips {
    width: 285px;
    padding-left: 10px;
  }
  /* -------------------------------------------
   * Report header
   * ------------------------------------------- */
  .report-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .report-banner h4 {
    font: 26px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 8px;
  }
  .report-banner h5 {
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 8px;
  }
  .report-banner p {
    font-size: 14px;
    font-family: Arial, sans-serif;
    letter-spacing: normal;
    margin-top: 0;
  }
  .report-banner a:not(.btn):not(.paginate_button) {
    text-decoration: underline;
  }
  .report-banner .report-banner-content + .report-banner-content {
    text-align: right;
    margin-right: 30px;
  }
  .report-details {
    padding-left: 50px;
  }
  .report-details h1 {
    font-size: 48px;
    color: #3c9adc;
    margin: 0;
  }
  .report-details h2 {
    font-weight: 400;
    font-size: 38px;
    margin: 10px 0 25px;
    line-height: 1.1em;
  }
  .report-details h2 a {
    color: var(--text-color);
    text-decoration: none;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 4px;
    padding-bottom: 2px;
  }
  .report-details h2 a:hover {
    text-decoration: underline;
    white-space: normal;
    word-break: break-all;
  }
  .report-details-info {
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    padding-bottom: 40px;
  }
  .report-details-item {
    margin-top: 7px;
    display: flex;
  }
  .report-details-item label {
    width: 175px;
    flex-shrink: 0;
    text-align: right;
  }
  .report-details-item.hide {
    display: none;
  }
  .report-details-value {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    margin-left: 15px;
    color: #9b9b9b;
  }
  .report-details-tags .page-tag {
    margin: 0 5px 0 0;
  }
  .report-details-timestamp {
    margin: 0;
    font-weight: 500;
  }
  .report-details-latest {
    font-weight: 400;
    font-size: 16px;
    margin-left: 10px;
  }
  .report-title-resp-show {
    display: none;
  }
  .report-details-value > span {
    white-space: nowrap;
  }
  .report-details-value > span:not(last-child) {
    margin-right: 17px;
  }
  .icon-report-details,
  .icon-report-details-flag,
  .icon-report-details-region {
    vertical-align: middle;
    margin-right: 7px;
  }
  .icon-report-details {
    fill: #646464;
    width: 22px;
    height: 22px;
  }
  .icon-report-details-region {
    width: 20px;
    height: 14px;
  }
  .report-tip {
    margin-bottom: 15px;
  }
  .report-tip-icon-link {
    float: left;
    margin-right: 5px;
  }
  .report-tip-text {
    font-size: 12px;
    line-height: 0.75;
    margin-top: 4px;
  }
  .report-tip-link {
    font-size: 11px;
  }
  /* -------------------------------------------
   * Report header (Responsive)
   * ------------------------------------------- */
  @media (max-width: 1400px) {
    .report-banner h4 {
      font-size: 20px;
    }
    .report-banner h4 span {
      display: none;
    }
    .report-banner h5 {
      font-size: 16px;
    }
    .report-screenshot {
      width: 300px;
    }
    .report-screenshot .analyze-screenshot-portrait {
      padding: 0 13px;
    }
    .report-details h1 {
      font-size: 38px;
    }
    .report-details h2 {
      font-size: 28px;
      margin-top: 3px;
      padding-bottom: 6px;
    }
    .report-details-info {
      font-size: 18px;
    }
    .report-details-item label {
      width: 150px;
    }
  }
  @media not print {
    @media (max-width: 1300px) {
      .report-tips {
        display: none;
      }
    }
    @media (max-width: 900px) {
      .report-banner {
        flex-direction: column;
        padding: 15px;
        margin: -20px 0 0;
      }
      .report-banner .report-banner-content {
        text-align: center;
      }
      .report-banner .report-banner-content + .report-banner-content {
        text-align: center;
        margin: 15px 0 0;
      }
      .report-screenshot {
        width: 200px;
      }
      .report-details {
        padding-left: 15px;
      }
      .report-details h1 {
        font-size: 32px;
      }
      .report-details h2 {
        font-size: 22px;
      }
      .report-details-info {
        font-size: 14px;
      }
      .report-details-item label {
        width: 120px;
      }
      .icon-report-details {
        width: 18px;
        height: 18px;
      }
      .icon-report-details-region {
        width: 18px;
        height: 13px;
      }
      .report-details-tags .page-tag {
        font-size: 12px;
        padding: 1px 7px 3px;
      }
      .report-details-latest {
        font-size: 14px;
      }
    }
    @media (max-width: 750px) {
      .report-head,
      .report-screenshot,
      .report-details,
      .report-details-content,
      .report-details-info {
        display: block;
      }
      .report-details h1 {
        margin-top: 40px;
        text-align: center;
      }
      .report-details h2 {
        margin-bottom: 10px;
        text-align: center;
      }
      .report-details-content {
        margin-bottom: 20px;
      }
      .report-details-info {
        margin-left: 15%;
      }
      .report-screenshot {
        max-width: 100%;
        width: 320px;
        margin: 0 auto 10px;
      }
      .report-details {
        padding: 0;
      }
      .report-details-latest {
        display: none;
      }
    }
  }
  @media (max-width: 460px) {
    .report-banner h4 {
      font-size: 18px;
    }
    .report-details h1 {
      font-size: 24px;
    }
    .report-details h2 {
      font-size: 18px;
      margin-bottom: 7px;
    }
    .report-details-item {
      flex-direction: column;
    }
    .report-details-item label {
      text-align: left;
      width: initial;
    }
    .report-details-item .icon-report-details {
      width: 14px;
      height: 14px;
    }
    .report-details-browser .report-details-value {
      text-indent: 0;
      padding: 0;
    }
    .report-details-value {
      margin: 0;
    }
    .report-details-info {
      padding-bottom: 0;
    }
  }
  /* -------------------------------------------
   * Scores
   * ------------------------------------------- */
  .report-scores-wrapper {
    display: flex;
  }
  .report-scores-wrapper h3 {
    color: #3c9adc;
    font-size: 28px;
    margin: 20px 0 10px;
  }
  .report-scores-wrapper h4 {
    margin: 0;
  }
  .report-scores {
    padding-right: 10px;
    width: 46%;
  }
  .report-page-details {
    padding-left: 10px;
    width: 54%;
  }
  .report-page-details.report-page-details-only {
    width: 100%;
    padding-left: 0;
  }
  .report-scores-error .report-score {
    justify-content: center;
  }
  .report-scores-error .report-score-grade,
  .report-scores-error .report-web-vital-value {
    font-family: Arial, sans-serif;
    color: #cecece;
    text-align: center;
  }
  .report-head-card {
    padding: 0;
    display: flex;
  }
  .report-score,
  .report-page-detail,
  .report-web-vital {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e0e0e0;
    padding: 22px 20px;
    white-space: nowrap;
  }
  .report-score h4,
  .report-page-detail h4,
  .report-web-vital h4 {
    display: flex;
    align-items: center;
  }
  .report-score:last-child,
  .report-web-vital:last-child,
  .report-page-detail:last-child {
    border: 0;
  }
  .report-score,
  .report-web-vital {
    flex: 1;
  }
  .report-page-detail {
    width: 33%;
  }
  .report-page-detail-size {
    width: 38%;
  }
  .report-page-detail-requests {
    width: 29%;
  }
  .report-score.hover-tooltip {
    transition: background 0.3s ease-out;
  }
  .report-score.hover-tooltip:hover {
    background: #f6f6f6;
  }
  /* normalize.css sets a border-bottom, which makes .report-page-details and
  * .report-scores boxes different heights.  Could change it to use
  * text-decoration, but it seems that Maven's letter-spacing change makes the
  * dotted underline look crappy */
  .report-web-vital abbr {
    border-bottom: none;
  }
  .report-score-grade,
  .report-page-detail-value,
  .report-web-vital-value {
    font: 60px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-page-detail-value {
    color: #9b9b9b;
  }
  .report-score-grade i {
    width: 50px;
    height: 53px;
    margin: -7px 5px 0 0;
    vertical-align: middle;
  }
  .report-score-grade-gtmetrix {
    align-items: center;
    justify-content: center;
  }
  .report-score-grade-gtmetrix i {
    width: 88px;
    height: 80px;
  }
  /* -------------------------------------------
   * Scores (Responsive)
   * ------------------------------------------- */
  @media (min-width: 1391px) and (max-width: 1560px), (max-width: 790px) {
    .report-score-grade,
    .report-page-detail-value,
    .report-web-vital-value {
      font-size: 48px;
    }
    .report-scores {
      width: 47.5%;
    }
    .report-page-details {
      width: 52.5%;
    }
    .report-score-grade i {
      width: 45px;
      height: 48px;
    }
    .report-score-grade-gtmetrix i {
      width: 60px;
      height: 62px;
    }
  }
  @media (min-width: 500px) and (max-width: 1600px) {
    .report-title-resp-show {
      display: block;
    }
    .report-title-resp-hide {
      display: none;
    }
  }
  @media (min-width: 971px) and (max-width: 1390px), (min-width: 501px) and (max-width: 690px) {
    .report-scores-wrapper h3 {
      font-size: 22px;
    }
    .report-scores-wrapper h4 {
      font-size: 17px;
    }
    .report-score-grade,
    .report-page-detail-value,
    .report-web-vital-value {
      font-size: 36px;
    }
    .report-score-grade i {
      width: 35px;
      height: 38px;
    }
  }
  @media (min-width: 851px) and (max-width: 970px) {
    .report-scores-wrapper h3 {
      font-size: 22px;
    }
    .report-scores-wrapper h4 {
      font-size: 16px;
    }
    .report-score-grade,
    .report-page-detail-value,
    .report-web-vital-value {
      font-size: 28px;
      line-height: 1.25;
    }
    .report-score-grade i {
      width: 25px;
      height: 28px;
    }
    .report-scores {
      width: 44%;
    }
    .report-page-details {
      width: 56%;
    }
    .report-score,
    .report-page-detail,
    .report-web-vital {
      padding: 10px;
    }
    .report-score-grade-gtmetrix {
      padding: 5px 10px;
    }
  }
  @media (max-width: 460px) {
    .report-scores-wrapper h3 {
      font-size: 22px;
    }
  }
  @media (min-width: 851px) and (max-width: 1390px), (min-width: 501px) and (max-width: 690px) {
    .report-score-grade-gtmetrix i {
      width: 50px;
      height: 52px;
    }
  }
  @media not print {
    @media (max-width: 850px) {
      .report-scores-wrapper {
        flex-direction: column;
        margin-top: 0;
      }
      .report-scores,
      .report-page-details {
        width: auto;
        padding: 0;
      }
      .report-scores {
        margin-bottom: 20px;
      }
    }
    @media (max-width: 500px) {
      .report-score,
      .report-page-detail,
      .report-web-vital {
        align-items: center;
      }
      .report-head-card {
        flex-direction: column;
      }
      .report-score,
      .report-page-detail,
      .report-web-vital {
        float: none;
        border: 0;
        border-bottom: 1px solid #e0e0e0;
        width: auto;
      }
    }
  }
  .report-tabs {
    margin-top: 50px;
  }
  .report-tab-disabled {
    pointer-events: none;
    opacity: 0.3;
  }
  .report-tab-disabled + .r-tabs-tab {
    border-top-left-radius: 5px;
    overflow: hidden;
  }
  @media (max-width: 850px) {
    .report-tabs .r-tabs-panel,
    .report-tabs .r-tabs-panel-onload {
      box-shadow: none;
    }
    .report-tabs .r-tabs-nav {
      display: none;
    }
    .report-tabs .r-tabs-accordion-title {
      display: block;
    }
  }
  /* -------------------------------------------
   * Performance Score Breakdown (tooltip)
   * ------------------------------------------- */
  .perf-breakdown {
    width: 400px;
  }
  .perf-breakdown-link {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .perf-breakdown-line.report-summary-loaded {
    margin: 10px 0;
    --loaded-line-color: #e5e5e5;
  }
  .perf-breakdown-line.report-summary-loaded h4 {
    font-size: 24px;
    background: #f4f4f4;
  }
  .perf-breakdown-unit-FCP {
    --perf-breakdown-color: #2ebbf6;
    --perf-breakdown-color-bg: #e3ecf0;
  }
  .perf-breakdown-unit-LCP {
    --perf-breakdown-color: #417be7;
    --perf-breakdown-color-bg: #dee4f2;
  }
  .perf-breakdown-unit-TBT {
    --perf-breakdown-color: #6c467a;
    --perf-breakdown-color-bg: #eadcee;
  }
  .perf-breakdown-unit-CLS {
    --perf-breakdown-color: #4cc29d;
    --perf-breakdown-color-bg: #dfefea;
  }
  .perf-breakdown-unit-SI {
    --perf-breakdown-color: #f466a6;
    --perf-breakdown-color-bg: #f7e2eb;
  }
  .perf-breakdown-chart {
    display: flex;
  }
  .perf-breakdown-unit {
    color: var(--perf-breakdown-color);
    text-align: center;
    margin-right: 2px;
  }
  .perf-breakdown-unit:first-child .perf-breakdown-bar {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .perf-breakdown-unit:last-child {
    margin-right: 0;
  }
  .perf-breakdown-unit:last-child .perf-breakdown-bar {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .perf-breakdown-bar {
    margin-top: 3px;
    height: 35px;
    background: var(--perf-breakdown-color-bg);
    overflow: hidden;
  }
  .perf-breakdown-bar-colored {
    height: 100%;
    background: var(--perf-breakdown-color);
  }
  .perf-breakdown-score {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .perf-breakdown-acronym {
    margin-top: 4px;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  @media (max-width: 450px) {
    .perf-breakdown {
      width: 250px;
    }
  }
  /* =========================================================================
   * Summary tab
   * ========================================================================= */
  .report-summary-title {
    margin-top: 60px;
  }
  .report-summary-desc {
    font-size: 14px;
    line-height: 1.5em;
  }
  .report-summary-cols {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .report-summary-col {
    width: 49%;
  }
  .report-summary-col-issues {
    width: 59%;
  }
  .report-summary-col-breakdown {
    width: 39%;
  }
  .report-summary-link {
    margin-top: 10px;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  /* -------------------------------------------
   * Top Issues
   * ------------------------------------------- */
  .report-filters-audit-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .report-filters-audit-wrapper .report-filters-audit {
    margin-left: 15px;
  }
  .report-filters-audit-wrapper p {
    margin: 0;
  }
  /* -------------------------------------------
   * Page Details (breakdown)
   * ------------------------------------------- */
  .report-summary-loaded {
    margin: 32px 0 21px;
    text-align: center;
    --loaded-line-color: #e5e5e5;
  }
  .report-summary-loaded p {
    margin: 5px 0 0;
    font-size: 11px;
    font-weight: bold;
  }
  .report-summary-loaded-line {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: calc(50% - 2px);
    height: 4px;
    background: var(--loaded-line-color);
  }
  .report-summary-loaded-text {
    position: relative;
  }
  .report-summary-loaded-text h4 {
    display: inline;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    background: #fff;
    font-size: 23px;
    padding: 0 15px;
    margin-bottom: 3px;
  }
  .report-summary-loaded-text:before, .report-summary-loaded-text:after {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    width: 4px;
    background: var(--loaded-line-color);
  }
  .report-summary-loaded-text:before {
    left: 0;
  }
  .report-summary-loaded-text:after {
    right: 0;
  }
  .report-summary-chart {
    position: relative;
    width: 0%;
    transition: width 1s ease-out;
  }
  .report-summary-chart.report-summary-chart-full-width {
    transition: none;
  }
  .report-summary-chart-display {
    width: 100%;
  }
  .report-summary-chart-display .report-summary-chart-section {
    border-right: 1px solid white;
  }
  .report-summary-chart-display .report-summary-chart-section:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .report-summary-chart-display .report-summary-chart-section:last-child {
    border-right: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .report-summary-chart-sizes {
    margin-bottom: 25px;
  }
  .report-summary-chart-title {
    margin-bottom: 7px;
    font-size: 20px;
    font-weight: 300;
  }
  .report-summary-chart-section {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #fff;
    font-size: 11px;
    transition: opacity 0.2s ease-out;
  }
  .report-summary-chart-section.report-summary-chart-section-opaque {
    opacity: 0.2;
  }
  .report-summary-chart-section-title {
    pointer-events: none;
    text-align: center;
    opacity: 1;
    transition: opacity 0.2s ease-out;
  }
  .report-summary-chart-section-title-hidden {
    opacity: 0;
  }
  .report-summary-chart-footer {
    margin: 20px auto;
    max-width: 600px;
    display: flex;
    justify-content: space-between;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-summary-chart-footer-label {
    display: flex;
  }
  .report-summary-chart-footer-legend {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  .report-summary-chart-loading {
    position: relative;
    display: inline-block;
  }
  .report-summary-chart-loading .spinner {
    left: initial;
    right: -25px;
  }
  .report-summary-chart-tooltip {
    padding: 20px;
    background: #fff;
    border: none;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  }
  .report-summary-chart-tooltip .tooltipster-content {
    padding: 0;
  }
  .report-summary-chart-tooltip strong {
    color: #646464;
  }
  .report-summary-chart-tooltip h4 {
    margin-top: 0;
  }
  .report-summary-chart-tooltip-section {
    margin-top: 10px;
    opacity: 0.9;
  }
  .report-summary-chart-tooltip-strip {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
  }
  .report-summary-chart-section-type-document {
    background: #ce92b6;
  }
  .report-summary-chart-section-type-script {
    background: #718394;
  }
  .report-summary-chart-section-type-stylesheet {
    background: #88a5be;
  }
  .report-summary-chart-section-type-image {
    background: #5883a9;
  }
  .report-summary-chart-section-type-media {
    background: #153d61;
  }
  .report-summary-chart-section-type-font {
    background: #926a9b;
  }
  .report-summary-chart-section-type-other {
    background: #a1a1a1;
  }
  /* -------------------------------------------
   * More from GTmetrix (Suggestions)
   * ------------------------------------------- */
  .report-summary-suggestions-heading {
    margin-top: 25px;
  }
  .report-summary-suggestions-cols {
    margin-top: 0;
  }
  .report-summary-suggestions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 12px;
  }
  .report-summary-suggestion {
    position: relative;
    padding: 20px;
    border-radius: 5px;
    background: var(--notify-color-bg);
  }
  .report-summary-suggestion-icon {
    margin-bottom: 5px;
  }
  .report-summary-suggestion-icon .icon {
    fill: #646464;
    margin: 4px;
    width: 64px;
    height: 64px;
  }
  .report-summary-suggestion-content {
    font-size: 14px;
  }
  .report-summary-suggestion-content h5 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .report-summary-suggestion-content p {
    margin: 5px 0;
  }
  .report-summary-suggestion-content span {
    margin-right: 5px;
  }
  .report-summary-suggestion-content a {
    margin-top: 5px;
    display: inline-block;
  }
  .report-summary-suggestion-tab {
    position: absolute;
    background: linear-gradient(to top right, transparent 50%, var(--notify-color-tab) 50%);
    top: 0;
    right: 0;
    width: 72px;
    height: 72px;
    border-top-right-radius: 5px;
  }
  .report-summary-suggestion-tab .icon {
    float: right;
    margin: 5px;
    fill: #fff;
    width: 30px;
    height: 30px;
  }
  .report-summary-suggestion-other {
    --notify-color-bg: #f4f4f4;
    --notify-color-tab: #9b9b9b;
  }
  .report-summary-suggestion-empty {
    background: #f4f4f4;
    border-radius: 5px;
  }
  /* -------------------------------------------
   * More from GTmetrix (Tips)
   * ------------------------------------------- */
  .report-summary-tip {
    display: flex;
    align-items: stretch;
    position: relative;
    cursor: pointer;
    background: #fbfbfb;
    text-decoration: none;
    color: var(--text-color);
    transition: background-color 0.25s ease-out;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 3px;
  }
  .report-summary-tip .report-summary-tip-arrow {
    background: #f4f4f4;
    transition: background-color 0.25s ease-out;
  }
  .report-summary-tip:nth-child(odd) {
    background: #f4f4f4;
  }
  .report-summary-tip:nth-child(odd) .report-summary-tip-arrow {
    background: #efefef;
  }
  .report-summary-tip:hover {
    background: #efefef;
    color: var(--text-color);
  }
  .report-summary-tip:hover .report-summary-tip-arrow {
    background: #e9e9e9;
  }
  .report-summary-tip-arrow .icon {
    width: 20px;
    height: 20px;
    fill: #646464;
  }
  .report-summary-icon {
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .report-summary-icon .icon {
    width: 36px;
    height: 36px;
    fill: var(--text-color);
  }
  .report-summary-tip-text {
    flex: 1;
    padding: 14px;
  }
  .report-summary-tip-text h5 {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 7px;
  }
  .report-summary-tip-text p {
    font-size: 14px;
    margin: 0;
  }
  .report-summary-blog-link {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 20px;
  }
  .report-summary-tip-arrow {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .report-summary-tip-arrow i {
    transform: scale(1.5) rotate(-90deg);
  }
  /* -------------------------------------------
   * Report Summmary Responsive
   * ------------------------------------------- */
  @media (max-width: 1150px) {
    @media not print {
      .report-summary-cols {
        flex-direction: column;
      }
      .report-summary-col + .report-summary-col {
        margin-top: 30px;
      }
      .report-summary-col {
        width: initial;
      }
      .report-summary-link {
        margin: 10px 0 20px;
      }
    }
    .report-summary-suggestions {
      display: block;
    }
    .report-summary-suggestion {
      margin-top: 10px;
      padding: 15px;
      display: flex;
    }
    .report-summary-suggestion:first-child {
      margin-top: 0;
    }
    .report-summary-suggestion h5 {
      margin-bottom: 0;
    }
    .report-summary-suggestion-empty {
      display: none;
    }
    .report-summary-suggestion-icon {
      margin: 0 10px 0 0;
    }
    .report-summary-suggestion-icon .icon {
      width: 40px;
      height: 40px;
    }
    .report-summary-suggestion-tab {
      width: 50px;
      height: 50px;
    }
    .report-summary-suggestion-tab .icon {
      width: 18px;
      height: 18px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1300px), (min-width: 950px) and (max-width: 1050px) {
    .report-summary .report-filters-audit-text {
      display: none;
    }
  }
  @media (min-width: 1151px) and (max-width: 1400px) {
    .report-summary-suggestion-icon .icon {
      width: 36px;
      height: 36px;
    }
    .report-summary-icon {
      display: none;
    }
  }
  @media (max-width: 950px) {
    .report-summary .report-filters-audit-wrapper {
      display: block;
    }
    .report-summary .report-filters-audit {
      margin: 15px 0 0;
      display: block;
    }
  }
  @media (max-width: 650px) {
    .report-summary-tip-arrow {
      width: 35px;
    }
    .report-filters-audit-wrapper .report-filters-audit {
      margin-right: 0;
    }
  }
  @media (max-width: 500px) {
    .report-summary-chart-footer {
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .report-summary-chart-footer-label {
      flex-basis: 100px;
      margin: 7px 0;
      padding: 0 20px;
    }
    .report-summary-suggestion-icon {
      display: none;
    }
    .report-summary-tip-text p {
      font-size: 12px;
    }
    .report-summary-icon {
      display: none;
    }
  }
  /* =========================================================================
   * Filmstrip (Sumary tab)
   * ========================================================================= */
  .report-filmstrip-container {
    position: relative;
  }
  .report-filmstrip-container:before, .report-filmstrip-container:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 20px;
    opacity: 0;
    transition: opacity 0.15s ease-out;
  }
  .report-filmstrip-container:before {
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.01), transparent);
  }
  .report-filmstrip-container:after {
    right: 0;
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15));
  }
  .report-filmstrip-container.report-filmstrip-container-shadow-first:before, .report-filmstrip-container.report-filmstrip-container-shadow-last:after {
    opacity: 1;
  }
  .report-filmstrip-wrapper {
    overflow-x: auto;
    position: relative;
  }
  .report-filmstrip-thumbnails {
    display: flex;
    max-width: 1435px;
    min-width: 1000px;
  }
  .report-filmstrip-thumbnail {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    flex-direction: column;
    align-items: center;
    margin: 0 2px;
    position: relative;
  }
  .report-filmstrip-thumbnail img {
    width: 100%;
    height: auto;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    max-height: 120px;
    object-fit: contain;
  }
  .report-filmstrip-thumbnail h5 {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    height: 15px;
    margin-bottom: 10px;
  }
  .report-filmstrip-labels {
    margin-top: 10px;
    height: 20px;
  }
  .report-filmstrip-label,
  .report-filmstrip-line,
  .report-filmstrip-label-extra {
    white-space: nowrap;
    position: absolute;
    z-index: 2;
  }
  .report-filmstrip-label,
  .report-filmstrip-label-extra {
    border-radius: 5px;
    border-top-left-radius: 0px;
    overflow: hidden;
  }
  .report-filmstrip-label {
    padding: 1px 7px 2px;
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.045em;
    color: #fff;
  }
  .report-filmstrip-label-left {
    border-top-right-radius: 0;
    border-top-left-radius: 5px;
  }
  .report-filmstrip-label-extra {
    background: #efefef;
  }
  .report-filmstrip-label-extra div:first-child {
    padding: 1px 7px 2px;
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.045em;
    color: #fff;
  }
  .report-filmstrip-label-extra div:nth-child(2) {
    padding: 5px 8px;
    font-size: 10px;
    line-height: 1.3em;
  }
  .report-filmstrip-line {
    top: 25px;
    width: 2px;
  }
  .report-filmstrip-timing-first-byte {
    background: #8a98c1;
  }
  .report-filmstrip-timing-first-contentful-paint {
    background: #2ebbf6;
  }
  .report-filmstrip-timing-largest-contentful-paint {
    background: #417be7;
  }
  .report-filmstrip-timing-interactive {
    background: #b06dc9;
  }
  .report-filmstrip-timing-onload {
    background: #a85c84;
  }
  .report-filmstrip-timing-fully-loaded {
    background: #b22f69;
  }
  /* =========================================================================
   * Speed tab
   * ========================================================================= */
  .report-perf-desc {
    font-size: 14px;
  }
  .report-perf-intro {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .report-perf-expand-wrapper {
    align-self: flex-end;
  }
  .report-perf-expand-wrapper .report-perf-expand-text {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-perf-boxes {
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 25px;
  }
  .report-perf-box {
    display: flex;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
  }
  .report-perf-box-text {
    padding: 20px 5px 20px 25px;
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
  }
  .report-perf-box-text h4 {
    font: 24px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-perf-box-text i {
    margin-bottom: -2px;
  }
  .report-perf-box-text p {
    font-size: 15px;
    display: none;
  }
  .report-perf-box-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
  }
  .report-perf-box-performance h4 {
    margin: 12px;
  }
  .report-perf-box-performance .report-perf-box-result-numeric {
    padding-bottom: 5px;
  }
  .report-perf-box-expand {
    display: block;
  }
  .report-perf-box-expand h4 {
    margin: 0 0 16px;
  }
  .report-perf-box-expand h4 i {
    display: none;
  }
  .report-perf-box-expand p {
    margin: 0;
    display: inline;
  }
  .report-perf-box-result {
    width: 215px;
    display: flex;
    flex-direction: column;
  }
  .report-perf-box-result-message {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    width: 100%;
    text-align: center;
    padding: 7px 0;
  }
  .report-perf-box-result-numeric {
    font: 40px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .report-perf-boxes-smaller {
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .report-perf-boxes-smaller h4 {
    font-size: 20px;
    margin: 0;
  }
  .report-perf-boxes-smaller .report-perf-box-result-numeric {
    font-size: 22px;
  }
  .report-perf-boxes-smaller .report-perf-box-result {
    width: 90px;
  }
  .report-perf-box-rating-low .report-perf-box-result-numeric {
    background: #f5fcf4;
    color: #36a927;
  }
  .report-perf-box-rating-low .report-perf-box-result-message {
    background: #36a927;
    color: #fff;
  }
  .report-perf-box-rating-med-low .report-perf-box-result-numeric {
    background: #f0f6e3;
    color: #99c144;
  }
  .report-perf-box-rating-med-low .report-perf-box-result-message {
    background: #99c144;
    color: #fff;
  }
  .report-perf-box-rating-med .report-perf-box-result-numeric {
    background: #fff2dd;
    color: #f6ab34;
  }
  .report-perf-box-rating-med .report-perf-box-result-message {
    background: #f6ab34;
    color: #fff;
  }
  .report-perf-box-rating-med-high .report-perf-box-result-numeric {
    background: #fff6e9;
    color: #c48a8a;
  }
  .report-perf-box-rating-med-high .report-perf-box-result-message {
    background: #c48a8a;
    color: #fff;
  }
  .report-perf-box-rating-high .report-perf-box-result-numeric {
    background: #ffebe9;
    color: #ec685d;
  }
  .report-perf-box-rating-high .report-perf-box-result-message {
    background: #ec685d;
    color: #fff;
  }
  .report-perf-box-first-byte:before {
    background: #8a98c1;
  }
  .report-perf-box-first-contentful-paint:before {
    background: #2ebbf6;
  }
  .report-perf-box-largest-contentful-paint:before {
    background: #417be7;
  }
  .report-perf-box-interactive:before {
    background: #b06dc9;
  }
  .report-perf-box-speed-index:before {
    background: #f466a6;
  }
  .report-perf-box-onload:before {
    background: #a85c84;
  }
  .report-perf-box-fully-loaded:before {
    background: #b22f69;
  }
  .report-perf-box-cumulative-layout-shift:before {
    background: #4cc29d;
  }
  .report-perf-box-total-blocking-time:before {
    background: #6c467a;
  }
  .report-perf-box-redirect:before {
    background: #f4f4f4;
  }
  .report-perf-box-connect:before {
    background: #d9d9d9;
  }
  .report-perf-box-backend:before {
    background: #bebab9;
  }
  .report-perf-box-first-byte:before {
    background: #8a98c1;
  }
  .report-perf-box-first-paint:before {
    background: #506791;
  }
  .report-perf-box-dom-interactive:before {
    background: #527070;
  }
  .report-perf-box-dom-content-loaded:before {
    background: #408483;
  }
  @media not print {
    @media (max-width: 950px) {
      .report-perf-boxes {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        grid-gap: 10px;
      }
      .report-perf-boxes-smaller {
        grid-template-columns: 1fr 1fr;
      }
      .report-perf-box-result-numeric {
        font: 30px "Maven Pro", Arial, sans-serif;
        letter-spacing: -0.0625em;
      }
    }
    @media (max-width: 800px) {
      .report-perf-boxes-smaller {
        grid-template-columns: 1fr;
      }
    }
  }
  @media (max-width: 550px) {
    .report-perf-intro {
      flex-direction: column;
      align-items: center;
    }
    .report-perf-expand-wrapper {
      align-self: auto;
      margin-top: 15px;
    }
    .report-perf-box {
      flex-direction: column;
      margin: 30px 20px;
    }
    .report-perf-box .report-perf-box-result {
      width: 100%;
    }
    .report-perf-box-text {
      padding: 15px;
      text-align: center;
      order: 2;
      justify-content: center;
    }
    .report-perf-box-text:before {
      right: 0;
      height: 4px;
      width: initial;
    }
    .report-perf-box-result-numeric {
      padding: 10px 10px 20px;
    }
  }
  /* =========================================================================
   * Structure tab
   * ========================================================================= */
  /* -------------------------------------------
   * Audit Filters
   * ------------------------------------------- */
  .report-filters-audit {
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .report-structure .report-filters-audit {
    margin-bottom: -15px;
  }
  .report-filters-audit-text {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-filters-audit-list {
    display: flex;
    margin: 0;
  }
  .report-filters-audit-list li {
    width: 54px;
    height: 28px;
    margin-right: 2px;
  }
  .report-filters-audit-list li label {
    border: none;
    background-color: #efefef;
  }
  .report-filters-audit-list li input {
    top: 0;
  }
  .report-filters-audit-list li input + label:hover {
    background-color: #e0e0e0;
  }
  .report-filters-audit-list li input:checked + label {
    background-color: #1e5982;
  }
  .report-filters-audit-list li:last-child {
    margin-right: 0;
  }
  /* -------------------------------------------
   * Audits/Rules
   * ------------------------------------------- */
  .audits summary,
  .rules summary {
    border-bottom: 3px solid #fff;
  }
  .audits-header,
  .rules-header {
    display: flex;
  }
  .audits-header > div,
  .rules-header > div {
    font-size: 12px;
    font-weight: bold;
    color: #9b9b9b;
    text-transform: uppercase;
    padding: 8px 0;
  }
  .audits-header .audit-header-rating,
  .audits-header .rules-header-rule,
  .rules-header .audit-header-rating,
  .rules-header .rules-header-rule {
    padding-left: 12px;
  }
  #summary .audits-header {
    display: none;
  }
  .audits-header-rating,
  .audit-rating {
    flex: 0 0 100px;
    text-align: center;
  }
  .rules-header-rule {
    flex: 1 0;
  }
  .rules-header-grade,
  .rules-grade {
    flex: 0 0 140px;
  }
  .rules-header-type,
  .rules-header-weight {
    flex: 0 0 90px;
  }
  .rules-header-weight {
    margin-right: 40px;
  }
  .audit-summary,
  .rules-summary {
    display: flex;
    align-items: center;
    min-height: 45px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s ease-out;
    background: #fbfbfb;
    border-radius: 5px;
  }
  .audit-summary .audit-expand,
  .rules-summary .audit-expand {
    flex: 0 0 40px;
    padding: 14px 0;
    text-align: center;
    transition: background 0.3s ease-out;
    background: #f4f4f4;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .audit-summary:hover,
  .rules-summary:hover {
    background: #efefef;
  }
  .audit-summary:hover .audit-expand,
  .rules-summary:hover .audit-expand {
    background: #e0e0e0;
  }
  .audit-summary-even {
    background: #f4f4f4;
  }
  .audit-summary-even .audit-expand {
    background: #efefef;
  }
  .audit-expand-icon {
    width: 12px;
    height: 12px;
    fill: var(--text-color);
    transition: transform 0.1s ease-out;
  }
  [open] .audit-expand-icon {
    transform: scaleY(-1);
  }
  .audit-impact-none-hide {
    display: none;
  }
  .audit-rating {
    padding: 12px 0;
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .audit-name,
  .rules-name {
    flex-grow: 1;
    padding: 0 12px;
  }
  .audit-title,
  .rules-name {
    font-weight: bold;
    color: #2e7db4;
  }
  .audit-relevant-metrics-tag {
    color: #646464;
    background-color: #e0e0e0;
    padding: 1px 5px 2px;
    font: 12px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    letter-spacing: initial;
    cursor: pointer;
    transition: background-color 0.25s ease-out;
  }
  .audit-relevant-metrics-tag:hover {
    background-color: #cecece;
  }
  .audit-relevant-metrics-tag-tooltip {
    text-align: center;
  }
  .audit-display {
    flex: 0 1 350px;
  }
  .rules-type,
  .rules-weight {
    font-size: 11px;
    text-transform: uppercase;
    color: #646464;
    width: 90px;
  }
  .rules-grade {
    white-space: nowrap;
  }
  .rules-grade .grade-meter,
  .rules-grade .site-average {
    vertical-align: middle;
  }
  .audit-rating-na {
    color: var(--text-color);
    background: #cecece;
  }
  .audit-rating-none {
    background: rgba(26, 127, 12, 0.85);
  }
  .audit-rating-low {
    background: rgba(54, 169, 39, 0.85);
  }
  .audit-rating-med-low {
    background: rgba(153, 193, 68, 0.85);
  }
  .audit-rating-med {
    background: rgba(246, 171, 52, 0.85);
  }
  .audit-rating-med-high {
    background: rgba(196, 138, 138, 0.85);
  }
  .audit-rating-high {
    background: rgba(236, 104, 93, 0.85);
  }
  .audits-impactful-gap {
    position: relative;
    background: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .audits-impactful-gap.audits-impactful-gap-even {
    background: #fbfbfb;
  }
  .audits-impactful-gap.audits-impactful-gap-none {
    background: url(../images/report/report-no-issues-bg.png) no-repeat;
  }
  .audits-impactful-gap .audits-impactful-gap-some {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    font-style: italic;
    color: #9b9b9b;
  }
  .audits-impactful-gap.hide {
    display: none;
  }
  .audits-impactful-gap-none {
    display: flex;
    align-items: center;
  }
  .audits-impactful-gap-none-content {
    display: flex;
    align-items: center;
    font: 30px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    font-style: italic;
    font-weight: 500;
    color: #4ec52e;
  }
  .audits-impactful-gap-none-content .icon-tick-green-circle {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    padding: 10px;
    margin: 5px 25px 0 0;
  }
  .audits-impactful-gap-none-content.hide {
    display: none;
  }
  .report-audits-sidebar {
    width: 280px;
  }
  .report-audits-sidebar h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .report-audits-sidebar h3:not(:first-child) {
    margin-top: 30px;
  }
  .report-audits-sidebar-no-impactful {
    padding-top: 0;
  }
  .report-audits-sidebar-link {
    margin: 10px 0;
  }
  .audit-divider-row {
    display: block;
    margin: 10px 0;
  }
  .audit-divider-row .icon {
    --btn-icon-size: 16px;
    margin-bottom: -2px;
  }
  /* -------------------------------------------
   * Audit details
   * ------------------------------------------- */
  .audit-content,
  .rules-content {
    padding: 20px;
    font-size: 14px;
  }
  .rules-content ul {
    font-size: 12px;
  }
  .rules-content li a {
    word-break: break-all;
  }
  .rules-content li a:visited {
    color: #2e7db4;
  }
  .rules-content a:after {
    content: none;
  }
  .audit-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
  }
  .audit-desc p {
    margin: 0;
  }
  .audit-desc.audit-desc-request-chains {
    padding-left: 0;
  }
  .audit-desc + .audit-desc {
    padding-top: 10px;
  }
  .audit-help,
  .rule-help {
    font-size: 14px;
    flex-shrink: 0;
    margin-left: 15px;
  }
  .audit-help .icon,
  .rule-help .icon {
    display: none;
  }
  .rule-help {
    float: right;
    margin: 0 0 5px 10px;
  }
  .rule-help-tooltip-more {
    font-size: 12px;
  }
  .audit-table {
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
  }
  .audit-table th {
    color: #9b9b9b;
    text-align: left;
    padding: 8px 12px 8px 10px;
    font-size: 12px;
    text-transform: uppercase;
  }
  .audit-table tr {
    transition: background 0.15s ease-out;
  }
  .audit-table td {
    padding: 4px 12px 2px 10px;
  }
  .audit-table td.audit-has-thumbnail {
    padding: 5px 12px;
  }
  .audit-table a:after {
    display: none;
  }
  .audit-table code {
    font-size: 14px;
    color: #2e7db4;
    display: block;
    margin-top: 5px;
    overflow-wrap: anywhere;
  }
  .audit-table-row {
    background: #fff;
  }
  .audit-table-row td {
    padding: 14px 12px 14px 10px;
  }
  .audit-table-row:nth-child(2n+1), .audit-table-row.audit-subgroup-odd {
    background: #fbfbfb;
  }
  .audit-table-list {
    background: #fff;
  }
  .audit-table-list td:first-child {
    border-bottom: 0;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    word-break: break-all;
    margin-left: 25px;
    padding-left: 0;
  }
  .audit-table-row,
  .audit-table-list,
  .audit-table-sub-items {
    background: #fff;
  }
  .audit-table-row:hover,
  .audit-table-list:hover,
  .audit-table-sub-items:hover {
    background: #f4f4f4;
  }
  .audit-table-sub-items td {
    color: #646464;
    word-break: break-all;
  }
  .audit-table-sub-items td:first-child {
    padding-left: 15px;
  }
  .audit-subgroup-end td {
    margin-bottom: 15px;
  }
  .audit-url,
  .audit-source a {
    font-size: 12px;
    word-break: break-all;
  }
  [class*=audit-wasted],
  [class*=audit-total],
  .audit-label,
  .audit-requestCount,
  .audit-transferSize {
    width: 150px;
  }
  .audit-wastedBytes {
    width: 175px;
  }
  .audit-cacheLifetimeMs {
    width: 100px;
  }
  .audit-blockingTime,
  .audit-signal {
    width: 250px;
  }
  .audit-thumbnail-img {
    display: block;
    object-fit: cover;
  }
  .icon-audit-image-placeholder .icon {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    padding: 9px;
    fill: #cecece;
    border: 3px solid #cecece;
  }
  .audit-element {
    word-break: break-all;
  }
  .audit-request-chain-max {
    margin: 20px 0;
  }
  .audit-request-chain-initial {
    color: #9b9b9b;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
  }
  ul.audit-request-chains {
    list-style-type: none;
    padding-inline-start: 0;
    margin: 7px 0 7px 20px;
  }
  ul.audit-request-chains.audit-request-chains-start {
    margin: 10px 0 0 5px;
    position: relative;
  }
  ul.audit-request-chains.audit-request-chains-start:before {
    content: "";
    width: 2px;
    position: absolute;
    background: #e0e0e0;
    height: 25px;
    top: -15px;
  }
  .audit-request-chain {
    position: relative;
    padding-bottom: 5px;
  }
  .audit-request-chain:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 10px;
    width: 2px;
    background: #e0e0e0;
  }
  .audit-request-chain:last-child:before {
    height: 0;
  }
  .audit-request-chain-bridge {
    position: absolute;
    width: 28px;
    left: 0;
    height: 10px;
    border-bottom: 2px solid #e0e0e0;
  }
  .audit-request-chain-content {
    position: relative;
    padding: 0 0 7px 32px;
    margin: 0;
    font-size: 12px;
  }
  .audit-request-chain-content span {
    margin: 0 1px;
  }
  .audit-request-chain-content-with-children:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% + 5px);
    top: 10px;
    left: 20px;
    background: #e0e0e0;
  }
  .audit-request-chain-host {
    color: #9b9b9b;
  }
  .audit-id-layout-shifts .audit-subgroup td,
  .audit-id-layout-shifts .audit-table-row td {
    padding: 20px 20px 20px 10px;
  }
  .audit-id-layout-shifts .audit-subgroup {
    background: #fbfbfb;
  }
  .audit-id-layout-shifts .audit-subgroup td {
    border-bottom: 4px solid #fff;
  }
  .audit-id-layout-shifts .audit-subgroup:hover {
    background: #f4f4f4;
  }
  .audit-layout-shifts-subheading {
    color: #9b9b9b;
    text-align: left;
    padding: 8px 12px 8px 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .audit-layout-shifts-url {
    border-bottom: 0;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    word-break: break-all;
    margin-left: 25px;
    padding-left: 0;
    font-size: 12px;
  }
  .audit-layout-shifts-url-end {
    padding-bottom: 12px;
  }
  .audit-layout-shifts-node {
    padding-left: 10px;
  }
  .audit-id-third-party-summary .audit-subgroup td:first-child .audit-entity-text {
    text-transform: uppercase;
    text-decoration: none;
    color: var(--text-color);
    font-weight: bold;
    font-size: 12px;
  }
  .audit-id-third-party-summary .audit-table-sub-items td:first-child {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    word-break: break-all;
    margin-left: 25px;
    padding-left: 0;
  }
  .audit-optimized-image-link {
    font-size: 11px;
  }
  .audit-no-optimized-image {
    display: flex;
    align-items: center;
  }
  .audit-no-optimized-image a {
    color: #9b9b9b;
  }
  .audit-no-optimized-image i {
    margin-left: 5px;
  }
  /* -------------------------------------------
   * Audits/Rules Responsive
   * ------------------------------------------- */
  @media (min-width: 1400px) {
    .rules-header-grade,
    .rules-grade {
      flex: 0 0 225px;
    }
    .rules-header-grade .grade-meter,
    .rules-grade .grade-meter {
      margin-right: 6px;
      width: 150px;
      font-size: 12px;
    }
    .rules-header-grade .grade-meter div,
    .rules-grade .grade-meter div {
      text-indent: 8px;
      padding: 4px 0;
    }
    .rules-header-type,
    .rules-header-weight,
    .rules-type,
    .rules-weight {
      flex: 0 0 100px;
    }
  }
  @media (min-width: 850px) and (max-width: 1020px) {
    .rules-header-grade,
    .rules-grade {
      flex: 0 0 190px;
    }
    .rules-header-grade .grade-meter,
    .rules-grade .grade-meter {
      margin-right: 6px;
      width: 115px;
    }
  }
  @media not print {
    @media (max-width: 1450px) {
      .audit-display {
        display: none;
      }
      .rules-header-type,
      .rules-type {
        display: none;
      }
      .audits-impactful-gap-none-content {
        flex-direction: column;
      }
      .audits-impactful-gap-none-content .icon {
        margin: 0 0 20px;
      }
    }
  }
  @media (max-width: 715px) {
    .report-filters-audit-text {
      display: none;
    }
  }
  @media (max-width: 650px) {
    .audit-content,
    .rules-content {
      padding: 10px;
    }
    .audits-impactful-gap {
      padding: 0 15px;
    }
    .audits-impactful-gap-none-content {
      font-size: 20px;
    }
    .audits-impactful-gap-none-content .icon {
      width: 36px;
      height: 36px;
      padding: 7px;
      margin-bottom: 15px;
    }
    .report-filters-audit ul {
      width: 100%;
    }
    .report-filters-audit li {
      flex: 1;
    }
    .report-structure .report-filters-audit {
      margin-bottom: 0;
    }
    .rules-grade {
      flex: 0 0 120px;
    }
    .rules-grade .site-average {
      display: none;
    }
    .rules-header-weight,
    .rules-weight {
      display: none;
    }
  }
  @media not print {
    @media (max-width: 650px) {
      .audit-rating {
        flex: 0 0 20px;
        width: 20px;
        color: transparent;
        white-space: nowrap;
      }
      .audit-help .icon,
      .rule-help .icon {
        display: inline-block;
        margin: 2px 0;
      }
      .audit-help .resp-hidden,
      .rule-help .resp-hidden {
        display: none;
      }
    }
  }
  /* -------------------------------------------
   * Sidebar (Responsive)
   * ------------------------------------------- */
  @media (max-width: 1020px) {
    .report-pagespeed .layout-cols-sidebar-right,
    .report-yslow .layout-cols-sidebar-right,
    .report-structure .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .report-pagespeed .layout-cols-sidebar-left,
    .report-yslow .layout-cols-sidebar-left,
    .report-structure .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .report-rules-sidebar .box-wrapper,
    .report-audits-sidebar .box-wrapper {
      width: 50%;
      float: left;
      margin: 25px 0 0 0;
    }
    .report-rules-sidebar .box-wrapper:nth-child(odd),
    .report-audits-sidebar .box-wrapper:nth-child(odd) {
      padding-right: 10px;
    }
    .report-rules-sidebar .box-wrapper:nth-child(even),
    .report-audits-sidebar .box-wrapper:nth-child(even) {
      padding-left: 10px;
    }
  }
  @media (max-width: 850px) {
    .report-audits-sidebar-summary {
      display: none;
    }
  }
  @media (max-width: 750px) {
    .report-pagespeed .report-rules-sidebar,
    .report-pagespeed .report-audits-sidebar,
    .report-yslow .report-rules-sidebar,
    .report-yslow .report-audits-sidebar,
    .report-structure .report-rules-sidebar,
    .report-structure .report-audits-sidebar {
      display: none;
    }
  }
  /* -------------------------------------------
   * Audits details (Responsive)
   * ------------------------------------------- */
  @media (max-width: 950px) {
    .audit-request-chain-host,
    .audit-thumbnail {
      display: none;
    }
  }
  @media (max-width: 750px) {
    [class*=audit-wasted],
    [class*=audit-total],
    .audit-label,
    .audit-requestCount,
    .audit-transferSize {
      width: 90px;
    }
    .audit-blockingTime,
    .audit-request-chain-size,
    .audit-signal,
    .audit-element {
      display: none;
    }
    .audit-multi-rows a,
    .audit-request-chain a {
      max-width: 350px;
    }
  }
  @media (max-width: 550px) {
    .audit-multi-rows a {
      max-width: 200px;
    }
    .audit-request-chain a {
      max-width: 150px;
    }
    .audit-relevant-metrics-tag {
      display: none;
    }
  }
  /* =========================================================================
   * Waterfall
   * ========================================================================= */
  .report-waterfall-wrapper,
  .report-video-wrapper {
    position: relative;
    padding-bottom: 60%;
    height: 0;
  }
  .report-waterfall,
  .report-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .report-waterfall-header {
    display: flex;
    justify-content: space-between;
  }
  .page-report .report-waterfall-header {
    margin-bottom: -4px; /* Negate extra space under .report-waterfall-actions */
  }
  .report-waterfall-guest {
    margin-bottom: 20px;
  }
  /* -------------------------------------------
   * Mobile message
   * ------------------------------------------- */
  .report-history-mobile-screen {
    text-align: center;
    padding: 0 30px;
    position: relative;
  }
  .report-history-mobile-screen span {
    position: relative;
    display: inline-block;
    font-size: 0;
    opacity: 0.6;
  }
  .report-history-mobile-screen span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(60, 154, 220, 0.25);
  }
  .report-history-mobile-screen img {
    width: 100%;
    height: auto;
    max-width: 590px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .report-history-mobile-screen strong {
    position: absolute;
    width: 100%;
    max-width: 400px;
    padding: 0 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 600px) {
    .report-waterfall-content {
      overflow-x: scroll;
    }
    .report-waterfall-wrapper {
      min-width: 600px;
    }
    .report-waterfall-header {
      flex-direction: column;
    }
    .report-history-header {
      flex-direction: column;
    }
    .report-waterfall-actions a {
      font-size: 16px;
    }
  }
  @media (max-width: 750px) {
    .report-waterfall-wrapper {
      padding-bottom: 100%;
    }
  }
  /* =========================================================================
   * Timings
   * ========================================================================= */
  .report-timings {
    position: relative;
  }
  .report-timings-view-toggle {
    display: none;
  }
  .report-timings-speed-index {
    font: 400 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    display: block;
    margin-bottom: 16px;
  }
  .report-timings-speed-index .help-tooltip {
    margin-bottom: 0;
  }
  .report-timings-chart {
    font: 400 16px / 1 "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    overflow: hidden;
    border: 4px solid #e0e0e0;
    background: linear-gradient(#fff, #efefef);
  }
  .report-timings-chart-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px -1px 0;
  }
  .report-timings-chart-item {
    width: 25%;
    border: 1px solid #e0e0e0;
    border-left: 0;
    border-top: 0;
    padding: 5px;
    text-align: center;
    line-height: 1.3;
    cursor: pointer;
    display: flex;
    flex-direction: column-reverse;
  }
  .report-timings-chart-item {
    color: #9b9b9b;
  }
  .report-timings-chart-item-duration .report-timings-chart-item-name {
    color: var(--text-color);
  }
  .report-timings-chart-item-first-byte {
    color: #8a98c1;
  }
  .report-timings-chart-item-first-paint {
    color: #506791;
  }
  .report-timings-chart-item-first-contentful-paint {
    color: #2ebbf6;
  }
  .report-timings-chart-item-dom-interactive {
    color: #527070;
  }
  .report-timings-chart-item-dom-content-loaded {
    color: #408483;
  }
  .report-timings-chart-item-onload {
    color: #a85c84;
  }
  .report-timings-info-box {
    padding: 20px;
    margin-top: 24px;
    min-height: 160px;
  }
  .report-timings-info-empty {
    position: relative;
    height: 150px;
  }
  .report-timings-info-empty h4 {
    font-size: 28px;
    color: #9b9b9b;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .report-timings-info h4 {
    margin-bottom: 26px;
    font-size: 21px;
    line-height: 21px;
    padding-left: 30px;
    position: relative;
  }
  .report-timings-info h4:before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 1px;
    left: 0;
  }
  .report-timings-info ul {
    overflow: hidden;
  }
  .report-timings-info-duration h4 {
    color: #787878;
  }
  .report-timings-info-duration h4:before {
    background-color: #bebab9;
  }
  .report-timings-info-first-byte h4 {
    color: #8a98c1;
  }
  .report-timings-info-first-byte h4:before {
    background-color: #8a98c1;
  }
  .report-timings-info-first-paint h4 {
    color: #506791;
  }
  .report-timings-info-first-paint h4:before {
    background-color: #506791;
  }
  .report-timings-info-first-contentful-paint h4 {
    color: #2ebbf6;
  }
  .report-timings-info-first-contentful-paint h4:before {
    background-color: #2ebbf6;
  }
  .report-timings-info-dom-interactive h4 {
    color: #527070;
  }
  .report-timings-info-dom-interactive h4:before {
    background-color: #527070;
  }
  .report-timings-info-dom-content-loaded h4 {
    color: #408483;
  }
  .report-timings-info-dom-content-loaded h4:before {
    background-color: #408483;
  }
  .report-timings-info-onload h4 {
    color: #a85c84;
  }
  .report-timings-info-onload h4:before {
    background-color: #a85c84;
  }
  .report-timings-info-screenshot {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    margin: 0 30px 10px 0;
    float: left;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 750px) {
    .report-timings-chart-item {
      width: 50%;
    }
    .bsprite-report-timings-redirect,
    .bsprite-report-timings-connect,
    .bsprite-report-timings-backend,
    .bsprite-report-timings-first-byte,
    .bsprite-report-timings-first-paint,
    .bsprite-report-timings-first-contentful-paint,
    .bsprite-report-timings-dom-interactive,
    .bsprite-report-timings-dom-content-loaded,
    .bsprite-report-timings-onload {
      width: 260px;
      height: 125px;
      background-size: 260px 1250px;
    }
    .bsprite-report-timings-redirect {
      background-position: 0px 0px;
    }
    .bsprite-report-timings-connect {
      background-position: 0px -125px;
    }
    .bsprite-report-timings-backend {
      background-position: 0px -250px;
    }
    .bsprite-report-timings-first-byte {
      background-position: 0px -500px;
    }
    .bsprite-report-timings-first-paint {
      background-position: 0px -375px;
    }
    .bsprite-report-timings-first-contentful-paint {
      background-position: 0px -1000px;
    }
    .bsprite-report-timings-dom-interactive {
      background-position: 0px -625px;
    }
    .bsprite-report-timings-dom-content-loaded {
      background-position: 0px -750px;
    }
    .bsprite-report-timings-onload {
      background-position: 0px -875px;
    }
  }
  @media (min-width: 1025px) {
    .report-timings-view-toggle {
      display: block;
      position: absolute;
      right: 0;
      top: -4px;
    }
    .report-timings-graphical .report-timings-speed-index {
      margin: 0;
      position: absolute;
      top: 30px;
      left: 0;
      z-index: 1;
    }
    .report-timings-graphical .report-timings-chart {
      border: 0;
      background: none;
      padding: 100px 0 30px;
      position: relative;
    }
    .report-timings-graphical .report-timings-chart::before {
      content: "Note: Marker spacing not to scale";
      position: absolute;
      top: 0;
      left: 0;
    }
    .report-timings-graphical .report-timings-chart::after {
      content: "";
      background-color: #7ebbe6;
      height: 5px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 26.5px;
      z-index: 0;
    }
    .report-timings-graphical .report-timings-chart-content {
      flex-wrap: nowrap;
      align-items: flex-end;
      margin: 0;
    }
    .report-timings-graphical .report-timings-chart-item {
      border: 3px solid #e0e0e0;
      margin-left: 15px;
      background: linear-gradient(#fff, #efefef) #e0e0e0;
      z-index: 1;
      transform: translateY(-28px);
    }
    .report-timings-graphical .report-timings-chart-item::before, .report-timings-graphical .report-timings-chart-item::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateY(2px);
    }
    .report-timings-graphical .report-timings-chart-item::before {
      width: 2px;
      height: 28px;
      margin-left: -1px;
      top: 100%;
    }
    .report-timings-graphical .report-timings-chart-item::after {
      width: 10px;
      height: 11px;
      margin-left: -5px;
      bottom: -36px;
    }
    .report-timings-graphical .report-timings-chart-item:hover {
      background-image: linear-gradient(#f4f4f4, #e9e9e9);
    }
    .report-timings-graphical .report-timings-chart-item-duration {
      margin-left: 0;
      transform: translateY(50%);
    }
    .report-timings-graphical .report-timings-chart-item-duration + .report-timings-chart-item-duration {
      border-left: 0;
    }
    .report-timings-graphical .report-timings-chart-item {
      width: 130px;
      flex-shrink: 1;
    }
    .report-timings-graphical .report-timings-chart-item-duration {
      width: 115px;
    }
    .report-timings-graphical .report-timings-chart-item-dom-content-loaded,
    .report-timings-graphical .report-timings-chart-item-first-contentful-paint,
    .report-timings-graphical .report-timings-chart-item-onload {
      width: auto;
      min-width: 120px;
      flex-grow: 1;
    }
    .report-timings-graphical .report-timings-chart-item-first-byte,
    .report-timings-graphical .report-timings-chart-item-first-byte:before,
    .report-timings-graphical .report-timings-chart-item-first-byte:after {
      background-color: #8a98c1;
      border-color: #8a98c1;
    }
    .report-timings-graphical .report-timings-chart-item-first-paint,
    .report-timings-graphical .report-timings-chart-item-first-paint:before,
    .report-timings-graphical .report-timings-chart-item-first-paint:after {
      background-color: #506791;
      border-color: #506791;
    }
    .report-timings-graphical .report-timings-chart-item-first-contentful-paint,
    .report-timings-graphical .report-timings-chart-item-first-contentful-paint:before,
    .report-timings-graphical .report-timings-chart-item-first-contentful-paint:after {
      background-color: #2ebbf6;
      border-color: #2ebbf6;
    }
    .report-timings-graphical .report-timings-chart-item-dom-interactive,
    .report-timings-graphical .report-timings-chart-item-dom-interactive:before,
    .report-timings-graphical .report-timings-chart-item-dom-interactive:after {
      background-color: #527070;
      border-color: #527070;
    }
    .report-timings-graphical .report-timings-chart-item-dom-content-loaded,
    .report-timings-graphical .report-timings-chart-item-dom-content-loaded:before,
    .report-timings-graphical .report-timings-chart-item-dom-content-loaded:after {
      background-color: #408483;
      border-color: #408483;
    }
    .report-timings-graphical .report-timings-chart-item-onload,
    .report-timings-graphical .report-timings-chart-item-onload:before,
    .report-timings-graphical .report-timings-chart-item-onload:after {
      background-color: #a85c84;
      border-color: #a85c84;
    }
    .report-timings-info h4 {
      font-size: 28px;
      line-height: 28px;
      padding-left: 40px;
    }
    .report-timings-info h4:before {
      height: 28px;
      width: 28px;
    }
  }
  @media not print {
    @media (max-width: 1000px) {
      .report-timings-info-screenshot {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        float: none;
      }
    }
  }
  /* =========================================================================
   * CrUX tab
   * ========================================================================= */
  /* Config colors */
  .crux-colors-good {
    --crux-color: #36a927;
    --crux-color-alt: #f5fcf4;
  }
  .crux-colors-improve {
    --crux-color: #f6ab34;
    --crux-color-alt: #fff2dd;
  }
  .crux-colors-fail {
    --crux-color: #ec685d;
    --crux-color-alt: #ffebe9;
  }
  .report-crux-404 {
    --crux-color-alt: #e9f5fd;
    --crux-assess-icon-color: #61aee1;
  }
  .report-crux-gtm-low {
    color: #36a927;
  }
  .report-crux-gtm-med-low {
    color: #99c144;
  }
  .report-crux-gtm-med {
    color: #f6ab34;
  }
  .report-crux-gtm-med-high {
    color: #c48a8a;
  }
  .report-crux-gtm-high {
    color: #ec685d;
  }
  /* Top area and containers */
  .crux-header-intro {
    position: relative;
  }
  .report-crux-loading {
    margin: 120px 0;
  }
  .report-crux-loading .hide {
    display: none;
  }
  .crux-latest-collection-container {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
  }
  .report-crux-assess {
    display: flex;
    background: var(--crux-color-alt);
    justify-content: space-between;
    align-items: center;
    margin: 40px 0;
    padding: 15px;
    border-radius: 5px;
  }
  .report-crux-assess.hide {
    display: none;
  }
  .report-crux-assess .icon {
    margin-right: 15px;
    width: 40px;
    height: 40px;
  }
  .report-crux-assess-404 {
    background: #e9f5fd;
  }
  .report-crux-assess-404 .icon {
    fill: #61aee1;
  }
  .report-crux-assess-grade {
    display: flex;
    align-items: center;
  }
  .report-crux-assess-icon {
    fill: #fff;
    border-radius: 20px;
  }
  .report-crux-assess-title {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
  }
  .report-crux-assess-title span {
    color: var(--crux-color, #646464);
  }
  .report-crux-assess-redirect {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -2px;
    vertical-align: middle;
    height: 20px;
  }
  .report-crux-assess-redirect .icon {
    width: 20px;
    height: 20px;
    margin: 0;
    fill: #9b9b9b;
  }
  .report-crux-assess-redirect.hide {
    display: none;
  }
  .report-crux-toggle {
    display: flex;
    flex: 0 0 150px;
    position: relative;
  }
  .report-crux-toggle .input-toggle {
    width: 100%;
  }
  .report-crux-toggle input {
    height: 38px;
    width: 100%;
  }
  .report-crux-toggle label {
    left: -3px;
    height: 40px;
    width: calc(100% + 5px);
  }
  .report-crux-toggle label.report-crux-toggle-active {
    color: #3c9adc;
    border-color: #3c9adc;
  }
  .report-crux-toggle label:after {
    width: calc(50% - 6px);
    top: 6px;
    left: 7px;
    bottom: 6px;
  }
  .report-crux-toggle .input-toggle input:checked + label:after {
    margin-left: calc(50% - 6px);
  }
  .report-crux-toggle .input-toggle label:before {
    content: "";
  }
  .report-crux-toggle .input-toggle label:after {
    background-color: #3c9adc;
  }
  .report-crux-toggle.report-crux-toggle-disabled {
    pointer-events: none;
  }
  .report-crux-toggle.hide {
    display: none;
  }
  .report-crux-toggle-url,
  .report-crux-toggle-origin {
    position: absolute;
    pointer-events: none;
    top: 22%;
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-crux-toggle-url.report-crux-toggle-active,
  .report-crux-toggle-origin.report-crux-toggle-active {
    color: #fff;
  }
  .report-crux-toggle-origin {
    right: 20px;
  }
  .report-crux-toggle-url {
    left: 12px;
  }
  .report-crux-toggle-disabled .report-crux-toggle-url {
    opacity: 0.3;
  }
  .report-crux-assess-center {
    font: 400 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 0 10px;
  }
  .report-crux-assess-center a:after {
    display: none;
  }
  .report-crux-assess-center > span,
  .report-crux-assess-center > a {
    vertical-align: middle;
  }
  .report-crux-assess-url {
    display: inline-block;
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
  }
  .report-crux-assess-url:hover {
    white-space: normal;
  }
  .report-crux-assess-origin {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
  }
  .report-crux-assess-origin.hide {
    display: none;
  }
  .report-crux-assess-learn {
    --link-color: #646464;
    --link-color-hover: #4e4e4e;
  }
  /* Crux items */
  .report-crux-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .report-crux-item {
    padding-left: 30px;
    flex: 1;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
  }
  .report-crux-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
  }
  .report-crux-item-header {
    display: flex;
  }
  .report-crux-item-metric {
    flex: 1;
  }
  .report-crux-item-with-data .report-crux-item-metric {
    border-bottom: 3px solid #f4f4f4;
    cursor: pointer;
  }
  .report-crux-item-metric h5 {
    margin: 25px 0 12px;
    padding-right: 10px;
    font-size: 20px;
  }
  .report-crux-item-metric p {
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 12px 0 0;
    padding-bottom: 15px;
  }
  .report-crux-item-metric-histogram {
    position: relative;
    background: #cecece;
    width: calc(100% - 20px);
    display: flex;
    height: 5px;
  }
  .report-crux-item-metric-histogram .report-crux-histogram-segment {
    height: 5px;
  }
  .report-crux-histogram-segment {
    background: var(--crux-color);
  }
  .report-crux-histogram-p75 {
    background: var(--crux-color);
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #fff;
    top: -5px;
    left: 75%;
  }
  .report-crux-item-grade {
    flex: 0 0 120px;
    text-align: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
  .report-crux-item-grade-score {
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    background: var(--crux-color, #cecece);
    color: #fff;
    padding: 5px 0;
  }
  .report-crux-item-grade-value {
    font: 400 22px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    height: 100%;
    background: var(--crux-color-alt, #f4f4f4);
    color: var(--crux-color, #646464);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .report-crux-item-history {
    display: none;
    margin: 15px 0;
  }
  .report-crux-item-history p {
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-crux-item-with-data .report-crux-item-history {
    display: block;
  }
  .report-crux-item-history .report-crux-item-history-basic {
    display: inline-block;
    font-size: 14px;
  }
  .report-crux-item-history-chart {
    display: flex;
    height: 50px;
    gap: 3px;
    margin-right: 20px;
  }
  .report-crux-item-history-histogram {
    flex: 1 1 5px;
    display: flex;
    flex-direction: column;
    background: #e9e9e9;
    cursor: pointer;
    transition: all 0.25s ease-out;
    transform-origin: 0 100%;
    transform: scaleY(0);
  }
  .report-crux-item-history-histogram.report-crux-history-show {
    transform: scaleY(1);
  }
  .report-crux-item-history-histogram.report-crux-history-opaque {
    opacity: 0.3;
  }
  .report-crux-item-history-histogram.report-crux-history-basic {
    background: #cecece;
  }
  /* Footer area */
  .report-crux-footer {
    --link-color: #646464;
    --link-color-hover: #4e4e4e;
    background: #efefef;
    border-radius: 5px;
    margin-top: 30px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
  }
  .report-crux-footer p {
    margin: 0;
  }
  .report-crux-footer a {
    display: inline-block;
  }
  .report-crux-footer-title {
    font-size: 14px;
    font-weight: bold;
  }
  /* Tooltips */
  .report-crux-tooltip {
    max-width: 500px;
  }
  .report-crux-tooltip-tpl {
    display: none;
  }
  .report-crux-tooltip-rows {
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .report-crux-tooltip-rows p, .report-crux-tooltip-rows h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .report-crux-tooltip-rows h5 {
    font-size: 18px;
  }
  .report-crux-tooltip-range,
  .report-crux-tooltip-p75 {
    color: var(--crux-color, #646464);
  }
  .report-crux-tooltip-history-basic {
    --link-color: #ce4e92;
    --link-color-hover: #953266;
    margin: 0;
  }
  .report-crux-tooltip-history-none {
    font-style: italic;
    --text-color: #9b9b9b;
    margin: 0;
  }
  /* Responsive */
  @media (max-width: 1325px) {
    .report-crux-assess {
      display: block;
      position: relative;
    }
    .report-crux-assess-center {
      margin: 0;
    }
    .report-crux-assess-url {
      max-width: 600px;
    }
    .report-crux-toggle {
      width: 150px;
      position: absolute;
      top: 20px;
      right: 20px;
    }
    .report-crux-assess-learn {
      display: block;
      margin-top: 10px;
    }
    .report-crux-row {
      grid-template-columns: 1fr 1fr;
    }
    .report-crux-footer {
      display: block;
    }
    .report-crux-footer p + p {
      margin-top: 15px;
    }
  }
  @media (max-width: 1000px) {
    .crux-latest-collection-container {
      position: static;
    }
  }
  @media (max-width: 750px) {
    .report-crux-assess {
      text-align: center;
    }
    .report-crux-assess-center {
      margin: 20px 0;
    }
    .report-crux-assess-url {
      max-width: calc(100% - 15px);
    }
    .report-crux-assess-grade {
      justify-content: center;
    }
    .report-crux-toggle {
      position: relative;
      top: initial;
      right: initial;
      margin: 20px auto 0;
    }
    .report-crux-assess-icon {
      display: none;
    }
    .report-crux-row {
      grid-template-columns: 1fr;
    }
    .report-crux-item-metric h5 {
      font-size: 16px;
    }
  }
  /* =========================================================================
   * Video
   * ========================================================================= */
  .report-video-wrapper {
    box-sizing: content-box;
    height: 68px;
    padding-bottom: 75%;
  }
  .report-video-embed {
    margin-bottom: 20px;
  }
  .report-video-embed select {
    margin: 6px 0 12px;
    width: 100%;
  }
  .report-video-embed textarea {
    margin-top: 6px;
    width: 100%;
    height: 115px;
    resize: none;
  }
  @media (max-width: 970px) {
    .report-video-sidebar {
      display: none;
    }
  }
  /* -------------------------------------------
   * Filmstrip
   * ------------------------------------------- */
  .report-filmstrip {
    overflow-x: auto;
  }
  .report-filmstrip-generate {
    text-align: center;
  }
  .report-filmstrip-error {
    margin: 16px auto 0;
    max-width: 500px;
  }
  /* -------------------------------------------
   * Call to action
   * ------------------------------------------- */
  .report-feature-screenshot {
    width: 100%;
    height: auto;
    padding: 10px 30px 0;
    float: left;
    margin-left: -100%;
  }
  .report-feature-screenshot img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .report-waterfall-guest .report-feature-screenshot {
    padding-left: 10px;
  }
  .report-feature-cta {
    padding-left: 50%;
  }
  /* -------------------------------------------
   * Call to action (Responsive)
   * ------------------------------------------- */
  @media (max-width: 900px) {
    .report-feature-screenshot {
      float: none;
      margin-left: 0;
      padding-bottom: 10px;
      text-align: center;
    }
    .report-feature-screenshot img {
      max-width: 500px;
    }
    .report-feature-cta {
      padding-left: 0;
    }
  }
  /* =========================================================================
   * History
   * ========================================================================= */
  .report-history-header {
    display: flex;
    justify-content: space-between;
  }
  .graph-container + .graph-container {
    margin-top: 30px;
  }
  .graph-container-hidden {
    visibility: hidden;
    height: 0;
    margin-top: 0;
  }
  .cta-history-leftbar {
    width: 36px;
    /* Height is set in JavaScript */
    background: #2e7db4;
    position: absolute;
    z-index: 9;
    opacity: 0.5;
    left: 46px;
    top: 7px;
    cursor: pointer;
    /* 3 dots */
  }
  .cta-history-leftbar span {
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 40%;
  }
  .cta-history-leftbar span:first-child {
    top: 45%;
  }
  .cta-history-leftbar span:nth-child(2) {
    top: 50%;
  }
  .cta-history-leftbar span:last-child {
    top: 55%;
  }
  .cta-history-leftbar .icon {
    position: absolute;
    top: 45%;
    left: 4px;
    fill: #fff;
    width: 28px;
    height: 28px;
  }
  .cta-history-leftbar-tooltip {
    /* Add a bit more padding and reset font color */
    padding: 5px;
    color: var(--text-color);
  }
  .cta-history-leftbar-tooltip a[rel=login] {
    margin-left: 10px;
    color: var(--text-color);
  }
  .graph-plot {
    height: 300px;
    font-size: 14px;
    position: relative;
  }
  .graph-plot::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 30px;
    bottom: 0;
    left: 45px;
    border: 2px solid #e0e0e0;
    background: #fbfbfb;
  }
  .graph-plot .flot-base {
    background: #fff;
  }
  /* -------------------------------------------
   * Graph Controls
   * ------------------------------------------- */
  .graph-controls {
    margin-bottom: 20px;
    font: 400 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .graph-controls .add-note-button {
    margin-left: 45px;
  }
  .graph-controls .add-note-button-disabled {
    opacity: 0.6;
  }
  .graph-controls ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    display: inline-block;
  }
  .graph-controls li {
    display: inline-block;
    padding: 5px 0 7px;
    width: 43px;
    background: #3c9adc;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s ease-out;
  }
  .graph-controls li:hover {
    background: #2e7db4;
  }
  .graph-controls .pan-disabled,
  .graph-controls .zoom-disabled {
    opacity: 0.4;
    cursor: default;
  }
  .graph-controls .pan-disabled:hover,
  .graph-controls .zoom-disabled:hover {
    background: #3c9adc;
  }
  .graph-controls-pan {
    float: right;
    margin: 0 30px 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .graph-controls-pan .pan-left,
  .graph-controls-pan .pan-right {
    padding: 4px 0 6px;
    border-radius: 5px;
  }
  .graph-controls-pan .pan-right {
    margin-left: 3px;
  }
  .graph-controls-pan .pan-right .icon {
    margin-left: 3px;
  }
  .graph-controls-pan .icon {
    fill: #fff;
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }
  .graph-controls-zoom {
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .graph-controls-zoom li:not(:last-child) {
    border-right: 1px solid #cecece;
  }
  .graph-controls-zoom li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .graph-controls-zoom li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .graph-controls-zoom .zoom-selected {
    background: #1e5982;
  }
  .graph-controls-zoom .zoom-selected:hover {
    background: #113b59;
  }
  .graph-load-more {
    margin-top: 16px;
  }
  .graph-notes-toggle {
    margin-top: 20px;
  }
  /* -------------------------------------------
   * Graph Legend
   * ------------------------------------------- */
  .graph-legend {
    margin: 5px 0 0 45px;
  }
  .graph-legend tr {
    line-height: 20px;
  }
  .graph-legend .legendLabel {
    padding: 0 12px 0 4px;
  }
  .graph-legend .legend-group-toggle {
    cursor: pointer;
    user-select: none;
    color: #646464;
  }
  .graph-legend .legend-group-toggle.legend-group-toggle-inactive {
    opacity: 0.5;
  }
  .graph-legend .legend-group-toggle:hover {
    color: #171717;
  }
  /* -------------------------------------------
   * Graph Misc
   * ------------------------------------------- */
  .add-note-crosshairs {
    cursor: crosshair;
  }
  .graph-annotation-icon {
    position: absolute;
    top: -15px;
    margin-left: -10px;
    cursor: pointer;
  }
  .graph-annotation-icon .icon {
    width: 20px;
    height: 20px;
  }
  .graph-annotation-alarm,
  .graph-annotation-alarm-error {
    margin-left: -9px;
  }
  .graph-annotation-alarm .icon,
  .graph-annotation-alarm-error .icon {
    width: 18px;
    height: 18px;
    fill: #cfa532;
  }
  .graph-annotation-alarm-error .icon {
    fill: #9b9b9b;
  }
  .graph-annotation-error {
    margin-left: -8px;
    top: -13px;
  }
  .graph-annotation-error .icon {
    width: 16px;
    height: 16px;
    fill: #9b9b9b;
  }
  .graph-tip-holder {
    top: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
  }
  .graph-tip-addnote {
    width: 275px;
  }
  .graph-tip-title {
    margin-bottom: 15px;
  }
  .graph-tip-perf-alert,
  .graph-tip-perf-error {
    margin: 5px 0;
  }
  .graph-tip-perf-alert .icon,
  .graph-tip-perf-error .icon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .graph-tip-perf-alert {
    color: #d59124;
  }
  .graph-tip-perf-alert .icon {
    fill: #cfa532;
  }
  .graph-tip-perf-error {
    color: #9b9b9b;
  }
  .graph-tip-perf-error .icon {
    fill: #9b9b9b;
    margin-right: 7px;
    margin-left: 2px;
    width: 16px;
    height: 16px;
  }
  .graph-plot-hover-display {
    cursor: pointer;
  }
  .graph-plot-spinner {
    position: absolute;
    top: 55%;
    left: 44%;
    text-align: center;
    font: 400 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #9b9b9b;
    --spinner-size: 50px;
  }
  .graph-plot-spinner .spinner {
    top: -60px;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 1350px) {
    .report-history .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .report-history .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .report-history .box-wrapper {
      width: 50%;
      float: left;
      margin: 25px 0 0 0;
    }
    .report-history .box-wrapper:nth-child(odd) {
      padding-right: 10px;
    }
    .report-history .box-wrapper:nth-child(even) {
      padding-left: 10px;
    }
  }
  @media (max-width: 840px) {
    .report-history-content {
      display: none;
    }
    .report-history-mobile {
      display: block;
    }
  }
  /* =========================================================================
   * Alerts log tab
   * ========================================================================= */
  .alerts-log-sidebar {
    width: 280px;
  }
  .alerts-log-sidebar-wrapper {
    background: #fbfbfb;
  }
  .alerts-log-sidebar-wrapper .btn, .alerts-log-sidebar-wrapper .paginate_button {
    display: block;
    max-width: 280px;
  }
  .alerts-log-sidebar-wrapper .btn-disabled {
    pointer-events: none;
  }
  .alerts-log-sidebar-conds {
    font-size: 12px;
    padding-left: 12px;
  }
  .alerts-log-sidebar-conds li {
    margin-bottom: 10px;
  }
  .alerts-log-sidebar-empty {
    --text-color: #9b9b9b;
    text-align: center;
    font-weight: bold;
    margin: 20px 0;
  }
  .alerts-log-table {
    border: none;
    width: 100%;
  }
  .alert-log-entry:not(last-child) {
    margin-bottom: 10px;
  }
  .ale-summary {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    background: var(--ale-summary-bg, #fbfbfb);
    transition: background 0.3s ease-out;
    border-radius: 5px;
  }
  .ale-summary:hover {
    --ale-summary-bg: #efefef;
    --ale-expand-bg: #e0e0e0;
  }
  .ale-summary-even {
    --ale-summary-bg: #f4f4f4;
    --ale-expand-bg: #efefef;
  }
  .ale-expand {
    flex: 0 0 40px;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    background: var(--ale-expand-bg, #f4f4f4);
    transition: background 0.3s ease-out;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 5px;
  }
  .ale-icon {
    width: 80px;
    margin-right: 10px;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .ale-icon .icon {
    width: 22px;
    height: 22px;
    fill: var(--ale-icon-color);
  }
  .ale-icon-performance {
    --ale-icon-color: #b4991d;
  }
  .ale-icon-performance-failed {
    --ale-icon-color: #9b9b9b;
  }
  .ale-icon-suppressed {
    --ale-icon-color: #fff;
    background: #646464;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .ale-title {
    flex-grow: 1;
    padding: 14px 0;
    font-weight: bold;
    margin: 0;
  }
  .ale-timestamp {
    flex: 0 0 160px;
    font-size: 12px;
    margin-right: 10px;
  }
  .ale-report-current,
  .ale-report-link {
    flex: 0 0 80px;
    font-size: 12px;
    text-align: right;
    margin-right: 10px;
  }
  .ale-report-current {
    font-style: italic;
  }
  .ale-suppress-link {
    font-size: 12px;
    padding-right: 50px;
  }
  .alerts-log-suppressed-container {
    margin-bottom: 24px;
  }
  .alerts-log-suppressed {
    cursor: initial;
  }
  .alerts-log-suppressed:hover {
    --ale-summary-bg: #f4f4f4;
  }
  .ale-events-container {
    display: flex;
    padding: 25px 25px 25px 0;
    font-size: 14px;
  }
  .ale-events {
    flex-grow: 1;
  }
  .ale-events-sidebar {
    flex-shrink: 0;
  }
  .ale-events-sidebar-links {
    font-size: 12px;
  }
  .ale-events-sidebar-links span:not(:last-child):after {
    content: "|";
    display: inline-block;
    margin: 0 6px;
  }
  .ale-events-timestamp {
    display: none;
    margin-left: 15px;
  }
  .ale-event {
    display: flex;
    position: relative;
  }
  .ale-event:not(:last-child) {
    margin-bottom: 20px;
  }
  .ale-event:not(:last-child):before {
    position: absolute;
    left: 39px;
    top: 21px;
    bottom: -15px;
    width: 1px;
    background: #cecece;
    content: "";
    z-index: 0;
  }
  .ale-event li {
    margin: 5px;
  }
  .ale-event-icon {
    flex: 0 0 80px;
    margin-right: 10px;
    text-align: center;
    height: 17px;
    z-index: 1;
  }
  .ale-event-icon .icon {
    background: #fff;
    fill: #cecece;
    width: 16px;
    height: 16px;
  }
  .ale-event-content {
    flex-grow: 1;
  }
  .ale-resp-show {
    display: none;
  }
  .ale-event-type-notification span {
    text-decoration: underline;
  }
  .alerts-log-table-hl .alert-log-entry:not(.alert-log-entry-hl) {
    opacity: 0.5;
  }
  .alert-log-entry-hl {
    box-shadow: 0 0 10px 1px rgba(70, 151, 210, 0.6392156863);
    border-radius: 8px;
  }
  .alerts-log-loading {
    --spinner-size: 60px;
    --spinner-gap: 4px;
    position: relative;
  }
  .alerts-log-loading h4 {
    color: #9b9b9b;
    font-weight: 100;
    font-size: 22px;
    margin-top: 100px;
  }
  .alerts-log-empty {
    padding: 30px 0;
    background: #fbfbfb;
    border-radius: 5px;
  }
  .alerts-log-empty h4, .alerts-log-empty p {
    text-align: center;
  }
  .alerts-log-empty p {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .alerts-log-empty-reasons {
    margin-top: 10px;
  }
  .alerts-log-empty-reasons p {
    font-style: italic;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (min-width: 1050px) and (max-width: 1350px), (max-width: 850px) {
    .ale-report-current,
    .ale-report-link {
      display: none;
    }
    .ale-timestamp {
      text-align: right;
    }
    .ale-resp-show {
      display: inline-block;
    }
    .ale-events-container {
      flex-direction: column;
    }
    .ale-events-sidebar {
      margin: 20px 0 0 15px;
    }
  }
  @media (max-width: 1050px) {
    .report-alerts .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .report-alerts .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .alerts-log-sidebar-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
  @media (max-width: 750px) {
    .ale-icon .icon {
      display: none;
    }
    .ale-summary {
      position: relative;
      padding-left: 15px;
    }
    .ale-icon {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 8px;
      background: var(--ale-icon-color);
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }
    .ale-icon-suppressed {
      background: #646464;
    }
    .ale-timestamp {
      display: none;
    }
    .ale-events-timestamp {
      display: block;
    }
    .ale-event {
      font-size: 12px;
    }
    .ale-event-icon {
      flex: 0 0 46px;
      margin-right: 0;
    }
    .ale-event:not(:last-child):before {
      left: 23px;
    }
  }
  @media (max-width: 500px) {
    .ale-suppress-link {
      display: none;
    }
    .alerts-log-sidebar-wrapper {
      flex-direction: column;
    }
  }
  /* =========================================================================
   * Compare Menu
   * ========================================================================= */
  .menu-report-compare .analyze-error {
    margin: 20px 0;
    color: var(--text-color);
    font-size: 12px;
  }
  .menu-report-compare .analyze-error a {
    color: #3c9adc;
  }
  .menu-report-compare .analyze-error a:hover {
    color: #2e7db4;
  }
  .menu-report-compare .analyze-error h3 {
    font-size: 24px;
  }
  .menu-report-compare .analyze-form-button button {
    font-size: 18px;
    padding: 5px 15px 7px;
  }
  .menu-report-compare .analyze-form-quick-btn {
    --btn-color-bg: #0b263a;
  }
  .menu-report-compare .analyze-form-quick-btn:hover, [open] .menu-report-compare .analyze-form-quick-btn {
    --btn-color-bg-hover: #030a0e;
  }
  .menu-report-compare .analyze-form-quick-dropdown .btn, .menu-report-compare .analyze-form-quick-dropdown .paginate_button {
    --btn-color-bg: #0b263a;
    --btn-color-bg-hover: #030a0e;
  }
  .menu-report-compare .af-section-advanced-column {
    display: block;
  }
  .menu-report-compare .af-section-advanced-column > .form-row:not(:first-child) {
    margin-top: var(--form-margin);
  }
  /* =========================================================================
   * Page History Menu
   * ========================================================================= */
  .report-history-columns .report-history-column-heading {
    margin: 15px 0;
  }
  .report-history-columns .report-history-column-heading > ul {
    margin: 0;
    padding-left: 0;
  }
  .report-history-columns .report-history-column-heading li {
    padding-left: 12px;
  }
  .report-history-columns .report-history-column-heading:hover {
    background: initial;
  }
  .report-history-columns input {
    margin-right: 5px;
  }
  .report-history-columns label {
    color: #646464;
  }
  .report-history-copy-container {
    margin-top: 40px;
  }
  label.report-history-copy-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .report-history-copy {
    flex-grow: 1;
    background: #efefef;
    color: #646464;
    padding: 11px 10px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    font-family: monospace;
    border-radius: 3px;
  }
  .report-history-copy-unit {
    margin-top: 15px;
  }
  .report-history-copy-unit h4 {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 5px;
  }
  .report-history-link-all {
    width: 120px;
    padding: 7px 15px 7px;
  }
  .report-history-copy-template,
  .report-history-agg-preview-line-template {
    display: none;
  }
  .report-history-columns-disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .report-history-public-disabled {
    cursor: help !important;
  }
  .report-history-column-readonly {
    opacity: 0.7;
    font-style: italic;
    pointer-events: none;
  }
  .report-history-link-btn {
    padding: 7px 15px 7px;
  }
  .report-history-agg-preview {
    margin-top: 20px;
  }
  .report-history-agg-preview h4 {
    font-size: 24px;
  }
  .report-history-agg-titles {
    display: flex;
    color: #cecece;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 15px;
  }
  .report-history-agg-preview-line {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .report-history-agg-preview-line details summary {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .report-history-agg-preview-line details summary + ul {
    padding: 10px 0;
  }
  .report-history-agg-preview-line details li {
    padding: 8px;
  }
  .report-history-agg-titles-metric,
  .report-history-agg-name {
    flex-grow: 1;
  }
  .report-history-agg-titles-type,
  .report-history-agg-columns {
    flex: 0 0 275px;
  }
  .report-history-agg-name {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 0;
  }
  /* =========================================================================
   * Page Settings Menu
   * ========================================================================= */
  .menu-report-settings-mon,
  .menu-report-settings-mon-video {
    margin-top: 16px;
  }
  .menu-report-pro-note {
    margin: 10px 0;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.7;
  }
  .ps-dns-none {
    color: var(--text-color);
    font-style: italic;
    font-size: 14px;
    padding: 10px 0 5px 0;
    opacity: 0.8;
  }
  .ps-ua-label {
    color: var(--text-color);
  }
  .ps-ua-presets {
    display: flex;
    align-items: flex-end;
    padding-bottom: 7px;
  }
  .ps-ua-presets .ps-ua-label {
    padding-bottom: 3px;
    margin-right: 10px;
  }
  .ps-responsive-show {
    display: none;
  }
  @media (max-width: 600px) {
    .ps-responsive-show {
      display: initial;
    }
    .ps-responsive-hide {
      display: none;
    }
  }
  /* =========================================================================
   * Monitor Menu
   * ========================================================================= */
  .monitored-reports-none {
    --table-row-color: rgba(255, 255, 255, 0.3);
    --table-row-color-odd: rgba(255, 255, 255, 0.3);
    --table-row-color-hover: rgba(255, 255, 255, 0.3);
    color: #fff;
  }
  .monitored-reports-none-content {
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    text-align: center;
    font-style: italic;
  }
  .monitored-reports-row {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #646464;
  }
  .monitored-reports-metric {
    cursor: pointer;
    display: inline-block;
    width: 53px;
  }
  .monitored-reports-grade {
    font-weight: bold;
    font-size: 16px;
    width: 25px;
  }
  .monitored-reports-score {
    width: 45px;
  }
  .monitored-reports-legacy {
    width: 65px;
  }
  .monitored-reports-current {
    font-size: 14px;
    color: #9b9b9b;
  }
  .monitored-reports-actions {
    font-size: 12px;
    --link-color: #3c9adc;
    --link-color-hover: #2e7db4;
  }
  .monitored-reports-actions a + a {
    margin-left: 7px;
  }
  .monitored-confirm-list {
    max-height: 250px;
    overflow-y: scroll;
    padding: 15px 20px 15px 35px;
    --text-color: #646464;
    --link-color: #3c9adc;
    --link-color-hover: #2e7db4;
  }
  .monitored-confirm-url {
    font-size: 18px;
  }
  .monitored-confirm-url span {
    --text-color: #9b9b9b;
  }
  .monitored-confirm-url:not(:last-child) {
    margin-bottom: 8px;
  }
  @media (max-width: 725px) {
    .monitored-reports-summary-cwv {
      display: none;
    }
  }
  @media (max-width: 600px) {
    .monitored-reports-extra,
    .monitored-reports-actions,
    .monitored-reports-current {
      display: none;
    }
    .monitored-reports-table tbody tr:first-child > td:nth-last-child(2) {
      border-top-right-radius: 8px;
    }
  }
  @media (max-width: 400px) {
    .monitored-reports-row {
      font-size: 14px;
    }
    .monitored-reports-time {
      display: none;
    }
  }
  /* =========================================================================
   * Alerts Menu
   * ========================================================================= */
  .menu-report-alerts-message {
    margin-bottom: 30px;
  }
  .menu-report-alerts-message ul {
    margin-bottom: 0;
  }
  .menu-report-alerts-conds {
    margin-top: 5px;
  }
  .menu-report-alerts-no-conds {
    margin: 10px 0;
    font-size: 14px;
    font-style: italic;
    opacity: 0.5;
  }
  .menu-report-alerts-cond-inputs {
    display: flex;
    align-items: center;
  }
  .menu-report-alerts-cond-inputs > *:not(:first-child) {
    margin-left: 10px;
  }
  .menu-report-alerts-cond {
    margin-bottom: 10px;
    white-space: nowrap;
  }
  .menu-report-alerts-cond-metric {
    width: 300px;
  }
  .menu-report-alerts-cond-operator {
    width: 175px;
  }
  .menu-report-alerts-cond-value {
    width: 70px;
  }
  .menu-report-alerts-cond-units {
    color: var(--text-color);
    font-size: 18px;
  }
  .menu-report-alerts-cond-units-size {
    width: 60px;
  }
  .menu-report-alerts-cond-value-grade {
    width: 55px;
  }
  .menu-report-remove-entry {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    opacity: 0.6;
    text-decoration: none;
    transition: opacity 0.25s ease-out;
  }
  .menu-report-remove-entry:hover {
    opacity: 1;
    color: var(--link-color);
  }
  .menu-report-alerts-section-disabled {
    opacity: 0.3;
    pointer-events: none;
  }
  .menu-report-alerts-section-sendto h4 {
    margin-top: 24px;
  }
  .menu-report-alerts-sendto-member {
    max-width: 305px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .menu-report-alerts-sendto-members {
    color: #646464;
  }
  .menu-report-alerts-sendto-members summary {
    color: #9b9b9b;
  }
  .menu-report-alerts-sendto-preview-none {
    opacity: 0.7;
  }
  .menu-report-alerts-sendto-preview-container div {
    margin-top: 5px;
    font-size: 14px;
    min-height: 30px;
  }
  .menu-report-alerts-sendto-preview {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background: #678799;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
  }
  .menu-report-alerts-sendto-preview:hover {
    white-space: normal;
    word-break: break-all;
  }
  .menu-report-alerts-sendto-preview-disabled {
    font-style: italic;
  }
  .menu-report-alerts-sendto-preview-disabled .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    padding: 3px;
    margin-left: 5px;
    background: #b4991d;
    vertical-align: middle;
  }
  .menu-report-alerts-sendto-preview-disabled span {
    color: #e0e0e0;
    margin: 0;
    opacity: 0.7;
    transition: opacity 0.3s ease-out;
    vertical-align: middle;
    max-width: calc(100% - 30px);
  }
  .menu-report-alerts-sendto-preview-disabled:hover span {
    opacity: 1;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 725px) {
    .menu-report-alerts-cond-metric {
      width: 150px;
    }
    .menu-report-alerts-cond-operator {
      width: 130px;
    }
    .menu-report-alerts-cond-value {
      width: 70px;
    }
    .menu-report-alerts-cond-units {
      color: var(--text-color);
      font-size: 18px;
    }
    .menu-report-alerts-cond-units-size {
      width: 60px;
    }
    .menu-report-alerts-cond-value-grade {
      width: 55px;
    }
  }
  @media (max-width: 650px) {
    .menu-report-alerts-sendto-member {
      max-width: initial;
    }
    .menu-report-alerts-sendto-preview,
    .menu-report-alerts-sendto-preview-disabled {
      margin-right: 7px;
    }
    .menu-report-alerts-sendto-preview {
      max-width: 500px;
    }
  }
  @media (max-width: 500px) {
    .menu-report-alerts-cond-inputs {
      display: block;
    }
    .menu-report-alerts-cond-inputs > *:not(:first-child) {
      margin: 10px 0 0;
    }
    .menu-report-alerts-cond-metric,
    .menu-report-alerts-cond-operator {
      display: block;
      width: 100%;
    }
    .menu-report-alerts-cond-value {
      width: 75%;
    }
    .menu-report-alerts-cond-units-size {
      width: 23.25%;
    }
  }
  /* =========================================================================
   * Share Menu
   * ========================================================================= */
  .menu-report-share-links {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .menu-report-share-links * {
    vertical-align: middle;
  }
  .menu-report-share-links li {
    margin-bottom: 8px;
  }
  .menu-report-share-links a {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    text-decoration: none;
    display: inline-block;
    margin-right: 3px;
  }
  .menu-report-share-links .icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
  .menu-report-share-links .icon-logo-x {
    padding: 6px;
  }
  .menu-report-share-links .icon-report-copy {
    padding: 4px;
    background: #af4367;
  }
  .menu-report-share-pdf-disabled {
    opacity: 0.7;
  }
  .menu-report-share-pdf-disabled .icon {
    background: #e0e0e0;
    fill: #9b9b9b;
  }
  /* =========================================================================
   * _compare.scss: GTmetrix Compare page
   * ========================================================================= */
  /* -------------------------------------------
   * Compare colors
   * ------------------------------------------- */
  .compare-colors1 {
    --compare-color: #cae6e3;
    --compare-color-soft: #eff4ed;
  }
  .compare-colors2 {
    --compare-color: #ccddee;
    --compare-color-soft: #f1f7fc;
  }
  .compare-colors3 {
    --compare-color: #f7e5c3;
    --compare-color-soft: #fff9ec;
  }
  .compare-colors4 {
    --compare-color: #f4e5fa;
    --compare-color-soft: #fcf7fe;
  }
  /* =========================================================================
   * Top part of compare
   * ========================================================================= */
  .compare-success-cta-message {
    padding: 20px;
    text-align: center;
  }
  .compare-success-cta-message .btn + .btn, .compare-success-cta-message .paginate_button + .btn, .compare-success-cta-message .btn + .paginate_button, .compare-success-cta-message .paginate_button + .paginate_button {
    margin-top: 15px;
  }
  .compare-top {
    margin: 40px 0 25px;
  }
  /* -------------------------------------------
   * Report info
   * ------------------------------------------- */
  .compare-info .analyze-screenshot-wrapper {
    max-width: 324px;
    margin: 0 auto;
  }
  .compare-info .analyze-screenshot-mobile {
    max-width: 361px;
  }
  .compare-info .analyze-screenshot-portrait {
    padding: 0 calc((315px - 100%) * 0.18);
  }
  .analyze-screenshot-remove {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0px;
    right: 0px;
    background: var(--compare-color);
    border-radius: 4px;
    transition: opacity 0.3s ease-out;
    opacity: 0.9;
    z-index: 2;
  }
  .analyze-screenshot-remove:hover {
    opacity: 1;
  }
  .analyze-screenshot-remove:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 3px;
    width: 50%;
    margin-top: -1.5px;
    margin-left: -25%;
    background: #fff;
  }
  .analyze-screenshot-mobile .analyze-screenshot-remove {
    right: auto;
    left: 75%;
  }
  .compare-info-add .analyze-screenshot {
    cursor: pointer;
    transition: background-color 0.25s ease-out;
  }
  .compare-info-add .analyze-screenshot:hover {
    background: #efefef;
  }
  .compare-info-add .analyze-screenshot:hover .icon {
    opacity: 1;
  }
  .compare-info-add .icon {
    position: absolute;
    fill: #646464;
    top: 45%;
    left: 45%;
    width: 28px;
    height: 28px;
    opacity: 0.6;
    transition: opacity 0.25s ease-out;
  }
  .compare-info-text {
    font: 14px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-top: 10px;
    text-align: center;
  }
  .compare-info-text a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .compare-info-text a:hover {
    white-space: normal;
    word-break: break-all;
  }
  /* -------------------------------------------
   * Page details summary
   * ------------------------------------------- */
  .compare-summaries {
    margin: 15px 20px 30px;
  }
  .compare-summary-head,
  .compare-summary {
    font: 19px / 1.75 "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .compare-summary-head {
    text-align: right;
    padding: 20px 20px 0 0;
  }
  .compare-summary {
    text-align: center;
  }
  .compare-summary .card {
    font-size: 19px;
    background: linear-gradient(162deg, #fff 10%, var(--compare-color));
    padding: 20px;
  }
  .compare-summary .compare-grade-better,
  .compare-summary .compare-best {
    color: #4ec52e;
  }
  .compare-summary .compare-grade-worse,
  .compare-summary .compare-worst {
    color: #c72525;
  }
  .compare-summary .compare-grade-better,
  .compare-summary .compare-grade-worse {
    font-size: 16px;
  }
  .compare-summary-value {
    font-weight: 500;
  }
  .compare-grade-none {
    opacity: 0.6;
  }
  .compare-summary-error {
    line-height: 1.2;
  }
  .compare-summary-add {
    margin-top: 50px;
    line-height: 1.2;
  }
  .compare-summary-add button {
    margin-top: 10px;
  }
  .compare-summary-gtmetrix-score {
    font-size: 16px;
  }
  .compare-infos .compare-summary {
    display: none;
    float: none;
    padding-left: 0;
    margin: 15px 0 30px;
  }
  .compare-infos .compare-summary h5 {
    margin: 5px 0 0 0;
  }
  /* -------------------------------------------
   * Info, Summary, Rules shared styles
   * ------------------------------------------- */
  .compare-info-head,
  .compare-info,
  .compare-summary-head,
  .compare-summary {
    float: left;
    padding-left: 10px;
  }
  .compare-info-head,
  .compare-summary-head {
    padding-left: 0;
  }
  .compare-4infos .compare-info-head,
  .compare-4infos .compare-info,
  .compare-4summaries .compare-summary-head,
  .compare-4summaries .compare-summary,
  .compare-4rules td {
    width: 20%;
  }
  .compare-3infos .compare-info-head,
  .compare-3infos .compare-info,
  .compare-3summaries .compare-summary-head,
  .compare-3summaries .compare-summary,
  .compare-3rules td {
    width: 25%;
  }
  .compare-2infos .compare-info-head,
  .compare-2infos .compare-info,
  .compare-2summaries .compare-summary-head,
  .compare-2summaries .compare-summary,
  .compare-2rules td {
    width: 33.33%;
  }
  .compare-1infos .compare-info-head,
  .compare-1infos .compare-info,
  .compare-1summaries .compare-summary-head,
  .compare-1summaries .compare-summary,
  .compare-1rules td {
    width: 50%;
  }
  .compare-info-head-mobile,
  .compare-info-head-max2,
  .compare-info-head-max3 {
    display: none;
    font-size: 14px;
  }
  .compare-infos-has-add-col .compare-info-head-add {
    display: none;
  }
  .compare-info-head-add + .compare-info-head-mobile {
    margin-top: 16px;
  }
  @media (max-width: 999px) {
    .compare-4infos .compare-info-head,
    .compare-4infos .compare-info,
    .compare-4summaries .compare-summary-head,
    .compare-4summaries .compare-summary,
    .compare-4rules td {
      width: 25%;
    }
    .compare-info4,
    .compare-summary4,
    .compare-rules td:nth-child(n+5) {
      display: none;
    }
    .compare-4infos .compare-info-head-max3,
    .compare-3infos .compare-info-head-max3 {
      display: block;
    }
    .compare-4infos .compare-info-head-add,
    .compare-3infos .compare-info-head-add {
      display: none;
    }
    .compare-infos-has-add-col .compare-info-head-max2,
    .compare-infos-has-add-col .compare-info-head-max3,
    .compare-infos-has-add-col .compare-info-head-add {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .compare-4infos .compare-info-head,
    .compare-4infos .compare-info,
    .compare-4summaries .compare-summary-head,
    .compare-4summaries .compare-summary,
    .compare-4rules td,
    .compare-3infos .compare-info-head,
    .compare-3infos .compare-info,
    .compare-3summaries .compare-summary-head,
    .compare-3summaries .compare-summary,
    .compare-3rules td {
      width: 33.33%;
    }
    .compare-info3,
    .compare-info4,
    .compare-summary3,
    .compare-summary4,
    .compare-rules td:nth-child(n+4) {
      display: none;
    }
    .compare-4infos .compare-info-head-max2,
    .compare-3infos .compare-info-head-max2,
    .compare-2infos .compare-info-head-max2 {
      display: block;
    }
    .compare-4infos .compare-info-head-max3,
    .compare-3infos .compare-info-head-max3,
    .compare-2infos .compare-info-head-max3,
    .compare-2infos .compare-info-head-add {
      display: none;
    }
    .compare-infos-has-add-col .compare-info-head-max2,
    .compare-infos-has-add-col .compare-info-head-max3,
    .compare-infos-has-add-col .compare-info-head-add {
      display: none;
    }
  }
  @media (max-width: 599px) {
    .compare-infos .compare-summary {
      display: block;
    }
    .compare-infos .compare-info-head,
    .compare-infos .compare-info {
      float: none;
      width: auto;
      display: block;
      padding-left: 0;
    }
    .compare-summaries,
    .compare-tabs {
      display: none;
    }
    .compare-infos .compare-info-head-max2,
    .compare-infos .compare-info-head-max3 {
      display: none;
    }
    .compare-info-head-mobile {
      display: block;
    }
    .compare-infos .compare-info-head-add {
      display: block;
      text-align: center;
    }
    .compare-infos-has-add-col .compare-info-head-add {
      display: none;
    }
  }
  /* =========================================================================
   * Recommendations
   * ========================================================================= */
  .compare-rules {
    table-layout: fixed;
    width: 100%;
    font-size: 11px;
  }
  .compare-rule-head {
    text-align: right;
    color: #2e7db4;
  }
  .compare-rule {
    font-weight: bold;
  }
  .compare-grade {
    margin-left: 10px;
    padding: 7px 4px 7px;
    text-align: center;
    background: linear-gradient(162deg, var(--compare-color-soft), 10%, var(--compare-color) 100%);
    margin-bottom: 2px;
  }
  .compare-grade.compare-best {
    color: #fff;
    background: #4ec52e;
  }
  .compare-grade.compare-worst {
    color: #fff;
    background: #c72525;
  }
  tr:first-child .compare-grade {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  tr:last-child .compare-grade {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 0;
  }
  /* =========================================================================
   * Waterfall
   * ========================================================================= */
  .compare-waterfall-note {
    font-size: 14px;
  }
  @media (max-width: 1200px) {
    .compare-waterfall .report-waterfall-content {
      overflow-x: scroll;
    }
    .compare-waterfall .report-waterfall-wrapper {
      min-width: 1200px;
    }
  }
  /* =========================================================================
   * Filmstrip (Lighthouse)
   * ========================================================================= */
  .compare-filmstrip-note {
    font-style: italic;
    font-size: 14px;
  }
  .compare-filmstrip {
    overflow-x: auto;
  }
  .compare-filmstrip .report-filmstrip-wrapper {
    overflow-x: visible;
  }
  .compare-filmstrip .compare-filmstrip-url {
    background: var(--compare-color);
  }
  .compare-filmstrip .report-filmstrip-thumbnail img {
    border-color: var(--compare-color);
    border-radius: 5px;
  }
  .compare-filmstrip-url {
    margin: 0;
    padding: 3px;
    font-size: 10px;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    z-index: 3;
  }
  .compare-filmstrip-footer {
    margin: 20px auto;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .compare-filmstrip-footer-label {
    display: flex;
  }
  .compare-filmstrip-legend {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border-radius: 3px;
  }
  @media (max-width: 1000px) {
    .compare-filmstrip-footer {
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .compare-filmstrip-footer-label {
      flex-basis: 225px;
      margin: 7px 0;
      padding: 0 20px;
    }
  }
  /* =========================================================================
   * Graphs
   * ========================================================================= */
  .page-compare .graph-container h3 {
    margin-bottom: 30px;
  }
  .page-compare .graph-container h4 {
    margin: 5px 0;
  }
  .compare-graph {
    height: 200px;
  }
  .compare-legend {
    padding-top: 4px;
    width: 35%;
  }
  .compare-legend table {
    table-layout: fixed;
    width: 100%;
  }
  .compare-legend .legendColorBox {
    width: 14px;
  }
  .compare-legend .legendLabel {
    padding: 4px 0 2px 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /* =========================================================================
   * _resources.scss: GTmetrix Resources and Recommendations pages
   * ========================================================================= */
  .accordion dt {
    font: 500 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .accordion dt a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #e0e0e0;
    padding: 8px 10px;
    background: #f4f4f4;
    transition: background 0.3s ease-out;
    text-decoration: none;
    color: var(--text-color);
  }
  .accordion dt a:hover {
    background: #e9e9e9;
  }
  .accordion dt a:hover .icon-accordion-arrow {
    filter: brightness(80%);
  }
  .accordion dt .icon-accordion-arrow {
    width: 12px;
    height: 12px;
    fill: var(--text-color);
    transition: all 0.3s ease-out;
  }
  .accordion dt.accordion-active a {
    border-top-color: #3c9adc;
    border-bottom: 1px solid #efefef;
    background: #fff;
    color: #3c9adc;
  }
  .accordion dt.accordion-active a:hover {
    color: #2e7db4;
  }
  .accordion dt.accordion-active a .icon-accordion-arrow {
    transform: scaleY(-1);
    --text-color: #3c9adc;
  }
  .accordion dt.accordion-active a.accordion-sub-list-heading {
    border-bottom: none;
  }
  .accordion dd {
    margin: 0;
  }
  .accordion .accordion-sub-list {
    text-indent: 20px;
  }
  .accordion .accordion-sub-list dt {
    font: 300 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .accordion .accordion-sub-list dt.accordion-active a {
    border-top-color: #e0e0e0;
  }
  .accordion .accordion-sub-list dd li {
    text-indent: 0;
    padding-left: 20px;
  }
  .recommendations-list ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin: 15px 0;
    font-size: 12px;
  }
  .recommendations-list li {
    margin: 10px;
  }
  .recommendations-list li.selected a {
    font-weight: bold;
    color: var(--text-color);
    text-decoration: none;
  }
  /* =========================================================================
   * Resources page
   * ========================================================================= */
  .resources-guides-and-tips {
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin-top: 30px;
  }
  .resources-guides-and-tips li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: 40px;
  }
  .resources-guides-and-tips li:nth-child(odd) {
    padding-right: 15px;
  }
  .resources-guides-and-tips li:nth-child(even) {
    padding-left: 15px;
  }
  .resources-logo {
    border: 8px solid #efefef;
    background: #fbfbfb;
    text-align: center;
    padding: 8px 0 4px;
    transition: filter 0.2s ease-out;
  }
  .resources-logo a {
    display: block;
  }
  .resources-logo:hover {
    filter: brightness(0.95);
  }
  .resources-logo .icon {
    width: 100px;
    height: 100px;
    fill: #646464;
  }
  .resources-logo .icon-cdn {
    transform: rotate(-25deg);
  }
  .resources-logo .icon-getting-started {
    width: 210px;
  }
  .resources-logo .icon-doc-report,
  .resources-logo .icon-doc-web-vitals {
    height: 84px;
  }
  .resources-logo .icon-doc-report {
    width: 123px;
  }
  .resources-logo .icon-doc-web-vitals {
    width: 167px;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 600px) {
    .resources-guides-and-tips li {
      width: auto;
      margin-bottom: 30px;
    }
    .resources-guides-and-tips li:nth-child(odd) {
      padding: 0;
    }
    .resources-guides-and-tips li:nth-child(even) {
      padding: 0;
    }
  }
  /* =========================================================================
   * Recommendations page
   * ========================================================================= */
  .recommendations-split {
    display: flex;
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .recommendations-block {
    flex: 1 0 50%;
  }
  .recommendations-block:nth-child(odd) {
    padding-right: 10px;
  }
  .recommendations-block:nth-child(even) {
    padding-left: 10px;
  }
  .recommendations-links li {
    margin: 15px 0;
  }
  @media (max-width: 700px) {
    .recommendations-split {
      display: block;
    }
    .recommendations-block:nth-child(odd), .recommendations-block:nth-child(even) {
      padding: 0;
      margin-bottom: 25px;
    }
  }
  /* =========================================================================
   * Recommendations details page
   * ========================================================================= */
  .rec-summary label {
    font-weight: bold;
    line-height: 1.75;
  }
  .rec-summary hr,
  .rec-wprocket hr {
    margin: 12px 0;
  }
  .rec-summary hr:last-child,
  .rec-wprocket hr:last-child {
    display: none;
  }
  .rec-lighthouse-dfficulty {
    display: inline-block;
    transform: translateY(20%);
    font-size: 22px;
    letter-spacing: 1px;
    cursor: help;
  }
  .recommendations-detail-content {
    padding-bottom: 25px;
  }
  .recommendations-detail-content .notify-info-gray {
    --notify-tab-size: 50px;
    --notify-svg-size: 20px;
    --notify-svg-padding: 5px;
  }
  .recommendations-detail-content .notify-info-gray > :first-child {
    padding-right: 0;
  }
  .recommendations-detail-content h2 {
    margin-top: 50px;
    padding: 50px 0 10px;
    border-top: 2px solid #efefef;
  }
  .recommendations-detail-content h3 {
    margin-top: 30px;
    padding: 30px 0 10px;
    border-top: 2px dotted #efefef;
  }
  .recommendations-detail-content h4 {
    margin-top: 40px;
  }
  .recommendations-detail-content p {
    line-height: 1.5em;
  }
  .recommendations-detail-content code {
    display: inline-block;
    font-size: 16px;
    padding: 1px 6px;
    background: #efefef;
    color: #2e7db4;
    letter-spacing: 0;
  }
  .recommendations-detail-content ul {
    margin: 30px 0;
  }
  .recommendations-detail-content ul li {
    margin: 10px 0;
  }
  .recommendations-detail-content ul li ul {
    margin: 5px 0;
  }
  .recommendations-detail-content ul li ul li {
    margin: 5px 0 20px 0;
  }
  .recommendations-detail-content .simple-analyze-form {
    margin-top: 40px;
  }
  .recommendations-detail-content .article-quote {
    display: block;
    font-family: Georgia, serif;
    font-size: 20px;
    line-height: 1.4em;
    font-style: italic;
    margin-block-start: 1em;
    margin-block-end: 1em;
    background: #f4f9fd;
    padding: 30px;
    border-left: 6px solid #3c9adc;
  }
  .recommendations-detail-content .high-difficulty {
    padding: 20px;
    margin: 40px 0;
    border: 4px solid #113b59;
    background: #1e5982;
    --text-color: #fff;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .recommendations-detail-content .high-difficulty h4 {
    margin: 0;
  }
  .recommendations-detail-content .notify > h4 {
    margin-top: 0;
  }
  .recommendations-detail-content .doc-callout {
    line-height: 1.5em;
    color: #333;
    margin: 1.25em 0;
    font: 26px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .recommendations-detail-content .doc-callout code {
    font-size: 24px;
    letter-spacing: 0;
    background: none;
  }
  .recommendations-detail-content .screenshot {
    margin: 50px 0;
  }
  .recommendations-detail-content .screenshot video {
    border: 3px solid #efefef;
    box-sizing: border-box;
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .recommendations-detail-content .sub-section {
    margin-top: 30px;
    padding: 30px 0 10px;
    border-top: 2px dotted #efefef;
    background: none;
  }
  .recommendations-detail-content .green-code {
    color: #669900;
  }
  .recommendations-detail-content .blue-code {
    color: #69a3ca;
  }
  h2.recommendations-detail-overview {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .recommendations-detail-sidebar {
    overflow: initial;
  }
  .recommendations-detail-sidebar.layout-cols-sidebar-right {
    width: 320px;
  }
  .recommendations-detail-sidebar .box li {
    margin-bottom: 8px;
  }
  .rec-summary-list {
    padding-left: 20px;
  }
  .rec-summary-list li:not(last-child) {
    margin-bottom: 10px;
  }
  .recommendations-detail-sidebar-cta-container {
    position: sticky;
    top: 20px;
    margin-top: 20px;
  }
  .recommendations-detail-sidebar-cta-img {
    float: left;
    margin-right: 13px;
    margin-top: 3px;
  }
  .recommendations-detail-sidebar-cta-img .icon-wprocket {
    width: 20px;
    height: 36px;
  }
  .recommendations-detail-sidebar-cta-img .icon-imagify {
    width: 36px;
    height: 30px;
  }
  /* =========================================================================
   * _features.scss: GTmetrix Features pages
   * ========================================================================= */
  /* ----------------------------------------------
   * General Setup, used in all/most Features pages
   * ---------------------------------------------- */
  .features {
    font-size: 20px;
  }
  .features-pre-title {
    color: #9b9b9b;
    text-align: center;
    font-size: 30px;
    margin: 0 0 60px;
  }
  .features-section {
    padding: 90px 200px;
  }
  .features-section-with-bg {
    position: relative;
  }
  .features-section-with-bg:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.15;
  }
  .features-section-shadow {
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.25);
    position: relative;
  }
  .features-container {
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
  }
  .features-container h2 {
    font-size: 42px;
    margin: 0 0 40px;
  }
  .features-container .btn, .features-container .paginate_button {
    font-size: 24px;
    padding: 8px 23px 10px;
  }
  .features-image-wrapper, .careers-image-wrapper {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  .features-image-wrapper img, .careers-image-wrapper img {
    width: 100%;
    height: auto;
    margin: auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .features-list {
    font-size: 18px;
  }
  .features-list li {
    list-style-type: none;
    display: flex;
  }
  .features-checklist {
    padding-left: 0;
    margin: 30px 0 40px;
  }
  .features-checklist li {
    list-style-type: none;
    margin: 15px 0;
    display: flex;
    align-items: center;
  }
  .features-checklist .icon-tick-green-circle {
    margin: -2px 10px 0 0;
    flex: 0 0 26px;
  }
  .features-text-note {
    margin-top: -10px;
    font-size: 14px;
  }
  .features-country-list li {
    padding-right: 20px;
  }
  .features-country-list .icon {
    width: 30px;
    height: 21px;
    margin-right: 8px;
  }
  .features-quote {
    display: flex;
    align-items: center;
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 30px 0;
  }
  .features-quote img {
    margin-right: 20px;
    max-width: 113px;
    height: auto;
  }
  .features-quote-text {
    font-style: italic;
    margin: 0;
  }
  .features-quote-source {
    color: #9b9b9b;
    margin: 10px 0 0;
    font-size: 20px;
  }
  /* ------------------------------------------------
   * Sections, some styles are used in multiple pages
   * ------------------------------------------------ */
  .features-section-intro {
    background: url(../images/features/gtmetrix-blue-bg.jpg), #1e5982;
    background-size: cover;
    --text-color: #fff;
    padding: 60px 0 70px 70px;
    overflow: hidden;
  }
  .features-section-intro .features-free-section-content {
    flex: 0 1 765px;
    padding-right: 50px;
  }
  .features-section-intro .features-wrapper {
    max-width: 700px;
    margin: 0 53% 0 auto;
  }
  .features-section-intro .features-image-wrapper, .features-section-intro .careers-image-wrapper {
    right: 0;
    top: -35px;
    bottom: -70px;
    width: 50%;
    justify-content: flex-end;
  }
  .features-section-intro .features-section-intro-btns {
    margin-bottom: 0;
  }
  .features-section-intro h1 {
    font-size: 54px;
    line-height: 60px;
  }
  .features-section-intro h2 {
    font-size: 32px;
    font-weight: 100;
    line-height: 40px;
  }
  .features-section-intro img {
    box-shadow: none;
    margin-bottom: 0;
    margin-right: 0;
  }
  .features-free .features-section-intro img {
    max-width: 897px;
  }
  .features-pro .features-section-intro img {
    max-width: 767px;
  }
  .features-section-intro .btn, .features-section-intro .paginate_button {
    margin-right: 10px;
    font-size: 26px;
  }
  .features-generic-section-intro .features-wrapper {
    margin-right: 51%;
  }
  .features-generic-section-intro .features-image-wrapper, .features-generic-section-intro .careers-image-wrapper {
    bottom: -30px;
  }
  .features-generic-section-intro img {
    max-width: 754px;
  }
  .features-generic-section-intro .features-section-intro-btns .btn + .btn, .features-generic-section-intro .features-section-intro-btns .paginate_button + .btn, .features-generic-section-intro .features-section-intro-btns .btn + .paginate_button, .features-generic-section-intro .features-section-intro-btns .paginate_button + .paginate_button {
    margin-top: 20px;
  }
  .features-generic-section-performance,
  .features-free-section-locations,
  .features-pro-section-mobile {
    background: #fbfbfb;
  }
  .features-generic-section-performance .features-wrapper,
  .features-free-section-locations .features-wrapper,
  .features-pro-section-mobile .features-wrapper {
    padding-left: 58%;
  }
  .features-generic-section-performance .features-image-wrapper, .features-generic-section-performance .careers-image-wrapper,
  .features-free-section-locations .features-image-wrapper,
  .features-free-section-locations .careers-image-wrapper,
  .features-pro-section-mobile .features-image-wrapper,
  .features-pro-section-mobile .careers-image-wrapper {
    width: 52.5%;
    left: 0;
  }
  .features-generic-section-performance {
    background: none;
  }
  .features-generic-section-performance.features-section {
    padding-bottom: 0;
  }
  .features-generic-section-performance img {
    max-width: 783px;
  }
  .features-generic-section-performance ul {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 20px;
  }
  .features-generic-section-performance li {
    flex: 1 0 50%;
    margin: 10px 0;
  }
  .features-quote-text-link {
    font-size: 18px;
  }
  .features-free-section-locations {
    background: none;
  }
  .features-free-section-locations:before {
    background: url(../images/icons/location.svg) -4%/16% no-repeat;
  }
  .features-free-section-locations .features-image-wrapper, .features-free-section-locations .careers-image-wrapper {
    width: 65%;
    left: -10%;
  }
  .features-free-section-locations .features-checklist {
    display: flex;
    flex-flow: wrap;
  }
  .features-free-section-locations .features-checklist li {
    width: 50%;
    margin: 10px 0;
    padding-right: 15px;
  }
  .features-free-section-locations img {
    box-shadow: none;
    max-width: 943px;
  }
  .features-free-section-locations a {
    font-size: 24px;
    margin: 20px 0 30px;
  }
  .features-free-section-locations .features-free-section-locations-login {
    margin-top: 30px;
  }
  .features-pro-section-mobile:before {
    background: url(../images/features-pro/mobile-icon.svg) 95% 145%/max(12%, 200px) no-repeat;
  }
  .features-pro-section-mobile img {
    max-width: 767px;
  }
  .features-generic-section-seo,
  .features-generic-section-learn,
  .features-generic-section-waterfall,
  .features-free-section-reports,
  .features-pro-section-dashboard {
    background: #fbfbfb;
  }
  .features-generic-section-seo .features-wrapper,
  .features-generic-section-learn .features-wrapper,
  .features-generic-section-waterfall .features-wrapper,
  .features-free-section-reports .features-wrapper,
  .features-pro-section-dashboard .features-wrapper {
    padding-right: 62%;
  }
  .features-generic-section-seo .features-image-wrapper, .features-generic-section-seo .careers-image-wrapper,
  .features-generic-section-learn .features-image-wrapper,
  .features-generic-section-learn .careers-image-wrapper,
  .features-generic-section-waterfall .features-image-wrapper,
  .features-generic-section-waterfall .careers-image-wrapper,
  .features-free-section-reports .features-image-wrapper,
  .features-free-section-reports .careers-image-wrapper,
  .features-pro-section-dashboard .features-image-wrapper,
  .features-pro-section-dashboard .careers-image-wrapper {
    width: 56%;
    right: 0;
  }
  .features-generic-section-seo {
    background: none;
  }
  .features-generic-section-seo.features-section {
    padding-top: 40px;
  }
  .features-generic-section-seo .features-wrapper {
    padding-right: 56%;
  }
  .features-generic-section-seo .features-image-wrapper, .features-generic-section-seo .careers-image-wrapper {
    width: 50.5%;
  }
  .features-generic-section-seo img {
    max-width: 752px;
  }
  .features-generic-section-learn .features-image-wrapper, .features-generic-section-learn .careers-image-wrapper {
    background: #fff;
    width: 59%;
    max-width: 885px;
    right: 0;
    height: min(110%, 500px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    overflow-y: scroll;
    top: 10%;
    border-radius: 5px;
  }
  .features-generic-section-learn .features-wrapper {
    padding-right: 62%;
  }
  .features-generic-section-learn img {
    max-width: 867px;
    box-shadow: none;
  }
  .features-generic-section-waterfall .features-wrapper {
    padding-right: 57%;
  }
  .features-generic-section-waterfall .features-image-wrapper, .features-generic-section-waterfall .careers-image-wrapper {
    width: 54.5%;
  }
  .features-generic-section-waterfall img {
    max-width: 813px;
  }
  .features-free-section-reports {
    padding-bottom: 140px;
    background: #fff;
  }
  .features-free-section-reports img {
    max-width: 840px;
  }
  .features-pro-section-dashboard .features-image-wrapper, .features-pro-section-dashboard .careers-image-wrapper {
    top: -30px;
    width: 54%;
  }
  .features-pro-section-dashboard img {
    max-width: 811px;
  }
  .features-pro-section-dashboard .btn, .features-pro-section-dashboard .paginate_button {
    margin: 20px 0 0;
  }
  .features-generic-section-analyze {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    z-index: 1;
    position: relative;
    padding: 50px 200px;
    font-size: 18px;
  }
  .features-generic-section-analyze .analyze-form-input input {
    padding: 12px 16px 12px;
    font-size: 24px;
    border-width: 4px;
  }
  .features-generic-section-analyze .analyze-form-button button {
    white-space: nowrap;
    padding: 10px 25px 13px;
    font-size: 30px;
    margin-left: 5px;
  }
  .features-generic-section-analyze .features-container {
    max-width: 1300px;
    margin: 0 auto;
  }
  .features-generic-section-analyze h2 {
    color: #3c9adc;
    text-align: center;
    margin-bottom: 40px;
    max-width: initial;
  }
  .features-pro-section-locations {
    background: #fff;
  }
  .features-pro-section-locations .features-container {
    display: flex;
    align-items: center;
  }
  .features-pro-section-locations .features-container:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/features-pro/worldmap.svg) 0%/59% no-repeat;
  }
  .features-pro-section-locations ul {
    padding: 0 35px 0 0;
    margin-top: 15px;
  }
  .features-pro-section-locations li {
    margin: 0 0 15px;
  }
  .features-pro-section-locations-content {
    z-index: 1;
    flex: 0 1 50%;
    padding-right: 10%;
  }
  .features-pro-section-locations-list-wrapper {
    z-index: 1;
    display: flex;
    flex-flow: wrap;
    flex: 1 0 50%;
  }
  .features-pro-section-locations-list {
    margin-bottom: 15px;
    flex: 1 0 50%;
  }
  .features-pro-section-locations-list p {
    margin: 0;
  }
  .features-section-split {
    display: flex;
    --text-color: #fff;
    padding: 0;
  }
  .features-section-split > div {
    position: relative;
    flex: 1 1 50%;
    padding: 70px 95px;
  }
  .features-section-split .features-pre-title {
    text-align: left;
    font-size: 30px;
    margin: 0 0 35px;
  }
  .features-section-split .features-image-wrapper, .features-section-split .careers-image-wrapper {
    position: static;
    justify-content: flex-start;
    margin: 0 0 20px;
  }
  .features-section-split .features-image-wrapper img, .features-section-split .careers-image-wrapper img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  .features-generic .features-section-split h2 {
    margin-top: 30px;
  }
  .features-section-split .features-wrapper {
    position: relative;
  }
  .features-section-split .features-section-split-img {
    margin: 0 auto;
    display: block;
    box-shadow: none;
    max-width: 700px;
  }
  .features-section-split .features-section-split-btn {
    margin: 30px 0;
  }
  .features-generic-section-crux,
  .features-generic-section-locations,
  .features-pro-section-crux {
    background: #fff;
    --text-color: #646464;
  }
  .features-generic-section-structure,
  .features-generic-section-monitoring,
  .features-free-section-history,
  .features-pro-section-monitoring {
    background: #113b59;
    --text-color: #fff;
  }
  .features-generic-section-structure .features-pre-title,
  .features-generic-section-monitoring .features-pre-title,
  .features-free-section-history .features-pre-title,
  .features-pro-section-monitoring .features-pre-title {
    color: #e0e0e0;
  }
  .features-generic-section-structure .features-quote-source,
  .features-generic-section-monitoring .features-quote-source,
  .features-free-section-history .features-quote-source,
  .features-pro-section-monitoring .features-quote-source {
    color: #fbfbfb;
  }
  .features-generic-section-structure .features-section-split-img {
    max-width: 760px;
  }
  .features-generic-section-structure:before {
    background: url(../images/icons/magnifying-glass.svg) 110% bottom/50% no-repeat;
  }
  .features-generic-section-crux .features-section-split-img {
    max-width: 711px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .features-generic-section-crux:before {
    background: url(../images/icons/crux.svg) 110% bottom/60% no-repeat;
  }
  .features-generic-section-locations:before {
    background: url(../images/icons/location.svg) 110% bottom/35% no-repeat;
  }
  .features-generic-section-locations ul {
    padding: 0;
    display: flex;
    flex-flow: wrap;
  }
  .features-generic-section-locations li {
    flex: 1 0 50%;
    margin: 10px 0 15px;
  }
  .features-generic-section-monitoring .features-section-split-img {
    max-width: 700px;
  }
  .features-generic-section-monitoring:before {
    background: url(../images/icons/monitor.svg) 110% bottom/65% no-repeat;
  }
  .features-free-section-history .features-section-split-img {
    max-width: 711px;
  }
  .features-free-section-history:before {
    background: url(../images/icons/monitor.svg) 110% bottom/60% no-repeat;
  }
  .features-free-section-alerts {
    background: #09263a;
  }
  .features-free-section-alerts .features-section-split-img {
    max-width: 711px;
  }
  .features-free-section-alerts:before {
    background: url(../images/icons/alert.svg) 110% bottom/48% no-repeat;
  }
  .features-pro-section-monitoring:before {
    background: url(../images/icons/monitor.svg) 110% bottom/65% no-repeat;
  }
  .features-pro-section-monitoring .features-section-split-img {
    max-width: 760px;
  }
  .features-pro-section-crux:before {
    background: url(../images/icons/crux.svg) 110% bottom/50% no-repeat;
  }
  .features-pro-section-crux .features-section-split-img {
    max-width: 760px;
  }
  .features-section-more {
    padding: 90px 160px;
  }
  .features-free .features-section-more {
    background: #fff;
  }
  .features-section-more h2 {
    color: #3c9adc;
    font-size: 42px;
    margin: 0 0 80px;
    text-align: center;
  }
  .features-section-more-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 1920px;
    margin: 0 auto;
  }
  .features-pro-section-more-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 35px;
    max-width: 1585px;
    margin: 0 auto;
  }
  .features-section-more-block,
  .features-section-more-block-double {
    padding: 0 20px;
  }
  .features-section-more-block h3,
  .features-section-more-block-double h3 {
    font-size: 28px;
  }
  .features-section-more-block p,
  .features-section-more-block-double p {
    font-size: 18px;
  }
  .features-section-more-block img,
  .features-section-more-block-double img {
    width: 100%;
    height: auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .features-section-more-block {
    flex: 1 1 450px;
  }
  .features-section-more-block img {
    max-width: 336px;
  }
  .features-pro .features-section-more-block {
    max-width: 400px;
    padding: 0;
  }
  .features-pro .features-section-more-block img {
    max-width: 345px;
  }
  .features-section-more-block-double {
    grid-column: span 2;
    padding: 0;
  }
  .features-section-more-block-double img {
    max-width: 732px;
  }
  .features-generic-section-quotes,
  .features-free-section-quotes {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: wrap;
    padding: 30px 120px;
  }
  .features-generic-section-quotes > div,
  .features-free-section-quotes > div {
    flex: 0 1 45%;
  }
  .features-generic-section-quotes {
    padding: 80px 30px 50px;
    justify-content: center;
  }
  .features-generic-section-quotes > div {
    flex: 1 0 500px;
    max-width: 575px;
    padding-right: 20px;
  }
  .features-pro-section-benefits {
    background: #fff;
    text-align: center;
  }
  .features-pro-section-benefits h2 {
    margin-top: 0;
  }
  .features-pro-section-benefits ul {
    text-align: left;
    display: flex;
    flex-flow: wrap;
    max-width: 1500px;
    margin: 0 auto;
  }
  .features-pro-section-benefits li {
    flex: 1 0 50%;
    padding-right: 20px;
  }
  .features-section-start {
    background: url(../images/features/gtmetrix-white-bg.jpg), #fff;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 40px 30px 45px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .features-section-start h2 {
    color: #3c9adc;
    font-size: 50px;
  }
  .features-section-start p {
    font-size: 24px;
  }
  .features-pro-section-start {
    background: url(../images/features/gtmetrix-blue-bg.jpg), #1e5982;
    padding: 60px 50px 65px;
  }
  .features-pro-section-start h2 {
    color: #fff;
    margin-top: 0;
  }
  .features-home-section-start {
    background: url(../images/bg-modal.png) repeat, linear-gradient(135deg, rgb(37, 64, 86) 10%, rgb(21, 116, 147) 100%);
    --text-color: #fff;
  }
  .features-home-section-start h2 {
    color: #fff;
  }
  .features-home-section-start .features-section-start-text {
    max-width: 900px;
  }
  .features-section-start-btns {
    margin-left: 30px;
    flex: 0 0 auto;
  }
  .features-section-start-btns .btn, .features-section-start-btns .paginate_button {
    display: block;
    font-size: 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 24px 12px;
  }
  .features-section-start-btns .btn + .btn, .features-section-start-btns .paginate_button + .btn, .features-section-start-btns .btn + .paginate_button, .features-section-start-btns .paginate_button + .paginate_button {
    margin-top: 15px;
  }
  .features-section-trust {
    text-align: center;
    padding: 80px 0;
  }
  .features-section-trust h2 {
    font-size: 34px;
    margin-bottom: 24px;
  }
  .features-section-trust .logo-garden-wrapper {
    max-width: 1800px;
    margin: 0 auto;
  }
  /* -------------------------------------------
   * Responsive
   * ------------------------------------------- */
  @media (max-width: 1575px) {
    .features-section {
      padding: 60px 100px;
    }
    .features-section-intro {
      padding: 60px 0 70px 70px;
    }
    .features-section-intro .features-wrapper {
      margin: 0;
      max-width: initial;
    }
    .features-section-intro .features-content {
      margin-right: 52%;
    }
    .features-section-intro .features-image-wrapper, .features-section-intro .careers-image-wrapper {
      width: 45%;
    }
    .features-section-intro h1 {
      font-size: 46px;
      line-height: initial;
    }
    .features-section-intro h2 {
      font-size: 32px;
    }
    .features-section-intro .btn, .features-section-intro .paginate_button {
      font-size: 28px;
    }
    .features-generic-section-intro .features-image-wrapper, .features-generic-section-intro .careers-image-wrapper {
      bottom: -140px;
    }
    .features-pro-section-intro .features-image-wrapper, .features-pro-section-intro .careers-image-wrapper {
      width: 47%;
    }
    .features-section-intro-btns .btn, .features-section-intro-btns .paginate_button {
      width: 100%;
      max-width: 450px;
    }
    .features-section-intro-btns .btn + .btn, .features-section-intro-btns .paginate_button + .btn, .features-section-intro-btns .btn + .paginate_button, .features-section-intro-btns .paginate_button + .paginate_button {
      margin-top: 20px;
    }
    .features-generic-section-seo .features-image-wrapper, .features-generic-section-seo .careers-image-wrapper {
      width: 50%;
    }
    .features-generic-section-seo .features-wrapper {
      padding-right: 55%;
    }
  }
  @media (max-width: 1350px) {
    .features {
      font-size: 18px;
    }
    .features h2 {
      font-size: 32px;
    }
    .features .btn, .features .paginate_button {
      font-size: 24px;
    }
    h2.features-pre-title {
      font-size: 24px;
      margin-bottom: 30px;
    }
    .features-list {
      font-size: 16px;
      text-align: left;
    }
    .features-checklist {
      margin: 25px 0;
    }
    .features-quote img {
      max-width: 75px;
    }
    .features-quote p {
      font-size: 18px;
    }
    .features-quote-text-link {
      font-size: 16px;
    }
    .features-pro-section-dashboard .btn, .features-pro-section-dashboard .paginate_button {
      font-size: 22px;
    }
    .features-free-section-locations-login a {
      font-size: 22px;
    }
    .features-section-split {
      font-size: 18px;
    }
    .features-pro-section-locations-list li {
      font-size: 16px;
    }
    .features-section-more-block h3,
    .features-section-more-block-double h3 {
      font-size: 24px;
    }
    .features-section-more-block p,
    .features-section-more-block-double p {
      font-size: 16px;
    }
    .features-section.features-free-section-quotes {
      padding: 30px 100px;
    }
    .features-generic-section-analyze {
      font-size: 16px;
    }
    .features-generic-section-analyze .analyze-form-input input {
      padding: 10px 16px 11px;
      font-size: 24px;
      border-width: 3px;
    }
    .features-generic-section-analyze .analyze-form-button button {
      padding: 10px 25px 13px;
      font-size: 26px;
    }
  }
  @media (max-width: 1200px) {
    .features .features-wrapper {
      padding: 0;
    }
    .features .features-wrapper > h2 {
      text-align: center;
    }
    .features .features-wrapper > p {
      text-align: center;
      margin-bottom: 50px;
    }
    .features-content {
      position: relative;
    }
    .features-section {
      padding: 50px;
    }
    .features-section-intro {
      padding: 50px;
    }
    .features-section-intro .features-image-wrapper, .features-section-intro .careers-image-wrapper {
      right: -50px;
    }
    .features-free-responsive-hide {
      display: none;
    }
    .features-section-intro h2 {
      margin-bottom: 75px;
    }
    .features-section-intro .features-section-intro-btns {
      margin-right: 53%;
      max-width: 400px;
    }
    .features-section-intro .features-content {
      margin: 0;
      position: static;
    }
    .features-generic-section-intro .features-image-wrapper, .features-generic-section-intro .careers-image-wrapper {
      bottom: -80px;
    }
    .features-pro-section-intro .features-section-intro-btns {
      margin-right: 0;
    }
    .features-pro-section-intro .features-content {
      margin-right: 30%;
    }
    .features-pro-section-intro .features-image-wrapper, .features-pro-section-intro .careers-image-wrapper {
      width: 53%;
      right: -100px;
    }
    .features-generic-section-performance .features-content,
    .features-pro-section-mobile .features-content {
      padding-left: 56%;
    }
    .features-generic-section-seo .features-content,
    .features-generic-section-learn .features-content,
    .features-generic-section-waterfall .features-content {
      padding-right: 54%;
    }
    .features-generic-section-seo .features-image-wrapper, .features-generic-section-seo .careers-image-wrapper,
    .features-generic-section-learn .features-image-wrapper,
    .features-generic-section-learn .careers-image-wrapper,
    .features-generic-section-waterfall .features-image-wrapper,
    .features-generic-section-waterfall .careers-image-wrapper {
      width: 50%;
    }
    .features-free-section-reports .features-image-wrapper, .features-free-section-reports .careers-image-wrapper,
    .features-pro-section-dashboard .features-image-wrapper,
    .features-pro-section-dashboard .careers-image-wrapper {
      right: 0;
      width: 48%;
    }
    .features-free-section-reports .features-content,
    .features-pro-section-dashboard .features-content {
      padding-right: 54%;
    }
    .features-pro-section-dashboard .features-image-wrapper, .features-pro-section-dashboard .careers-image-wrapper {
      width: 45%;
      bottom: -90px;
      top: 0;
    }
    .features-free-section-locations .features-content {
      padding-left: 50%;
    }
    .features-free-section-locations .features-image-wrapper, .features-free-section-locations .careers-image-wrapper {
      left: -50px;
      width: 50%;
    }
    .features-section-split {
      flex-direction: column;
    }
    .features-section-split > div {
      flex: 1;
      width: 100%;
      padding: 50px;
    }
    .features-section-split .features-pre-title {
      text-align: center;
    }
    .features-section-split .features-image-wrapper, .features-section-split .careers-image-wrapper {
      position: absolute;
      width: 40%;
      justify-content: center;
    }
    .features-section-split .features-content {
      position: static;
    }
    .features-pro-section-locations .features-container {
      flex-direction: column;
    }
    .features-pro-section-locations .features-container:before {
      background-position-x: 50%;
      background-position-y: 50%;
      background-size: 100%;
    }
    .features-pro-section-locations ul {
      text-align: left;
      margin: 15px auto 0 30%;
      padding: 0;
    }
    .features-pro-section-locations-content {
      padding: 0 0 50px;
      text-align: center;
    }
    .features-pro-section-locations-list-wrapper {
      text-align: center;
    }
    .features-generic-section-structure .features-image-wrapper, .features-generic-section-structure .careers-image-wrapper,
    .features-generic-section-locations .features-image-wrapper,
    .features-generic-section-locations .careers-image-wrapper,
    .features-free-section-history .features-image-wrapper,
    .features-free-section-history .careers-image-wrapper,
    .features-pro-section-monitoring .features-image-wrapper,
    .features-pro-section-monitoring .careers-image-wrapper {
      left: 0;
    }
    .features-generic-section-structure .features-content,
    .features-generic-section-locations .features-content,
    .features-free-section-history .features-content,
    .features-pro-section-monitoring .features-content {
      padding-left: 47%;
    }
    .features-generic-section-crux:before,
    .features-generic-section-monitoring:before,
    .features-free-section-alerts:before,
    .features-pro-section-crux:before {
      background-position-x: left;
    }
    .features-generic-section-crux .features-image-wrapper, .features-generic-section-crux .careers-image-wrapper,
    .features-generic-section-monitoring .features-image-wrapper,
    .features-generic-section-monitoring .careers-image-wrapper,
    .features-free-section-alerts .features-image-wrapper,
    .features-free-section-alerts .careers-image-wrapper,
    .features-pro-section-crux .features-image-wrapper,
    .features-pro-section-crux .careers-image-wrapper {
      right: 0;
    }
    .features-generic-section-crux .features-content,
    .features-generic-section-monitoring .features-content,
    .features-free-section-alerts .features-content,
    .features-pro-section-crux .features-content {
      padding-right: 47%;
    }
    .features-free-section-alerts .features-image-wrapper, .features-free-section-alerts .careers-image-wrapper,
    .features-free-section-history .features-image-wrapper,
    .features-free-section-history .careers-image-wrapper {
      top: 20%;
    }
    .features-generic-section-quotes .features-quote {
      max-width: 800px;
    }
    .features-section-more h2 {
      margin-bottom: 60px;
    }
    .features-generic .features-section-more {
      padding: 50px 50px 10px;
    }
    .features-section-more-wrapper {
      flex-flow: wrap;
    }
    .features-pro-section-more-wrapper {
      grid-template-columns: 1fr 1fr;
      gap: 40px 50px;
      max-width: 760px;
      margin: 0 auto;
    }
    .features-section-more-block,
    .features-section-more-block-double {
      text-align: center;
    }
    .features-section-more-block {
      flex: 1 1 355px;
      margin-bottom: 40px;
    }
    .features-pro .features-section-more-block {
      margin-bottom: 0;
    }
    .features-section-start {
      flex-direction: column;
      text-align: center;
    }
    .features-section-start p {
      font-size: 20px;
    }
    .features-section-start .btn, .features-section-start .paginate_button {
      font-size: 28px;
    }
    .features-section-start-text {
      margin-bottom: 30px;
    }
    .features-section-start-btns {
      margin-left: 0;
      width: 100%;
      max-width: 500px;
    }
  }
  @media (max-width: 900px) {
    .features-section {
      padding: 50px 30px;
    }
    .features-section-more-wrapper {
      padding: 0;
    }
    .features-section-intro {
      padding: 50px 30px;
    }
    .features-section-intro h1 {
      font-size: 40px;
    }
    .features-section-intro h2 {
      font-size: 26px;
      margin-bottom: 40px;
      line-height: initial;
    }
    .features-section-intro .features-image-wrapper, .features-section-intro .careers-image-wrapper {
      right: -30px;
    }
    .features-free-section-locations .features-checklist {
      display: block;
    }
    .features-free-section-locations .features-checklist li {
      width: 100%;
    }
    .features-pro-section-benefits ul {
      max-width: 600px;
    }
    .features-pro-section-benefits li {
      padding: 0;
      flex: 1 0 100%;
      margin: 10px;
    }
    .features-generic-section-locations,
    .features-generic-section-monitoring,
    .features-free-section-alerts,
    .features-free-section-history,
    .features-pro-section-monitoring,
    .features-pro-section-crux {
      text-align: center;
    }
    .features-generic-section-locations .features-content,
    .features-generic-section-monitoring .features-content,
    .features-free-section-alerts .features-content,
    .features-free-section-history .features-content,
    .features-pro-section-monitoring .features-content,
    .features-pro-section-crux .features-content {
      padding: 0;
    }
    .features-generic-section-locations .features-image-wrapper, .features-generic-section-locations .careers-image-wrapper,
    .features-generic-section-monitoring .features-image-wrapper,
    .features-generic-section-monitoring .careers-image-wrapper,
    .features-free-section-alerts .features-image-wrapper,
    .features-free-section-alerts .careers-image-wrapper,
    .features-free-section-history .features-image-wrapper,
    .features-free-section-history .careers-image-wrapper,
    .features-pro-section-monitoring .features-image-wrapper,
    .features-pro-section-monitoring .careers-image-wrapper,
    .features-pro-section-crux .features-image-wrapper,
    .features-pro-section-crux .careers-image-wrapper {
      position: static;
      width: auto;
      margin-bottom: 40px;
    }
    .features-generic-section-locations ul,
    .features-generic-section-monitoring ul,
    .features-free-section-alerts ul,
    .features-free-section-history ul,
    .features-pro-section-monitoring ul,
    .features-pro-section-crux ul {
      text-align: left;
      max-width: 440px;
      margin: 30px auto;
    }
    .features-generic-section-locations .features-quote,
    .features-generic-section-monitoring .features-quote,
    .features-free-section-alerts .features-quote,
    .features-free-section-history .features-quote,
    .features-pro-section-monitoring .features-quote,
    .features-pro-section-crux .features-quote {
      text-align: left;
    }
    .features-generic .features-section-more {
      padding: 50px 30px 10px;
    }
    .features-section.features-free-section-quotes {
      padding: 30px;
    }
    .features-section-more-block {
      flex: 1 1 285px;
    }
    .features-free-section-quotes > div {
      flex: 1 100%;
    }
  }
  @media (min-width: 701px) and (max-width: 900px) {
    .features-quote-resp-hide {
      display: none;
    }
  }
  @media (max-width: 700px) {
    .features {
      font-size: 18px;
      text-align: center;
    }
    .features .features-pre-title {
      font-size: 18px;
      margin-bottom: 25px;
    }
    .features .features-content {
      padding: 0;
    }
    .features .features-quote {
      flex-direction: column;
      text-align: center;
    }
    .features .features-quote img {
      margin: 0 0 10px;
    }
    .features h2 {
      font-size: 28px;
      margin: 0 0 50px;
    }
    .features-section-with-bg:before {
      display: none;
    }
    .features-wrapper .features-image-wrapper, .features-wrapper .careers-image-wrapper {
      position: static;
      width: auto;
      margin: 0 0 45px;
    }
    .features-checklist {
      margin-left: 5%;
      margin-bottom: 0;
    }
    .features-checklist .icon {
      flex: 0 0 22px;
      height: 22px;
      padding: 4px;
    }
    .features-section-intro {
      text-align: center;
      padding: 50px 30px 0;
    }
    .features-section-intro .btn, .features-section-intro .paginate_button {
      margin: 0;
    }
    .features-section-intro .features-image-wrapper, .features-section-intro .careers-image-wrapper {
      margin-bottom: -30px;
    }
    .features-section-intro .features-section-intro-btns {
      margin: 40px auto 40px;
    }
    .features-section-intro h2 {
      font-size: 24px;
    }
    .features-pro-section-intro .features-content {
      margin: 0;
    }
    .features-pro-section-intro .features-image-wrapper, .features-pro-section-intro .careers-image-wrapper {
      margin: 25px 0 0;
      margin-bottom: -100px;
    }
    .features-generic-section-analyze .analyze-form-input input {
      padding: 8px 11px 9px;
      font-size: 20px;
      border-width: 2px;
    }
    .features-generic-section-analyze .analyze-form-button button {
      padding: 8px 20px 9px;
      font-size: 22px;
      margin-left: 0;
    }
    .features-free-section-reports .btn, .features-free-section-reports .paginate_button {
      margin-top: 20px;
    }
    .features-generic-section-locations ul {
      display: block;
      max-width: 280px;
    }
    .features-free-section-locations .features-checklist {
      max-width: 280px;
      margin: 0 auto;
    }
    .features-pro-section-locations-list-wrapper {
      flex-flow: column;
    }
    .features-pro-section-locations-list-wrapper ul {
      margin: 15px;
    }
    .features-generic-section-learn .features-image-wrapper, .features-generic-section-learn .careers-image-wrapper {
      height: 310px;
    }
    .features-generic-section-performance ul {
      max-width: 400px;
      margin: 0 auto;
    }
    .features-section-split > div {
      padding: 30px;
    }
    .features-pro-section-dashboard-bttns {
      margin-bottom: 40px;
    }
    .features-section-start p {
      font-size: 18px;
    }
    .features-section-start .btn, .features-section-start .paginate_button {
      font-size: 22px;
    }
    .features-pro .features-section-start-text {
      margin-bottom: 0;
    }
    .features-section-start h2 {
      margin-bottom: 20px;
    }
  }
  @media (max-width: 500px) {
    .features .features-wrapper > p {
      margin-bottom: 25px;
    }
    .features h2 {
      margin-bottom: 25px;
    }
    .features-free-section-locations-login a {
      font-size: 20px;
    }
    .features-quote {
      margin: 10px;
    }
    .features-generic-section-quotes .features-quote {
      flex: 1 0 280px;
      padding: 0 20px;
    }
    .features-generic-section-performance ul {
      display: block;
      max-width: 280px;
    }
    .features-generic-section-performance li {
      flex: 1;
    }
    .features-pro-section-more-wrapper {
      grid-template-columns: initial;
    }
    .features-section-more-block-double {
      grid-column: auto;
    }
    .features-section-more-block-double img {
      max-width: 345px;
    }
    .features-pro .features-section-more-block {
      max-width: initial;
    }
  }
  .features-video-lightbox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease-out;
    pointer-events: none;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .features-video-lightbox.features-video-lightbox-visible {
    opacity: 1;
    pointer-events: all;
  }
  .features-video-lightbox iframe {
    width: 100%;
  }
  .features-video-lightbox-content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: end;
    margin: 20px;
    max-width: 640px;
    width: 100%;
  }
  .features-video-lightbox-trigger,
  .features-video-lightbox-close {
    cursor: pointer;
    transition: box-shadow 0.2s ease-out;
  }
  .features-video-lightbox-trigger:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
  }
  .features-video-lightbox-close {
    color: #fff;
    font: 22px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    transition: filter 0.2s ease-out;
  }
  .features-video-lightbox-close .icon {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: 4px;
    fill: #fff;
  }
  .features-video-lightbox-close:hover {
    filter: brightness(0.8);
  }
  .features-video-body-scroll {
    touch-action: none;
  }
  /* =========================================================================
   * _about_careers.scss: GTmetrix About & Careers pages
   * ========================================================================= */
  /* -------------------------------------------
   * General set up
   * ------------------------------------------- */
  .page-about-content .layout-zebra-section:nth-child(even), .page-careers-content .layout-zebra-section:nth-child(even) {
    background: #fff;
  }
  .about-section-intro.layout-zebra-section h2,
  .careers-section-intro.layout-zebra-section h2 {
    max-width: 700px;
    margin-bottom: 0;
  }
  /* -------------------------------------------
   * About - Slow and Testing sections
   * ------------------------------------------- */
  .about-section-wrapper {
    display: flex;
  }
  .about-image-wrapper {
    flex-shrink: 0;
    align-self: flex-end;
    width: 45%;
    font-size: 0;
  }
  .about-image-wrapper * {
    width: 100%;
    height: auto;
  }
  .about-section-slow, .about-section-testing {
    padding-bottom: 0;
  }
  .about-section-slow .about-content-wrapper, .about-section-testing .about-content-wrapper {
    padding-bottom: 60px;
  }
  .about-section-slow .about-content-wrapper {
    padding-right: 30px;
  }
  .about-section-slow .about-image-wrapper {
    max-width: 556px;
  }
  .about-section-testing .about-section-wrapper {
    flex-direction: row-reverse;
  }
  .about-section-testing .about-content-wrapper {
    padding-left: 30px;
  }
  .about-section-testing .about-image-wrapper {
    max-width: 540px;
  }
  .about-section-testing .about-image-wrapper img {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  @media (max-width: 900px) {
    .about-section-wrapper {
      display: block;
      text-align: center;
    }
    .about-section-wrapper .about-content-wrapper {
      padding: 0 0 30px 0;
    }
    .about-section-wrapper .about-image-wrapper {
      width: auto;
      max-width: 400px;
      margin: 0 auto;
    }
  }
  /* -------------------------------------------
   * About - Always improving section
   * ------------------------------------------- */
  .about-section-features a {
    text-decoration: underline;
  }
  .page-about-content .layout-zebra-section.about-section-features {
    padding-bottom: 195px;
    background: #fff url(../images/features-hero.png) no-repeat center bottom;
    text-align: center;
  }
  .page-about-content .layout-zebra-section.about-section-features .layout-zebra-section-content {
    margin-bottom: 60px;
  }
  /* -------------------------------------------
   * About - Stats section
   * ------------------------------------------- */
  .about-section-stats-container {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: -50px;
  }
  .about-section-stats-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
    min-width: 284px;
    margin-bottom: 50px;
  }
  .about-section-stats-item h2 {
    font-size: 50px;
    color: #3c9adc;
    margin: 0;
  }
  .about-section-stats-item p {
    font: 23px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-top: 8px;
  }
  .about-section-stats-wrapper-image {
    width: 284px;
    flex-shrink: 0;
    text-align: center;
    font-size: 0;
  }
  .about-section-stats-wrapper-text {
    flex-grow: 1;
    padding-left: 20px;
    min-width: 300px;
  }
  @media (max-width: 1222px) {
    .about-section-stats-container {
      align-items: flex-end;
    }
    .about-section-stats-wrapper-text {
      margin-top: 10px;
      padding-left: 0;
      text-align: center;
    }
  }
  @media (max-width: 750px) {
    .about-section-stats-item {
      width: auto;
    }
    .about-section-stats-wrapper-text {
      margin-top: 0;
    }
  }
  @media (max-width: 638px) {
    .about-section-stats-wrapper-text {
      margin-top: 10px;
    }
  }
  /* -------------------------------------------
   * About - Clients section
   * ------------------------------------------- */
  .about-section-clients {
    text-align: center;
  }
  .about-section-clients .logo-garden-wrapper {
    margin-top: 30px;
    width: auto;
    display: block;
  }
  .about-section-clients .logo-garden-wrapper:after {
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgb(255, 255, 255) 100%);
  }
  /* -------------------------------------------
   * About - Team section
   * ------------------------------------------- */
  .about-section-team {
    text-align: center;
  }
  .about-section-team p {
    margin-top: 30px;
    font-size: 16px;
  }
  .about-section-team-profile-wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .about-section-team-profile {
    display: inline-block;
    margin: 20px;
  }
  .about-section-team-profile h5, .about-section-team-profile h6 {
    margin: 0;
    line-height: 1.2;
  }
  .about-section-team-profile h5 {
    margin-top: 10px;
    color: #7ebbe6;
    font-size: 24px;
  }
  .about-section-team-profile h6 {
    font-size: 19px;
    font-weight: 400;
  }
  /* -------------------------------------------
   * About - Parent company section
   * ------------------------------------------- */
  .about-section-parent {
    text-align: center;
  }
  /* -------------------------------------------
   * Careers - Team section
   * ------------------------------------------- */
  .careers-section-wrapper {
    position: relative;
  }
  .careers-section-team em {
    color: #3c9adc;
    font-style: normal;
  }
  .careers-section-team .careers-section-wrapper {
    padding-right: 50%;
    padding-bottom: 75px;
  }
  .careers-section-team .careers-image-wrapper {
    right: 0;
    width: 50%;
    padding-left: 30px;
  }
  .careers-section-team img {
    max-width: 600px;
  }
  @media (max-width: 1050px) {
    .careers-image-wrapper {
      position: static;
    }
  }
  /* -------------------------------------------
   * Careers - Incentives section
   * ------------------------------------------- */
  .careers-section-incentives {
    text-align: center;
  }
  .careers-section-incentives-item {
    width: 315px;
    margin: 0;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
  }
  .careers-section-incentives-item img {
    border: 3px solid #e0e0e0;
  }
  /* -------------------------------------------
   * Careers - Postings section
   * ------------------------------------------- */
  .careers-section-postings {
    text-align: center;
  }
  .careers-section-postings .layout-zebra-section-content {
    max-width: 900px;
  }
  .careers-section-postings-none h3 {
    color: var(--text-color);
  }
  .careers-section-postings-none p {
    color: #9b9b9b;
    max-width: 600px;
    margin: 0 auto;
  }
  .careers-section-posting {
    display: flex;
    align-items: center;
    padding: 20px 30px;
  }
  .careers-section-posting-desc {
    flex-grow: 1;
    text-align: initial;
  }
  .careers-section-posting-desc h4 {
    color: #7ebbe6;
  }
  @media (max-width: 750px) {
    .careers-section-posting {
      padding: 10px 15px 10px;
      flex-direction: column;
    }
    .careers-section-posting-desc {
      text-align: center;
      padding-bottom: 20px;
    }
  }
  /* -------------------------------------------
   * Careers - Responsive
   * ------------------------------------------- */
  @media (max-width: 1050px) {
    .page-careers-content .layout-zebra-section {
      font-size: 16px;
    }
    .layout-zebra-section .careers-section-wrapper {
      margin: 0 auto;
      padding: 0;
      max-width: 750px;
      text-align: center;
    }
    .careers-section-wrapper h3 {
      margin-bottom: 30px;
    }
    .careers-section-team .careers-image-wrapper {
      width: 100%;
      margin: 0 auto;
      padding: 0;
    }
    .careers-section-team .careers-cta {
      text-align: center;
    }
  }
  /* =========================================================================
   * _bulk.scss: GTmetrix Bulk job related pages and widgets
   * ========================================================================= */
  /* -------------------------------------------
   * Bulk widgets/common
   * ------------------------------------------- */
  .bulk-colors-success {
    color: var(--bulk-colors-success, #358c3b);
  }
  .bulk-colors-failed {
    color: var(--bulk-colors-failed, #c72525);
  }
  .bulk-card {
    background: url(../images/bg-modal.png) repeat, linear-gradient(300deg, #889AAC, #4E667F);
    padding: 30px;
    --text-color: #fff;
    --link-color: #fff;
    --link-color-hover: #cecece;
    --hr-color: rgba(255, 255, 255, 0.25);
    --bulk-colors-success: #bcfeaa;
    --bulk-colors-failed: #ffa9b2;
    --analyze-colors-bar: #fff;
  }
  .bulk-track {
    margin-top: -10px;
    position: relative;
    z-index: 1;
  }
  .bulk-track.bulk-card {
    padding-top: 28px;
    padding-bottom: 20px;
  }
  .bulk-track.hide {
    display: none;
  }
  .bulk-track-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .bulk-track-heading {
    flex: 0 0 40%;
  }
  .bulk-track-heading h3 {
    margin-bottom: 7px;
  }
  .bulk-track-heading p {
    color: #cecece;
    margin: 0;
  }
  .bulk-track-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
  }
  .bulk-track-progress {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 45px;
    --spinner-color: #fff;
    --spinner-size: 30px;
    --spinner-gap: 3px;
    --spinner-radius: 2px;
  }
  .bulk-track-progress.hide {
    display: none;
  }
  .bulk-track-progress .spinner {
    top: -2px;
    left: 0;
  }
  .bulk-track-progress p {
    font-size: 20px;
    margin: 0;
  }
  .bulk-track-complete {
    font-size: 18px;
  }
  .bulk-track-link {
    --btn-color-bg: #0b263a;
  }
  .bulk-track-link:hover {
    --btn-color-bg-hover: #030a0e;
  }
  .bulk-track-close {
    margin-left: 10px;
  }
  /* -------------------------------------------
   * Bulk widgets Responsive
   * ------------------------------------------- */
  @media (max-width: 900px) {
    .bulk-track-wrapper {
      display: block;
    }
    .bulk-track-heading {
      margin-bottom: 20px;
    }
  }
  @media (max-width: 600px) {
    .bulk-track-wrapper {
      text-align: center;
    }
    .bulk-track-content {
      flex-direction: column;
      text-align: center;
    }
    .bulk-track-progress,
    .bulk-track-complete {
      margin-bottom: 25px;
    }
  }
  /* -------------------------------------------
   * Bulk upload/modals
   * ------------------------------------------- */
  .bulk-modal-line {
    display: inline-flex;
    align-items: center;
  }
  .bulk-modal-line .icon {
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 25px;
    padding: 7px;
  }
  .bulk-modal-confirm-icon.icon {
    padding: 0;
    fill: #f5b650;
    width: 45px;
    height: 35px;
    margin-left: -4px;
    margin-right: 5px;
  }
  .bulk-modal-duplicate-section {
    padding: 0 45px;
  }
  .bulk-modal-duplicate-section textarea {
    width: 100%;
    resize: vertical;
    max-height: 250px;
    overflow-y: auto;
  }
  .bulk-modal-started .bulk-modal-line {
    display: flex;
    justify-content: center;
    margin: 30px 0 30px -50px;
    font-size: 24px;
  }
  .bulk-modal-started .icon {
    fill: #77beef;
    width: 112px;
    height: 50px;
    padding: 0;
    margin-right: 15px;
  }
  .bulk-modal-started ul {
    padding-left: 20px;
  }
  .bulk-modal-started li {
    margin-bottom: 10px;
  }
  .bulk-modal-errors {
    color: #646464;
    font-size: 16px;
    font-family: Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.6em;
    max-height: 400px;
    overflow-y: auto;
  }
  .bulk-modal-url {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
  }
  .bulk-modal-url:hover {
    white-space: normal;
  }
  /* -------------------------------------------
   * Bulk Lobby
   * ------------------------------------------- */
  .bl-header {
    display: flex;
    gap: 20px;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-bottom: 25px;
  }
  .bulk-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bulk-abort-btn {
    --link-color: #c72525;
    --link-color-hover: #a31e1e;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin-left: 15px;
  }
  .bl-header-summary {
    flex-grow: 1;
  }
  .bl-header-summary .bl-header-row-label {
    width: 24.5%;
  }
  .bl-header-summary .analyze-details-value {
    max-height: 115px;
    overflow-y: auto;
    color: #fff;
  }
  .bl-header-summary .analyze-status {
    font-size: 20px;
  }
  .bl-header-summary .analyze-status-bar {
    margin-bottom: 20px;
  }
  .bl-header-summary .analyze-wrapper {
    grid-template-columns: 4fr 6fr;
  }
  .bl-analyze-url {
    line-height: normal;
    font-size: 26px;
    margin-bottom: 30px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bl-header-sidebar {
    flex: 0 0 510px;
  }
  .bl-header-sidebar h3 {
    margin-bottom: 10px;
  }
  .bl-header-sidebar-queue {
    width: 475px;
  }
  .bl-header-row {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .bl-header-row p {
    margin: 0;
  }
  .bl-header-row:not(:last-child) {
    margin-bottom: 10px;
  }
  .bl-header-row-label {
    font-size: 18px;
    text-align: left;
  }
  .bl-header-row-content {
    flex: 1 1 50%;
  }
  .bl-header-row-content-options {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    color: #e9e9e9;
    max-height: 65px;
    overflow-y: auto;
  }
  .bl-header-row-content-options span {
    flex: 0 0 205px;
    padding: 0 0 10px;
    display: inline-flex;
    align-items: center;
  }
  .bl-header-row-content-options .icon,
  .bl-header-row-analyze-options .icon {
    fill: #fff;
    margin-right: 7px;
  }
  .bl-header-row-options {
    margin-top: 15px;
    align-items: flex-start;
  }
  .bl-header-count {
    font-size: 28px;
  }
  .bl-header-count-large {
    font-size: 38px;
  }
  .bl-sidebar-credits-cols {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  .bl-sidebar-credits-cols .bl-header-row-label {
    flex: 1 1 65%;
    max-width: 200px;
  }
  .bl-sidebar-credits-cols p {
    margin: 0;
  }
  .bl-sidebar-credits {
    flex: 1 1 50%;
  }
  .bl-sidebar-credits .bl-header-row-content {
    flex: 1 1 25%;
  }
  .bl-sidebar-credits-total {
    flex: 1 1 40%;
    margin-top: -6px;
  }
  .bl-queue-list {
    --text-color: $color-dove-gray;
    background: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    height: calc(100% - 40px);
    min-height: 100px;
    max-height: 350px;
    font-size: 18px;
    line-height: 1.5em;
    overflow: auto;
  }
  .bl-queue-list p {
    margin: 0 0 5px;
  }
  .bulk-section-title {
    margin-top: 40px;
  }
  .bulk-section-subtext {
    display: flex;
    align-items: center;
  }
  .bulk-section-subtext span {
    flex-grow: 1;
  }
  .bulk-section-subtext a {
    flex: 0 0 auto;
    margin-left: 15px;
  }
  .bulk-failed-empty td {
    text-align: center;
    font-style: italic;
    padding: 14px;
    background: #f4f4f4;
    color: #9b9b9b;
  }
  /* -------------------------------------------
   * Bulk Lobby (Responsive)
   * ------------------------------------------- */
  @media ((min-width: 1000px) and (max-width: 1300px)) or (max-width: 700px) {
    .bl-header-summary .analyze-wrapper {
      gap: 15px;
    }
    .bl-header-sidebar {
      flex: 0 0 375px;
    }
    .bl-sidebar-credits {
      width: 100%;
    }
    .bl-sidebar-credits-cols {
      flex-direction: column;
    }
  }
  @media (max-width: 1000px) {
    .bl-header {
      flex-direction: column;
    }
    .bl-header-sidebar {
      flex: auto;
      width: 100%;
    }
  }
  @media (max-width: 700px) {
    .bulk-card {
      padding: 20px;
    }
    .bulk-section-subtext {
      flex-direction: column;
      align-items: flex-start;
    }
    .bulk-section-subtext a {
      margin: 15px 0 0;
    }
    .bulk-abort-btn {
      display: none;
    }
  }
  /* =========================================================================
   * _misc.scss: GTmetrix Misc pages
   * ========================================================================= */
  /* -------------------------------------------
   * Smooth scrolling class (usually for html)
   * ------------------------------------------- */
  .smooth-scroll {
    scroll-behavior: smooth;
  }
  /* =========================================================================
   * AdPushup items
   * ========================================================================= */
  .adp-sidebar {
    position: sticky;
    top: 20px;
    margin: 20px auto 0 !important;
  }
  .adp-no-sticky {
    position: static;
    top: 0;
  }
  @media (max-width: 1200px) {
    .adp-resp-hide {
      display: none !important;
    }
  }
  /* =========================================================================
   * API page
   * ========================================================================= */
  .api-docs-content > h3, .api-docs-content > h4 {
    margin: 40px 0 16px 0;
  }
  .api-docs-content > hr {
    margin: 30px 0;
  }
  table.api-credits-table td.cost {
    width: 100px;
  }
  .api-table-wrapper {
    overflow: auto;
  }
  .api-table-wrapper tbody th {
    white-space: nowrap;
  }
  .api-table-note {
    font-size: 12px;
  }
  .api-version-select {
    width: 100%;
    margin-bottom: 15px;
  }
  .api-details {
    margin-bottom: 20px;
  }
  .api-details label {
    display: inline-block;
    width: 35%;
    line-height: 1.5;
  }
  .api-details span {
    font-weight: bold;
  }
  .api-details-key {
    font-size: 13px;
  }
  .api-usage-graph {
    height: 200px;
  }
  .api-usage-busiest {
    font-weight: bold;
    text-align: center;
  }
  .api-devtoolkit {
    color: #c72525;
    padding-left: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .api-devtoolkit-info {
    font-size: 12px;
  }
  /* =========================================================================
   * Branded PDF Settings
   * ========================================================================= */
  .menu-pro-branded-pdf img {
    width: 100%;
    height: auto;
  }
  /* =========================================================================
   * Contact page
   * ========================================================================= */
  .contact-form .form-grid-2 {
    margin-top: 0;
  }
  .contact-form .form-row,
  .contact-form .form-row:nth-child(2) {
    margin-top: 10px;
  }
  .contact-form-intro {
    padding: 15px 0 0;
  }
  .contact-form-intro label {
    font-size: 24px;
    font-weight: 500;
  }
  .contact-form-intro select {
    margin: 8px 0;
    font-size: 18px;
    color: var(--text-color);
  }
  .contact-form-intro select :first-child {
    color: #9b9b9b;
  }
  .contact-help {
    margin-bottom: 20px;
  }
  .contact-help hr {
    margin: 40px 0;
  }
  .contact-sidebox {
    padding: 16px 16px 20px;
    background: #fbfbfb;
    font-size: 14px;
  }
  .contact-sidebox img {
    float: left;
    margin: 20px 16px 20px 0;
  }
  .contact-social {
    margin-top: 30px;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .contact-social-links a {
    display: inline-block;
    text-decoration: none;
    margin-right: 15px;
  }
  .contact-social-links .icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .contact-social-links .icon-logo-x {
    padding: 5px;
  }
  .page-contact .layout-cols-sidebar-right {
    width: 450px;
    padding-left: 30px;
  }
  /* -- Contact to switch to Yearly PRO plan -- */
  .contact-switch-term {
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
  }
  .contact-switch-term-title {
    font-size: 30px;
    font-weight: normal;
  }
  .contact-switch-term-confirmed {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font: 24px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #9b9b9b;
    margin-bottom: 15px;
  }
  .contact-switch-term-confirmed .icon {
    width: 42px;
    height: 42px;
  }
  .contact-switch-term-confirmed .icon-tick-green-circle {
    border-radius: 21px;
    padding: 7px;
  }
  .contact-switch-term-confirmed .contact-switch-term-icon-pending {
    fill: #f19f2c;
  }
  .contact-switch-term-points {
    text-align: left;
  }
  .contact-switch-term-points p, .contact-switch-term-points ul {
    margin: 5px 0 0;
  }
  .contact-switch-term-color {
    color: #d1439a;
  }
  .contact-switch-term-current {
    font-size: 18px;
  }
  .contact-switch-term-current strong {
    font: 20px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #3c9adc;
  }
  .contact-switch-term-select {
    margin: 20px 0;
    font: 22px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    font-weight: normal;
    max-width: 500px;
    width: 100%;
  }
  .contact-switch-submit {
    margin: 30px 0;
  }
  @media (max-width: 1000px) {
    .page-contact .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .page-contact .layout-cols-sidebar-left {
      max-width: 320px;
    }
    .page-pro-plan-switch .layout-cols-sidebar-right {
      display: none;
    }
  }
  /* =========================================================================
   * Delete account / Cancel PRO account page(s)
   * ========================================================================= */
  .page-delete_account .layout-cols-sidebar-right {
    width: 370px;
  }
  .ca-layout-disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
  }
  .ca-heading {
    margin-top: 0;
  }
  /* Sidebar */
  .da-notice-list li {
    margin: 15px 0;
  }
  .da-contact {
    display: inline-block;
    margin-left: 10px;
  }
  .da-contact h4 {
    margin-bottom: 9px;
  }
  .da-contact p {
    margin-top: 9px;
  }
  .da-contact-wrapper .icon {
    width: 42px;
    height: 42px;
  }
  .plan-transition-list li {
    margin-bottom: 10px;
  }
  .plan-transition-loss {
    display: flex;
    align-items: center;
    color: #c72525;
    padding-bottom: 7px;
    margin-top: -5px;
    font-size: 13px;
    font-weight: bold;
  }
  .plan-transition-loss:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-bottom: 0;
  }
  .plan-transition-loss .icon {
    flex: none;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    fill: #c72525;
  }
  /* First step content */
  .da-reasons-entry,
  .ca-reasons-entry {
    margin: 4px;
  }
  .da-recommend-section-desktop,
  .ca-recommend-section-desktop {
    max-width: 620px;
    padding-bottom: 10px;
  }
  .da-recommend-section-desktop .da-recommend-section-desktop-label,
  .da-recommend-section-desktop .ca-recommend-section-desktop-label,
  .ca-recommend-section-desktop .da-recommend-section-desktop-label,
  .ca-recommend-section-desktop .ca-recommend-section-desktop-label {
    display: flex;
    justify-content: space-between;
    color: #cecece;
    padding-top: 10px;
  }
  .da-recommend-section-desktop .da-recommend-radio,
  .da-recommend-section-desktop .ca-recommend-radio,
  .ca-recommend-section-desktop .da-recommend-radio,
  .ca-recommend-section-desktop .ca-recommend-radio {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .da-recommend-section-responsive,
  .ca-recommend-section-responsive {
    display: none;
    text-align: center;
  }
  .da-recommend-section-responsive select,
  .ca-recommend-section-responsive select {
    margin-top: 10px;
    width: 200px;
  }
  /* Second step content */
  .da-feedback,
  .ca-feedback {
    display: flex;
    flex-flow: wrap;
  }
  .da-feedback .box,
  .ca-feedback .box {
    flex: 1 0 320px;
    margin: 4px;
  }
  .da-feedback h4,
  .ca-feedback h4 {
    color: #3c9adc;
    font-style: italic;
  }
  .da-feedback textarea,
  .ca-feedback textarea {
    resize: vertical;
    width: 100%;
  }
  .da-feedback .da-feedback-link,
  .da-feedback .ca-feedback-link,
  .ca-feedback .da-feedback-link,
  .ca-feedback .ca-feedback-link {
    text-align: center;
  }
  .da-feedback li,
  .ca-feedback li {
    margin-bottom: 5px;
  }
  .da-comment textarea,
  .ca-comment textarea {
    min-height: 100px;
    resize: vertical;
    width: 100%;
  }
  .da-submit {
    display: flex;
  }
  .da-submit input {
    width: 100%;
    flex: 1;
    font-size: 26px;
    margin-right: 10px;
  }
  .da-submit button {
    white-space: nowrap;
    flex-basis: 200px;
  }
  .ca-allow-followup,
  .da-allow-followup {
    display: inline-block;
    margin-top: 10px;
  }
  /* Custom plan offer */
  .ca-custom-offer-wrapper {
    display: none;
  }
  .ca-custom-offer {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 30px;
    background-size: cover;
    margin: 30px 0 40px;
  }
  .ca-custom-offer h3 {
    font-size: 26px;
  }
  .ca-custom-offer img {
    margin-right: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .ca-custom-offer-no {
    color: #fff;
    font-size: 14px;
    margin-left: 15px;
  }
  .ca-custom-offer-no:hover {
    color: #646464;
  }
  .ca-submit button {
    white-space: nowrap;
  }
  /* Responsive */
  @media (min-width: 1000px) and (max-width: 1200px) {
    .ca-custom-offer img {
      display: none;
    }
  }
  @media (max-width: 980px) {
    .da-feedback,
    .ca-feedback {
      flex-direction: column;
      align-items: center;
    }
    .da-feedback .box,
    .ca-feedback .box {
      flex: 1;
      width: 100%;
      margin: 4px 0;
    }
    .da-submit-wrapper {
      flex-direction: column;
    }
    .da-submit-wrapper .da-comment,
    .da-submit-wrapper .ca-comment {
      margin-right: 0;
    }
  }
  @media (max-width: 750px) {
    .da-reasons .input-toggle-box,
    .ca-reasons .input-toggle-box {
      width: 200px;
      height: 80px;
    }
    .da-reasons .input-toggle-box label,
    .ca-reasons .input-toggle-box label {
      font-size: 16px;
    }
    .ca-submit {
      text-align: center;
    }
    .ca-custom-offer {
      text-align: center;
    }
    .ca-custom-offer img {
      display: none;
    }
  }
  @media (max-width: 600px) {
    .da-reasons,
    .ca-reasons {
      display: flex;
      justify-content: space-around;
      flex-flow: wrap;
    }
    .da-recommend-section-desktop,
    .ca-recommend-section-desktop {
      display: none;
    }
    .da-recommend-section-responsive,
    .ca-recommend-section-responsive {
      display: block;
    }
    .da-continue-wrapper,
    .ca-continue-wrapper {
      text-align: center;
    }
    .da-continue-wrapper span,
    .ca-continue-wrapper span {
      display: none;
    }
    .da-submit {
      flex-direction: column;
    }
    .da-submit input {
      width: auto;
      margin-right: 0;
      margin-bottom: 10px;
    }
    .da-submit button {
      flex: 1 0 auto;
    }
    .da-submit button span {
      display: none;
    }
    .ca-submit button span {
      display: none;
    }
    .ca-custom-offer-no {
      display: none;
    }
  }
  /* =========================================================================
   * Error pages (static)
   * ========================================================================= */
  .page-error-container {
    display: flex;
    align-items: stretch;
    padding: 0;
  }
  .page-error-img {
    flex: 0 0 500px;
    background: #fbfbfb;
    position: relative;
  }
  .page-error-img-icon {
    background: url(../images/icons/analysis-frame.svg) 45% 80px/85% no-repeat;
  }
  .page-error-loading {
    --spinner-size: 66px;
    --spinner-gap: 3px;
    position: absolute;
    border: 5px solid #e0e0e0;
    background: #fbfbfb;
    top: 20%;
    left: calc(50% - 193px);
    width: 375px;
    height: 211px;
  }
  .page-error-content {
    flex: 1;
    padding: 70px 30px 70px 70px;
    text-align: left;
    min-height: 400px;
  }
  .page-error-content h1 {
    border-bottom: none;
    margin-bottom: 20px;
    padding: 0;
    font-size: 42px;
  }
  .page-error-content h3 {
    margin-bottom: 25px;
  }
  .page-error-content hr {
    margin: 30px 0;
  }
  .page-error-status-box {
    border: 4px solid #e0e0e0;
    background: linear-gradient(#fff, #efefef);
    box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 150px;
    left: 105px;
    width: 280px;
    display: flex;
  }
  .page-error-status-box > div {
    flex: 1 0 50%;
  }
  .page-error-status-box-code {
    padding: 10px 15px;
    border-left: 2px solid #e0e0e0;
    text-align: left;
  }
  .page-error-status-box-code p {
    font: 18px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    margin: 0;
  }
  .page-error-status-box-code span {
    font: 50px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    display: block;
  }
  .page-error-status-red {
    color: #eb393b;
  }
  .page-error-icon-question {
    background: url(../images/icons/question-red.svg) center/24% no-repeat;
  }
  .page-error-icon-stop {
    background: url(../images/icons/stop-red.svg) center/50% no-repeat;
  }
  .page-error-icon-lock {
    background: url(../images/icons/lock.svg) center/40% no-repeat;
  }
  @media (max-width: 1100px) {
    .page-error-content {
      padding: 35px 25px 35px 35px;
      min-height: 380px;
    }
    .page-error-content h1 {
      font-size: 36px;
    }
    .page-error-content h3 {
      font-size: 22px;
    }
  }
  @media (max-width: 1000px) {
    .page-error-img {
      flex: 0 0 300px;
    }
    .page-error-img-icon {
      background: url(../images/icons/analysis-frame.svg) 45% 120px/85% no-repeat, #fbfbfb;
    }
    .page-error-loading {
      --spinner-size: 50px;
      width: 225px;
      height: 127px;
      left: calc(50% - 115px);
    }
    .page-error-status-box {
      width: 175px;
      top: 160px;
      left: 60px;
    }
    .page-error-status-box-code {
      padding: 10px;
    }
    .page-error-status-box-code p {
      font-size: 12px;
    }
    .page-error-status-box-code span {
      font-size: 22px;
    }
  }
  @media (max-width: 750px) {
    .page-error-container {
      flex-direction: column;
      margin: 0;
      border: 0;
    }
    .page-error-content {
      padding: 20px;
      text-align: center;
      min-height: initial;
      position: relative;
      box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
    }
    .page-error-content ul {
      text-align: left;
      padding-left: 30px;
    }
    .page-error-img {
      flex: 0 0 190px;
      overflow: hidden;
    }
    .page-error-img-icon {
      background: url(../images/icons/analysis-frame.svg) 50% 20px/360px no-repeat, #fbfbfb;
    }
    .page-error-loading {
      top: 40%;
      width: 300px;
      left: calc(50% - 150px);
      --spinner-size: 60px;
    }
    .page-error-status-box {
      width: 250px;
      top: 70px;
      left: calc(50% - 125px);
    }
    .page-error-status-box-code p {
      font-size: 16px;
    }
    .page-error-status-box-code span {
      font-size: 45px;
    }
  }
  @media (max-width: 500px) {
    .page-error-content {
      font-size: 14px;
    }
    .page-error-content h1 {
      font-size: 32px;
    }
    .page-error-content .btn, .page-error-content .paginate_button {
      font-size: 18px;
    }
  }
  /* =========================================================================
   * FAQ page
   * ========================================================================= */
  .faq-toc ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin: 15px 0;
    font-size: 12px;
  }
  .faq-toc li {
    padding: 5px 10px;
  }
  .faq-item {
    margin-bottom: 32px;
  }
  /* =========================================================================
   * Getting Started Guide
   * ========================================================================= */
  .guide-row {
    margin-bottom: 30px;
  }
  .guide-image {
    float: left;
    margin: 0 20px 10px 0;
    border: 3px solid #efefef;
  }
  /* =========================================================================
   * Login/Signup dedicated page
   * ========================================================================= */
  html.page-auth {
    background: #12202c;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  html.page-auth body {
    flex-grow: 1;
    max-width: 1920px;
    background: none;
    overflow: hidden;
  }
  .auth-container {
    display: flex;
    box-shadow: 0px 4px 25px 4px rgba(0, 0, 0, 0.15);
  }
  .auth-wrapper {
    flex: 1 0 800px;
    max-height: 1200px;
    height: 100vh;
    overflow-y: auto;
    padding-top: max(30px, 25vh - 8.5%);
    padding-left: 100px;
    padding-bottom: 30px;
    box-shadow: 0px 0px 17px 5px rgba(0, 0, 0, 0.6);
    z-index: 2;
    background: url(../images/bg-modal.png) repeat, linear-gradient(135deg, rgb(37, 64, 86) 10%, rgb(21, 116, 147) 100%);
  }
  .auth-wrapper h2, .auth-wrapper h3, .auth-wrapper h4 {
    --text-color: #fff;
    text-align: left;
  }
  .auth-wrapper .auth-subtitle {
    --text-color: #cecece;
  }
  .auth-wrapper h2 {
    font-size: 36px;
  }
  .auth-wrapper i {
    margin: 0 auto;
  }
  .auth-wrapper .form-error {
    --focus-outline: 1px solid #fc7c7c;
  }
  .auth-splash {
    flex: 0 1 960px;
    min-width: 300px;
    background: #12202c;
  }
  .auth-splash > * {
    animation: slideReportFromLeft 1s;
    position: absolute;
  }
  .auth-splash img {
    top: 15%;
    left: 7%;
  }
  .auth-splash .auth-splash-analyze {
    animation: slideAnalyzeFromLeft 1s;
    top: 20%;
    left: 15%;
    width: 1036px;
    height: 607px;
    opacity: 0.2;
    background: url(../images/icons/test.svg);
    background-size: cover;
  }
  @keyframes slideAnalyzeFromLeft {
    from {
      left: 22%;
    }
    to {
      left: 15%;
    }
  }
  @keyframes slideReportFromLeft {
    from {
      left: 12%;
    }
    to {
      left: 7%;
    }
  }
  .auth-footer-links {
    --link-color: #fff;
    --link-color-hover: #cecece;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin: 10px 0;
  }
  .auth-footer-links li {
    margin-right: 5px;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .auth-footer-links li:not(:first-child):before {
    content: "|";
    display: inline-block;
    color: #646464;
    padding: 0 8px 0 3px;
  }
  .auth-block h3 {
    max-width: 500px;
    padding-bottom: 15px;
    font-size: 28px;
  }
  .auth-block button[type=submit] {
    width: 165px;
  }
  .auth-box {
    max-width: 425px;
    padding: 20px 25px;
    background: #fbfbfb;
    border-radius: 5px;
    font-size: 14px;
    --form-label-size: 18px;
  }
  .auth-logo {
    text-align: left;
    margin-bottom: 40px;
  }
  .auth-logo a {
    display: inline-block;
  }
  .auth-logo .icon-gtmetrix-full {
    width: 192px;
    height: 54px;
  }
  .auth-tos label {
    font-size: 16px;
    cursor: pointer;
  }
  .invite-message {
    text-align: center;
    margin-top: 10px;
  }
  .invite-message h4 {
    text-align: center;
    font-size: 28px;
    color: #3c9adc;
    margin: 10px 0 10px;
  }
  .invite-message .org-logo-100 {
    display: inline-block;
  }
  .invite-message-sub {
    margin: 0 0 25px;
    font-weight: bold;
    font-size: 16px;
  }
  .li-validation-email,
  .su-validation-email {
    margin-bottom: 0;
  }
  .su-validation-wait-disable {
    opacity: 0.3;
    pointer-events: none;
  }
  @media (max-width: 1150px) {
    .auth-wrapper {
      flex: 1 0 600px;
    }
  }
  @media (max-width: 900px) {
    .auth-splash {
      min-width: 0;
    }
    .auth-wrapper {
      padding-top: max(30px, 20vh - 7%);
      padding-left: 40px;
      flex: 1 0 500px;
    }
  }
  @media (max-width: 500px) {
    .auth-splash {
      display: none;
    }
    .auth-wrapper {
      padding-top: max(30px, 10vh - 7%);
      padding-left: 0;
      flex: 1 1 auto;
    }
    .auth-wrapper h2 {
      text-align: center;
    }
    .auth-logo {
      text-align: center;
    }
    .auth-block {
      padding: 0 10px;
    }
    .auth-block h3, .auth-block h4 {
      text-align: center;
    }
    .auth-block button[type=submit] {
      width: 100%;
    }
    .auth-box {
      margin: 0 auto;
    }
    .auth-footer-links {
      flex-flow: column;
    }
    .auth-footer-links li:not(:first-child):before {
      display: none;
    }
  }
  /* =========================================================================
   * Top 1000 / Admin Jobs
   * ========================================================================= */
  .admin-jobs-table-search,
  .t1k-table-search {
    margin-top: 30px;
    border-top: 4px solid #e0e0e0;
    padding: 10px 0;
    text-align: right;
  }
  .admin-jobs-table-search .search-input,
  .t1k-table-search .search-input {
    display: inline-block;
  }
  .admin-jobs-table-search .search-input input[type=text],
  .t1k-table-search .search-input input[type=text] {
    font-size: 12px;
    padding: 6px 7px 6px 26px;
    width: 250px;
  }
  .admin-jobs-table,
  .t1k-table {
    table-layout: fixed;
  }
  .admin-jobs-table td,
  .t1k-table td {
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .admin-jobs-table tr:hover td,
  .t1k-table tr:hover td {
    white-space: normal;
  }
  .admin-jobs-table td,
  .admin-jobs-table th,
  .t1k-table td,
  .t1k-table th {
    text-align: center;
  }
  .t1k-url a {
    text-decoration: none;
  }
  .t1k-table th.t1k-url,
  .t1k-table td.t1k-url {
    text-align: left;
  }
  @media (min-width: 849px) {
    .t1k-rank {
      width: 75px;
    }
    .t1k-pagespeed {
      width: 110px;
    }
    .t1k-yslow {
      width: 85px;
    }
    .t1k-time {
      width: 70px;
    }
    .t1k-elements {
      width: 100px;
    }
    .t1k-size {
      width: 80px;
    }
    .t1k-report {
      width: 80px;
    }
  }
  @media (max-width: 850px) {
    .t1k-table thead {
      display: none;
    }
    .t1k-table tbody td {
      display: block;
      vertical-align: top;
    }
    .t1k-table tbody td:before {
      content: attr(data-th);
      display: inline-block;
      width: 150px;
      font-weight: bold;
      font-size: 12px;
      color: #9b9b9b;
      text-transform: uppercase;
    }
    .t1k-table tr {
      display: block;
      padding: 4px 0;
    }
    .t1k-table td {
      padding: 4px 12px;
      text-align: left;
    }
  }
  /* =========================================================================
   * Locations page
   * ========================================================================= */
  .locations-map {
    position: relative;
    width: 100%;
    aspect-ratio: 150/71;
    background: url("/static/images/locations.svg") center/cover no-repeat;
    margin: 20px auto;
    font: 16px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
  }
  .locations-map-pin-free,
  .locations-map-pin-premium {
    position: absolute;
    left: calc(var(--pin-x) * 1%);
    top: calc(var(--pin-y) * 1%);
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
  }
  .locations-map-pin-free:before,
  .locations-map-pin-premium:before {
    content: "";
    width: clamp(10px, 1.2vw, 16px);
    height: clamp(10px, 1.2vw, 16px);
    border-radius: 50%;
    border: 3px solid #fff;
    display: inline-block;
  }
  .locations-map-pin-free > span,
  .locations-map-pin-premium > span {
    position: absolute;
    right: 0;
    left: calc(100% + 4px);
    width: max-content;
    white-space: nowrap;
    font-size: clamp(10px, 1.4vw, 18px);
    line-height: 1;
    color: #646464;
  }
  .locations-map-pin-free:before {
    background: #6aa6d9;
    border-color: #6487ab;
  }
  .locations-map-pin-premium:before {
    background: #c62567;
    border-color: #901958;
  }
  .locations-map-pin-left > span {
    left: -35%;
    top: -1px;
    transform: translate(-100%, 0);
    text-align: right;
  }
  .locations-map-legend {
    position: absolute;
    bottom: 10%;
    left: 5%;
    color: #333;
  }
  .locations-map-legend > p {
    position: static;
    display: flex;
    align-items: center;
    margin: 10px 0 0;
  }
  /* Table of Locations */
  .locations-continent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 80px 0 10px;
  }
  .locations-continent-title {
    font-size: 30px;
    font-weight: 100;
  }
  .locations-continent-title span {
    color: #9b9b9b;
    font-size: 24px;
  }
  .locations-table {
    table-layout: fixed;
  }
  .locations-table .location-active {
    color: #4ec52e;
    font-weight: bold;
  }
  .locations-table .location-inactive {
    color: #c72525;
    font-weight: bold;
  }
  .locations-table .location-status {
    text-align: right;
    width: 16%;
  }
  .locations-table .location-hostname {
    width: 100%;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .locations-table .location-hostname:hover {
    white-space: normal;
  }
  .locations-table td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .location-name {
    flex: 1 0 275px;
    max-width: 315px;
    margin: 10px 5px;
    font: 22px "Maven Pro", Arial, sans-serif;
    letter-spacing: -0.0625em;
    color: #3c9adc;
  }
  .location-name .icon {
    margin: -5px 5px 0 0;
    width: 30px;
    height: 21px;
    vertical-align: middle;
  }
  @media (min-width: 900px) and (max-width: 1200px) {
    .features-container .locations-map {
      background-size: contain;
    }
    .features-container .locations-map .locations-map-pin-premium {
      display: none;
    }
  }
  @media (max-width: 850px) {
    .locations-map {
      margin-bottom: 55px;
    }
    .locations-map-pin-free:before,
    .locations-map-pin-premium:before {
      border-width: 2px;
    }
    .locations-map-pin-free > span,
    .locations-map-pin-premium > span {
      opacity: 0;
      transition: opacity 0.1s ease-out;
    }
    .locations-map-pin-free:hover > span,
    .locations-map-pin-premium:hover > span {
      opacity: 1;
    }
    .locations-map-legend {
      top: 100%;
    }
    .locations-map-legend span {
      opacity: 1;
    }
    .locations-continent {
      display: block;
    }
    .locations-continent .locations-continent-title {
      display: block;
      margin-bottom: 10px;
    }
    .location-servers {
      display: none;
    }
    .location-name {
      font-size: 18px;
    }
    .location-name .icon {
      width: 18px;
      height: 13px;
    }
  }
  @media (max-width: 450px) {
    .location-status {
      display: none;
    }
  }
  /* =========================================================================
   * E-mail Settings page
   * ========================================================================= */
  .page-email_settings h3 span {
    color: #3c9adc;
  }
  .email_settings-subs {
    margin: 30px 0;
  }
  @media (max-width: 800px) {
    .page-email_settings .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .page-email_settings .layout-cols-sidebar-left {
      max-width: 320px;
    }
  }
  /* =========================================================================
   * Past Invoices menu
   * ========================================================================= */
  .menu-pro-invoices-downloading {
    position: relative;
  }
  /* =========================================================================
   * Password Reset page
   * ========================================================================= */
  .page-lostpw .layout-cols-sidebar-right {
    width: 400px;
  }
  @media (max-width: 950px) {
    .page-lostpw .layout-cols-sidebar-right {
      width: 320px;
    }
  }
  @media (max-width: 700px) {
    .page-lostpw .layout-cols-sidebar-right {
      display: table-caption;
      caption-side: bottom;
      padding-left: 0;
      padding-top: 25px;
      width: auto;
    }
    .page-lostpw .layout-cols-sidebar-left {
      max-width: 320px;
    }
  }
  /* =========================================================================
   * 429 Too many requests static page
   * ========================================================================= */
  .page429-links {
    min-width: 255px;
    margin-bottom: 10px;
  }
}