/* Base styles - base reset and styling of common elements */
/* Color guidelines: https://dochub.sandbox.indeed.net/guidelines/color */
/* IMPORTANT: references to $assets does not work in base.css 
 * define in style.css. Example: background-image: url($assets-icon-idea-svg);
*/

:root {
  --primary-1000: #0d2d5e;
  --primary-900: #164081;
  --primary-800: #2557a7;
  --primary-700: #3f73d3;
  --primary-600: #6792f0;
  --primary-500: #9bb1f0;
  --primary-400: #c7d2f6;
  --primary-200: #eef1fe;
  --primary-100: #f8f9fe;

  --alert-800: #a9252b;
  --alert-700: #d93a40;
  --alert-200: #feeeef;

  --success-800: #1f662c;
  --success-700: #2a863b;
  --success-200: #e4f7e6;

  --neutral-1000: #2d2d2d;
  --neutral-900: #424242;
  --neutral-800: #595959;
  --neutral-700: #767676;
  --neutral-600: #949494;
  --neutral-500: #B4B2B1;
  --neutral-400: #d4d2d0;
  --neutral-300: #e4e2e0;
  --neutral-200: #f3f2f1;
  --neutral-100: #faf9f8;
  --neutral-0: #ffffff;

  --success-700: #2A863B;
  --success-400: #ADDFB3;
  --success-200: #E4F7E6;

  --warning-1000: #482708;
  --warning-800: #B16300;
  --warning-700: #b16300;
  --warning-200: #fdefe9;

  --expressive-aqua-800: #1f5f7b;
  --expressive-blue-700: #3f73d3;
  --expressive-earth-200: #fcf0e6;
  --expressive-earth-400: #f5cb9d;
  --expressive-earth-500: #e0a961;
  --expressive-green-200: #e6f5f1;
  --expressive-green-400: #b9dad0;
  --expressive-green-500: #7bc0ae;
  --expressive-green-600: #4CA38F;
  --expressive-green-700: #358271;
  --expressive-green-800: #2B6256;
  --expressive-green-900: #234840;
  --expressive-magenta-500: #ee99bf;
  --expressive-magenta-600: #e867a8;
  --expressive-magenta-700: #c74289;
  --expressive-magenta-800: #9d2b6b;
  --expressive-orange-500: #f39e78;
  --expressive-orange-600: #df7838;
  --expressive-purple-200: #f2f1fe;
  --expressive-purple-500: #b1abf4;
  --expressive-purple-700: #7461e7;

  /* dark mode colors */
  --dark-1000: #040606;
  --dark-900: #0d171b;

  /* Additional variables */
  --font-family: "Indeed Sans", "Noto Sans", system-ui, -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --border-radius: 0.5rem;
  --border-radius-sm: 0.25rem;
  --max-content-width: 38.5rem; /* 616px */
  --default-transition: cubic-bezier(0.645, 0.045, 0.355, 1);

  --icon-information: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.5C6.47715 2.5 2 6.97715 2 12.5C2 18.0228 6.47715 22.5 12 22.5C17.5228 22.5 22 18.0228 22 12.5C22 6.97715 17.5228 2.5 12 2.5ZM13 17.25C13 17.3881 12.8881 17.5 12.75 17.5H11.25C11.1119 17.5 11 17.3881 11 17.25V15.75C11 15.6119 11.1119 15.5 11.25 15.5H12.75C12.8881 15.5 13 15.6119 13 15.75V17.25ZM13 13.25C13 13.3881 12.8881 13.5 12.75 13.5H11.25C11.1119 13.5 11 13.3881 11 13.25V7.75C11 7.61193 11.1119 7.5 11.25 7.5H12.75C12.8881 7.5 13 7.61193 13 7.75V13.25Z' fill='white'/%3E%3C/svg%3E%0A");
  --icon-placeholder: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15.5C5 15.2239 4.77614 15 4.5 15H3.5C3.22386 15 3 15.2239 3 15.5V19C3 20.1 3.9 21 5 21H8.5C8.77614 21 9 20.7761 9 20.5V19.5C9 19.2239 8.77614 19 8.5 19H5V15.5ZM5 5H8.5C8.77614 5 9 4.77614 9 4.5V3.5C9 3.22386 8.77614 3 8.5 3H5C3.9 3 3 3.9 3 5V8.5C3 8.77614 3.22386 9 3.5 9H4.5C4.77614 9 5 8.77614 5 8.5V5ZM19 3H15.5C15.2239 3 15 3.22386 15 3.5V4.5C15 4.77614 15.2239 5 15.5 5H19V8.5C19 8.77614 19.2239 9 19.5 9H20.5C20.7761 9 21 8.77614 21 8.5V5C21 3.9 20.1 3 19 3ZM19 19H15.5C15.2239 19 15 19.2239 15 19.5V20.5C15 20.7761 15.2239 21 15.5 21H19C20.1 21 21 20.1 21 19V15.5C21 15.2239 20.7761 15 20.5 15H19.5C19.2239 15 19 15.2239 19 15.5V19ZM12 8C9.79 8 8 9.79 8 12C8 14.21 9.79 16 12 16C14.21 16 16 14.21 16 12C16 9.79 14.21 8 12 8ZM12 14C10.9 14 10 13.1 10 12C10 10.9 10.9 10 12 10C13.1 10 14 10.9 14 12C14 13.1 13.1 14 12 14Z' fill='white'/%3E%3C/svg%3E%0A");
  --icon-warning: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4702 2.24807C12.2773 1.91731 11.7994 1.91731 11.6064 2.24807L1.10695 21.2479C0.912511 21.5812 1.15295 21.9998 1.53884 21.9998H22.5378C22.9237 21.9998 23.1642 21.5812 22.9697 21.2479L12.4702 2.24807ZM13.0386 14.7499C13.0386 14.8879 12.9266 14.9999 12.7886 14.9999H11.2886C11.1505 14.9999 11.0386 14.8879 11.0386 14.7499V9.24988C11.0386 9.11181 11.1505 8.99988 11.2886 8.99988H12.7886C12.9266 8.99988 13.0386 9.11181 13.0386 9.24988V14.7499ZM13.0386 18.7499C13.0386 18.8879 12.9266 18.9999 12.7886 18.9999H11.2886C11.1505 18.9999 11.0386 18.8879 11.0386 18.7499V17.2499C11.0386 17.1118 11.1505 16.9999 11.2886 16.9999H12.7886C12.9266 16.9999 13.0386 17.1118 13.0386 17.2499V18.7499Z' fill='white'/%3E%3C/svg%3E%0A");

  /* variables changed based on light/dark mode */
  --background-color: #fff;
  --background-header: var(--neutral-100);
  --background-article-links: var(--neutral-200);
  --link-color: var(--primary-800);
  --link-hover-color: var(--primary-900);
  --link-neutral-color: var(--neutral-800);
  --link-neutral-hover-color: var(--neutral-900);
  --logo-filter: initial;
  --darkmode-toggle-filter: brightness(0) invert(0);
  --text-color: var(--neutral-1000);
  --text-color-highcontrast: var(--neutral-1000);
  --text-green: var(--expressive-green-800);
  --text-important: var(--expressive-magenta-800);
  --toggle-icon: "🔆";
  --secondary-button-border: var(--neutral-400);
  --secondary-button-color: var(--link-color);
  --secondary-button-bg: #fff;
  --secondary-button-hover-bg: var(--primary-200);
  --input-border-color: var(--neutral-700);
  --input-border-color-light: var(--neutral-500);
  --input-border-color-active: var(--primary-1000);
  --primary-border-color: var(--neutral-400);
}

:root[data-force-color-mode="light"] {
  accent-color: #fff;
  --background-color: #fff;
  --background-header: var(--neutral-100);
  --background-textarea: var(--neutral-0);
  --background-article-links: var(--neutral-200);
  --link-color: var(--primary-800);
  --link-hover-color: var(--primary-900);
  --link-neutral-color: var(--neutral-800);
  --link-neutral-hover-color: var(--neutral-900);
  --logo-filter: initial;
  --darkmode-toggle-filter: brightness(0) invert(0);
  --text-color: var(--neutral-1000);
  --text-color-highcontrast: var(--neutral-1000);
  --text-green: var(--expressive-green-800);
  --text-important: var(--expressive-magenta-800);
  --toggle-icon: "🔆";
  --secondary-button-bg: #fff;
  --secondary-button-hover-bg: var(--primary-200);
  --secondary-button-border: var(--neutral-400);
  --secondary-button-color: var(--link-color);
  --input-border-color: var(--neutral-700);
  --input-border-color-light: var(--neutral-500);
  --input-border-color-active: var(--primary-1000);
  --primary-border-color: var(--neutral-300);
}

[data-force-color-mode="light"] .article-vote-count {
  color: var(--neutral-500);
}
[data-force-color-mode="light"] .section-image,
[data-force-color-mode="light"] .page-header:after,
[data-force-color-mode="light"] .side-column h2:after {
  opacity: 1;
}
[data-force-color-mode="light"] .see-all-articles-arrow {
  filter: unset;
}

/* Dark mode */
/* note: must duplicate style for preferred and forced modes */
@media (prefers-color-scheme: dark) {
  :root {
    accent-color: var(--dark-900);
    --background-color: var(--dark-1000);
    --background-header: var(--dark-900);
    --background-textarea: var(--dark-900);
    --background-article-links: var(--neutral-1000);
    --link-color: var(--primary-600);
    --link-hover-color: var(--primary-700);
    --link-neutral-color: var(--neutral-500);
    --link-neutral-hover-color: var(--neutral-600);
    --logo-filter: brightness(0) invert(1);
    --darkmode-toggle-filter: brightness(0) invert(1);
    --text-color: var(--neutral-200);
    --text-color-highcontrast: #fff;
    --text-green: var(--expressive-green-600);
    --text-important: var(--expressive-magenta-600);
    --toggle-icon: "🌙";
    --secondary-button-bg: var(--dark-1000);
    --secondary-button-hover-bg: #000;
    --secondary-button-border: var(--primary-700);
    --secondary-button-color: var(--text-color);
    --input-border-color: var(--neutral-1000);
    --input-border-color-light: var(--neutral-800);
    --input-border-color-active: var(--primary-800);
    --primary-border-color: var(--neutral-1000);
  }
  .article-vote-count {
    color: var(--neutral-600);
  }
  .section-image,
  .page-header:after,
  .side-column h2:after {
    opacity: 0.8;
  }
  .see-all-articles-arrow {
    filter: invert(0.35);
  }
}

:root[data-force-color-mode="dark"] {
  accent-color: var(--dark-900);
  --background-color: var(--dark-1000);
  --background-header: var(--dark-900);
  --background-article-links: var(--neutral-1000);
  --link-color: var(--primary-600);
  --link-hover-color: var(--primary-700);
  --link-neutral-color: var(--neutral-500);
  --link-neutral-hover-color: var(--neutral-600);
  --logo-filter: brightness(0) invert(1);
  --darkmode-toggle-filter: brightness(0) invert(1);
  --text-color: var(--neutral-200);
  --text-green: var(--expressive-green-500);
  --text-important: var(--expressive-magenta-600);
  --toggle-icon: "🌙";
  --secondary-button-bg: var(--dark-1000);
  --secondary-button-hover-bg: #000;
  --secondary-button-border: var(--primary-700);
  --secondary-button-color: var(--text-color);
  --input-border-color: var(--neutral-900);
  --primary-border-color: var(--neutral-1000);
}

[data-force-color-mode="dark"] .article-vote-up:before {
  filter: invert(1);
}

[data-force-color-mode="dark"] .article-vote-down:before {
  filter: invert(1);
}

::placeholder {
  color: var(--neutral-600);
}


::selection {
  background-color: var(--primary-400);
  color: var(--neutral-900);
}

[data-force-color-mode="dark"] .article-vote-success {
  color: var(--neutral-1000);
}
[data-force-color-mode="dark"] .article-vote-count {
  color: var(--neutral-600);
}
[data-force-color-mode="dark"] .section-image,
[data-force-color-mode="dark"] .page-header:after,
[data-force-color-mode="dark"] .side-column h2:after {
  opacity: 0.8;
}
[data-force-color-mode="dark"] .see-all-articles-arrow {
  filter: invert(0.35);
}

#toggle-darkmode {
  display: none;
}
#toggle-darkmode + label:after {
  filter: var(--darkmode-toggle-filter);
  font-size: 0.875rem;
  content: var(--toggle-icon);
  cursor: pointer;
  padding: 0.5rem;
}
/* increase clickable area */
#toggle-darkmode + label:before {
  content: "";
  position: absolute;
  right: 16px;
  top: 7px;
  width: 44px;
  height: 44px;
}
.show-menu + .header-colormode #toggle-darkmode + label:before {
  right: -8px;
  top: -8px;
}
[dir="rtl"] #toggle-darkmode + label:before {
  left: 18px;
  top: 7px;
  right: unset;
}
[dir="rtl"] .show-menu + .header-colormode #toggle-darkmode + label:before {
  left: -4px;
  top: -8px;
  right: unset;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  color-scheme: light dark;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  min-height: 100vh;
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: var(--font-family);
  line-height: 1.5;
  margin: 0;
}

textarea::placeholder, input::placeholder, textarea {
  font-family: var(--font-family);
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--text-color);
  margin: 0 0 0.5rem;
}

h1,
h2,
h3 {
  line-height: 1.25;
}

h1 {
  font-size: 1.75rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
h4 {
  font-size: 1rem;
}

a {
  font-family: var(--font-family);
  color: var(--link-color);
  text-decoration: none;
  font-weight: normal;
}
a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Inputs */
input {
  color: var(--text-color);
  background-color: var(--background-color);
  border-radius: var(--border-radius);
  border: 1px solid var(--input-border-color);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0.5625rem 0.75rem;
  transition: border-color 200ms var(--default-transition);
}

input:hover {
  border-color: var(--primary-600);
}

input:focus {
  border-color: var(--primary-800);
}

/* Buttons */
/* IFL Button variants https://dochub.sandbox.indeed.net/ifl/components/button */
.button,
.pagination a,
[type="button"],
[type="submit"] {
  align-items: center;
  appearance: none;
  background-color: var(--primary-800);
  border: 0;
  border-color: var(--primary-800);
  border-radius: var(--border-radius);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: inherit;
  overflow: hidden;
  padding: 0.5625rem 1rem;
  position: relative;
  transition: background-color 200ms var(--default-transition),
    border-color 200ms var(--default-transition);
  user-select: none;
}

.button:hover,
.pagination a:hover,
[type="button"]:hover,
[type="submit"]:hover {
  background-color: var(--primary-900);
  border-color: var(--primary-800);
  text-decoration: none;
}

.button.sm {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}

.button.xs,
[type="button"].xs,
[type="submit"].xs {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
}

/* secondary styles */
.button.secondary,
.pagination a,
[type="button"].secondary,
[type="submit"].secondary {
  background-color: var(--secondary-button-bg);
  border: 1px solid var(--secondary-button-border);
  color: var(--secondary-button-color);
}

.button.secondary:hover,
.pagination a:hover,
[type="button"].secondary:hover,
[type="submit"].secondary:hover {
  border-color: var(--primary-600);
  background-color: var(--secondary-button-hover-bg);
}

/* button text styles */
.button.button-text {
  background-color: transparent;
  border: 0;
  color: var(--text-color);
  font-weight: 400;
}

.button.button-text:hover {
  color: var(--text-color);
}

button.src-component-Launcher-wrapper.u-isActionable.u-textLeft.u-inlineBlock.u-borderNone.u-textBold.u-textNoWrap.Arrange.Arrange--middle.u-userLauncherColor,
.src-component-Launcher-wrapper {
  display: none !important;
}

a[role="button"]:hover {
  text-decoration: none;
}

input[type="submit"][disabled] {
  opacity: 0.4;
}

.skip-link {
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  transform: translateX(-150%);
  z-index: 1;
}

[dir="rtl"] .skip-link {
  right: 0.5rem;
  transform: translateX(150%);
}
.skip-link:hover {
  color: #fff;
}
.skip-link:focus {
  position: static;
  transform: translateY(0%);
}

/* Helpers */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.hidden {
  display: none !important;
}

/* Forms */
.form {
  max-width: 505px;
}

.form-field + .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field.required > label:after {
  content: "*";
  color: var(--alert-800);
  margin-left: 2px;
}

.form-field p {
  color: #bebebe;
  font-size: 11px;
}

.form-field input[type="number"],
.form-field input.datepicker {
  width: 150px;
}

.form form + form,
.searchbox {
  margin-top: 25px;
}

/* autocomplete */
zd-autocomplete {
  background-color: var(--background-color);
}

zd-autocomplete-header,
zd-autocomplete-breadcrumbs-multibrand {
  display: none !important;
}

zd-autocomplete-multibrand {
  border: none;
}

zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
  color: var(--text-color-highcontrast);
}

zd-autocomplete-multibrand[aria-selected="true"] {
  background-color: var(--background-header);
}

.form footer {
  border-top: 1px solid var(--neutral-300);
  margin-top: 40px;
  padding-top: 30px;
  text-align: right;
}

.form footer a {
  color: var(--neutral-400);
  cursor: pointer;
  margin-right: 15px;
}

/* Navigation menus */
.nav li,
.nav-spaced li {
  display: inline-block;
  font-weight: bold;
}

.nav li a,
.nav-spaced li a {
  font-weight: normal;
}

.nav-spaced li + li {
  margin: 0 0 0 40px;
}

[dir="rtl"] .nav-spaced li + li {
  margin: 0 40px 0 0;
}
/* Breadcrumbs */
.breadcrumbs li {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.25rem;
}

/* Labels */
.label,
.request-status {
  border-radius: 20px;
  display: inline-block;
  font-size: 0.75rem;
  padding: 3px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Metadata */
.meta,
.meta-group {
  color: var(--neutral-400);
  display: inline-block;
  font-size: 11px;
}

.meta-group * + *:before {
  content: "\2022";
  font-size: 8px;
  margin: 0 10px;
}

/* Helper classes */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.box-shadow-low {
  box-shadow: 0px 2px 4px 0px rgba(45, 45, 45, 0.12),
    0px 1px 3px 0px rgba(45, 45, 45, 0.16),
    0px 0px 2px 0px rgba(45, 45, 45, 0.2);
}

/* Helper classes for editing articles */
.image-right {
  float: right;
  padding-left: 1rem;
}
.image-left {
  float: left;
  padding-right: 1rem;
}
.image-center {
  display: flex;
  margin: 1rem auto;
}

/* Pagination for search results */
.pagination {
  display: flex;
  justify-content: center;
}
.pagination-list {
  display: flex;
}

.pagination li {
  margin-left: -1px;
}

.pagination-list li:first-of-type a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-list li:last-of-type a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination a,
.pagination span {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}

/* Markdown styles */
.markdown {
  font-size: 1rem;
  word-wrap: break-word;
}

.markdown a{
  text-decoration: underline;
}

.markdown img {
  max-width: 100%;
}
.markdown hr,
.hr {
  background-color: var(--primary-border-color);
  margin: 1rem 0;
  border: 0;
  height: 1px;
}
.markdown ul,
.markdown ol {
  list-style-position: outside;
  margin-left: 1rem;
  padding: 0 1rem;
}
.markdown ul {
  list-style-type: disc;
  margin-bottom: 1rem;
}
.markdown ol {
  list-style-type: decimal;
  margin-bottom: 1rem;
}
.markdown pre {
  background: var(--neutral-100);
  border: 1px solid var(--neutral-300);
  border-radius: 3px;
  padding: 0.5rem 1rem;
  overflow: auto;
  white-space: pre;
}
.markdown blockquote {
  border-left: 3px solid var(--neutral-300);
  color: var(--neutral-900);
  font-style: italic;
  padding: 0 1rem;
}
.markdown h2 {
  border-bottom: 2px solid var(--primary-border-color);
  margin-top: 2.5rem;
  padding-bottom: 0.5rem;
}
/* remove space between header and first p */
.markdown h3 + p,
.markdown h4 + p {
  margin-top: 0;
}
.markdown h3,
.markdown h4 {
  margin-bottom: 0;
}
.markdown h3 {
  color: var(--text-green);
}

/* external links */
a[target="_blank"] {
  display: inline-flex;
}
a[target="_blank"]:after {
  background-size: contain;
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5C3 3.67078 3.67281 2.99888 4.50203 3L7.50031 3.00406C7.77619 3.00444 7.99963 3.22819 7.99963 3.50406V3.80168C7.99963 4.07782 7.77578 4.30168 7.49963 4.30168H4.29639V13.6923H13.7026V10.5048C13.7026 10.2286 13.9265 10.0048 14.2026 10.0048H14.498C14.7742 10.0048 14.998 10.2286 14.998 10.5048V13.4959C14.998 14.3244 14.3264 14.9959 13.498 14.9959H4.5C3.67157 14.9959 3 14.3244 3 13.4959V4.5Z' fill='%23767676'/%3E%3Cpath d='M9.99738 3.50854C9.9974 3.23242 10.2213 3.00858 10.4974 3.00858L14.1956 3.00859L14.1984 3.00858L14.4983 3.00858L14.5025 3.0086C14.7775 3.00985 15.0001 3.23325 15.0001 3.50863L15.0001 3.80861C15.0001 3.82296 14.9995 3.83717 14.9983 3.85121L14.9983 7.5092C14.9983 7.78534 14.7744 8.00919 14.4983 8.00919L14.1983 8.0092C13.9222 8.0092 13.6983 7.78534 13.6983 7.50919L13.6983 5.22762L7.5584 11.3676C7.36313 11.5628 7.04655 11.5628 6.85129 11.3676L6.63916 11.1554C6.44389 10.9602 6.44389 10.6436 6.63915 10.4483L12.7789 4.30857L10.4974 4.30856C10.2212 4.30856 9.99734 4.08468 9.99736 3.80853L9.99738 3.50854Z' fill='%23767676'/%3E%3C/svg%3E%0A");
  height: 1rem;
  width: auto;
}