@charset "UTF-8";
/* Common */
html::before {
  display: none;
  content: "XS,S,M,L,XL";
}

html::after {
  display: none;
  content: "XS";
}

@media screen and (min-width: 576px) {
  html::after {
    content: "S";
  }
}

@media screen and (min-width: 768px) {
  html::after {
    content: "M";
  }
}

@media screen and (min-width: 960px) {
  html::after {
    content: "L";
  }
}

@media screen and (min-width: 1152px) {
  html::after {
    content: "XL";
  }
}

/* 13px */
/* 14px */
/* 16px */
/* 18px */
/* 20px */
/* 22px */
/* 12px */
/* 13px */
/* 14px */
/* 28px */
/* 24px */
/* 22px */
:root {
  --font-size-heading-1: 2.25rem;
  /* 36px */
  --font-size-heading-2: 1.75rem;
  /* 28px */
  --font-size-heading-3: 1.5rem;
  /* 24px */
  --font-size-heading-4: 1.375rem;
  /* 22px */
  --font-size-heading-5: 1.25rem;
  /* 20px */
  --font-size-heading-6: 1.125rem;
  /* 18px */
}

@media screen and (max-width: 575px) {
  :root {
    --font-size-heading-1: 1.875rem;
    /* 30px */
    --font-size-heading-2: 1.625rem;
    /* 26px */
  }
}

/* 36px */
/* 28px */
/* 24px */
/* 22px */
/* 20px */
/* 18px */
.button-primary {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #fff;
  background-color: #2858d1;
  border: 1px solid #2858d1;
}

.button-primary:hover:not(:disabled),
.button-primary:active {
  color: #fff;
  text-decoration: none;
  background-color: #234cb5;
  border: 1px solid #234cb5;
}

.button-primary:visited {
  color: #fff;
}

.button-primary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.button-primary:disabled,
.button-primary.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.button-secondary {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
}

.button-secondary:hover:not(:disabled),
.button-secondary:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.button-secondary:visited {
  color: #2858d1;
}

.button-secondary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.button-secondary:disabled,
.button-secondary.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.button-large {
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-medium {
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
}

.button-small {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

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

.signpost {
  position: relative;
  display: inline-block;
  color: var(--color-signpost-link, #2858d1);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.signpost::after {
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-signpost-link, #2858d1);
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transform: scaleX(1);
  transform-origin: 0;
}

.signpost:visited {
  color: var(--color-signpost-link, #2858d1);
}

.signpost:hover,
.signpost:focus,
.signpost:active {
  color: var(--color-signpost-link-hover, #234cb5);
  text-decoration: none;
}

.signpost:hover::after,
.signpost:active::after {
  background-color: var(--color-signpost-link-hover, #234cb5);
  transform: scaleX(0);
  transform-origin: 100%;
}

.signpost-alternate {
  position: relative;
  display: inline-block;
  color: var(--color-signpost-link, #2858d1);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.signpost-alternate::after {
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-signpost-link, #2858d1);
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transform: scaleX(0);
  transform-origin: 100%;
}

.signpost-alternate:visited {
  color: var(--color-signpost-link, #2858d1);
}

.signpost-alternate:hover,
.signpost-alternate:focus,
.signpost-alternate:active {
  color: var(--color-signpost-link-hover, #234cb5);
  text-decoration: none;
}

.signpost-alternate:hover::after,
.signpost-alternate:active::after {
  background-color: var(--color-signpost-link-hover, #234cb5);
  transform: scaleX(1);
  transform-origin: 0;
}

.cta-button,
.feedback__button {
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
}

.cta-button:hover:not(:disabled),
.cta-button:active,
.feedback__button:hover:not(:disabled),
.feedback__button:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.cta-button:visited,
.feedback__button:visited {
  color: #2858d1;
}

.cta-button:focus,
.feedback__button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.cta-button:disabled,
.cta-button.disabled,
.feedback__button:disabled,
.feedback__button.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.cta-button::after,
.feedback__button::after {
  display: none;
}

button {
  outline-width: 0;
}

.user-is-tabbing button {
  outline-width: 2px;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #15171e;
  text-align: left;
  background-color: #fff;
}

main {
  margin: 0 0 4rem;
}

@media screen and (min-width: 960px) {
  main {
    margin: 0 48px 5rem;
  }
}

@media screen and (min-width: 1152px) {
  main {
    margin: 0 56px 5rem;
  }
}

.main__wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.main__content {
  margin: 0 18px;
  display: block;
  margin-top: 2.25rem;
}

@media screen and (min-width: 768px) {
  .main__content {
    margin: 0 36px;
  }
}

@media screen and (min-width: 960px) {
  .main__content {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .main__content {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 960px) {
  .main__content {
    margin-top: 4rem;
  }
}

.main__content--with-sidebar {
  display: block;
}

@media screen and (min-width: 960px) {
  .main__content--with-sidebar {
    display: flex;
    margin-top: 4rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

h1 {
  font-size: var(--font-size-heading-1);
  letter-spacing: -0.01em;
}

h2 {
  font-size: var(--font-size-heading-2);
  letter-spacing: -0.01em;
}

h3 {
  font-size: var(--font-size-heading-3);
  letter-spacing: -0.01em;
}

h4 {
  font-size: var(--font-size-heading-4);
  letter-spacing: -0.01em;
}

h5 {
  font-size: var(--font-size-heading-5);
  font-weight: 400;
  letter-spacing: -0.0075em;
}

h6 {
  font-size: var(--font-size-heading-6);
  font-weight: 400;
  letter-spacing: -0.0075em;
}

a {
  position: relative;
  display: inline;
  color: var(--color-link, #1c444a);
  text-decoration: none;
  transition: color 0.15s ease-out;
}

a:visited {
  color: var(--color-link, #1c444a);
}

a:hover,
a:focus,
a:active {
  color: var(--color-link-hover, #245860);
  text-decoration: underline;
}

p {
  margin: 0 0 1.375rem;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

ol,
ul {
  padding-left: 1rem;
  margin: 1rem 0 1.375rem;
}

ol > ol,
ol > ul,
ul > ol,
ul > ul {
  margin: 0;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
}

li {
  margin-bottom: 0.75rem;
}

table {
  display: block;
  margin-bottom: 1.375rem;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border: none;
}

@media screen and (min-width: 576px) {
  table {
    display: table;
    overflow-x: visible;
    white-space: normal;
  }
}

tr {
  border-bottom: 1px solid #000;
}

th {
  font-family: "Circular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  padding: 0.75rem 0.75rem 0.75rem 0;
}

td {
  padding: 0.75rem 0.75rem 0.75rem 0;
  font-size: 1rem;
}

hr {
  height: 1px;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
  background-color: #cfd1d3;
  border: none;
}

blockquote {
  position: relative;
  padding-left: 1.375rem;
  margin: 1rem 0;
  font-size: 1.125rem;
  border-left: 2px solid #cfd1d3;
  opacity: 0.8;
}

iframe {
  max-width: 100%;
}

b,
strong {
  font-weight: bolder;
}

em {
  font-style: italic;
}

b em,
strong em,
em b,
em strong {
  font-style: italic;
  font-weight: bolder;
}

.select-wrapper,
.select-wrapper-medium {
  position: relative;
  margin: 0.5rem 0 1.375rem;
}

.select-wrapper::after,
.select-wrapper-medium::after {
  position: absolute;
  top: 0;
  height: 100%;
  pointer-events: none;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,%3Csvg viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.66669 3.33332L9.99996 11.6666L18.3334 3.33331" stroke="%2315171E" stroke-width="2.5"/%3E%3C/svg%3E');
  right: 1rem;
  width: 10px;
}

.select-wrapper select,
.select-wrapper-medium select {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  display: block;
  width: 100%;
  margin: 0.5rem 0 1.375rem;
  color: #15171e;
  background-color: #fff;
  border: 1px solid #cccdd1;
  border-radius: 5px;
  transition: border-color 0.2s ease-out;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: calc(2rem + 10px);
}

.select-wrapper select::-moz-placeholder,
.select-wrapper-medium select::-moz-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper select:-ms-input-placeholder,
.select-wrapper-medium select:-ms-input-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper select::placeholder,
.select-wrapper-medium select::placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper select:not(:disabled):hover,
.select-wrapper-medium select:not(:disabled):hover {
  border-color: #b6b8bd;
}

.select-wrapper select:disabled,
.select-wrapper-medium select:disabled {
  cursor: not-allowed;
  background-color: rgba(204, 205, 209, 0.2);
}

.select-wrapper-small {
  position: relative;
  margin: 0.5rem 0 1.375rem;
}

.select-wrapper-small::after {
  position: absolute;
  top: 0;
  height: 100%;
  pointer-events: none;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,%3Csvg viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.66669 3.33332L9.99996 11.6666L18.3334 3.33331" stroke="%2315171E" stroke-width="2.5"/%3E%3C/svg%3E');
  right: 0.75rem;
  width: 8px;
}

.select-wrapper-small select {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  display: block;
  width: 100%;
  margin: 0.5rem 0 1.375rem;
  color: #15171e;
  background-color: #fff;
  border: 1px solid #cccdd1;
  border-radius: 5px;
  transition: border-color 0.2s ease-out;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: calc(1.5rem + 8px);
}

.select-wrapper-small select::-moz-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper-small select:-ms-input-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper-small select::placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper-small select:not(:disabled):hover {
  border-color: #b6b8bd;
}

.select-wrapper-small select:disabled {
  cursor: not-allowed;
  background-color: rgba(204, 205, 209, 0.2);
}

.select-wrapper-x-small {
  position: relative;
  margin: 0.5rem 0 1.375rem;
}

.select-wrapper-x-small::after {
  position: absolute;
  top: 0;
  height: 100%;
  pointer-events: none;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,%3Csvg viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.66669 3.33332L9.99996 11.6666L18.3334 3.33331" stroke="%2315171E" stroke-width="2.5"/%3E%3C/svg%3E');
  right: 0.5rem;
  width: 8px;
}

.select-wrapper-x-small select {
  padding: 0.25rem 0.5rem;
  font-size: 0.8125rem;
  display: block;
  width: 100%;
  margin: 0.5rem 0 1.375rem;
  color: #15171e;
  background-color: #fff;
  border: 1px solid #cccdd1;
  border-radius: 5px;
  transition: border-color 0.2s ease-out;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: calc(1.5rem + 8px);
}

.select-wrapper-x-small select::-moz-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper-x-small select:-ms-input-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper-x-small select::placeholder {
  color: rgba(21, 23, 30, 0.45);
}

.select-wrapper-x-small select:not(:disabled):hover {
  border-color: #b6b8bd;
}

.select-wrapper-x-small select:disabled {
  cursor: not-allowed;
  background-color: rgba(204, 205, 209, 0.2);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="telephone"],
input[type="tel"],
input[type="number"],
textarea {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  display: block;
  width: 100%;
  margin: 0.5rem 0 1.375rem;
  color: #15171e;
  background-color: #fff;
  border: 1px solid #cccdd1;
  border-radius: 5px;
  transition: border-color 0.2s ease-out;
  -webkit-appearance: none;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="telephone"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="telephone"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(21, 23, 30, 0.45);
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="telephone"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
  color: rgba(21, 23, 30, 0.45);
}

input[type="text"]:not(:disabled):hover,
input[type="email"]:not(:disabled):hover,
input[type="password"]:not(:disabled):hover,
input[type="search"]:not(:disabled):hover,
input[type="telephone"]:not(:disabled):hover,
input[type="tel"]:not(:disabled):hover,
input[type="number"]:not(:disabled):hover,
textarea:not(:disabled):hover {
  border-color: #b6b8bd;
}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="telephone"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
textarea:disabled {
  cursor: not-allowed;
  background-color: rgba(204, 205, 209, 0.2);
}

textarea {
  min-height: 9rem;
}

.form-field__container {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0 1.375rem;
}

.form-field__container .select-wrapper,
.form-field__container input,
.form-field__container textarea {
  margin: 0;
}

.form-field__label {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.form-field__help-text {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  opacity: 0.5;
}

.pagination ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0;
  list-style: none;
}

.pagination ul li {
  display: block;
  margin: 0 1rem;
}

.pagination ul li:first-child {
  margin-left: 0;
}

.pagination ul li.pagination-prev,
.pagination ul li.pagination-last,
.pagination ul li.pagination-next {
  margin: 0.5rem;
}

.pagination ul li.pagination-first {
  margin: 0.5rem 0.5rem 0.5rem 0;
}

@media screen and (max-width: 767px) {
  .pagination ul li {
    display: none;
  }
  .pagination ul li.pagination-first,
  .pagination ul li.pagination-prev,
  .pagination ul li.pagination-last,
  .pagination ul li.pagination-next {
    display: block;
    margin: 0.5rem 1rem 0.5rem 0;
  }
}

.pagination a {
  color: #15171e;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.pagination .pagination-current span {
  border-bottom: 2px solid #15171e;
}

.pagination-first,
.pagination-prev,
.pagination-last,
.pagination-next {
  padding: 0;
  margin: 0.5rem;
  color: #15171e;
}

.pagination-first a,
.pagination-prev a,
.pagination-last a,
.pagination-next a {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
  display: flex;
  align-items: center;
  color: #15171e;
  text-decoration: none;
  border-color: #15171e;
}

.pagination-first a:hover:not(:disabled),
.pagination-first a:active,
.pagination-prev a:hover:not(:disabled),
.pagination-prev a:active,
.pagination-last a:hover:not(:disabled),
.pagination-last a:active,
.pagination-next a:hover:not(:disabled),
.pagination-next a:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.pagination-first a:visited,
.pagination-prev a:visited,
.pagination-last a:visited,
.pagination-next a:visited {
  color: #2858d1;
}

.pagination-first a:focus,
.pagination-prev a:focus,
.pagination-last a:focus,
.pagination-next a:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.pagination-first a:disabled,
.pagination-first a.disabled,
.pagination-prev a:disabled,
.pagination-prev a.disabled,
.pagination-last a:disabled,
.pagination-last a.disabled,
.pagination-next a:disabled,
.pagination-next a.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.pagination-first a::before,
.pagination-prev a::before,
.pagination-last a::before,
.pagination-next a::before {
  height: 0.875rem;
  font-size: 0.875rem;
}

.pagination-first a::after,
.pagination-prev a::after,
.pagination-last a::after,
.pagination-next a::after {
  font-size: 0.875rem;
}

.pagination-first a:hover:not(:disabled),
.pagination-first a:visited:not(:disabled),
.pagination-prev a:hover:not(:disabled),
.pagination-prev a:visited:not(:disabled),
.pagination-last a:hover:not(:disabled),
.pagination-last a:visited:not(:disabled),
.pagination-next a:hover:not(:disabled),
.pagination-next a:visited:not(:disabled) {
  color: #15171e;
  text-decoration: none;
  background-color: #fff;
}

.pagination-first a::before {
  display: block;
  width: 14px;
  margin-right: 0.5rem;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 5.96484H3M3 5.96484L7.01042 1.96484M3 5.96484L7.01042 9.96484" stroke="%2315171e" stroke-width="1.25"/><line y1="-0.625" x2="10" y2="-0.625" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 0 10.9648)" stroke="%2315171e" stroke-width="1.25"/></svg>');
}

.pagination-prev a::before {
  display: block;
  width: 12px;
  margin-right: 0.5rem;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.96484H1M1 4.96484L5.01042 0.964844M1 4.96484L5.01042 8.96484" stroke="%2315171e" stroke-width="1.25"/></svg>');
}

.pagination-last a {
  flex-direction: row-reverse;
}

.pagination-last a::before {
  display: block;
  width: 14px;
  margin-left: 0.5rem;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 5.96484H3M3 5.96484L7.01042 1.96484M3 5.96484L7.01042 9.96484" stroke="%2315171e" stroke-width="1.25"/><line y1="-0.625" x2="10" y2="-0.625" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 0 10.9648)" stroke="%2315171e" stroke-width="1.25"/></svg>');
  transform: rotateY(180deg) translateY(-0.05rem);
}

.pagination-next a {
  flex-direction: row-reverse;
}

.pagination-next a::before {
  display: block;
  width: 12px;
  margin-left: 0.5rem;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.96484H1M1 4.96484L5.01042 0.964844M1 4.96484L5.01042 8.96484" stroke="%2315171e" stroke-width="1.25"/></svg>');
  transform: rotateY(180deg);
}

.shadow {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
}

.shadow-on-hover {
  border: 1px solid #cfd1d3;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.shadow-on-hover:hover {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  border: 1px solid #b9bcbf;
}

.main__breadcrumbs {
  display: none;
  margin-top: 2.25rem;
}

@media screen and (min-width: 960px) {
  .main__breadcrumbs {
    display: block;
  }
}

.breadcrumbs {
  margin: 0 18px;
  padding: 0;
  list-style-type: none;
}

@media screen and (min-width: 768px) {
  .breadcrumbs {
    margin: 0 36px;
  }
}

@media screen and (min-width: 960px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  position: relative;
  display: inline-block;
  padding: 0 1.375rem 0 0;
  margin: 0;
}

.breadcrumbs li::after {
  position: absolute;
  top: 50%;
  right: 0.25rem;
  display: block;
  content: url('data:image/svg+xml,<svg width="6" height="11" viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.666994 9.6665L4.83366 5.49987L0.666991 1.33317" stroke="%23555a6d" stroke-width="1.04167"/></svg>');
  transform: translateY(-50%);
}

.breadcrumbs li:last-child {
  color: #555a6d;
}

.breadcrumbs li:last-child a {
  color: #555a6d;
}

.breadcrumbs li:last-child::after {
  content: none;
}

.main__breadcrumbs--article .breadcrumbs li:last-child {
  color: #2858d1;
}

.main__breadcrumbs--article .breadcrumbs li:last-child a {
  color: #2858d1;
}

.featured-article-list {
  display: grid;
  grid-gap: 18px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@media screen and (min-width: 576px) {
  .featured-article-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 960px) {
  .featured-article-list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 36px;
  }
}

.featured-article {
  border: 1px solid #cfd1d3;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 8px;
}

.featured-article:hover {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  border: 1px solid #b9bcbf;
}

@media screen and (min-width: 576px) {
  .featured-article {
    min-height: 180px;
  }
}

.featured-article a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  text-decoration: none;
}

.featured-article a:hover .featured-article__cta,
.featured-article a:focus .featured-article__cta,
.featured-article a:active .featured-article__cta {
  text-decoration: underline;
}

.featured-article__title {
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
  font-size: var(--font-size-heading-6);
  font-weight: 400;
  letter-spacing: -0.0075em;
  margin: 0;
}

.featured-article__title a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

.featured-article__text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #555a6d;
}

.featured-article__cta {
  position: relative;
  padding-right: 0.75rem;
  margin-top: 0.5rem;
}

.featured-article__cta::after {
  position: absolute;
  top: 0.25ex;
  left: calc(100% - 6px);
  display: block;
  width: 6px;
  height: 100%;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.713868 8.23633L4.2853 4.48635L0.713866 0.736328" stroke="%232858d1" stroke-width="1.25"/></svg>');
}

.menu-popup {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  position: absolute;
  padding: 0.5rem 0;
  margin: 0.5rem 0 0;
  overflow: hidden;
  font-size: 1.125rem;
  list-style: none;
  background-color: #fff;
  border-radius: 10px;
}

.menu-popup li {
  margin: 0;
}

.menu-popup a,
.menu-popup button {
  display: block;
  padding: 0.5rem 1.375rem;
  color: #2858d1;
  background-color: #fff;
  border: none;
  transition: background-color 0.2s ease-in-out;
}

.menu-popup a:hover,
.menu-popup button:hover {
  text-decoration: none;
  background-color: #f2f3f5;
}

.menu-popup a::after,
.menu-popup button::after {
  display: none;
}

.promoted-articles {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 2.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .promoted-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}

.promoted-articles-item {
  position: relative;
  padding: 1rem 76px 1rem 0;
  margin: 0;
  font-size: 1.125rem;
  border-bottom: 1px solid #cfd1d3;
}

@media screen and (min-width: 768px) {
  .promoted-articles-item {
    padding: 1.375rem 76px 1.375rem 0;
  }
}

.promoted-articles-item::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 12px;
  content: "";
  background: center/cover no-repeat
    url('data:image/svg+xml,<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H20M20 7L14.1667 1M20 7L14.1667 13" stroke="%2315171e" stroke-width="1.25"/></svg>');
  transform: translate(0, -50%);
}

.promoted-articles-item:first-child {
  border-top: 1px solid #cfd1d3;
}

@media screen and (min-width: 768px) {
  .promoted-articles-item:nth-child(2) {
    border-top: 1px solid #cfd1d3;
  }
}

.product-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  grid-column-gap: 2.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-list__item {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  font-size: var(--font-size-heading-5);
  font-weight: 400;
  letter-spacing: -0.0075em;
  position: relative;
  margin: 0;
  font-family: "Circular", sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.product-list__item a {
  display: inline-block;
  width: 100%;
  padding: 0.4rem 0;
}

.product-list__item::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background: #cfd1d3;
}

.section-accordion {
  overflow: hidden;
  border-top: 1px solid #cfd1d3;
  border-bottom: 1px solid #cfd1d3;
}

.section-accordion[data-accordion-animation] {
  height: var(--accordion-closed-height, 0);
}

.section-accordion[data-accordion-animation] .section-accordion__content {
  opacity: 0;
  transform: translateY(-10px);
}

.section-accordion[data-accordion-animation="closed=>open"] {
  transition: height 0.2s ease-in-out;
}

.section-accordion[data-accordion-animation="closed=>open"]
  .section-accordion__content {
  transition: opacity 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
}

.section-accordion[data-accordion-animation="open=>closed"] {
  transition: height 0.15s ease-in-out;
}

.section-accordion[data-accordion-animation="open=>closed"]
  .section-accordion__content {
  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.section-accordion[data-accordion-state="open"] {
  height: auto;
}

.section-accordion[data-accordion-state="open"] .section-accordion__content {
  opacity: 1;
  transform: translateY(0);
}

.section-accordion[data-accordion-state="closed"] .section-accordion__content {
  height: 0;
  opacity: 0;
}

.section-accordion[data-accordion-animation][data-accordion-state="open"] {
  height: var(--accordion-open-height, auto);
}

.section-accordion + .section-accordion {
  border-top: none;
}

.section-accordion__summary {
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
  font-size: var(--font-size-heading-6);
  font-weight: 400;
  letter-spacing: -0.0075em;
  position: relative;
  padding: 1.375rem calc(13px + 1.375rem) 1.375rem calc(23px + 1.375rem);
  margin: 0;
  cursor: pointer;
}

.section-accordion__summary a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

body:not(.user-is-tabbing) .section-accordion__summary:focus {
  outline: none;
}

.section-accordion__summary::-webkit-details-marker {
  display: none;
}

.section-accordion__summary::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 100%;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,<svg width="44" height="42" viewBox="0 0 44 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M43.0834 2.66665C43.0834 1.65412 42.2625 0.833313 41.25 0.833313H2.75002C1.7375 0.833313 0.916687 1.65412 0.916687 2.66665V39.3333C0.916687 40.3458 1.7375 41.1666 2.75002 41.1666H41.25C42.2625 41.1666 43.0834 40.3458 43.0834 39.3333V2.66665Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M37.5834 15.5C37.5834 16.0062 37.1729 16.4166 36.6667 16.4166H7.33335C6.82709 16.4166 6.41669 16.0062 6.41669 15.5V7.24998C6.41669 6.74372 6.82709 6.33331 7.33335 6.33331H36.6667C37.1729 6.33331 37.5834 6.74372 37.5834 7.24998V15.5Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.41669 21.9167H19.25" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.41669 27.4167H19.25" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.41669 32.9167H19.25" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.75 21.9167H37.5833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.75 27.4167H37.5833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.75 32.9167H37.5833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary::after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 13px;
  height: 100%;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66669 1.33332L9.99996 9.66665L18.3334 1.33331" stroke="%2315171e" stroke-width="2.5"/></svg>');
}

.section-accordion[open] .section-accordion__summary::after {
  transform: rotate(180deg);
}

.section-accordion__list {
  padding: 0 0 0 calc(23px + 1.375rem);
  margin: 0.5rem 0 2.25rem;
  list-style: none;
}

.section-accordion__list li {
  margin: 0 0 1rem;
}

.section-card-list {
  display: grid;
  grid-gap: 18px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@media screen and (min-width: 576px) {
  .section-card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 960px) {
  .section-card-list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 36px;
  }
}

.section-card {
  border: 1px solid #cfd1d3;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  position: relative;
  margin: 0;
  border-radius: 8px;
}

.section-card:hover {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  border: 1px solid #b9bcbf;
}

.section-card a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: calc(1.75rem + 44px + 1.375rem) 1.375rem 1.75rem;
  text-align: center;
  text-decoration: none;
}

.section-card .section-card__cta {
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
  font-size: var(--font-size-heading-6);
  font-weight: 400;
  letter-spacing: -0.0075em;
  margin: 0;
  color: #15171e;
  text-align: center;
  transition: inherit;
}

.section-card .section-card__cta a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

.section-card:hover .section-card__cta {
  color: #2858d1;
}

.section-card::before {
  position: absolute;
  top: 1.75rem;
  left: 50%;
  display: block;
  width: 44px;
  height: 44px;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path fill-rule="evenodd" clip-rule="evenodd" d="M43.0834 3.66665C43.0834 2.65412 42.2625 1.83331 41.25 1.83331H2.75002C1.7375 1.83331 0.916687 2.65412 0.916687 3.66665V40.3333C0.916687 41.3458 1.7375 42.1666 2.75002 42.1666H41.25C42.2625 42.1666 43.0834 41.3458 43.0834 40.3333V3.66665Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M37.5834 16.5C37.5834 17.0062 37.1729 17.4166 36.6667 17.4166H7.33335C6.82709 17.4166 6.41669 17.0062 6.41669 16.5V8.24998C6.41669 7.74372 6.82709 7.33331 7.33335 7.33331H36.6667C37.1729 7.33331 37.5834 7.74372 37.5834 8.24998V16.5Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M6.41669 22.9167H19.25" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M6.41669 28.4167H19.25" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M6.41669 33.9167H19.25" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M24.75 22.9167H37.5833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M24.75 28.4167H37.5833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M24.75 33.9167H37.5833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateX(-50%);
}

.section-card--enhance-theme::before {
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path d="M23.8334 36.6667H4.58335C2.55831 36.6667 0.916687 35.025 0.916687 33V4.58332C0.916687 2.55828 2.55831 0.916656 4.58335 0.916656H39.4167C41.4417 0.916656 43.0834 2.55828 43.0834 4.58332V24.75" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M0.916687 10.0833H43.0834" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M7.33333 5.04166C7.58646 5.04166 7.79167 5.24686 7.79167 5.49999C7.79167 5.75312 7.58646 5.95832 7.33333 5.95832C7.0802 5.95832 6.875 5.75312 6.875 5.49999C6.875 5.24686 7.0802 5.04166 7.33333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M12.8333 5.04166C13.0865 5.04166 13.2917 5.24686 13.2917 5.49999C13.2917 5.75312 13.0865 5.95832 12.8333 5.95832C12.5802 5.95832 12.375 5.75312 12.375 5.49999C12.375 5.24686 12.5802 5.04166 12.8333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M18.3333 5.04166C18.5865 5.04166 18.7917 5.24686 18.7917 5.49999C18.7917 5.75312 18.5865 5.95832 18.3333 5.95832C18.0802 5.95832 17.875 5.75312 17.875 5.49999C17.875 5.24686 18.0802 5.04166 18.3333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M17.4167 30.25H11V22.9166H7.33337L8.82021 16.9711C9.02455 16.1554 9.75763 15.5833 10.5985 15.5833H14.6667C14.6667 17.1021 15.8979 18.3333 17.4167 18.3333C18.9355 18.3333 20.1667 17.1021 20.1667 15.5833H24.2349C25.0758 15.5833 25.8089 16.1554 26.0132 16.9711L26.7566 19.9439" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M43.084 41.2499L34.8332 32.9995" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M26.885 29.1198H23.8335" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M27.9017 26.0687L25.8674 24.0343" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M30.9528 25.0514V21.9999" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M34.005 26.0687L36.0393 24.0343" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M35.0221 29.1198H38.0736" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M30.9528 32.1714V35.2229" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M27.9017 31.1544L25.8674 33.1887" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
}

.section-card--adjust-theme::before {
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9166 20.2415C13.4354 20.2415 14.6666 19.0595 14.6666 17.6015C14.6666 16.1435 13.4354 14.9615 11.9166 14.9615C10.3978 14.9615 9.16663 16.1435 9.16663 17.6015C9.16663 19.0595 10.3978 20.2415 11.9166 20.2415Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0001 14.9617C23.5188 14.9617 24.7501 13.7797 24.7501 12.3217C24.7501 10.8637 23.5188 9.6817 22.0001 9.6817C20.4813 9.6817 19.2501 10.8637 19.2501 12.3217C19.2501 13.7797 20.4813 14.9617 22.0001 14.9617Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M11.9166 20.2418V23.7618" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M22.0001 6.16156V9.68156" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M11.9166 14.9616V6.16156" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M32.0835 20.2415C33.6023 20.2415 34.8335 19.0595 34.8335 17.6015C34.8335 16.1435 33.6023 14.9615 32.0835 14.9615C30.5647 14.9615 29.3335 16.1435 29.3335 17.6015C29.3335 19.0595 30.5647 20.2415 32.0835 20.2415Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.0835 20.2418V23.7618" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.0835 14.9616V6.16156" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M22.0001 23.7615V14.9615" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M16.753 41.3599C18.2723 39.2921 19.1391 36.848 19.25 34.3199" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M27.2471 41.3599C25.7278 39.2921 24.8609 36.848 24.7501 34.3199" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M13.7501 41.3618H30.2501" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M0.916626 29.0419H43.0833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M0.916565 3.88181C0.916565 2.22495 2.25971 0.881805 3.91656 0.881805H40.0832C41.7401 0.881805 43.0832 2.22495 43.0832 3.88181V31.3218C43.0832 32.9787 41.7401 34.3218 40.0832 34.3218H3.91657C2.25971 34.3218 0.916565 32.9787 0.916565 31.3218V3.88181Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
}

.section-card--use-shopify::before {
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path d="M27.5 36.6667H4.58341C2.55837 36.6667 0.916748 35.025 0.916748 33V4.58332C0.916748 2.55828 2.55837 0.916656 4.58341 0.916656H39.4167C41.4418 0.916656 43.0834 2.55828 43.0834 4.58332V27.4999" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M0.916748 10.0833H43.0834" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M21.7268 32.7941L10.8339 30.7396L10.9801 29.6006C11.1222 28.4937 11.3123 27.0136 11.5042 25.5205C11.8888 22.5286 12.2789 19.4992 12.3075 19.2977L12.3076 19.2977L12.3083 19.2921C12.3126 19.2603 12.3164 19.2322 12.3199 19.2071C12.3573 19.1951 12.4001 19.1817 12.4512 19.1659L12.4524 19.1655L14.3123 18.5862L14.3126 18.5861L15.1244 18.3336L16.2717 17.9767L16.2716 17.9771L17.5606 17.5758L19.3485 17.0192V17.021L19.7762 16.8861L20.1399 16.7729V16.7714L20.3241 16.7133L21.2629 16.4172L21.2657 16.4253L21.9604 16.2089L22.4408 16.0593L23.4969 17.1093L23.6943 17.3055L23.972 17.3255L25.1789 17.4123C25.3449 18.5496 25.7949 21.6184 26.2414 24.6625L26.242 24.6665L27.0099 29.9033L27.2575 31.5931L21.7268 32.7941ZM12.1718 19.2601C12.1718 19.2601 12.1724 19.2598 12.1739 19.2591C12.1725 19.2598 12.1718 19.2602 12.1718 19.2601Z" stroke="%2315171e" stroke-width="1.5"/>\a<path d="M22 32.4999L22.5 16.4999" stroke="%2315171e" stroke-width="1.5"/>\a<path d="M18.2062 20.6847C18.3621 20.6847 18.4999 20.6935 18.6198 20.7069L18.4371 21.255C18.1607 21.1894 17.8799 21.1545 17.6029 21.1468L17.5924 21.1465H17.5819C16.8828 21.1465 16.3526 21.3727 16.0271 21.793C15.7285 22.1783 15.7107 22.5932 15.7107 22.7428C15.7107 23.3218 16.0906 23.7107 16.3399 23.9298C16.4781 24.0513 16.6319 24.167 16.7715 24.2706C16.7955 24.2884 16.8192 24.3059 16.8426 24.3233C16.9628 24.4123 17.0768 24.4967 17.1917 24.588C17.7256 25.0124 18.1061 25.4512 18.1061 26.1919C18.1061 26.8869 17.8899 27.3984 17.5871 27.728C17.2876 28.054 16.8611 28.2499 16.3332 28.2499C15.6314 28.2499 15.1103 28.0308 14.7662 27.8175C14.6895 27.7699 14.6216 27.7227 14.5628 27.6783L14.6034 27.5446C14.9404 27.7225 15.3857 27.9004 15.8495 27.9035C16.6301 27.9232 17.2717 27.3084 17.3236 26.5509L17.3253 26.5253V26.4996V26.4611C17.3253 25.9221 17.0939 25.5224 16.8274 25.2249C16.6453 25.0216 16.4042 24.8256 16.2158 24.6724C16.1648 24.6309 16.1176 24.5926 16.0765 24.5581C15.8493 24.3673 15.6801 24.2002 15.5609 24.0039C15.4497 23.8206 15.3631 23.5798 15.3631 23.2172C15.3631 22.5589 15.5966 21.9327 16.0435 21.4746C16.4827 21.0244 17.1787 20.6847 18.2062 20.6847Z" fill="%2315171e" stroke="%2315171e" stroke-width="1.5"/>\a<path d="M7.33333 5.04166C7.58646 5.04166 7.79167 5.24686 7.79167 5.49999C7.79167 5.75312 7.58646 5.95832 7.33333 5.95832C7.0802 5.95832 6.875 5.75312 6.875 5.49999C6.875 5.24686 7.0802 5.04166 7.33333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M12.8333 5.04166C13.0865 5.04166 13.2917 5.24686 13.2917 5.49999C13.2917 5.75312 13.0865 5.95832 12.8333 5.95832C12.5802 5.95832 12.375 5.75312 12.375 5.49999C12.375 5.24686 12.5802 5.04166 12.8333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M18.3333 5.04166C18.5865 5.04166 18.7917 5.24686 18.7917 5.49999C18.7917 5.75312 18.5865 5.95832 18.3333 5.95832C18.0802 5.95832 17.875 5.75312 17.875 5.49999C17.875 5.24686 18.0802 5.04166 18.3333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M42.4677 39.9682L38.0117 34.5988" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M34.0828 37.6928C34.1789 38.0054 34.4532 38.2299 34.7786 38.2623C35.104 38.2947 35.4171 38.1287 35.573 37.8412L37.6021 34.105L41.6483 32.7994C41.9596 32.6992 42.1804 32.422 42.2086 32.0962C42.2367 31.7704 42.0667 31.4594 41.7772 31.3073L31.994 26.173C31.7035 26.0202 31.3497 26.0572 31.0972 26.2667C30.8446 26.4763 30.7431 26.8173 30.8397 27.1309L34.0828 37.6928Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
}

.section-card--update-theme::before {
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path d="M18.4999 34.6667H4.58335C2.55831 34.6667 0.916687 33.025 0.916687 31V4.58332C0.916687 2.55828 2.55831 0.916656 4.58335 0.916656H37.4167C39.4417 0.916656 41.0834 2.55828 41.0834 4.58332V20.4999" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M32.9999 41.9999C38.5228 41.9999 42.9999 37.5228 42.9999 31.9999C42.9999 26.4771 38.5228 21.9999 32.9999 21.9999C27.4771 21.9999 22.9999 26.4771 22.9999 31.9999C22.9999 37.5228 27.4771 41.9999 32.9999 41.9999Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.9999 36.9999V26.9999" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.9999 26.9999L29.2499 30.7499" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.9999 26.9999L36.7499 30.7499" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M0.916687 10.0833L40.9999 10.0833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M7.33333 5.04166C7.58646 5.04166 7.79167 5.24686 7.79167 5.49999C7.79167 5.75312 7.58646 5.95832 7.33333 5.95832C7.0802 5.95832 6.875 5.75312 6.875 5.49999C6.875 5.24686 7.0802 5.04166 7.33333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M12.8333 5.04166C13.0865 5.04166 13.2917 5.24686 13.2917 5.49999C13.2917 5.75312 13.0865 5.95832 12.8333 5.95832C12.5802 5.95832 12.375 5.75312 12.375 5.49999C12.375 5.24686 12.5802 5.04166 12.8333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M18.3333 5.04166C18.5865 5.04166 18.7917 5.24686 18.7917 5.49999C18.7917 5.75312 18.5865 5.95832 18.3333 5.95832C18.0802 5.95832 17.875 5.75312 17.875 5.49999C17.875 5.24686 18.0802 5.04166 18.3333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
}

.section-card--use-features::before {
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path d="M24.8399 14.6667L21.7837 23.8333H12.6171L9.86707 14.6667H24.8399" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M12.6171 14.6666L15.3671 10.0833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M21.7837 14.6666L19.0337 10.0833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M29.2381 40.3333L23.6281 31.9147C21.4006 28.5138 26.9079 27.368 29.4397 33.0367V18.3333C29.4397 17.3208 30.2605 16.5 31.2731 16.5C32.2856 16.5 33.1064 17.3208 33.1064 18.3333V27.049L40.3792 29.15C41.5783 29.4991 42.2965 30.7233 42.0164 31.9403L41.8606 32.6132L40.4581 40.3333" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M20.2547 31.1667H3.75472C2.7422 31.1667 1.92139 30.3458 1.92139 29.3333V5.49999C1.92139 4.48747 2.7422 3.66666 3.75472 3.66666H38.5881C39.6006 3.66666 40.4214 4.48747 40.4214 5.49999V25.6667" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M12.0047 36.6667H21.1714" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M18.4232 31.1667V36.6667" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
}

.section-card--repair-theme::before {
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7818 16.0159L2.47496 34.517C1.14323 35.7394 0.916104 37.7026 1.93596 39.1757C2.56078 40.0216 3.54233 40.56 4.61868 40.6472C5.69504 40.7343 6.75667 40.3615 7.52029 39.6281C7.52029 39.6281 26.9536 20.9721 26.9371 20.9615C30.9023 22.7941 35.6236 22.1816 38.9398 19.4044C42.2561 16.6272 43.5289 12.2198 42.1758 8.19973C42.0773 7.90488 41.8267 7.68011 41.5136 7.60585C41.2004 7.5316 40.8696 7.61848 40.6395 7.83541L33.33 14.8525C33.1259 15.048 32.838 15.1399 32.5526 15.1007L29.15 14.6343C28.747 14.5788 28.4304 14.2749 28.3726 13.8881L27.885 10.6215C27.8435 10.347 27.9393 10.0698 28.1435 9.87349L35.453 2.85813C35.6798 2.63724 35.7709 2.31907 35.6935 2.01789C35.6161 1.71671 35.3813 1.47573 35.0735 1.38149C30.8848 0.0817041 26.2922 1.30444 23.3992 4.4897C20.5062 7.67496 19.8699 12.2092 21.7818 16.0159Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M5.89967 36.2068C6.03105 36.3325 6.07052 36.5219 5.99967 36.6865C5.92881 36.851 5.76159 36.9584 5.57608 36.9584C5.39057 36.9584 5.22336 36.851 5.1525 36.6865C5.08164 36.5219 5.12112 36.3325 5.2525 36.2068C5.33817 36.1241 5.45463 36.0777 5.57608 36.0777C5.69754 36.0777 5.81399 36.1241 5.89967 36.2068" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
}

.section-card--modification-guides::before {
  background-image: url('data:image/svg+xml,<svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path d="M39.9166 0.916504H8.74992C6.72487 0.916504 5.08325 2.55813 5.08325 4.58317M5.08325 4.58317C5.08325 6.60821 6.72487 8.24984 8.74992 8.24984H38.0833C39.0958 8.24984 39.9166 9.07065 39.9166 10.0832V41.2498C39.9166 42.2624 39.0958 43.0832 38.0833 43.0832H8.74992C6.72487 43.0832 5.08325 41.4415 5.08325 39.4165V4.58317Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M22.4907 28.0293C23.5974 28.0293 24.4946 27.1321 24.4946 26.0254C24.4946 24.9187 23.5974 24.0215 22.4907 24.0215C21.384 24.0215 20.4868 24.9187 20.4868 26.0254C20.4868 27.1321 21.384 28.0293 22.4907 28.0293Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M24.1923 18.2745L24.7834 20.2143C24.9859 20.8829 25.6716 21.2805 26.3525 21.124L28.3183 20.6671C29.0834 20.4953 29.8712 20.8416 30.2619 21.5215C30.6526 22.2013 30.5552 23.0563 30.0216 23.6309L28.6449 25.1158C28.1703 25.6295 28.1703 26.4217 28.6449 26.9353L30.0216 28.4202C30.5552 28.9948 30.6526 29.8498 30.2619 30.5296C29.8712 31.2095 29.0834 31.5558 28.3183 31.384L26.3525 30.9271C25.6718 30.7717 24.9867 31.1689 24.7834 31.8368L24.1923 33.7766C23.97 34.5322 23.2766 35.0511 22.489 35.0511C21.7013 35.0511 21.0079 34.5322 20.7857 33.7766L20.1945 31.8368C19.9912 31.1689 19.3062 30.7717 18.6255 30.9271L16.6596 31.384C15.8946 31.5558 15.1067 31.2095 14.716 30.5296C14.3253 29.8498 14.4227 28.9948 14.9563 28.4202L16.333 26.9353C16.8076 26.4217 16.8076 25.6295 16.333 25.1158L14.9563 23.6309C14.4227 23.0563 14.3253 22.2013 14.716 21.5215C15.1067 20.8416 15.8946 20.4953 16.6596 20.6671L18.6255 21.124C19.3063 21.2805 19.992 20.8829 20.1945 20.2143L20.7857 18.2745C21.0079 17.5189 21.7013 17 22.489 17C23.2766 17 23.97 17.5189 24.1923 18.2745Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M8.75 4.58301H38.0833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
}

.section-tree {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 56px 36px;
  margin: 36px 0 3.5rem 0;
}

@media screen and (max-width: 767px) {
  .section-tree {
    grid-template-columns: 1fr;
  }
  .section-tree__item {
    margin: 0;
  }
}

.section-tree__title {
  font-size: var(--font-size-heading-5);
  font-weight: 400;
  letter-spacing: -0.0075em;
  padding: 0 0 1rem;
  margin: 1rem 0 0 0;
  border-bottom: 1px solid #cfd1d3;
}

.section-tree__title a {
  --color-link-hover: #234cb5;
}

.see-all-articles {
  position: relative;
  display: inline-block;
  color: var(--color-signpost-link, #2858d1);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.see-all-articles::after {
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-signpost-link, #2858d1);
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transform: scaleX(1);
  transform-origin: 0;
}

.see-all-articles:visited {
  color: var(--color-signpost-link, #2858d1);
}

.see-all-articles:hover,
.see-all-articles:focus,
.see-all-articles:active {
  color: var(--color-signpost-link-hover, #234cb5);
  text-decoration: none;
}

.see-all-articles:hover::after,
.see-all-articles:active::after {
  background-color: var(--color-signpost-link-hover, #234cb5);
  transform: scaleX(0);
  transform-origin: 100%;
}

.section-list,
.article-list,
.subsection-list {
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
}

.subsection-list {
  margin-bottom: 3.5rem;
}

.article-list__item {
  margin: 1rem 0;
}

.icon-star {
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 0.25rem;
}

.icon-star::before {
  position: absolute;
  bottom: 0.15ex;
  width: 10px;
  height: 10px;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.58621 0.355402L6.86633 3.1244H9.35767C9.6177 3.11109 9.8576 3.26424 9.95531 3.50594C10.053 3.74764 9.98708 4.0248 9.79103 4.1964L7.62821 6.3324L8.82645 9.0934C8.93436 9.35235 8.8653 9.65138 8.65482 9.83658C8.44434 10.0218 8.13935 10.0519 7.89682 9.9114L4.99808 8.2744L2.10234 9.9084C1.85981 10.0489 1.55481 10.0188 1.34433 9.83358C1.13386 9.64838 1.0648 9.34935 1.17271 9.0904L2.37094 6.3294L0.20513 4.1964C0.01244 4.02487 -0.0520279 3.75068 0.0439915 3.51106C0.140011 3.27144 0.37586 3.11795 0.6335 3.1274H3.12983L4.41294 0.358402C4.52609 0.138824 4.75194 0.000633046 4.99867 2.16901e-06C5.2454 -0.000628709 5.47194 0.136406 5.58621 0.355402Z" fill="%2315171e"/></svg>');
}

.subsection-list__item {
  display: flex;
  align-items: baseline;
  margin: 1.75rem 0;
}

.subsection-list__link {
  position: relative;
  display: inline-block;
  color: #1c444a;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-heading-6);
}

.subsection-list__link::after {
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-signpost-link, #2858d1);
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transform: scaleX(0);
  transform-origin: 100%;
}

.subsection-list__link:visited {
  color: #1c444a;
}

.subsection-list__link:hover,
.subsection-list__link:focus,
.subsection-list__link:active {
  color: #275e66;
  text-decoration: none;
}

.subsection-list__link:hover::after,
.subsection-list__link:active::after {
  background-color: #275e66;
  transform: scaleX(1);
  transform-origin: 0;
}

@media screen and (min-width: 768px) {
  .subsection-list__link {
    font-size: var(--font-size-heading-5);
  }
}

.subsection-list__link svg {
  margin-left: 0.5rem;
  transform: rotate(270deg);
}

.subsection-list__item-promoted .icon-star {
  margin-right: 0.5rem;
}

.article-list__item--toggleable {
  display: none;
}

.article-list {
  margin-top: 0.5rem;
  overflow: hidden;
}

.article-list[data-article-list-animation] {
  height: var(--article-list-closed-height, 0);
}

.article-list[data-article-list-animation] .article-list__item--toggleable {
  display: block;
  opacity: 0;
  transform: translateY(-10px);
}

.article-list[data-article-list-animation="closed=>open"] {
  transition: height 0.2s ease-in-out;
}

.article-list[data-article-list-animation="closed=>open"]
  .article-list__item--toggleable {
  transition: opacity 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
}

.article-list[data-article-list-animation="open=>closed"] {
  transition: height 0.15s ease-in-out;
}

.article-list[data-article-list-animation="open=>closed"]
  .article-list__item--toggleable {
  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.article-list[data-article-list-state="open"] {
  height: auto;
}

.article-list[data-article-list-state="open"] .article-list__item--toggleable {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.article-list[data-article-list-animation][data-article-list-state="open"] {
  height: var(--article-list-open-height, auto);
}

.caution {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  background-color: #fdfaf5;
  border: 2px solid #edb313;
}

.caution::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.caution::before {
  color: #edb313;
  content: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.553 22.581C23.6874 22.7677 23.6961 23.017 23.575 23.2127C23.454 23.4083 23.2271 23.5118 23 23.475H2.99999C2.7729 23.5118 2.54597 23.4083 2.42494 23.2127C2.30391 23.017 2.31262 22.7677 2.44699 22.581L12.553 2.36998C12.799 1.87798 13.201 1.87798 13.447 2.36998L23.553 22.581Z" stroke="%23edb313" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 16.979V9.97897" stroke="%23edb313" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.991 18.979C12.925 18.9803 12.8623 19.008 12.817 19.056C12.7717 19.1039 12.7476 19.168 12.75 19.234C12.7553 19.3705 12.8674 19.4785 13.004 19.479H13.009C13.0749 19.4777 13.1376 19.4499 13.1829 19.402C13.2283 19.354 13.2524 19.2899 13.25 19.224C13.2447 19.089 13.1351 18.9815 13 18.979H12.995" stroke="%23edb313" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.tip {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  background-color: #f3fafc;
  border: 2px solid #1da6d1;
}

.tip::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.tip::before {
  color: #1da6d1;
  content: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 24.5L14.5 11.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.5 8.5H24.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.5 5.5L22.5 3.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 4.5V1.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5 5.5L12.5 3.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 8.5H10.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 11.5V14.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.5 10.5L22.5 12.5" stroke="%231da6d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.note {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  background-color: #f9fafb;
  border: 2px solid #bdc1c6;
}

.note::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.note::before {
  color: #555a6d;
  content: url('data:image/svg+xml,<svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 12.5C4 8.08169 7.58172 4.49997 12 4.49997C16.4183 4.49997 20 8.08169 20 12.5V19C20 19.8284 20.6716 20.5 21.5 20.5H2.5C3.32843 20.5 4 19.8284 4 19V12.5Z" stroke="%23555a6d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 1.50098V4.50098" stroke="%23555a6d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.45 22.5C14.2134 23.6651 13.1889 24.5025 12 24.5025C10.811 24.5025 9.78658 23.6651 9.54999 22.5" stroke="%23555a6d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5 7.96898C16.0313 8.72873 17 10.2905 17 12" stroke="%23555a6d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.alternate-tabs {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 2.5rem;
  list-style: none;
}

.alternate-tabs > li {
  border: 1px solid #cfd1d3;
  padding: 0;
  margin: 1px 0.25rem 0 0;
  border-radius: 6px;
}

@media screen and (min-width: 576px) {
  .alternate-tabs > li {
    margin-right: 0.75rem;
  }
}

.alternate-tabs > li > a {
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
  display: inline-block;
  height: 100%;
  padding: 0.75rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #555a6d;
  text-align: center;
}

.alternate-tabs > li > a a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

@media screen and (min-width: 576px) {
  .alternate-tabs > li > a {
    font-size: var(--font-size-heading-6);
    font-weight: 400;
    letter-spacing: -0.0075em;
    padding: 1rem 1.375rem;
  }
}

.alternate-tabs > li > a:active,
.alternate-tabs > li > a:hover,
.alternate-tabs > li > a:focus {
  text-decoration: none;
}

.alternate-tabs > li > a:hover {
  color: #234cb5;
}

.alternate-tabs > li > a.active {
  height: calc(100% + 1px);
  margin-bottom: -1px;
  color: #2858d1;
  border: 1px solid #2858d1;
  border-radius: 6px;
}

.hidden {
  display: none;
}

/* Components */
.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 18px;
  background-color: #fff;
  box-shadow: 0 3px 4px rgba(17, 35, 56, 0.08);
}

@media screen and (min-width: 768px) {
  .header {
    padding: 1rem 36px;
  }
}

@media screen and (min-width: 960px) {
  .header {
    padding: 1rem 48px;
  }
}

@media screen and (min-width: 1152px) {
  .header {
    padding: 1rem 56px;
  }
}

.header__logo-wrapper {
  display: flex;
  align-items: center;
}

.header__logo {
  position: relative;
  padding-right: 0.75rem;
}

@media screen and (min-width: 1152px) {
  .header__logo {
    padding-right: 1rem;
  }
}

.header__logo::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  width: 1px;
  height: 1.5rem;
  content: "";
  background-color: #15171e;
  opacity: 0.5;
  transform: translateY(-50%);
}

@media screen and (min-width: 1152px) {
  .header__logo::after {
    display: block;
  }
}

.header__logo-link {
  display: block;
}

.header__logo-link::after {
  display: none;
}

.header__logo-image {
  display: none;
  height: 2.5rem;
}

@media screen and (min-width: 1152px) {
  .header__logo-image {
    display: block;
  }
}

.header__logo-mobile {
  display: block;
  height: 2.25rem;
}

@media screen and (min-width: 1152px) {
  .header__logo-mobile {
    display: none;
  }
}

.header__help-center {
  font-family: "Circular", sans-serif;
}

@media screen and (min-width: 1152px) {
  .header__help-center {
    margin-left: 1rem;
  }
}

.header__help-center-link {
  display: none;
  font-size: var(--font-size-heading-4);
  color: #15171e;
  text-decoration: none;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 960px) {
  .header__help-center-link {
    display: inline-block;
  }
}

.header__help-center-link:visited {
  color: #15171e;
}

.header__help-center-link:hover {
  text-decoration: underline;
}

.header__help-center-link::after {
  display: none;
}

.header__nav-wrapper {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
}

.header__search-box {
  position: relative;
  display: none;
  align-items: center;
  margin-right: 1.375rem;
}

@media screen and (min-width: 960px) {
  .header__search-box {
    display: flex;
  }
  .home-page .header__search-box {
    display: none;
  }
}

.header__search-box input[type="search"] {
  box-sizing: border-box;
  display: block;
  width: 13rem;
  padding-left: 2.75rem;
  margin: 0;
}

.header__search-box > svg {
  position: absolute;
  left: 0.75rem;
}

.header__nav {
  display: none;
}

.sub-nav {
  margin-top: 2.25rem;
}

@media screen and (min-width: 960px) {
  .header__nav {
    display: flex;
  }
}

.header__nav a {
  display: inline-block;
}

.header__nav a:visited {
  color: #1c444a;
}

.header__nav a::after {
  display: none;
}

.header__nav > a {
  margin-right: 1.375rem;
}

.header__user-dropdown,
.header__topics-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem 0 0;
  color: #1c444a;
  cursor: pointer;
  background: #fff;
  border: none;
}

.header__user-dropdown::after,
.header__topics-dropdown::after {
  position: absolute;
  right: 0;
  display: block;
  width: 0.625rem;
  color: #1c444a;
  content: url('data:image/svg+xml,<svg viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66669 3.33332L9.99996 11.6666L18.3334 3.33331" stroke="rgb(28, 68, 74)" stroke-width="2.5"/></svg>');
}

.header__topics-dropdown {
  margin-right: 1.375rem;
}

.header__topics-menu {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  position: absolute;
  padding: 0.5rem 0;
  margin: 0.5rem 0 0;
  overflow: hidden;
  font-size: 1.125rem;
  list-style: none;
  background-color: #fff;
  border-radius: 10px;
  margin-left: -1.375rem;
}

.header__topics-menu li {
  margin: 0;
}

.header__topics-menu a,
.header__topics-menu button {
  display: block;
  padding: 0.5rem 1.375rem;
  color: #1c444a;
  background-color: #fff;
  border: none;
  transition: background-color 0.2s ease-in-out;
}

.header__topics-menu a:hover,
.header__topics-menu button:hover {
  text-decoration: none;
  background-color: #f2f3f5;
}

.header__topics-menu a::after,
.header__topics-menu button::after {
  display: none;
}

.header__topics[data-open="false"] .header__topics-menu {
  display: none;
}

.header__user-dropdown {
  padding-right: 0;
}

.header__user-dropdown span {
  display: none;
}

@media screen and (min-width: 960px) {
  .header__user-dropdown span {
    display: inline-block;
  }
}

.header__user-dropdown::after {
  display: none;
}

.header__user-avatar {
  width: 1.625rem;
  height: 1.625rem;
  margin-left: 0.75rem;
  overflow: hidden;
  border-radius: 100%;
}

@media screen and (min-width: 960px) {
  .header__user-avatar {
    width: 2rem;
    height: 2rem;
  }
}

.header__user-menu {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  position: absolute;
  padding: 0.5rem 0;
  margin: 0.5rem 0 0;
  overflow: hidden;
  font-size: 1.125rem;
  list-style: none;
  background-color: #fff;
  border-radius: 10px;
  right: 3.5rem;
  min-width: 10rem;
}

.header__user-menu li {
  margin: 0;
}

.header__user-menu a,
.header__user-menu button {
  display: block;
  padding: 0.5rem 1.375rem;
  color: #1c444a;
  background-color: #fff;
  border: none;
  transition: background-color 0.2s ease-in-out;
}

.header__user-menu a:hover,
.header__user-menu button:hover {
  text-decoration: none;
  background-color: #f2f3f5;
}

.header__user-menu a::after,
.header__user-menu button::after {
  display: none;
}

.header__user-info[data-open="false"] .header__user-menu {
  display: none;
}

.header__mobile-nav {
  position: relative;
  right: -0.5rem;
  display: flex;
  color: #15171e;
}

@media screen and (min-width: 960px) {
  .header__mobile-nav {
    display: none;
  }
}

.header__search-button,
.header__mobile-button,
.mobile-menu__close-button {
  display: inline-block;
  padding: 0.5rem 0.6875rem;
  background-color: #fff;
  border: none;
}

.header__search-button svg,
.header__mobile-button svg,
.mobile-menu__close-button svg {
  display: block;
}

.mobile-overlay {
  position: fixed;
  top: 4.25rem;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 75ms ease-out;
}

.mobile-overlay[data-animation] {
  display: block;
}

.mobile-overlay[data-animation="open=>closed"] {
  transition: opacity 75ms ease-out 75ms;
}

.mobile-overlay[data-animation-state="open"] {
  display: block;
  opacity: 1;
}

.mobile-search {
  position: fixed;
  top: 4.25rem;
  left: 0;
  display: none;
  align-items: center;
  width: 100%;
  padding: 0.25rem 18px 1.375rem;
  background-color: #fff;
  border: none;
  box-shadow: 0 3px 4px rgba(17, 35, 56, 0.08);
}

@media screen and (min-width: 768px) {
  .mobile-search {
    padding: 1.375rem 36px;
  }
}

.mobile-search[data-open="true"] {
  display: flex;
}

.mobile-search form.search {
  width: 100%;
}

.mobile-search input[type="search"] {
  box-sizing: border-box;
  margin: 0;
}

.mobile-search > svg {
  position: absolute;
  right: calc(18px + 1rem);
}

@media screen and (min-width: 768px) {
  .mobile-search > svg {
    right: calc(36px + 1rem);
  }
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  padding: 0;
  background-color: #fff;
  border: none;
  box-shadow: 0 3px 4px rgba(17, 35, 56, 0.08);
  opacity: 0;
  transition: opacity 75ms ease-out;
}

.mobile-menu[data-animation] {
  display: block;
}

.mobile-menu[data-animation="open=>closed"] {
  transition: opacity 75ms ease-out;
}

.mobile-menu[data-animation-state="open"] {
  display: block;
  opacity: 1;
}

.mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 18px;
}

.mobile-menu__logo-link {
  display: inline-block;
  cursor: pointer;
}

.mobile-menu__logo-link img {
  display: block;
  height: 2.25rem;
}

.mobile-menu__logo-link::after {
  display: none;
}

.mobile-menu__close-button {
  position: relative;
  right: -0.375rem;
  display: block;
  cursor: pointer;
}

.mobile-menu__close-button svg {
  display: block;
}

.mobile-menu__heading {
  font-family: "Circular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8125rem;
  padding-left: 24px;
  margin: 1.375rem 0 0.5rem;
}

.mobile-menu__topics {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.mobile-menu__topics li {
  margin: 0;
}

.mobile-menu__link {
  display: block;
  padding: 0.5rem 24px;
  font-size: 1.125rem;
  cursor: pointer;
}

.mobile-menu__link::after {
  display: none;
}

.mobile-menu__link:hover {
  text-decoration: none;
  background-color: #f2f3f5;
}

.mobile-menu__button {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
  margin: 1.375rem 0 0 24px;
}

.mobile-menu__button:hover:not(:disabled),
.mobile-menu__button:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.mobile-menu__button:visited {
  color: #2858d1;
}

.mobile-menu__button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.mobile-menu__button:disabled,
.mobile-menu__button.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.mobile-menu__user-links {
  margin-top: 1.375rem;
}

.mobile-menu__search {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.375rem 24px;
  margin-top: 2.25rem;
  border-top: 1px solid #cfd1d3;
}

.mobile-menu__search form.search {
  width: 100%;
}

.mobile-menu__search input[type="search"] {
  box-sizing: border-box;
  margin: 0;
}

.mobile-menu__search > svg {
  position: absolute;
  right: 2.25rem;
}

.banner {
  position: relative;
  display: none;
  padding: 3rem 18px;
  overflow: hidden;
  background-color: red;
}

@media screen and (min-width: 768px) {
  .banner {
    padding: 3.5rem 36px;
  }
}

@media screen and (min-width: 960px) {
  .banner {
    padding: 3.5rem 48px;
  }
}

@media screen and (min-width: 1152px) {
  .banner {
    padding: 3.5rem 56px;
  }
}

.banner__wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.banner--home .banner__wrapper {
  max-width: 1272px;
}

.banner__title {
  position: relative;
  margin: 0 auto;
  font-size: var(--font-size-heading-1);
  color: #fff;
}

@media screen and (min-width: 768px) {
  .banner__title {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1152px) {
  .banner__title {
    font-size: 3rem;
  }
}

.home-page .banner__title {
  font-size: 2.5rem;
  text-align: center;
}

@media screen and (min-width: 576px) {
  .home-page .banner__title {
    font-size: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .home-page .banner__title {
    text-align: left;
  }
}

@media screen and (min-width: 960px) {
  .home-page .banner__title {
    font-size: 4rem;
  }
}

.banner__search {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  margin-top: 1.75rem;
}

@media screen and (min-width: 768px) {
  .banner__search {
    width: 80%;
    max-width: 60rem;
    margin-top: 1.375rem;
    margin-bottom: 6.875rem;
  }
}

.banner__search form {
  width: 100%;
}

.banner__search input[type="search"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-right: 2.75rem;
  margin: 0;
  border: none;
  box-shadow: 0 6px 36px rgba(17, 35, 56, 0.15),
    0 5px 12px rgba(17, 35, 56, 0.15), 0 1px 4px rgba(17, 35, 56, 0.15);
}

@media screen and (min-width: 768px) {
  .banner__search input[type="search"] {
    padding: 1rem;
    font-size: 1.125rem;
  }
}

.banner__search > svg {
  position: absolute;
  right: 1rem;
}

.banner__tabs {
  display: none;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.banner__tabs li {
  margin: 0;
}

.banner__tab {
  font-family: "Circular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  display: inline-block;
  height: 100%;
  padding: 1.375rem 1.75rem;
  font-weight: 500;
  color: #fff;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  transition: background-color 0.15s ease-out;
}

@media screen and (min-width: 960px) {
  .banner__tab {
    padding: 1.375rem 2.25rem;
  }
}

.banner__tab:visited,
.banner__tab:hover,
.banner__tab:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.1);
}

.banner__tab.banner__tab--active {
  color: #15171e;
  background-color: #fff;
}

.banner__tab.banner__tab--active:visited,
.banner__tab.banner__tab--active:hover,
.banner__tab.banner__tab--active:focus {
  color: #15171e;
  background-color: #fff;
}

.banner__homepage-image,
.banner__shopify-themes-image,
.banner__shopify-apps-image,
.banner__bigcommerce-image {
  position: absolute;
  top: 0;
  right: -15rem;
  display: none;
  height: 100%;
}

@media screen and (min-width: 576px) {
  .banner__homepage-image,
  .banner__shopify-themes-image,
  .banner__shopify-apps-image,
  .banner__bigcommerce-image {
    right: -8rem;
  }
}

@media screen and (min-width: 768px) {
  .banner__homepage-image,
  .banner__shopify-themes-image,
  .banner__shopify-apps-image,
  .banner__bigcommerce-image {
    right: 0;
  }
}

.banner--home {
  display: block;
  padding: 3.5rem 36px;
  background-color: #1c444a;
}

@media screen and (min-width: 768px) {
  .banner--home {
    padding: 7.25rem 36px 0;
  }
}

@media screen and (min-width: 960px) {
  .banner--home {
    padding: 7.25rem 48px 0;
  }
}

@media screen and (min-width: 1152px) {
  .banner--home {
    padding: 7.25rem 56px 0;
  }
}

.banner--home .banner__homepage-image {
  position: absolute;
  top: 0;
  right: -6.5rem;
  display: block;
  height: 100%;
}

@media screen and (min-width: 576px) {
  .banner--home .banner__homepage-image {
    right: -4rem;
  }
}

@media screen and (min-width: 768px) {
  .banner--home .banner__homepage-image {
    top: 0;
    right: 0;
    height: 100%;
  }
}

.banner--home .banner__search {
  display: flex;
}

@media screen and (min-width: 768px) {
  .banner--home .banner__tabs {
    display: flex;
  }
}

.banner--general {
  display: block;
  background-color: #292f3c;
}

.banner--general .banner__title {
  color: #fff;
}

.banner--search-results {
  display: block;
  background-color: #292f3c;
}

.banner--search-results .banner__title {
  color: #fff;
}

.banner--search-results .banner__search {
  display: flex;
  max-width: 46.875rem;
  margin-bottom: 0;
}

.banner--shopify-themes {
  display: block;
  background-color: #008060;
}

.banner--shopify-themes .banner__shopify-themes-image {
  display: block;
}

.banner--shopify-apps {
  display: block;
  background-color: #1e3c87;
}

.banner--shopify-apps .banner__shopify-apps-image {
  display: block;
}

.banner--bigcommerce {
  display: block;
  background-color: #3c3dad;
}

.banner--bigcommerce .banner__bigcommerce-image {
  display: block;
}

.footer {
  padding: 0 0 2.5rem;
  background-color: #f2f3f5;
}

@media screen and (min-width: 960px) {
  .footer {
    padding: 4rem 48px 3rem;
  }
}

@media screen and (min-width: 1152px) {
  .footer {
    padding: 4rem 56px 3rem;
  }
}

.footer__grid {
  display: block;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (min-width: 960px) {
  .footer__grid {
    display: flex;
  }
}

.footer__column {
  border-bottom: 1px solid #cfd1d3;
}

@media screen and (min-width: 960px) {
  .footer__column {
    border: none;
  }
}

.footer__column--logo {
  display: none;
  flex: 0 1 14%;
}

@media screen and (min-width: 960px) {
  .footer__column--logo {
    display: block;
  }
}

.footer__logo {
  display: inline-block;
}

.footer__logo-image {
  height: 3.75rem;
}

.footer__column-heading {
  font-family: "Circular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  display: none;
}

@media screen and (min-width: 960px) {
  .footer__column-heading {
    display: block;
    padding: 0;
    margin: 0 0 1rem;
  }
}

.footer__column-heading-button {
  font-family: "Circular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.375rem 18px;
  font-weight: 500;
  color: #15171e;
  background-color: #f2f3f5;
  border: none;
}

@media screen and (min-width: 768px) {
  .footer__column-heading-button {
    padding: 1.375rem 36px;
  }
}

@media screen and (min-width: 960px) {
  .footer__column-heading-button {
    display: none;
  }
}

.footer__column-heading-button::after {
  position: absolute;
  right: 18px;
  display: block;
  content: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 2L5.99996 7L11 2" stroke="currentColor" stroke-width="1.25"/></svg>');
  transition: transform 0.2s ease;
  transform: translateY(1px) rotateX(0deg);
}

@media screen and (min-width: 768px) {
  .footer__column-heading-button::after {
    right: 36px;
  }
}

.footer__column-heading-button[data-open="true"]::after {
  transform: rotateX(180deg);
}

.footer__column-list {
  display: none;
  padding: 0;
  margin: 0 18px;
  list-style-type: none;
}

.footer__column-list[data-animation] {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 200ms, height 200ms;
}

.footer__column-list[data-animation="open=>closed"] {
  transition: opacity 150ms, height 150ms;
}

.footer__column-list[data-animation-state="open"] {
  display: block;
  height: var(--open-height);
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .footer__column-list {
    margin: 0 36px 1.75rem;
  }
}

@media screen and (min-width: 960px) {
  .footer__column-list {
    display: block;
    padding: 0;
    margin: 0;
  }
}

.footer__column-list li {
  margin-bottom: 1rem;
}

.footer__column-list li:last-child {
  margin-bottom: 1.75rem;
}

@media screen and (min-width: 960px) {
  .footer__column-list li:last-child {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 960px) {
  .footer__column-list li {
    margin-bottom: 0.5rem;
  }
}

.footer__column-list li.footer__column-list-item--first-button {
  margin: 1.75rem 0 0.5rem;
}

.footer__column-list a {
  color: #555a6d;
}

.footer__column-list a.footer__column-list-button {
  color: #1c444a;
}

.footer__column-list a.footer__column-list-button:visited {
  color: #1c444a;
}

.footer__column-list a.footer__column-list-button:hover,
.footer__column-list a.footer__column-list-button:active {
  color: #fff;
}

.footer__column-list a:hover,
.footer__column-list a:visited {
  color: #555a6d;
}

.footer__column-list-button {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #1c444a;
  background-color: #fff;
  border: 1px solid #1c444a;
  display: block;
  max-width: 13rem;
  margin: 0;
  color: #1c444a;
  text-align: center;
  background-color: #f2f3f5;
}

.footer__column-list-button:hover:not(:disabled),
.footer__column-list-button:active {
  color: #fff;
  text-decoration: none;
  background-color: #1c444a;
}

.footer__column-list-button:visited {
  color: #1c444a;
}

.footer__column-list-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.footer__column-list-button:disabled,
.footer__column-list-button.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

@media screen and (min-width: 960px) {
  .footer__column-list-button {
    margin: 0 0 0.5rem;
  }
}

.footer__credit {
  display: flex;
  flex-wrap: wrap;
  margin: 2.25rem 18px 0;
  font-size: 0.875rem;
  color: #555a6d;
}

@media screen and (min-width: 768px) {
  .footer__credit {
    margin: 2.25rem 36px 0;
  }
}

@media screen and (min-width: 960px) {
  .footer__credit {
    max-width: 1200px;
    margin: 2.25rem auto 0;
  }
}

.footer__credit a {
  color: #555a6d;
}

.footer__credit a:hover,
.footer__credit a:visited {
  color: #555a6d;
}

.footer__credit > span {
  width: 100%;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 960px) {
  .footer__credit > span {
    width: auto;
    margin-bottom: 0;
  }
}

.footer__credit > a {
  margin-right: 1rem;
}

@media screen and (min-width: 960px) {
  .footer__credit > a {
    margin: 0 0 0 1rem;
  }
}

.footer__mobile-logo {
  display: block;
  margin-bottom: 1.375rem;
}

@media screen and (min-width: 960px) {
  .footer__mobile-logo {
    display: none;
  }
}

.footer__mobile-logo-image {
  display: block;
  height: 2.5rem;
}

.sidebar {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .sidebar {
    flex: 0 0 18rem;
  }
}

@media screen and (min-width: 1152px) {
  .sidebar {
    flex: 0 0 20rem;
  }
}

.sidebar__mobile-toggle {
  font-family: "Circular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 18px;
  font-weight: 500;
  text-align: left;
  background-color: #f2f3f5;
  border: none;
  border-bottom: 1px solid #cfd1d3;
}

@media screen and (min-width: 768px) {
  .sidebar__mobile-toggle {
    padding: 1rem 36px;
  }
}

@media screen and (min-width: 960px) {
  .sidebar__mobile-toggle {
    display: none;
  }
}

.sidebar__mobile-chevron {
  position: absolute;
  top: 50%;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background-color: #cfd1d3;
  border-radius: 100%;
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .sidebar__mobile-chevron {
    right: 36px;
  }
}

.sidebar__mobile-chevron svg {
  transition: transform 0.2s ease;
  transform: translateY(1px) rotateX(0deg);
}

.sidebar__mobile-toggle[data-mobile-expanded="true"]
  .sidebar__mobile-chevron
  svg {
  transform: rotateX(180deg);
}

.sidebar__list,
.sidebar__article-list {
  padding: 0;
  margin: 0;
  overflow: hidden;
  list-style-type: none;
  transition: height 0.2s ease, opacity 0.2s ease;
}

.sidebar__list {
  height: auto;
  padding: 0 18px;
  box-shadow: 0 3px 4px rgba(17, 35, 56, 0.08);
  opacity: 1;
  transition: height 0.2s ease, opacity 0.2s ease;
}

@media screen and (min-width: 768px) {
  .sidebar__list {
    padding: 0 36px;
  }
}

@media screen and (min-width: 960px) {
  .sidebar__list {
    padding: 0;
    box-shadow: none;
  }
}

.sidebar__list--tier-2,
.sidebar__list--tier-3,
.sidebar__list--tier-4,
.sidebar__article-list {
  padding: 0;
  margin-left: 1.375rem;
  box-shadow: none;
}

.sidebar__list--tier-1 {
  display: none;
  height: 0;
}

.sidebar__list--tier-1[data-animation] {
  display: block;
  overflow: hidden;
  opacity: 0;
  transition: opacity 200ms, height 200ms;
}

.sidebar__list--tier-1[data-animation-state="open"] {
  display: block;
  height: auto;
  opacity: 1;
}

.sidebar__list--tier-1[data-animation="closed=>open"] {
  height: var(--full-list-open-height);
}

.sidebar__list--tier-1[data-animation="open=>closed"] {
  height: var(--full-list-open-height);
  transition: opacity 150ms, height 150ms;
}

.sidebar__list--tier-1[data-animation-state="closed"] {
  height: 0;
}

.sidebar__list--tier-1 > .sidebar__list-item:first-child {
  margin-top: 1rem;
}

.sidebar__list--tier-1 > .sidebar__list-item:last-child {
  margin-bottom: 1rem;
}

@media screen and (min-width: 960px) {
  .sidebar__list--tier-1 {
    display: block;
    height: auto;
    border-right: 1px solid #cfd1d3;
    opacity: 1;
  }
  .sidebar__list--tier-1 > .sidebar__list-item:first-child {
    margin-top: 0;
  }
  .sidebar__list--tier-1 > .sidebar__list-item:last-child {
    margin-bottom: 0;
  }
  .sidebar__list--tier-1[data-animation-state="closed"] {
    height: auto;
  }
}

.sidebar__list--tier-2 {
  display: none;
  height: 0;
}

.sidebar__list--tier-2[data-animation] {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 200ms, height 200ms;
}

.sidebar__list--tier-2[data-animation="open=>closed"] {
  transition: opacity 150ms, height 150ms;
}

.sidebar__list--tier-2[data-animation-state="open"] {
  display: block;
  height: var(--open-height);
  opacity: 1;
}

.sidebar__list--tier-4 {
  border-left: 1px solid #cfd1d3;
}

.sidebar__list-item,
.sidebar__article-item,
.sidebar__activity-item {
  position: relative;
  margin: 0;
}

.sidebar__list-link,
.sidebar__article-link,
.sidebar__activity-link {
  display: block;
  padding: 0.5rem 2.25rem 0.5rem 1rem;
  overflow: hidden;
  color: #15171e;
  text-decoration: none;
  background-color: #fff;
  border-radius: 5px;
  transition: background-color 0.1s ease-in-out;
}

@media screen and (min-width: 960px) {
  .sidebar__list-link,
  .sidebar__article-link,
  .sidebar__activity-link {
    border-radius: 0;
  }
}

.sidebar__list-link::after,
.sidebar__article-link::after,
.sidebar__activity-link::after {
  content: none;
}

.sidebar__list-link:visited,
.sidebar__article-link:visited,
.sidebar__activity-link:visited {
  color: #15171e;
}

.sidebar__list-link:hover,
.sidebar__list-link:focus,
.sidebar__article-link:hover,
.sidebar__article-link:focus,
.sidebar__activity-link:hover,
.sidebar__activity-link:focus {
  color: #15171e;
  background-color: #f2f3f5;
}

.sidebar__list-link--active {
  font-weight: 600;
}

.sidebar__list-link--selected,
.sidebar__article-link--selected,
.sidebar__activity-link--selected {
  font-weight: 600;
  text-decoration: underline;
  background-color: rgba(40, 88, 209, 0.12);
}

.sidebar__list-link--selected:hover,
.sidebar__article-link--selected:hover,
.sidebar__activity-link--selected:hover {
  background-color: rgba(40, 88, 209, 0.12);
}

.sidebar__article-link--more {
  color: #2858d1;
}

.sidebar__article-link--more:hover,
.sidebar__article-link--more:visited {
  color: #2858d1;
}

.sidebar__expand {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  padding: 0.5rem 1rem;
  background: none;
  border: none;
  transition: background-color 0.1s ease-in-out;
  transform: translateY(-50%);
}

.sidebar__expand:hover {
  background-color: #dbdee3;
}

.sidebar__expand svg {
  transition: transform 0.2s ease;
}

.sidebar__list-link--selected .sidebar__expand:hover {
  background-color: rgba(33, 74, 175, 0.12);
}

.sidebar__list-link--active .sidebar__expand svg,
.sidebar__list-link--selected .sidebar__expand svg,
.sidebar__list-link[data-expanded="true"] .sidebar__expand svg {
  transform: rotate(90deg);
}

.sidebar__list-link[data-expanded="false"] .sidebar__expand svg {
  transform: rotate(0);
}

.article-content h2 {
  position: relative;
  padding-bottom: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.375rem;
  font-size: 1.5rem;
  border-bottom: 1px solid #cfd1d3;
}

.article-content h3 {
  margin-top: 2rem;
  font-size: 1.25rem;
}

.article-content h4 {
  margin-top: 3rem;
  font-size: 1.125rem;
}

.article-content a {
  display: inline;
  text-decoration: underline;
}

.article-content a.cta-button {
  display: inline-block;
  text-decoration: none;
}

.article-content ul,
.article-content ol {
  list-style-position: outside;
}

.article-content ul {
  padding-left: 1.75rem;
}

.article-content ul ul,
.article-content ul ol {
  padding-left: 0.75rem;
}

.article-content ol {
  padding-left: 1.75rem;
}

.article-content ol li {
  padding-left: 0.25rem;
}

.article-content ol ul,
.article-content ol ol {
  padding-left: 0.75rem;
}

.article-content li {
  padding: 0.5rem 0;
  margin: 0;
}

.article-content pre {
  padding: 1rem 1.375rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: monospace;
  background-color: rgba(242, 243, 245, 0.5);
  border: 1px solid #cfd1d3;
}

.article-content blockquote {
  padding: 1rem 1.375rem;
  font-size: 1rem;
  color: #15171e;
  background-color: #f2f3f5;
  border-left: none;
  border-radius: 6px;
}

.article-content table {
  display: table;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 1.75rem 0;
  overflow-x: auto;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid #000;
  border-radius: 6px;
}

.article-content tr:last-child td {
  border-bottom: none;
}

.article-content td,
.article-content th {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #000;
}

.article-content th {
  font-family: sofia-pro, sans-serif;
  font-size: 1rem;
  font-style: bold;
  text-transform: none;
  letter-spacing: normal;
}

.article-content img {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
}

.article-content figure {
  margin: 2.25rem 0;
}

.article-content figure img {
  margin-top: 0;
  margin-bottom: 0;
}

.article-content figcaption {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  color: #555a6d;
}

.article-content .tabs {
  padding-left: 0;
  -webkit-margin-before: 3rem;
  margin-block-start: 3rem;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  -webkit-padding-after: 0;
  padding-block-end: 0;
}

.article-content .tabs > li {
  display: inline-block;
  padding: 0;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  list-style: none;
}

.article-content .tabs > li > a {
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
  display: inline-block;
  margin: 0;
  line-height: 1.5;
  color: #15171e;
  text-decoration: none;
  cursor: pointer;
  background-color: #f2f3f5;
  border-color: #f2f3f5;
  border-radius: 5px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out,
    color 0.2s ease-out;
}

.article-content .tabs > li > a:hover {
  text-decoration: none;
}

.article-content .tabs > li > a.active {
  color: #fff;
  background-color: #15171e;
}

.article-content .tabs-content {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  padding: 1.375rem;
  margin-top: 0.75rem;
  border-radius: 6px;
}

.article-content .tabs-content li {
  display: none;
  padding: 0;
}

.article-content .tabs-content li > *:first-child {
  margin-top: 0;
}

.article-content .tabs-content li.active {
  display: block;
}

.article-content .sequence-module {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  padding: 1.375rem;
  margin: 1rem auto;
  border-radius: 6px;
}

.article-content .sequence-module ol {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  counter-reset: sequence-counter;
}

.article-content .sequence-module ol:first-child {
  margin-top: 0;
}

.article-content .sequence-module ol li {
  display: flex;
  counter-increment: sequence-counter;
}

.article-content .sequence-module ol li::before {
  display: inline-block;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  content: counter(sequence-counter);
  background: #15171e;
  border-radius: 50%;
}

.article-content .sequence-module ol ul {
  counter-reset: initial;
}

.article-content .sequence-module ol ul li {
  margin-left: 1rem;
  counter-increment: none;
}

.article-content .sequence-module ol ul li::before {
  margin-right: 0.25rem;
  color: #15171e;
  content: "•";
  background: transparent;
}

.article-content .sequence-module .sequence-module-title {
  margin-top: 0;
}

.article-content .link-bundle h4 {
  margin-top: 0.25rem;
}

.article-content .article-list {
  padding-left: 0;
  margin: 2.25rem 0;
}

.article-content .article-list .promoted-articles-item {
  padding: 1.375rem 76px 1.375rem 0;
}

.article-accordion {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  border: 1px solid #cfd1d3;
  border-bottom: none;
}

.article-accordion[data-accordion-animation] {
  height: var(--accordion-closed-height, 0);
}

.article-accordion[data-accordion-animation] .article-accordion__content {
  opacity: 0;
  transform: translateY(-10px);
}

.article-accordion[data-accordion-animation="closed=>open"] {
  transition: height 0.2s ease-in-out;
}

.article-accordion[data-accordion-animation="closed=>open"]
  .article-accordion__content {
  transition: opacity 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
}

.article-accordion[data-accordion-animation="closed=>open"]
  .article-accordion__summary::after {
  transform: rotateX(180deg);
}

.article-accordion[data-accordion-animation="open=>closed"] {
  transition: height 0.15s ease-in-out;
}

.article-accordion[data-accordion-animation="open=>closed"]
  .article-accordion__content {
  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.article-accordion[data-accordion-animation="open=>closed"]
  .article-accordion__summary::after {
  transform: rotateX(0deg);
}

.article-accordion[data-accordion-state="open"] {
  height: auto;
}

.article-accordion[data-accordion-state="open"] .article-accordion__content {
  opacity: 1;
  transform: translateY(0);
}

.article-accordion[data-accordion-state="open"]
  .article-accordion__summary::after {
  transform: rotateX(180deg);
}

.article-accordion[data-accordion-state="closed"] .article-accordion__content {
  height: 0;
  opacity: 0;
}

.article-accordion[data-accordion-state="closed"]
  .article-accordion__content
  .article-accordion__summary::after {
  transform: rotateX(0deg);
}

.article-accordion[data-accordion-animation][data-accordion-state="open"] {
  height: var(--accordion-open-height, auto);
}

.article-accordion__summary {
  position: relative;
  padding: 1rem calc(13px + 1.375rem) 1rem 1.375rem;
  font-family: "Circular", sans-serif;
  font-size: var(--font-size-heading-6);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01em;
  cursor: pointer;
  outline-width: 0;
}

.user-is-tabbing .article-accordion__summary {
  outline-width: 2px;
}

.article-accordion__summary::-webkit-details-marker {
  display: none;
}

.article-accordion__summary::after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 13px;
  height: 100%;
  margin-right: 1.375rem;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66669 1.33332L9.99996 9.66665L18.3334 1.33331" stroke="%2315171e" stroke-width="2.5"/></svg>');
  transition: transform 0.2s ease;
}

.article-accordion:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.article-accordion:last-child {
  border-bottom: 1px solid #cfd1d3;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.article-accordion:only-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.article-accordion__wrapper {
  margin: 1rem 0 1rem;
}

.article-accordion__content {
  padding: 0.75rem 1.375rem 1.375rem;
  margin: 0;
}

.article-accordion__content > *:first-child {
  margin-top: 0;
}

.article-accordion__content > *:last-child {
  margin-bottom: 0;
}

ul.article-accordion__content,
ol.article-accordion__content {
  list-style-position: inside;
}

.blog-callout {
  margin: 2.25rem;
}

.blog-callout h4 {
  font-size: 1.125rem;
}

.blog-callout h4 strong {
  font-weight: inherit;
}

.blog-callout p {
  position: relative;
  padding: 0 1.375rem;
  margin: 1.375rem 0;
}

.blog-callout p::before {
  position: absolute;
  left: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: #2858d1;
}

.blog-callout .cta-button {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  margin-left: 0;
  text-decoration: none;
}

.blog-callout .cta-button:hover {
  text-decoration: none;
}

.link-bundle {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  margin: 1.375rem 0;
  border: 2px solid #cfd1d3;
}

.link-bundle::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.link-bundle::before {
  color: #2858d1;
  content: url('data:image/svg+xml,<svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 7.74121H18.5C19.0523 7.74121 19.5 7.2935 19.5 6.74121V5.24121C19.5 3.30821 17.933 1.74121 16 1.74121H8C6.067 1.74121 4.5 3.30821 4.5 5.24121V23.7412C4.5 24.2912 4.818 24.4222 5.207 24.0342L9.5 19.7412L13.793 24.0342C14.182 24.4222 14.5 24.2912 14.5 23.7412V5.74121C14.5 4.63664 15.3954 3.74121 16.5 3.74121" stroke="%232858d1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.link-bundle h4 {
  margin-top: 0;
  font-size: 1rem;
}

.link-bundle ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-position: inside;
}

.link-bundle a:not(.cta-button) {
  text-decoration: none;
}

.link-bundle a:not(.cta-button):hover {
  text-decoration: underline;
}

.link-bundle .cta-button {
  margin: 0;
  text-decoration: none;
}

.link-bundle .cta-button:hover {
  text-decoration: none;
}

.tua-promo {
  position: relative;
  padding: 1.75rem;
  padding-right: calc(126px + 1.375rem * 2);
  margin-top: 1rem;
  background-color: #1f2a32;
  border-radius: 6px;
}

.tua-promo .tua-text {
  color: #fff;
}

.tua-promo .tua-text h2 {
  padding-bottom: 0;
  margin-top: 0;
  color: #fff;
  border-bottom: none;
}

.tua-promo .tua-text h3 {
  margin: 0;
}

.tua-promo .tua-text p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tua-promo .cta-button {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #fff;
  background-color: #2858d1;
  border: 1px solid #2858d1;
  margin: 0;
}

.tua-promo .cta-button:hover:not(:disabled),
.tua-promo .cta-button:active {
  color: #fff;
  text-decoration: none;
  background-color: #234cb5;
  border: 1px solid #234cb5;
}

.tua-promo .cta-button:visited {
  color: #fff;
}

.tua-promo .cta-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.tua-promo .cta-button:disabled,
.tua-promo .cta-button.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.tua-promo::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 126px;
  height: 100px;
  margin: 1.375rem;
  content: "";
  background: center/cover no-repeat var(--tua-promo);
}

@media screen and (max-width: 767px) {
  .tua-promo {
    padding-right: 1.75rem;
  }
  .tua-promo::after {
    display: none;
  }
}

.feedback {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  padding: 1.375rem;
  margin: 1rem auto;
  border-radius: 6px;
}

.feedback p {
  margin-bottom: 1rem;
}

.feedback .feedback__button {
  margin: 0;
  text-decoration: none;
}

.feedback .feedback__button:hover {
  text-decoration: none;
}

.feedback .feedback-title {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.upload-dropzone {
  border: 1px solid #cfd1d3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.25rem;
  margin-top: 0.5rem;
  border-style: dashed;
  border-radius: 5px;
}

.upload-dropzone a,
.upload-dropzone span {
  font-size: 1rem;
}

.upload-dropzone span {
  color: #555a6d;
}

.upload-dropzone input {
  z-index: 1;
}

.upload-item {
  margin-bottom: 0;
  font-size: 1rem;
}

.upload-remove::before {
  font-size: 1.25rem;
}

/* Pages */
.home-page__tab-content {
  display: none;
}

@media screen and (min-width: 768px) {
  .home-page__tab-content.home-page__tab-content--active {
    display: block;
  }
}

.browse-themes h2 {
  margin-bottom: 1.75rem;
}

.home-section {
  margin-bottom: 4rem;
}

.browse-themes__heading {
  margin-bottom: 1.375rem;
}

.browse-themes__product-list {
  grid-template-columns: repeat(4, 1fr);
}

.theme-topics {
  margin-bottom: 5rem;
  position: relative;
}

.theme-topics h2 {
  margin-bottom: 1.75rem;
}

.theme-topics__browse-all-link {
  position: relative;
  display: inline-block;
  color: var(--color-signpost-link, #2858d1);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
}

.theme-topics__browse-all-link::after {
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-signpost-link, #2858d1);
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transform: scaleX(1);
  transform-origin: 0;
}

.theme-topics__browse-all-link:visited {
  color: var(--color-signpost-link, #2858d1);
}

.theme-topics__browse-all-link:hover,
.theme-topics__browse-all-link:focus,
.theme-topics__browse-all-link:active {
  color: var(--color-signpost-link-hover, #234cb5);
  text-decoration: none;
}

.theme-topics__browse-all-link:hover::after,
.theme-topics__browse-all-link:active::after {
  background-color: var(--color-signpost-link-hover, #234cb5);
  transform: scaleX(0);
  transform-origin: 100%;
}

.theme-topics__section-card-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 36px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.theme-topics__section-card-list li {
  margin: 0;
}

.popular-articles {
  margin-bottom: 5rem;
}

.popular-articles h2 {
  margin-bottom: 1.75rem;
}

.browse-apps {
  margin-bottom: 5rem;
}

.browse-apps h2 {
  margin-bottom: 1.75rem;
}

.browse-apps__heading {
  margin-bottom: 1.375rem;
}

.browse-apps__product-list {
  grid-template-columns: repeat(3, 1fr);
}

.bigcommerce-themes {
  margin-bottom: 5rem;
}

.bigcommerce-themes h2 {
  margin-bottom: 1.75rem;
}

.bigcommerce-themes__heading {
  margin-bottom: 1.375rem;
}

.bigcommerce-themes__product-list {
  grid-template-columns: repeat(4, 1fr);
}

.general-articles {
  margin-bottom: 5rem;
}

.general-articles h2 {
  margin-bottom: 1.75rem;
}

.general-articles__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 36px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.general-articles__list li {
  margin: 0;
}

.general-sections {
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 36px;
}

.general-sections h2 {
  margin-bottom: 1.75rem;
}

.general-sections .category-section__group-title {
  margin-top: 0;
}

.homepage-mobile {
  display: block;
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
  .homepage-mobile {
    display: none;
  }
}

.homepage-mobile__list {
  display: grid;
  grid-gap: 18px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@media screen and (min-width: 576px) {
  .homepage-mobile__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
}

.homepage-mobile__list .featured-article {
  border: 1px solid #cfd1d3;
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  margin: 0;
  overflow: hidden;
}

.homepage-mobile__list .featured-article a {
  position: relative;
  padding: 2.5rem 1.75rem;
}

.homepage-mobile__list .featured-article a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  content: "";
  background-color: rgba(40, 88, 209, 0.12);
}

.homepage-mobile__list .featured-article__content {
  margin-bottom: 1.375rem;
}

.homepage-mobile__list .featured-article__title {
  font-size: var(--font-size-heading-3);
  letter-spacing: -0.01em;
  font-weight: 500;
}

.homepage-mobile__list .featured-article__text {
  font-size: 1rem;
}

.homepage-mobile__list .featured-article__cta {
  font-size: 1.125rem;
}

.theme-banner {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.375rem 1.375rem 3rem;
  text-align: center;
  background-color: #ffd261;
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .theme-banner {
    padding: 3.5rem;
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 960px) {
  .theme-banner {
    padding: 5rem 6.25rem;
    margin-bottom: 9.25rem;
  }
}

.theme-banner__image {
  display: block;
  max-height: 24rem;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .theme-banner__image {
    max-height: none;
    margin: 0;
  }
}

@media screen and (min-width: 960px) {
  .theme-banner__image {
    left: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .theme-banner__content {
    width: 40%;
  }
}

.theme-banner__heading {
  font-size: var(--font-size-heading-3);
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .theme-banner__heading {
    font-size: var(--font-size-heading-2);
    letter-spacing: -0.01em;
    margin-top: 0;
    top: 38%;
    margin-left: 20px;
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  .theme-banner__text {
    margin-bottom: 0;
    line-height: 1.55;
    top: 44%;
    margin-left: 20px;
    max-width: 25%;
    position: absolute;
  }
}

@media (min-width: 960px) {
  .theme-banner__button {
    display: inline-block;
    top: 52%;

    position: absolute;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
      color 0.15s ease-out;
    color: #fff;
    background-color: #008060;
    border: 1px solid #008060;
    padding: 0.75rem 1.375rem;
    font-size: 1rem;
    margin: 1.75rem 0 40px 1.75rem;
  }

  .theme-banner__button:hover:not(:disabled),
  .merchant-collective__button:active {
    color: #fff;
    text-decoration: none;
    background-color: #004c3f;
    border: 1px solid #004c3f;
  }

  .theme-banner__button:visited {
    color: #fff;
  }

  .theme-banner__button:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
  }

  .theme-banner__button:disabled,
  .merchant-collective__button.disabled {
    color: #999;
    cursor: not-allowed !important;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
  }
}
.theme-banner__logos {
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-banner__logo:first-child {
  width: 6.25rem;
  margin-right: 1.375rem;
}

@media screen and (min-width: 768px) {
  .theme-banner__logo:first-child {
    width: 7.5rem;
    margin-right: 1.75rem;
  }
}

.theme-banner__logo:last-child {
  width: 3.125rem;
}

@media screen and (min-width: 768px) {
  .theme-banner__logo:last-child {
    width: 3.75rem;
  }
}

.category-content {
  margin: 0 18px;
}

@media screen and (min-width: 768px) {
  .category-content {
    margin: 0 36px;
  }
}

@media screen and (min-width: 960px) {
  .category-content {
    margin: 0;
  }
}

@media screen and (min-width: 960px) {
  .category-content {
    max-width: 52.5rem;
  }
}

.category-content .feedback {
  margin-top: 5rem;
}

.category-content .product-list__shopify {
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}

@media screen and (min-width: 768px) {
  .category-content .product-list__shopify {
    grid-template-columns: repeat(4, minmax(8rem, 1fr));
  }
}

.category-content .product-list__apps {
  grid-template-columns: repeat(1, minmax(8rem, 1fr));
}

@media screen and (min-width: 768px) {
  .category-content .product-list__apps {
    grid-template-columns: repeat(2, minmax(8rem, 1fr));
  }
}

@media screen and (min-width: 960px) {
  .category-content .product-list__apps {
    grid-template-columns: repeat(3, minmax(8rem, 1fr));
  }
}

.category-content .product-list__bc {
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}

@media screen and (min-width: 768px) {
  .category-content .product-list__bc {
    grid-template-columns: repeat(4, minmax(8rem, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .category-page {
    margin-top: 2.5rem;
  }
}

.category-section__heading {
  margin-bottom: 1.75rem;
}

.category-section__accordion {
  position: relative;
  margin-top: 5rem;
}

.section-accordion__summary.icon-news::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.5 2C23.5 1.44772 23.0523 1 22.5 1H1.5C0.947715 1 0.5 1.44772 0.5 2V22C0.5 22.5523 0.947715 23 1.5 23H22.5C23.0523 23 23.5 22.5523 23.5 22V2Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 9C20.5 9.27614 20.2761 9.5 20 9.5H4C3.72386 9.5 3.5 9.27614 3.5 9V4.5C3.5 4.22386 3.72386 4 4 4H20C20.2761 4 20.5 4.22386 20.5 4.5V9Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 12.5H10.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 15.5H10.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 18.5H10.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 12.5H20.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 15.5H20.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 18.5H20.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary.icon-features::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5488 7L11.8818 12H6.88184L5.38184 7H13.5488" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.88184 7L8.38184 4.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.8818 7L10.3818 4.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.9476 21L12.8876 16.408C11.6726 14.553 14.6766 13.928 16.0576 17.02V9C16.0576 8.44772 16.5054 8 17.0576 8C17.6099 8 18.0576 8.44772 18.0576 9V13.754L22.0246 14.9C22.6787 15.0904 23.0704 15.7582 22.9176 16.422L22.8327 16.789L22.0676 21" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.0479 16H2.04785C1.49557 16 1.04785 15.5523 1.04785 15V2C1.04785 1.44772 1.49557 1 2.04785 1H21.0479C21.6001 1 22.0478 1.44772 22.0478 2V13" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.54785 19H11.5479" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0488 16V19" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary.icon-settings::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12.0408C7.32843 12.0408 8 11.3961 8 10.6008C8 9.80548 7.32843 9.16077 6.5 9.16077C5.67157 9.16077 5 9.80548 5 10.6008C5 11.3961 5.67157 12.0408 6.5 12.0408Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 9.16088C12.8284 9.16088 13.5 8.51617 13.5 7.72088C13.5 6.92559 12.8284 6.28088 12 6.28088C11.1716 6.28088 10.5 6.92559 10.5 7.72088C10.5 8.51617 11.1716 9.16088 12 9.16088Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.5 12.0409V13.9609" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 4.36084V6.28084" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.5 9.16084V4.36084" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 12.0408C18.3284 12.0408 19 11.3961 19 10.6008C19 9.80548 18.3284 9.16077 17.5 9.16077C16.6716 9.16077 16 9.80548 16 10.6008C16 11.3961 16.6716 12.0408 17.5 12.0408Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 12.0409V13.9609" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 9.16084V4.36084" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 13.9608V9.16077" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.1377 23.5599C9.96639 22.432 10.4392 21.0989 10.4997 19.7199" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.862 23.5599C14.0333 22.432 13.5605 21.0989 13.5 19.7199" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 23.561H16.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.5 16.8411H23.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 4.48096C0.5 2.8241 1.84315 1.48096 3.5 1.48096H20.5C22.1569 1.48096 23.5 2.8241 23.5 4.48096V16.721C23.5 18.3778 22.1569 19.721 20.5 19.721H3.5C1.84315 19.721 0.5 18.3778 0.5 16.721V4.48096Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary.icon-wrench::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8807 9.73597L1.34971 19.8275C0.623315 20.4943 0.499427 21.5651 1.05571 22.3686C1.39652 22.83 1.93191 23.1236 2.51901 23.1712C3.10612 23.2188 3.68519 23.0154 4.10171 22.6153C4.10171 22.6153 14.7017 12.4393 14.6927 12.4336C16.8555 13.4332 19.4308 13.0991 21.2396 11.5842C23.0485 10.0694 23.7428 7.66536 23.0047 5.47261C22.951 5.31178 22.8143 5.18918 22.6435 5.14867C22.4727 5.10817 22.2922 5.15556 22.1667 5.27389L18.1797 9.10141C18.0684 9.20802 17.9114 9.25816 17.7557 9.23677L15.8997 8.98237C15.6799 8.95212 15.5072 8.78634 15.4757 8.57533L15.2097 6.79357C15.1871 6.64384 15.2394 6.49264 15.3507 6.38557L19.3377 2.55901C19.4615 2.43852 19.5111 2.26498 19.4689 2.1007C19.4267 1.93642 19.2986 1.80497 19.1307 1.75357C16.846 1.04459 14.3409 1.71154 12.7629 3.44895C11.1849 5.18637 10.8379 7.65962 11.8807 9.73597Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.21752 20.7492C3.28918 20.8178 3.31072 20.9211 3.27207 21.0108C3.23342 21.1006 3.14221 21.1592 3.04102 21.1592C2.93984 21.1592 2.84863 21.1006 2.80998 21.0108C2.77133 20.9211 2.79286 20.8178 2.86452 20.7492C2.91125 20.7041 2.97477 20.6788 3.04102 20.6788C3.10727 20.6788 3.17079 20.7041 3.21752 20.7492" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary.icon-enhance::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 20H2.5C1.39543 20 0.5 19.1046 0.5 18V2.5C0.5 1.39543 1.39543 0.5 2.5 0.5H21.5C22.6046 0.5 23.5 1.39543 23.5 2.5V13.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.5 5.5H23.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 2.75C4.13807 2.75 4.25 2.86193 4.25 3C4.25 3.13807 4.13807 3.25 4 3.25C3.86193 3.25 3.75 3.13807 3.75 3C3.75 2.86193 3.86193 2.75 4 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.75C7.13807 2.75 7.25 2.86193 7.25 3C7.25 3.13807 7.13807 3.25 7 3.25C6.86193 3.25 6.75 3.13807 6.75 3C6.75 2.86193 6.86193 2.75 7 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 2.75C10.1381 2.75 10.25 2.86193 10.25 3C10.25 3.13807 10.1381 3.25 10 3.25C9.86193 3.25 9.75 3.13807 9.75 3C9.75 2.86193 9.86193 2.75 10 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5 16.5H6V12.5H4L4.811 9.257C4.92246 8.81207 5.32232 8.50001 5.781 8.5H8C8 9.32843 8.67157 10 9.5 10C10.3284 10 11 9.32843 11 8.5H13.219C13.6777 8.50001 14.0775 8.81207 14.189 9.257L14.5945 10.8785" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.4999 22.4999L18.9995 17.9997" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.665 15.8835H13.0006" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2188 14.2192L14.1091 13.1096" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.8838 13.6644V11.9999" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.5486 14.2192L19.6582 13.1096" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.1031 15.8835H20.7676" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.8838 17.548V19.2125" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2188 16.9933L14.1091 18.103" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary.icon-update::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0909 18.9091H2.5C1.39543 18.9091 0.5 18.0137 0.5 16.9091V2.5C0.5 1.39543 1.39543 0.5 2.5 0.5H20.4091C21.5137 0.5 22.4091 1.39543 22.4091 2.5V11.1818" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.9995 22.909C21.0119 22.909 23.454 20.4669 23.454 17.4545C23.454 14.442 21.0119 11.9999 17.9995 11.9999C14.987 11.9999 12.5449 14.442 12.5449 17.4545C12.5449 20.4669 14.987 22.909 17.9995 22.909Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 20.1818V14.7272" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.9996 14.7272L15.9541 16.7727" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 14.7272L20.0455 16.7727" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.5 5.5L22.3636 5.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 2.75C4.13807 2.75 4.25 2.86193 4.25 3C4.25 3.13807 4.13807 3.25 4 3.25C3.86193 3.25 3.75 3.13807 3.75 3C3.75 2.86193 3.86193 2.75 4 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.75C7.13807 2.75 7.25 2.86193 7.25 3C7.25 3.13807 7.13807 3.25 7 3.25C6.86193 3.25 6.75 3.13807 6.75 3C6.75 2.86193 6.86193 2.75 7 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 2.75C10.1381 2.75 10.25 2.86193 10.25 3C10.25 3.13807 10.1381 3.25 10 3.25C9.86193 3.25 9.75 3.13807 9.75 3C9.75 2.86193 9.86193 2.75 10 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary.icon-shopify::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 20H2.5C1.39543 20 0.5 19.1046 0.5 18V2.5C0.5 1.39543 1.39543 0.5 2.5 0.5H21.5C22.6046 0.5 23.5 1.39543 23.5 2.5V15" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.5 5.5H23.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.8493 17.7949L6.01005 16.6936L6.07888 16.1573L6.36475 13.9318C6.57091 12.328 6.77975 10.7063 6.80176 10.546L6.818 10.5409L6.81881 10.5407L7.8332 10.2247L7.83349 10.2246L8.27622 10.0869L8.7458 9.94085L8.74573 9.94109L9.60508 9.67357L10.4624 9.40669V9.40813L10.8137 9.29731L11.0758 9.21571V9.21464L11.1128 9.20298L11.5404 9.06811L11.5418 9.07224L12.005 8.92798L12.2147 8.86265L12.752 9.39678L12.8836 9.5276L13.0686 9.54091L13.6541 9.58299C13.7513 10.2483 13.9839 11.8345 14.2159 13.4161L14.2234 13.4676L14.6423 16.3241L14.765 17.1617L11.8493 17.7949Z" stroke="%2315171e"/><path d="M12 17.7273L12.2727 9" stroke="%2315171e"/><path d="M9.93086 11.3735C9.967 11.3735 10.0012 11.3744 10.0335 11.376L9.99637 11.4875C9.86571 11.4616 9.73412 11.4474 9.60428 11.4438L9.60429 11.4436H9.59031C9.4973 11.4436 9.40869 11.4506 9.32494 11.4646C9.49447 11.4075 9.69507 11.3735 9.93086 11.3735ZM8.47098 12.664C8.47098 12.6031 8.47487 12.5429 8.48255 12.4837C8.51347 12.7979 8.72428 13.008 8.85283 13.121C8.93135 13.19 9.01805 13.2551 9.09408 13.3115C9.10735 13.3214 9.1204 13.3311 9.13326 13.3406C9.1988 13.3891 9.25955 13.4341 9.32089 13.4829C9.60423 13.7081 9.7853 13.9241 9.7853 14.2865C9.7853 14.6466 9.67364 14.9024 9.52618 15.0629C9.38095 15.221 9.17308 15.3182 8.90922 15.3182C8.84709 15.3182 8.78775 15.3149 8.73117 15.3088C9.16632 15.276 9.51053 14.92 9.5401 14.4886L9.54127 14.4715V14.4544V14.4334C9.54127 14.1106 9.40184 13.8719 9.24646 13.6984C9.14169 13.5814 9.00151 13.4676 8.89875 13.3841C8.87211 13.3624 8.84799 13.3428 8.82765 13.3258C8.70589 13.2235 8.62281 13.1401 8.56566 13.0459C8.5138 12.9605 8.47098 12.8455 8.47098 12.664Z" fill="%2315171e" stroke="%2315171e"/><path d="M4 2.75C4.13807 2.75 4.25 2.86193 4.25 3C4.25 3.13807 4.13807 3.25 4 3.25C3.86193 3.25 3.75 3.13807 3.75 3C3.75 2.86193 3.86193 2.75 4 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.75C7.13807 2.75 7.25 2.86193 7.25 3C7.25 3.13807 7.13807 3.25 7 3.25C6.86193 3.25 6.75 3.13807 6.75 3C6.75 2.86193 6.86193 2.75 7 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 2.75C10.1381 2.75 10.25 2.86193 10.25 3C10.25 3.13807 10.1381 3.25 10 3.25C9.86193 3.25 9.75 3.13807 9.75 3C9.75 2.86193 9.86193 2.75 10 2.75" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.1639 21.8008L20.7334 18.8721" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.5904 20.5597C18.6429 20.7302 18.7925 20.8526 18.97 20.8703C19.1475 20.8879 19.3183 20.7974 19.4033 20.6406L20.5101 18.6027L22.7171 17.8905C22.8869 17.8358 23.0073 17.6847 23.0227 17.507C23.038 17.3292 22.9453 17.1596 22.7874 17.0767L17.4511 14.2761C17.2927 14.1928 17.0997 14.2129 16.9619 14.3272C16.8242 14.4416 16.7688 14.6275 16.8215 14.7986L18.5904 20.5597Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.section-accordion__summary.icon-modify::before {
  background: center/contain no-repeat
    url('data:image/svg+xml, <svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 0.5H2.5C1.39543 0.5 0.5 1.39543 0.5 2.5M0.5 2.5C0.5 3.60457 1.39543 4.5 2.5 4.5H18.5C19.0523 4.5 19.5 4.94772 19.5 5.5V22.5C19.5 23.0523 19.0523 23.5 18.5 23.5H2.5C1.39543 23.5 0.5 22.6046 0.5 21.5V2.5Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99538 15.2886C10.599 15.2886 11.0884 14.7992 11.0884 14.1956C11.0884 13.5919 10.599 13.1025 9.99538 13.1025C9.39171 13.1025 8.90234 13.5919 8.90234 14.1956C8.90234 14.7992 9.39171 15.2886 9.99538 15.2886Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.9227 9.96788L11.2451 11.0259C11.3556 11.3906 11.7296 11.6075 12.101 11.5222L13.1733 11.273C13.5906 11.1792 14.0203 11.3681 14.2334 11.739C14.4465 12.1098 14.3934 12.5762 14.1023 12.8896L13.3514 13.6995C13.0925 13.9797 13.0925 14.4118 13.3514 14.692L14.1023 15.5019C14.3934 15.8153 14.4465 16.2817 14.2334 16.6525C14.0203 17.0233 13.5906 17.2122 13.1733 17.1185L12.101 16.8693C11.7297 16.7845 11.356 17.0012 11.2451 17.3655L10.9227 18.4236C10.8015 18.8357 10.4232 19.1188 9.99362 19.1188C9.56402 19.1188 9.18576 18.8357 9.06454 18.4236L8.7421 17.3655C8.6312 17.0012 8.25755 16.7845 7.88626 16.8693L6.81399 17.1185C6.39668 17.2122 5.96696 17.0233 5.75384 16.6525C5.54073 16.2817 5.59385 15.8153 5.88491 15.5019L6.63583 14.692C6.8947 14.4118 6.8947 13.9797 6.63583 13.6995L5.88491 12.8896C5.59385 12.5762 5.54073 12.1098 5.75384 11.739C5.96696 11.3681 6.39668 11.1792 6.81399 11.273L7.88626 11.5222C8.25763 11.6075 8.63165 11.3906 8.7421 11.0259L9.06454 9.96788C9.18576 9.55573 9.56402 9.27271 9.99362 9.27271C10.4232 9.27271 10.8015 9.55573 10.9227 9.96788Z" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 2.5H18.5" stroke="%2315171e" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.category-section__featured-articles {
  margin-top: 5rem;
}

.category-section__featured-articles:first-child {
  margin-top: 0;
}

.category-section__featured-article-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 24px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@media screen and (min-width: 576px) {
  .category-section__featured-article-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 768px) {
  .category-section__featured-article-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.category-section__featured-article-list li {
  margin: 0;
}

.category-section__group:first-child {
  margin-right: 1rem;
}

.category-section__group-title {
  padding-bottom: 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid #cfd1d3;
}

.category-section__groups {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  margin-top: 5rem;
}

@media screen and (min-width: 768px) {
  .category-section__groups {
    grid-template-columns: 1fr 1fr;
  }
}

.search-results__results {
  padding-left: 0;
  list-style: none;
}

.search-result {
  padding: 2.25rem 0;
  margin-bottom: 0;
  border-top: 1px solid #cfd1d3;
}

.search-result:last-child {
  border-bottom: 1px solid #cfd1d3;
}

.search-result__header {
  position: relative;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 575px) {
  .search-result__header {
    display: flex;
  }
  .search-result__header .search-result__votes {
    position: relative;
  }
}

.search-result__title {
  display: inline-block;
  margin-right: 0.5rem;
}

.search-result__title h5 {
  margin: 0;
  color: #1c444a;
}

.search-result__votes {
  position: absolute;
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
  transform: translateY(-0.1ex);
}

.search-result__votes::before {
  margin-right: 0.25rem;
  content: url('data:image/svg+xml, <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.33398 13.4146C6.22665 15.8986 5.98798 15.5713 10.1773 15.5713C11.932 15.5713 12.816 14.428 13.332 12.7526V12.742L14.6033 8.4753V8.4673C14.7251 8.06453 14.6497 7.62789 14.3998 7.28936C14.1498 6.95083 13.7548 6.75014 13.334 6.74797H10.0673C9.65371 6.74799 9.26351 6.55607 9.01106 6.22844C8.75862 5.9008 8.67251 5.47457 8.77798 5.07463L9.36598 2.8453C9.50667 2.31027 9.24363 1.75134 8.74168 1.51874C8.23973 1.28613 7.64325 1.44676 7.32598 1.89997L4.06732 6.51663C3.81753 6.87067 3.41128 7.08126 2.97798 7.0813H1.33398" stroke="%2315171e" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateY(0.2ex);
}

.search-result__metadata {
  display: block;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .search-result__metadata {
    display: flex;
  }
}

.search-result__breadcrumbs {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.search-result__breadcrumbs li {
  display: inline-block;
  margin: 0;
}

.search-result__breadcrumbs li::after {
  margin-right: 0.25rem;
  margin-left: 0.5rem;
  color: #555a6d;
  content: "/";
}

.search-result__breadcrumbs li:last-child::after {
  margin: 0;
  content: "";
}

.search-result__date {
  margin-left: 0;
  color: #9194a1;
}

@media screen and (min-width: 768px) {
  .search-result__date {
    margin-left: 1rem;
  }
}

.search-result__description {
  margin-top: 1rem;
}

.search-result__description em {
  font-style: normal;
  font-weight: 700;
}

.section__container {
  margin: 3.5rem 18px 0;
}

@media screen and (min-width: 768px) {
  .section__container {
    margin: 3.5rem 36px 0;
  }
}

@media screen and (min-width: 960px) {
  .section__container {
    flex: 0 1 auto;
    margin: 0 0 0 48px;
  }
}

@media screen and (min-width: 1152px) {
  .section__container {
    margin: 0 0 0 56px;
  }
}

.section__header {
  margin-bottom: 2.5rem;
}

.section__heading {
  margin: 0;
}

.section__description {
  margin-top: 1rem;
}

.feedback__heading {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.release-notes__text {
  margin-bottom: 0.25rem;
}

.article-container {
  margin: 3.5rem 18px 0;
}

@media screen and (min-width: 768px) {
  .article-container {
    margin: 3.5rem 36px 0;
  }
}

@media screen and (min-width: 960px) {
  .article-container {
    flex: 0 1 auto;
    margin: 0 0 0 48px;
  }
}

@media screen and (min-width: 1152px) {
  .article-container {
    margin: 0 0 0 56px;
  }
}

@media screen and (min-width: 960px) {
  .article-container {
    max-width: 70ch;
  }
}

.article footer {
  padding: 2.25rem 0;
  margin-top: 4rem;
  text-align: center;
}

.article__header {
  margin-top: 3.5rem;
  margin-bottom: 2.25rem;
}

@media screen and (min-width: 960px) {
  .article__header {
    margin-top: 0;
  }
}

.article__title {
  margin: 0;
}

.article__meta--group {
  padding-left: 0;
  margin-top: 0.75rem;
  margin-bottom: 0;
  list-style: none;
}

.article__meta-data {
  display: inline-block;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #555a6d;
}

.article-votes__vote {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
  width: 6.25rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.article-votes__vote:hover:not(:disabled),
.article-votes__vote:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.article-votes__vote:visited {
  color: #2858d1;
}

.article-votes__vote:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.article-votes__vote:disabled,
.article-votes__vote.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.article-votes__vote::before {
  content: attr(title);
}

.article-votes__count {
  display: none;
}

.article-votes__question {
  font-size: var(--font-size-heading-6);
  font-weight: 400;
  letter-spacing: -0.0075em;
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
  display: block;
  margin-top: 0;
  margin-bottom: 1.375rem;
  font-weight: 500;
}

.article-votes__question a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

.article-more-questions {
  margin-top: 1rem;
}

.article__relatives {
  display: block;
}

@media screen and (min-width: 768px) {
  .article__relatives {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.25rem;
  }
}

.article__relatives ul {
  padding-left: 0;
  list-style: none;
}

.recent-articles-title,
.related-articles-title {
  font-size: var(--font-size-heading-6);
  font-weight: 500;
}

.error-page {
  text-align: center;
}

.error-page__image {
  max-width: 18.75rem;
  margin-top: 1.75rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 576px) {
  .error-page__image {
    max-width: 25rem;
  }
}

.error-page__reason {
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
  font-size: var(--font-size-heading-3);
  letter-spacing: -0.01em;
  margin-top: 1.75rem;
}

.error-page__reason a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

.error-page__detail {
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-family: sofia-pro, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.error-page__return-link a {
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
}

.error-page__return-link a:hover:not(:disabled),
.error-page__return-link a:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.error-page__return-link a:visited {
  color: #2858d1;
}

.error-page__return-link a:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.error-page__return-link a:disabled,
.error-page__return-link a.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.profile-page__header {
  display: block;
}

@media screen and (min-width: 768px) {
  .profile-page__header {
    display: flex;
  }
}

.profile-page__header .user-avatar {
  width: 3.75rem;
  height: auto;
}

.profile-page__header .profile-avatar {
  position: relative;
}

.profile-page__header .icon-agent {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  content: url('data:image/svg+xml, <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.75C9.17564 11.75 11.75 9.17564 11.75 6C11.75 2.82436 9.17564 0.25 6 0.25C2.82436 0.25 0.25 2.82436 0.25 6C0.25 9.17564 2.82436 11.75 6 11.75ZM6 5.83333C6.98951 5.83333 7.79167 5.03118 7.79167 4.04167C7.79167 3.05216 6.98951 2.25 6 2.25C5.01049 2.25 4.20833 3.05216 4.20833 4.04167C4.20833 5.03118 5.01049 5.83333 6 5.83333ZM6.00004 6.75C4.43918 6.75 3.12597 7.81034 2.74146 9.25H9.25863C8.87411 7.81034 7.5609 6.75 6.00004 6.75Z" fill="%232858d1"/></svg>');
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
}

.profile-page__user-info {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}

@media screen and (min-width: 768px) {
  .profile-page__user-info {
    min-width: 60%;
  }
}

.user-info__name {
  display: flex;
  align-items: center;
}

.profile-page__buttons {
  margin: 1.375rem 0;
}

@media screen and (min-width: 768px) {
  .profile-page__buttons {
    flex-grow: 1;
    margin: 0 0 0 1.375rem;
    text-align: right;
  }
}

.profile-page__buttons .profile-private-badge {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  color: #555a6d;
  cursor: default;
  border-color: #555a6d;
}

.profile-page__buttons .profile-private-badge:hover:not(:disabled),
.profile-page__buttons .profile-private-badge:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.profile-page__buttons .profile-private-badge:visited {
  color: #2858d1;
}

.profile-page__buttons .profile-private-badge:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.profile-page__buttons .profile-private-badge:disabled,
.profile-page__buttons .profile-private-badge.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.profile-page__buttons .profile-private-badge::before {
  margin-right: 0.5rem;
  content: url('data:image/svg+xml, <svg width="9" height="12" viewBox="0 0 9 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.50008 7.83335C4.75321 7.83335 4.95841 7.62815 4.95841 7.37502C4.95841 7.12189 4.75321 6.91669 4.50008 6.91669C4.24695 6.91669 4.04175 7.12189 4.04175 7.37502C4.04175 7.62815 4.24695 7.83335 4.50008 7.83335Z" stroke="%23555a6d" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.5 7.83331V9.20831" stroke="%23555a6d" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.604248 5.85419C0.604248 5.3019 1.05196 4.85419 1.60425 4.85419H7.39592C7.9482 4.85419 8.39592 5.3019 8.39592 5.85419V10.2709C8.39592 10.8231 7.9482 11.2709 7.39592 11.2709H1.60425C1.05196 11.2709 0.604248 10.8231 0.604248 10.2709V5.85419Z" stroke="%23555a6d" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.97925 3.25002C1.97925 1.8578 3.10786 0.729187 4.50008 0.729187C5.8923 0.729187 7.02092 1.8578 7.02092 3.25002V4.85419H1.97925V3.25002Z" stroke="%23555a6d" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.profile-page__buttons .profile-private-badge:hover:not(:disabled),
.profile-page__buttons .profile-private-badge:active {
  color: #555a6d;
  background-color: #fff;
  border-color: #555a6d;
}

@media screen and (min-width: 768px) {
  .profile-page__buttons .profile-private-badge {
    margin-bottom: 0.75rem;
  }
}

.profile-page__buttons a {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #fff;
  background-color: #2858d1;
  border: 1px solid #2858d1;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.profile-page__buttons a:hover:not(:disabled),
.profile-page__buttons a:active {
  color: #fff;
  text-decoration: none;
  background-color: #234cb5;
  border: 1px solid #234cb5;
}

.profile-page__buttons a:visited {
  color: #fff;
}

.profile-page__buttons a:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.profile-page__buttons a:disabled,
.profile-page__buttons a.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.profile-page__buttons a:not(.first-child) {
  margin-left: 0.75rem;
}

.profile-page__stats {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.5rem;
  margin-left: 0;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .profile-page__stats {
    flex-grow: 1;
    margin-left: 2.25rem;
  }
}

@media screen and (min-width: 1152px) {
  .profile-page__stats {
    font-size: 1rem;
  }
}

.profile-avatar {
  margin-right: 1.375rem;
}

.profile-page__name h1 {
  margin: 0;
}

.profile-page__name h1 a {
  color: #2858d1;
}

.profile-page__activity {
  display: flex;
  margin-top: 1.375rem;
  font-size: 0.875rem;
}

@media screen and (min-width: 1152px) {
  .profile-page__activity {
    font-size: 1rem;
  }
}

.activity-stat {
  display: flex;
  flex-direction: column;
  margin-right: 2.25rem;
}

.stat-label {
  color: #9194a1;
}

.tab-content__list {
  padding: 0;
  list-style: none;
}

.tab-content__list .tab-content__other:first-child {
  padding-top: 0;
}

.tab-content__item {
  padding: 1.375rem 0;
  border-bottom: 1px solid #cfd1d3;
}

.tab-content__item:last-child {
  border-bottom: none;
}

.tab-content__item-header {
  display: flex;
  align-items: center;
}

.tab-content__item-header .user-avatar {
  width: 2.25rem;
  height: auto;
  margin-right: 0.75rem;
}

.tab-content__item-header .tab-content__item-description span {
  font-weight: 700;
}

.tab-content__item-meta {
  display: block;
  /*
  > *:first-child {
    margin-right: $space-xxl;
  }
  */
}

.tab-content__item-meta .meta-data {
  font-size: 0.875rem;
  color: #555a6d;
}

.tab-content__item-meta .meta-data > span {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.25rem;
}

.tab-content__item-breadcrumbs {
  margin-bottom: 1rem;
  margin-left: 0;
}

.tab-content__item-breadcrumbs li:last-child {
  color: #2858d1;
}

.tab-content__item-breadcrumbs li:last-child a {
  color: #2858d1;
}

.profile-contribution-title {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
  color: #2858d1;
}

.tab-content__activity .tab-content__item-details {
  padding: 24px;
  margin: 1rem 0;
  background-color: #f2f3f5;
  border-radius: 8px;
}

.tab-content__sorter-wrapper .select-wrapper {
  display: inline-block;
}

.tab-content__sorter-label {
  margin-right: 0.5rem;
}

.request-page__content {
  margin-top: 0.5rem;
}

@media screen and (min-width: 960px) {
  .request-page__content {
    margin-top: 1.75rem;
  }
}

.notice {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 56px;
  padding: 1.375rem;
  margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
  .notice {
    grid-template-columns: repeat(2, 1fr);
  }

  .main__title {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 960px) {
  .notice {
    margin-top: 1.5rem;
  }
}

.notice::before {
  display: none;
}

.notice__heading {
  font-size: var(--font-size-heading-3);
  letter-spacing: -0.01em;
  margin-top: 0;
}

.notice__heading-instagram {
  position: relative;
  padding-left: calc(26px + 0.5rem);
}

.notice__heading-instagram::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  content: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.553 22.581C23.6874 22.7677 23.6961 23.017 23.575 23.2127C23.454 23.4083 23.2271 23.5118 23 23.475H2.99999C2.7729 23.5118 2.54597 23.4083 2.42494 23.2127C2.30391 23.017 2.31262 22.7677 2.44699 22.581L12.553 2.36998C12.799 1.87798 13.201 1.87798 13.447 2.36998L23.553 22.581Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 16.979V9.97897" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.991 18.979C12.925 18.9803 12.8623 19.008 12.817 19.056C12.7717 19.1039 12.7476 19.168 12.75 19.234C12.7553 19.3705 12.8674 19.4785 13.004 19.479H13.009C13.0749 19.4777 13.1376 19.4499 13.1829 19.402C13.2283 19.354 13.2524 19.2899 13.25 19.224C13.2447 19.089 13.1351 18.9815 13 18.979H12.995" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.notice__text {
  margin-bottom: 1.375rem;
}

.notice__button-container {
  display: flex;
}

.notice__button {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-left: 0;
}

.notice__button:hover:not(:disabled),
.notice__button:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.notice__button:visited {
  color: #2858d1;
}

.notice__button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.notice__button:disabled,
.notice__button.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.notice__button:first-child {
  margin-right: 0.75rem;
}

.request-page__body {
  margin-top: 3rem;
}

.information {
  max-width: 68ch;
}

.information__heading {
  font-size: var(--font-size-heading-3);
  letter-spacing: -0.01em;
  padding-bottom: 0.25rem;
}

.wait-time {
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
  padding: 10px;
  margin-left: 0;
  background-color: #fff;
  border-radius: 6px;
}

.wait-time__table {
  width: 100%;
  margin: 0;
}

.wait-time__row {
  border: 0;
}

.wait-time__heading {
  font-size: var(--font-size-heading-5);
  font-weight: 400;
  letter-spacing: -0.0075em;
  margin: 2.25rem 0 1rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #15171e;
  padding: 0 0 1rem 0;
  text-transform: none;
}

.wait-time__heading a {
  --color-link: #15171e;
  --color-link-hover: #15171e;
  text-decoration: none;
}

.wait-time__row-text,
.wait-time__row-number {
  padding: 0;
}

.wait-time__row-text {
  width: 55%;
  font-size: 1.125rem;
}

.wait-time__row-number {
  font-size: var(--font-size-heading-4);
  line-height: 1.4;
}

.wait-time__row-spacer {
  padding-bottom: 0.25rem;
}

.request-page__tabs-container {
  position: relative;
}

.request-page__tabs-headings {
  flex-wrap: nowrap;
  justify-content: center;
  padding-left: 0.25rem;
  margin-left: -0.25rem;
}

.request-page__tabs-content {
  padding: 0;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

.request-page__tabs-content > li {
  display: none;
  list-style: none;
}

.request-page__tabs-content > li.active {
  display: block;
}

.request-page__tabs-content .form-section {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .request-page__tabs-content .form-section {
    margin: auto;
    width: 90%;
  }
}

.request-page__tabs-content form label {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.request-page__tabs-content form .suggestion-list label {
  font-family: "Circular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  font-weight: 500;
}

.request-page__tabs-content form input {
  margin-bottom: 0;
}

.request-page__tabs-content form .nesty-input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0.5rem 1rem;
  margin: 0.5rem 0 1.375rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #15171e;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #cccdd1;
  border-radius: 5px;
  transition: border-color 0.2s ease-out;
}

.request-page__tabs-content form .nesty-input::after {
  position: absolute;
  top: 0;
  right: 1rem;
  width: 10px;
  height: 100%;
  pointer-events: none;
  content: "";
  background: center/contain no-repeat
    url('data:image/svg+xml,%3Csvg viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.66669 3.33332L9.99996 11.6666L18.3334 3.33331" stroke="%2315171E" stroke-width="2.5"/%3E%3C/svg%3E');
}

.request-page__tabs-content form .form-field {
  margin-bottom: 1.375rem;
}

.request-page__tabs-content form .form-field p {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  opacity: 0.5;
}

.request-page__tabs-content form input[type="submit"] {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #fff;
  background-color: #2858d1;
  border: 1px solid #2858d1;
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
}

.request-page__tabs-content form input[type="submit"]:hover:not(:disabled),
.request-page__tabs-content form input[type="submit"]:active {
  color: #fff;
  text-decoration: none;
  background-color: #234cb5;
  border: 1px solid #234cb5;
}

.request-page__tabs-content form input[type="submit"]:visited {
  color: #fff;
}

.request-page__tabs-content form input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.request-page__tabs-content form input[type="submit"]:disabled,
.request-page__tabs-content form input[type="submit"].disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.request-page__suggested-articles {
  margin-bottom: 1.375rem;
}

.request-page__suggested-articles .searchbox {
  border: 1px solid #cfd1d3;
  padding: 18px;
  background-color: #f2f3f5;
  border-radius: 5px;
}

.request-page__suggested-articles li {
  margin-bottom: 1rem;
}

.request-page__suggested-articles li:last-child {
  margin-bottom: 0;
}

.suggestion-list ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.searchbox-suggestions {
  margin-top: 1.375rem;
}

.request__content {
  margin: 3.5rem 18px 0;
}

@media screen and (min-width: 768px) {
  .request__content {
    margin: 3.5rem 36px 0;
  }
}

@media screen and (min-width: 960px) {
  .request__content {
    flex: 0 1 auto;
    margin: 0 0 0 48px;
  }
}

@media screen and (min-width: 1152px) {
  .request__content {
    margin: 0 0 0 56px;
  }
}

.request__details {
  margin-top: 2.25rem;
}

.request__wrapper {
  margin-top: 3rem;
}

.request__wrapper .sidebar {
  flex: 0 0 14rem;
}

.request__details-heading {
  font-weight: 500;
}

.request__subject {
  margin-top: 0;
}

.comment-list {
  margin-top: 0;
}

.comment-list,
.comment__meta-list,
.attachments {
  padding-left: 0;
  list-style: none;
}

.comment__wrapper {
  padding-bottom: 1.375rem;
  margin-bottom: 1.375rem;
  border-bottom: 1px solid #cfd1d3;
}

.comment__meta-list {
  margin: 0;
}

.comment__meta {
  margin-left: 0.75rem;
}

.comment__meta-username {
  font-size: 1.125rem;
  font-weight: 600;
}

.comment__meta-data {
  margin-bottom: 0;
  font-size: 0.75rem;
  color: #555a6d;
}

.comment__author {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.avatar__wrapper {
  display: flex;
}

.avatar__image {
  width: 1.625rem;
  height: 1.625rem;
}

@media screen and (min-width: 960px) {
  .avatar__image {
    width: 2rem;
    height: 2rem;
  }
}

.attachment__meta-download {
  font-size: 0.75rem;
}

.attachments,
.attachment__item {
  margin-bottom: 0.75rem;
}

.attachment__item-name {
  font-weight: 600;
}

.comment__body a {
  word-break: break-word;
}

.comment__textarea {
  margin-top: 1rem;
}

.comment__submit {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #fff;
  background-color: #2858d1;
  border: 1px solid #2858d1;
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
  width: 100%;
  margin-top: 1.375rem;
}

.comment__submit:hover:not(:disabled),
.comment__submit:active {
  color: #fff;
  text-decoration: none;
  background-color: #234cb5;
  border: 1px solid #234cb5;
}

.comment__submit:visited {
  color: #fff;
}

.comment__submit:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.comment__submit:disabled,
.comment__submit.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.comment__mark-as-solved {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out,
    color 0.15s ease-out;
  color: #2858d1;
  background-color: #fff;
  border: 1px solid #2858d1;
  padding: 0.75rem 1.375rem;
  font-size: 1rem;
  width: 100%;
  margin-top: 1.375rem;
}

.comment__mark-as-solved:hover:not(:disabled),
.comment__mark-as-solved:active {
  color: #fff;
  text-decoration: none;
  background-color: #2858d1;
}

.comment__mark-as-solved:visited {
  color: #2858d1;
}

.comment__mark-as-solved:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(1, 94, 204, 0.5);
}

.comment__mark-as-solved:disabled,
.comment__mark-as-solved.disabled {
  color: #999;
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.comment__form-label {
  font-size: var(--font-size-heading-4);
  letter-spacing: -0.01em;
}

#mark_as_solved {
  display: none;
}

.attachments__table {
  width: 100%;
  margin: 2.25rem 0 0;
}

.request__details-table,
.attachments__table {
  display: table;
  width: 100%;
}

.request__details-table th,
.attachments__table th {
  padding-top: 0;
  font-weight: 500;
}

.request__details-table td,
.attachments__table td {
  font-size: 1rem;
}

.activity-page {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 960px) {
  .activity-page .sidebar {
    flex: 0 0 14rem;
  }
}

@media screen and (min-width: 960px) {
  .activity-page .sidebar__list--tier-1 {
    height: 100%;
  }
}

.activity-page .sidebar__activity-item:first-child {
  margin-top: 1rem;
}

.activity-page .sidebar__activity-item:last-child {
  margin-bottom: 1rem;
}

.activity__container {
  margin: 3.5rem 18px 0;
}

@media screen and (min-width: 768px) {
  .activity__container {
    margin: 3.5rem 36px 0;
  }
}

@media screen and (min-width: 960px) {
  .activity__container {
    flex: 0 1 auto;
    margin: 0 0 0 48px;
  }
}

@media screen and (min-width: 1152px) {
  .activity__container {
    margin: 0 0 0 56px;
  }
}

@media screen and (min-width: 960px) {
  .activity__container {
    flex: 0 1 100%;
  }
}

.activity__heading {
  margin-top: 0;
}

.activity__search {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 35rem;
  margin: 3rem 0 1.375rem;
}

.activity__search input[type="search"] {
  margin: 0;
}

.activity__search svg {
  position: absolute;
  right: 1rem;
}

.activity__filter {
  margin: 1.375rem 0;
}

.activity__filter .select-wrapper {
  display: inline-block;
  margin: 0;
}

.requests-link {
  display: flex;
  align-items: center;
}

.requests-sort-symbol {
  margin-left: 0.25rem;
  font-size: 0.5rem;
}

.activity-table {
  width: 100%;
}

.activity-table--requests {
  white-space: normal;
}

.activity-table--requests th {
  font-weight: 500;
}

.activity-table--requests th,
.activity-table--requests td {
  display: none;
}

@media screen and (min-width: 768px) {
  .activity-table--requests th,
  .activity-table--requests td {
    display: table-cell;
  }
}

.activity-table--requests td:first-child {
  display: table-cell;
}

.activity-table__mobile-data {
  display: block;
}

@media screen and (min-width: 768px) {
  .activity-table__mobile-data {
    display: none;
  }
}

.activity-table__mobile-data span {
  display: inline-block;
  margin-right: 0.5rem;
}

/* upgrade promo */

.upgrade-promo {
  padding: 5px 10px;
  margin-top: 20px;
}

.upgrade-promo__text::before {
  margin-left: 20px;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">\a<path d="M18.4999 34.6667H4.58335C2.55831 34.6667 0.916687 33.025 0.916687 31V4.58332C0.916687 2.55828 2.55831 0.916656 4.58335 0.916656H37.4167C39.4417 0.916656 41.0834 2.55828 41.0834 4.58332V20.4999" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path fill-rule="evenodd" clip-rule="evenodd" d="M32.9999 41.9999C38.5228 41.9999 42.9999 37.5228 42.9999 31.9999C42.9999 26.4771 38.5228 21.9999 32.9999 21.9999C27.4771 21.9999 22.9999 26.4771 22.9999 31.9999C22.9999 37.5228 27.4771 41.9999 32.9999 41.9999Z" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.9999 36.9999V26.9999" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.9999 26.9999L29.2499 30.7499" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M32.9999 26.9999L36.7499 30.7499" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M0.916687 10.0833L40.9999 10.0833" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M7.33333 5.04166C7.58646 5.04166 7.79167 5.24686 7.79167 5.49999C7.79167 5.75312 7.58646 5.95832 7.33333 5.95832C7.0802 5.95832 6.875 5.75312 6.875 5.49999C6.875 5.24686 7.0802 5.04166 7.33333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M12.8333 5.04166C13.0865 5.04166 13.2917 5.24686 13.2917 5.49999C13.2917 5.75312 13.0865 5.95832 12.8333 5.95832C12.5802 5.95832 12.375 5.75312 12.375 5.49999C12.375 5.24686 12.5802 5.04166 12.8333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a<path d="M18.3333 5.04166C18.5865 5.04166 18.7917 5.24686 18.7917 5.49999C18.7917 5.75312 18.5865 5.95832 18.3333 5.95832C18.0802 5.95832 17.875 5.75312 17.875 5.49999C17.875 5.24686 18.0802 5.04166 18.3333 5.04166" stroke="%2315171e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\a</svg>');
  display: inline-block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateX(-50%);
  margin-top: 0.25rem;
}

/* demo links */

.demo-links {
  padding: 15px 15px 15px 0;
}

@media (max-width: 480px) {
  .demo-links {
    padding: 15px 0px 5px 0;
    font-size: 20px;
    line-height: 44.5px;
  }
}

/* tooltip background */
.tooltip:hover .tooltiptext {
  box-shadow: 0 6px 16px rgb(17 35 56 / 4%), 0 5px 8px rgb(17 35 56 / 2%),
    0 1px 4px rgb(17 35 56 / 5%);
}

/* new request storetasker image fix */

@media (min-width: 1200px) {
  .storetasker-reviews {
    max-width: 400px;
  }
}
@media (max-width: 1199px) {
  .storetasker-reviews {
    max-width: 200px;
  }
}

@media (max-width: 720px) {
  .notice {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
}

/* release notes improvements */

.latest-release {
  border-left: 5px solid green;
  padding: 20px;
  background-color: #eefbee;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* anchor link adjustment */

.article-content h2 {
  scroll-margin-top: 4em;
}

/* article tags */

.tag-item {
  display: inline-block;
  padding: 0.5rem 0.8rem;
  color: #000;
  font-weight: 500;
  text-decoration: none !important;
  box-shadow: 0 0 0 1px rgb(17 35 56 / 10%), 0 2px 6px rgb(17 35 56 / 15%);
  display: inline-block;
  border-radius: 1.25rem;
  margin: 0 0.2rem 0.75rem 0;
}

.tag-item a {
  text-decoration: none !important;
}
.compatible-themes {
  margin-bottom: 15px;
}

/* dynamic source */

.dynamic-source {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  background-color: rgb(217, 240, 217, 0.6);
  border: 2px solid #006e3c;
  margin: 20px 5px;
}

.dynamic-source::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.dynamic-source::before {
  content: url('data:image/svg+xml,<svg width="42" height="42" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.06 9c3.866 0 7-1.343 7-3s-3.134-3-7-3-7 1.343-7 3 3.134 3 7 3zm3.278 1.651a6.028 6.028 0 00-2.464 2.329c-.267.013-.539.02-.814.02-3.866 0-7-1.343-7-3 0-.35.14-.687.398-1 .96 1.165 3.554 2 6.602 2 1.184 0 2.3-.126 3.278-.349zM10.06 16v1c-3.866 0-7-1.343-7-3 0-.35.14-.687.398-1 .96 1.165 3.554 2 6.602 2h.083c-.055.325-.083.66-.083 1zm5 2a1 1 0 01-1-1v-1h-1a1 1 0 110-2h1v-1a1 1 0 112 0v1h1a1 1 0 110 2h-1v1a1 1 0 01-1 1z" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.new-badge {
  font-size: 14px;
  font-weight: 700;
  padding: 5px;
  background-color: #006e3c;
  color: #fff;
  border-radius: 6px;
  margin-left: 20px;
}

.search-result__breadcrumbs {
  font-size: 18px;
}

.search-result::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.affirmative {
  text-align: center;

  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: none;
  background-color: #82a3f9;
  margin: 10px;
  display: inline-block;
}

.orbit {
  border-left: 5px solid #f65834;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  background-color: rgb(246, 88, 52, 0.25);
  border-radius: 5px;
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  .orbit {
    max-width: 700px;
  }
}

.orbit:hover {
  box-shadow: 0 6px 16px rgba(17, 35, 56, 0.04),
    0 5px 8px rgba(17, 35, 56, 0.02), 0 1px 4px rgba(17, 35, 56, 0.05);
}

@media (min-width: 1080px) {
  .request-page__tabs-content {
    max-width: 100%;
  }
}

.article-content h4 {
  margin-top: 0.75rem;
}

.article-votes__vote {
  padding: 1.5rem 2rem;
  font-weight: 700;
  font-size: 18px;
}

.article-votes__vote--down:hover {
  background-color: red !important;
  border-color: red;
}

.internal {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  background-color: #fff;
  border: 2px solid orange;
}

.internal::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.internal::before {
  color: #edb313;
  content: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.553 22.581C23.6874 22.7677 23.6961 23.017 23.575 23.2127C23.454 23.4083 23.2271 23.5118 23 23.475H2.99999C2.7729 23.5118 2.54597 23.4083 2.42494 23.2127C2.30391 23.017 2.31262 22.7677 2.44699 22.581L12.553 2.36998C12.799 1.87798 13.201 1.87798 13.447 2.36998L23.553 22.581Z" stroke="%23edb313" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 16.979V9.97897" stroke="%23edb313" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.991 18.979C12.925 18.9803 12.8623 19.008 12.817 19.056C12.7717 19.1039 12.7476 19.168 12.75 19.234C12.7553 19.3705 12.8674 19.4785 13.004 19.479H13.009C13.0749 19.4777 13.1376 19.4499 13.1829 19.402C13.2283 19.354 13.2524 19.2899 13.25 19.224C13.2447 19.089 13.1351 18.9815 13 18.979H12.995" stroke="%23edb313" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

@media (min-width: 720px) {
  .category-hero {
    max-width: 500px;
  }
}
@media (max-width: 719px) {
  .category-hero {
    max-width: 300px;
  }
}

.theme-setting {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  background-color: #f2f7fe;
  border: 2px solid #5c5f62;
  margin: 20px 5px;
}

.theme-setting::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
}

.theme-setting::before {
  content: url("/hc/theming_assets/01J15RZWHNPF10MQ3GQ3XV4YKX");
}

.request-page__tabs-content {
  box-shadow: 0 0 0 1px rgb(17 35 56 / 10%), 0 2px 6px rgb(17 35 56 / 15%);
  padding: 30px;
  border-radius: 6px;
}
@media (max-width: 480px) {
  .support-limitations {
    max-width: 280px;
  }
  .wait-time__text {
    margin: auto;
  }
}

.wait-time__text {
  padding: 13px;
  margin: auto;
  font-size: 20px;
}

.wait-time {
  margin-top: 30px;
  max-width: 300px;
}

/* more enhancements */

.common-repair {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  border: 2px solid #5c5f62;
  margin: 20px 5px;
}

.common-repair::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("/hc/theming_assets/01J15RZVSPP8QATTJT3WMCEYPD");
}
.common-repair a:not(.cta-button) {
  text-decoration: none;
}

.common-repair a:not(.cta-button):hover {
  text-decoration: underline;
}

.actions-menu {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  border: 2px solid #5c5f62;
  margin: 20px 5px;
}
.actions-menu::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("/hc/theming_assets/01J15RZTS7240A53H3EY85032B");
}
.actions-menu a:not(.cta-button) {
  text-decoration: none;
}

.actions-menu a:not(.cta-button):hover {
  text-decoration: underline;
}

.update-your-theme {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;

  border: 2px solid #5d5f62;
  margin: 20px 5px;
}

.update-your-theme::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("/hc/theming_assets/01J15RZWA75JBHZJXCG5WGVRMC");
}

.update-your-theme a:not(.cta-button) {
  text-decoration: none;
}

.update-your-theme a:not(.cta-button):hover {
  text-decoration: underline;
}

.shopify-admin {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  border: 2px solid #5d5f62;
  margin: 20px 5px;
}

.shopify-admin::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("/hc/theming_assets/01J15RZWDJEWHQ41SNECHKVPV2");
}

.shopify-admin a:not(.cta-button) {
  text-decoration: none;
}

.shopify-admin a:not(.cta-button):hover {
  text-decoration: underline;
}

.dynamic-source h3 {
  margin-top: 0;
}

.happy-holidays {
  border: green 3px dashed;
  border-radius: 25px;
  padding: 10px 15px;
  background-color: #f4c3c3;
  font-weight: 700;
}

.magnifying {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  border: 2px solid #5d5f62;
  margin: 20px 5px;
}

.magnifying::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("/hc/theming_assets/01J15RZX5KHTKEW1XS2EMP2BF9");
}

.addition {
  position: relative;
  padding: 1.375rem 1.375rem 1.375rem calc(26px + 1.375rem * 2);
  border-radius: 6px;
  border: 2px solid #5d5f62;
  margin: 20px 5px;
}

.addition::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("/hc/theming_assets/01J15RZSADN1SCZF0DNNWG2YPX");
}

.page-callout {
  position: relative;
  padding: 0.375rem 0.375rem 0.375rem calc(20px + 0.375rem * 2);
  border-radius: 6px;
  margin: 1.375rem 0;
}

.page-callout::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0.375rem;
}

.page-callout::before {
  color: #2858d1;
  content: url("/hc/theming_assets/01J15RZWP1FHXC7MTFMFF5QCRE");
}

.article-content figure img {
  box-shadow: none;
  border: none;
}

.note-box {
  padding: 20px;
  background: #f7f8f9;
  margin-bottom: 30px;
  border-left: 5px solid #01b683;
  border-radius: 6px;
}

.info-box {
  padding: 20px;
  border-radius: 6px;
  background: #f7f8f9;
  margin-bottom: 30px;
  border-left: 5px solid #f39b33;
}

.theme-updater-supported {
  font-size: 16px;
  max-width: 300px;
  max-height: 50px;
  background: #f1fefe;
  border-left: 5px solid #9165ff;
  position: relative;
  padding: 0.375rem 0.375rem 0.375rem calc(26px + 1rem * 2);
  border-radius: 6px;
  margin: 20px 5px;
}

.theme-updater-supported a {
  text-decoration: none;
  font-weight: 500;
}

.theme-updater-supported::before {
  position: absolute;
  left: 0;
  top: 0;
  margin: 1rem;
  width: 20px;
  height: 20px;
  margin: 0.5rem 1rem 1rem 1rem;
  content: url("//theme.zdassets.com/theme_assets/1871807/b20f7adafe49381d504cf8288467a381506c27d9.svg");
}

.theme-setting::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("//theme.zdassets.com/theme_assets/1871807/b78267bd0949d33260850e7a64ff290b60b51313.svg");
}

.common-repair::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("//theme.zdassets.com/theme_assets/1871807/c75dbb2bab525423793f7092b442ef21907f7e4b.svg");
}

.actions-menu::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("//theme.zdassets.com/theme_assets/1871807/a02fd63f14330c2218029305f10e45d77cd593b0.svg");
}

.update-your-theme::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("//theme.zdassets.com/theme_assets/1871807/b20f7adafe49381d504cf8288467a381506c27d9.svg");
}

.shopify-admin::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 1.375rem;
  content: url("//theme.zdassets.com/theme_assets/1871807/cb18ac0891288df2c478de0ac1bd1633b4928a33.svg");
}

.blocks-item-link h4 {
  margin-top: 20px;
}

.article-share li {
    list-style-type: none;
}
.article-share ul {
    padding-left: 0;
}

 /* Fix for Kapa widget on mobile */
@media only screen and (max-width: 768px) {
div#kapa-widget-container {
    z-index: 550;
    position: absolute;
}
}