.search-4539e462f3in7Q {
  align-items: center;
  display: flex;
  position: relative;
}

.search-4539e462wmuHRM {
  align-items: center !important;
  border-radius: 2px;
  border: 2px solid
    var(--search-4539e462wmuHRM1);
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  }

.search-4539e462wmuHRM2 {
    height: 16px;
    padding-inline-end: calc(4px - 2px);
    padding-inline-start: calc(4px - 2px);
  }

.search-4539e462wmuHRM3 {
    height: 20px;
    padding-inline-end: calc(8px - 2px);
    padding-inline-start: calc(8px - 2px);
  }

.search-4539e462wmuHRM4 {
          @media (min-width: 740px) {
            
    height: 16px;
    padding-inline-end: calc(4px - 2px);
    padding-inline-start: calc(4px - 2px);
  
          }
        }

.search-4539e462wmuHRM5 {
          @media (min-width: 740px) {
            
    height: 20px;
    padding-inline-end: calc(8px - 2px);
    padding-inline-start: calc(8px - 2px);
  
          }
        }

.search-4539e462wmuHRM6 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: 16px;
    padding-inline-end: calc(4px - 2px);
    padding-inline-start: calc(4px - 2px);
  
          }
        }

.search-4539e462wmuHRM7 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: 20px;
    padding-inline-end: calc(8px - 2px);
    padding-inline-start: calc(8px - 2px);
  
          }
        }

.search-4539e462wmuHRM8 {
      background-color: var(--xdlColorControlFillTertiary);
    }

.search-4539e462wmuHRM9 {
      background-color: var(--xdlColorPremium);
    }

.search-4539e462wmuHRM10 {
      background-color: var(--xdlColorProJobsFill);
    }

.search-4539e462wmuHRM11 {
      background-color: var(--xdlColorUserRoles);
    }

.search-4539e462wmuHRM12 {
      background-color: var(--xdlColorNotification);
    }

.search-4539e462wmuHRM13 {
      background-color: var(--xdlColorNotification);
    }

.search-4539e462wmuHRM14 {
      background-color: var(--xdlColorUserRoles);
    }

.search-4539e462wmuHRM15 {
      background-color: var(--xdlColorUserRoles);
    }

.search-4539e462wmuHRM16 {
      background-color: var(--xdlColorProBusiness);
    }

.search-4539e462wmuHRM17 {
      background-color: var(--xdlColorPremium);
    }

.search-4539e462wmuHRM18 {
      background-color: var(--xdlColorPremium);
    }


.search-4539e462wmuHRM19 {
  /* BodyCopy still uses styled-components, whose stylesheet loads after Yak. */
  && {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;

    
  }
}

.search-4539e462wmuHRM20 {&& {
      color: var(--xdlColorText);
    }}

.search-4539e462wmuHRM21 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM22 {&& {
      color: var(--xdlColorTextOnLight);
    }}

.search-4539e462wmuHRM23 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM24 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM25 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM26 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM27 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM28 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM29 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462wmuHRM30 {&& {
      color: var(--xdlColorTextOnDark);
    }}

.search-4539e462yzUblk {
  cursor: pointer;
  padding-left: 8px;
  padding-right: 4px;
  position: relative;

  &::before {
    content: '';
    inset-block-end: -4px;
    inset-block-start: -4px;
    inset-inline-end: -2px;
    inset-inline-start: -2px;
    min-height: 24px;
    position: absolute;
  }
}


.search-4539e462yzUblk1 {
  margin-left: 2px;

  @media (prefers-reduced-motion: no-preference) {
    
  }

  @media (prefers-reduced-motion: reduce) {
    transform: rotate(var(--search-4539e462yzUblk4));
    transition: none;
  }
}

.search-4539e462yzUblk2 {@media (prefers-reduced-motion: no-preference) {
  transform: rotate(-180deg);
  transition: transform 0.2s linear;
}}

.search-4539e462yzUblk3 {@media (prefers-reduced-motion: no-preference) {
  transform: rotate(0deg);
  transition: transform 0.2s linear;
}}

.search-4539e462j9VxCY4 {
  align-items: center;
  border-radius: 32px;
  border: none;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  padding-inline: 8px;
  position: relative;
  z-index: 0;

  &::after {
    border-radius: 32px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  
  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  color: var(--xdlColorText);
  transition-duration: 150ms;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

  &::after {
    background-color: var(--xdlColorBackground);
    border-color: var(--xdlColorControlBorder);
    transition-duration: 150ms, 150ms, 70ms;
    transition-property: background-color, border-color, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  @media (prefers-contrast: more) {
    &::after {
      border-width: 2px;
      border-color: var(--xdlColorA11yBorder);
    }
  }
}

.search-4539e462j9VxCY5 {
    height: 24px;
  }
.search-4539e462j9VxCY6 {
    height: 32px;
  }

.search-4539e462j9VxCY7 {
      &::after {
        border: none;

        @media (prefers-contrast: more) {
          border-style: solid;
          border-width: 2px;
          border-color: var(--xdlColorA11yBorder);
        }
      }
    }

.search-4539e462j9VxCY8 {
      font-weight: bold;
    }


.search-4539e462j9VxCY9 {
  align-items: center;
  border-radius: 32px;
  border: none;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  padding-inline: 8px;
  position: relative;
  z-index: 0;

  &::after {
    border-radius: 32px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  
  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  color: var(--xdlColorText);
  transition-duration: 150ms;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

  &::after {
    background-color: var(--xdlColorBackground);
    border-color: var(--xdlColorControlBorder);
    transition-duration: 150ms, 150ms, 70ms;
    transition-property: background-color, border-color, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  @media (prefers-contrast: more) {
    &::after {
      border-width: 2px;
      border-color: var(--xdlColorA11yBorder);
    }
  }
cursor: pointer;

  &:active {
    &&::after {
      border-color: transparent;
      height: calc(100% - 2px * 2);
      inset-block-start: 2px;
      inset-inline-start: 2px;
      width: calc(100% - 2px * 2);
    }
  }

  &:hover {
    background-color: transparent;
    color: var(--xdlColorText);

    &::after {
      background-color: var(--xdlColorButtonSecondaryHover);
      border-color: transparent;
      height: calc(100% + 2px * 2);
      inline-size: calc(100% + 2px * 2);
      inset-block-start: -2px;
      inset-inline-start: -2px;
    }

    @media (prefers-contrast: more) {
      &::after {
        border-width: 2px;
        border-color: var(--xdlColorA11yBorder);
      }
    }
  }

  }

.search-4539e462j9VxCY10 {
    height: 24px;
  }
.search-4539e462j9VxCY11 {
    height: 32px;
  }

.search-4539e462j9VxCY12 {
      &::after {
        border: none;

        @media (prefers-contrast: more) {
          border-style: solid;
          border-width: 2px;
          border-color: var(--xdlColorA11yBorder);
        }
      }
    }

.search-4539e462j9VxCY13 {
      font-weight: bold;
    }

.search-4539e462j9VxCY14 {
      color: var(--xdlColorTextInvert);

      &::after {
        background-color: var(--xdlColorSelected);
        border-color: var(--xdlColorSelected);
      }

      &:hover {
        color: var(--xdlColorTextInvert);

        &::after {
          background-color: var(--xdlColorHoverQuaternary);
          border-color: var(--xdlColorHoverQuaternary);
        }
      }
    }

.search-4539e462j9VxCY15 {
      &::after {
        box-shadow: 0 2px 14px 2px rgba(33, 42, 54, 0.08);
      }
    }

.search-4539e462j9VxCY16 {
      &:active {
        color: var(--xdlColorBackground);

        &::after {
          background-color: var(--xdlColorSelected);
        }
      }
    }

.search-4539e462j9VxCY17 {
      &&,
      &&:focus,
      &&:hover {
        color: var(--xdlColorTextTertiary);
        cursor: default;
        overflow: hidden;
        user-select: none;
        pointer-events: none;

        &::after {
          background-color: var(--xdlColorDisabledSoft);
          border-color: var(--xdlColorDisabledSoft);
        }
      }

      &&&:active::after {
        transform: none;
      }
    }


.search-4539e462j9VxCY18 {
  align-items: center;
  border-radius: 32px;
  border: none;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  padding-inline: 8px;
  position: relative;
  z-index: 0;

  &::after {
    border-radius: 32px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  
  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }
&,
  &:focus,
  &:hover {
    color: var(--xdlColorTextSecondary);

    &::after {
      background-color: var(--xdlColorBackground);
      border-color: var(--xdlColorControlBorder);
      border-style: dashed;
      border-width: 1px;
    }
  }
}

.search-4539e462j9VxCY19 {
    height: 24px;
  }
.search-4539e462j9VxCY20 {
    height: 32px;
  }

.search-4539e462j9VxCY21 {
      &::after {
        border: none;

        @media (prefers-contrast: more) {
          border-style: solid;
          border-width: 2px;
          border-color: var(--xdlColorA11yBorder);
        }
      }
    }

.search-4539e462j9VxCY22 {
      font-weight: bold;
    }


.search-4539e462j9VxCY23 {
  align-content: center;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 18px;
  justify-content: center;
  width: 18px;

  & > svg {
    height: 100%;
    width: 100%;
  }
}


.search-4539e462j9VxCY24 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  width: 24px;

  }

.search-4539e462j9VxCY25 {
      height: 18px;
      transform: scale(0.75);
      width: 18px;
    }


.search-4539e462j9VxCY26 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;

  }

.search-4539e462j9VxCY27 {
      margin-inline-start: 4px;
    }


.search-4539e462j9VxCY28 {
  margin-inline: 4px;

  }

.search-4539e462j9VxCY29 {
      opacity: 0.4;
    }


.search-4539e462j9VxCY30 {
  max-height: 20px;
}


.search-4539e462j9VxCY31 {
  align-items: center;
  display: flex;
  height: 32px;
  overflow: hidden;
}


.search-4539e462j9VxCY32 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: 4px;

  }

.search-4539e462j9VxCY33 {
      max-width: var(--search-4539e462j9VxCY34);
    }


.search-4539e462j9VxCY35 {
  && {
    color: var(--xdlColorText);
    background-color: var(--xdlColorTextInvert);
    border-color: var(--xdlColorTextInvert);
  }
}


.search-4539e462j9VxCY36 {
  height: 24px;
  width: 24px;

  }

.search-4539e462j9VxCY37 {
      opacity: 0.4;
    }


.search-4539e462j9VxCY38 {
  height: 32px;
  line-height: 16px;
  padding-inline: 0;

  }

.search-4539e462j9VxCY39 {
    height: 24px;
  }

.search-4539e462j9VxCY40 {
    height: 32px;
  }


.search-4539e462j9VxCY41 {
  align-items: center;
  background: transparent;
  border-radius: 32px 0 0 32px;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  line-height: 16px;
  padding-inline-end: 0;
  padding-inline-start: 8px;
  position: relative;
  z-index: 1;

  
  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }
&[disabled] {
    cursor: default;
  }

  }

.search-4539e462j9VxCY42 {
    height: 24px;
  }

.search-4539e462j9VxCY43 {
    height: 32px;
  }


.search-4539e462j9VxCY44 {
  align-items: center;
  background-color: transparent;
  border-radius: 0 32px 32px 0;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  line-height: 16px;
  padding-inline-start: calc(4px * -1);
  position: relative;
  z-index: 1;

  
  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }
&[disabled] {
    cursor: default;
  }
}

@keyframes search-4539e462RtaePO {
  0% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: translate(-50%, 0) scale(0, 1);
  }
  38.5% {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transform: translate(50%, 0) scale(1, 1);
  }
  76.9% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(150%, 0) scale(0, 1);
  }
  100% {
    transform: translate(150%, 0) scale(0, 1);
  }
}


.search-4539e462RtaePO1 {
  display: flex;
  flex-direction: column;
}


.search-4539e462RtaePO2 {
  background-color: var(--xdlColorControlFillTertiary);
  border-radius: 4px;
  flex-shrink: 0;
  height: 6px;
  outline: 2px solid var(--xdlColorA11yBorder);
  overflow: hidden;
}


.search-4539e462RtaePO3 {
  background-color: var(--xdlColorSelected);
  border-radius: 4px;
  flex-shrink: 0;
  height: 6px;

  }

.search-4539e462RtaePO4 {
      outline: 2px solid var(--xdlColorA11yBorder);
    }

.search-4539e462RtaePO5 {
      background-color: var(--search-4539e462RtaePO6);
    }

.search-4539e462RtaePO7 {
          width: var(--search-4539e462RtaePO8);
        }

.search-4539e462RtaePO9 {
          width: 0;
        }

.search-4539e462RtaePO10 {
      animation-duration: calc(400ms * 2 + 240ms);
      animation-iteration-count: infinite;
      animation-name: search-4539e462RtaePO;
      width: 50%;
    }


.search-4539e462RtaePO11 {
  height: 20px;
  margin-top: 8px;

  }

.search-4539e462RtaePO12 {
    color: var(--xdlColorText);
  }

.search-4539e462RtaePO13 {
    color: var(--xdlColorTextSecondary);
  }

.search-4539e462RtaePO14 {
    text-align: center;
  }

.search-4539e462RtaePO15 {
    text-align: left;
  }

.search-4539e462RtaePO16 {
    text-align: right;
  }

.search-4539e462zmFJZ0 {
  position: relative;

  & > button {
    visibility: hidden;

    @media (max-width: 739px) {
      /* completely remove so that viewport is not extended */
      display: none;
    }
  }

  @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
    &:hover > button {
      visibility: visible;
    }

    &:focus-within > button {
      visibility: visible;
    }
  }
}


.search-4539e462zmFJZ01 {
  display: flex;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;

  @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
    scroll-snap-type: x proximity;
  }

  @media (prefers-reduced-motion: reduce) {
    scroll-behavior: auto;
  }

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  }

.search-4539e462zmFJZ02 {
        -ms-overflow-style: none;
        scrollbar-width: none;

        &::-webkit-scrollbar {
          display: none;
          height: 0;
          width: 0;
        }
      }


.search-4539e462zmFJZ04 {
  --trackColor: var(--xdlColorControlFillTertiary);
  --thumbColor: var(--xdlColorBorderStrong);

  @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
    scrollbar-color: var(--thumbColor) var(--trackColor);
    scrollbar-width: thin;

    &::-webkit-scrollbar {
      height: 4px;
    }

    &::-webkit-scrollbar-track {
      background-color: var(--trackColor);
      border-radius: 4px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: var(--thumbColor);
      border-radius: 4px;
    }
  }
}

.search-4539e462zmFJZ05 {
    align-items: center;
  }

.search-4539e462zmFJZ06 {
    align-items: stretch;
  }

.search-4539e462zmFJZ07 {
    align-items: flex-start;
  }

.search-4539e462zmFJZ08 {
    align-items: flex-end;
  }

.search-4539e462zmFJZ09 {
        padding-block-start: var(--search-4539e462zmFJZ010);
      }

.search-4539e462zmFJZ011 {
        @media (min-width: 740px) {
          padding-block-start: var(--search-4539e462zmFJZ012);
        }
      }

.search-4539e462zmFJZ013 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-block-start: var(--search-4539e462zmFJZ014);
        }
      }

.search-4539e462zmFJZ015 {
        padding-block-end: var(--search-4539e462zmFJZ016);
      }

.search-4539e462zmFJZ017 {
        @media (min-width: 740px) {
          padding-block-end: var(--search-4539e462zmFJZ018);
        }
      }

.search-4539e462zmFJZ019 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-block-end: var(--search-4539e462zmFJZ020);
        }
      }

.search-4539e462zmFJZ021 {
        padding-inline-start: var(--search-4539e462zmFJZ022);
      }

.search-4539e462zmFJZ023 {
        @media (min-width: 740px) {
          padding-inline-start: var(--search-4539e462zmFJZ024);
        }
      }

.search-4539e462zmFJZ025 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-inline-start: var(--search-4539e462zmFJZ026);
        }
      }


.search-4539e462zmFJZ036 {
  && {
    position: absolute;
  }

  inset-inline-end: -21px; /* Half medium button */
}

.search-4539e462zmFJZ037 {
      inset-block-start: calc(
        50% - 21px - calc(var(--search-4539e462zmFJZ028) / 2) +
          calc(var(--search-4539e462zmFJZ029) / 2)
      );
    }

.search-4539e462zmFJZ038 {
      @media (min-width: 740px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--search-4539e462zmFJZ031) / 2) +
            calc(var(--search-4539e462zmFJZ032) / 2)
        );
      }
    }

.search-4539e462zmFJZ039 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--search-4539e462zmFJZ034) / 2) +
            calc(var(--search-4539e462zmFJZ035) / 2)
        );
      }
    }


.search-4539e462zmFJZ040 {
  && {
    position: absolute;
  }

  inset-inline-start: -21px; /* Half medium button */
}

.search-4539e462zmFJZ041 {
      inset-block-start: calc(
        50% - 21px - calc(var(--search-4539e462zmFJZ028) / 2) +
          calc(var(--search-4539e462zmFJZ029) / 2)
      );
    }

.search-4539e462zmFJZ042 {
      @media (min-width: 740px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--search-4539e462zmFJZ031) / 2) +
            calc(var(--search-4539e462zmFJZ032) / 2)
        );
      }
    }

.search-4539e462zmFJZ043 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--search-4539e462zmFJZ034) / 2) +
            calc(var(--search-4539e462zmFJZ035) / 2)
        );
      }
    }

.search-4539e462qMCBCM {
  flex-shrink: 0;
  position: relative;

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:last-child {
    && {
      margin-inline-end: 0;
    }
  }

  }

.search-4539e462qMCBCM1 {
      margin-inline-end: var(--search-4539e462qMCBCM2);
    }

.search-4539e462qMCBCM3 {
      @media (min-width: 740px) {
        margin-inline-end: var(--search-4539e462qMCBCM4);
      }
    }

.search-4539e462qMCBCM5 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        margin-inline-end: var(--search-4539e462qMCBCM6);
      }
    }

.search-4539e462qMCBCM7 {
      width: var(--search-4539e462qMCBCM8);
    }

.search-4539e462qMCBCM9 {
      @media (min-width: 740px) {
        width: var(--search-4539e462qMCBCM10);
      }
    }

.search-4539e462qMCBCM11 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        width: var(--search-4539e462qMCBCM12);
      }
    }

.search-4539e462qMCBCM13 {
      max-width: var(--search-4539e462qMCBCM14);
    }

.search-4539e462qMCBCM15 {
      min-width: var(--search-4539e462qMCBCM16);
    }

.search-4539e462qMCBCM17 {
    scroll-snap-align: start;
  }

.search-4539e462qMCBCM18 {
    scroll-snap-align: center;
  }

.search-4539e462qMCBCM19 {
    scroll-snap-align: end;
  }

.search-4539e462qMCBCM20 {
      &:last-child::after {
        
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--search-4539e462qMCBCM21);
        width: var(--search-4539e462qMCBCM22);
      }
    }

.search-4539e462qMCBCM23 {
      @media (min-width: 740px) {
        &:last-child::after {
          
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--search-4539e462qMCBCM24);
          width: var(--search-4539e462qMCBCM25);
        }
      }
    }

.search-4539e462qMCBCM26 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        &:last-child::after {
          
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--search-4539e462qMCBCM27);
          width: var(--search-4539e462qMCBCM28);
        }
      }
    }

.search-4539e462N2wKEl {
  &.MuiSlider-root {
    border-radius: 0;
    color: var(--xdlColorSelected);
    height: 6px;
    padding-bottom: 12px;
    padding-top: 12px;
  }

  /** Rail */
  .MuiSlider-rail {
    background-color: var(--xdlColorControlFillTertiary);

    @media (prefers-contrast: more) {
      box-shadow: 0 0 0 2px var(--xdlColorA11yBorder);
      opacity: unset;
    }
  }

  /** Track */
  .MuiSlider-track {
    background-color: var(--xdlColorSelected);
    border-color: var(--xdlColorSelected);
  }

  .MuiSlider-thumb {
    box-shadow: none;
    height: 24px;
    outline: none;
    width: 24px;

    /** Thumb */
    &::before {
      box-shadow: none;
    }

    /** Focus Area */
    &::after {
      height: 48px;
      width: 48px;
    }

    &.Mui-focusVisible,
    &:active {
      box-shadow:
        0 0 0 2px var(--xdlColorBackground),
        0 0 0 calc(2px + 2px) var(--xdlColorFocusRing);
    }

    &:hover {
      box-shadow: 0 0 0 12px var(--xdlColorButtonSecondaryHover);
    }
  }

  /** Optional label over thumb */
  .MuiSlider-valueLabel {
    background-color: var(--xdlColorSelected);
    color: var(--xdlColorTextInvert);
    font-family:
      'XING Sans', 'Trebuchet MS', Arial, 'Helvetica Neue', sans-serif;
    top: calc(14px * -1);
  }

  /** Optional Label */
  .MuiSlider-markLabel {
    color: var(--xdlColorText);
    font-family:
      'XING Sans', 'Trebuchet MS', Arial, 'Helvetica Neue', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    padding: 0;
    top: calc(12px + 6px + 12px);
  }

  /** Change alignment for first and last mark */
  [class*='MuiSlider-markLabel'][data-index='0'] {
    transform: none;
  }

  /** Marks */
  .MuiSlider-mark {
    border-radius: 50%;
    color: var(--xdlColorSliderTickMark);
    background-color: var(--xdlColorSliderTickMark);
    height: 4px;
    width: 4px;
  }

  /** Change alignment for first and last mark (hack) */
  [class$='MuiSlider-mark'][data-index='0'] {
    left: calc(0% + 1px + 1px) !important;
  }

  /** Disabled Styles */
  &.MuiSlider-root.Mui-disabled {
    color: var(--xdlColorDisabledSoft);

    .MuiSlider-rail {
      background-color: var(--xdlColorDisabledSoft);
      opacity: 1;

      @media (prefers-contrast: more) {
        box-shadow: 0 0 0 2px var(--xdlColorDisabledSoft);
      }
    }

    .MuiSlider-track {
      background-color: var(--xdlColorDisabledSoft);
      border-color: var(--xdlColorDisabledSoft);
    }

    .MuiSlider-thumb {
      background-color: var(--xdlColorDisabledSoft);
      border-color: var(--xdlColorDisabledSoft);
    }

    .MuiSlider-markLabel {
      color: var(--xdlColorDisabled);
    }

    .MuiSlider-mark {
      background-color: var(--xdlColorDisabledStrong);
      color: var(--xdlColorDisabledStrong);
    }
  }
}

.search-4539e462N2wKEl1 {
      [class~='MuiSlider-markLabel']:not(:has(~ [class~='MuiSlider-mark'])) {
        transform: translateX(-100%);
      }
    }

.search-4539e462N2wKEl2 {
      [class$='MuiSlider-mark']:not(:has(~ [class~='MuiSlider-mark'])) {
        left: calc(100% - 4px - 1px) !important;
      }
    }


/*# sourceMappingURL=main-cwo8t0w5.css.map*/