/*-----------------------------------------------------
 * Aside - Layout A
 *
 * @since 1.2.0 <26/09/2023>
------------------------------------------------------*/
aside .widget:last-child {
  position: -webkit-sticky;
  position: sticky;
}

aside .widget .wp-block-group {
  background: var(--hsbg-neutral-color-9);
  border-radius: var(--hsbg-border-radius);
}

aside .widget .headline {
  background: var(--hsbg-neutral-color-1);
  border-top-left-radius: var(--hsbg-border-radius);
  border-top-right-radius: var(--hsbg-border-radius);
  font-size: var(--hsbg-font-size-label);
  color: var(--hsbg-neutral-color-10);
  font-weight: 700;
  padding: 5px 10px;
  margin: 0;
}

aside .widget ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  list-style: none;
  padding: 10px;
  margin: 0;
}

aside .widget ul a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: var(--hsbg-font-size-label);
  color: var(--hsbg-neutral-color-1);
  text-decoration: none;
}

aside .widget ul a:before {
  content: '';
  background-color: var(--hsbg-neutral-color-1);
  background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Complete'%3E%3Cg id='arrow-right'%3E%3Cg%3E%3Cpolyline data-name='Right' fill='none' id='Right-2' points='16.4 7 21.5 12 16.4 17' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' x1='2.5' x2='19.2' y1='12' y2='12'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: var(--hsbg-font-size-label);
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--hsbg-font-size-label);
  width: var(--hsbg-font-size-label);
  height: var(--hsbg-font-size-label);
  padding: 2px;
  margin-top: 2px;
  border-radius: 50%;
}