.entry-150bfe9bj9VxCY4 {
  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);
    }
  }
}

.entry-150bfe9bj9VxCY5 {
    height: 24px;
  }
.entry-150bfe9bj9VxCY6 {
    height: 32px;
  }

.entry-150bfe9bj9VxCY7 {
      &::after {
        border: none;

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

.entry-150bfe9bj9VxCY8 {
      font-weight: bold;
    }


.entry-150bfe9bj9VxCY9 {
  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);
      }
    }
  }

  }

.entry-150bfe9bj9VxCY10 {
    height: 24px;
  }
.entry-150bfe9bj9VxCY11 {
    height: 32px;
  }

.entry-150bfe9bj9VxCY12 {
      &::after {
        border: none;

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

.entry-150bfe9bj9VxCY13 {
      font-weight: bold;
    }

.entry-150bfe9bj9VxCY14 {
      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);
        }
      }
    }

.entry-150bfe9bj9VxCY15 {
      &::after {
        box-shadow: 0 2px 14px 2px rgba(33, 42, 54, 0.08);
      }
    }

.entry-150bfe9bj9VxCY16 {
      &:active {
        color: var(--xdlColorBackground);

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

.entry-150bfe9bj9VxCY17 {
      &&,
      &&: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;
      }
    }


.entry-150bfe9bj9VxCY18 {
  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;
    }
  }
}

.entry-150bfe9bj9VxCY19 {
    height: 24px;
  }
.entry-150bfe9bj9VxCY20 {
    height: 32px;
  }

.entry-150bfe9bj9VxCY21 {
      &::after {
        border: none;

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

.entry-150bfe9bj9VxCY22 {
      font-weight: bold;
    }


.entry-150bfe9bj9VxCY23 {
  align-content: center;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 18px;
  justify-content: center;
  width: 18px;

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


.entry-150bfe9bj9VxCY24 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  width: 24px;

  }

.entry-150bfe9bj9VxCY25 {
      height: 18px;
      transform: scale(0.75);
      width: 18px;
    }


.entry-150bfe9bj9VxCY26 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;

  }

.entry-150bfe9bj9VxCY27 {
      margin-inline-start: 4px;
    }


.entry-150bfe9bj9VxCY28 {
  margin-inline: 4px;

  }

.entry-150bfe9bj9VxCY29 {
      opacity: 0.4;
    }


.entry-150bfe9bj9VxCY30 {
  max-height: 20px;
}


.entry-150bfe9bj9VxCY31 {
  align-items: center;
  display: flex;
  height: 32px;
  overflow: hidden;
}


.entry-150bfe9bj9VxCY32 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: 4px;

  }

.entry-150bfe9bj9VxCY33 {
      max-width: var(--entry-150bfe9bj9VxCY34);
    }


.entry-150bfe9bj9VxCY35 {
  && {
    color: var(--xdlColorText);
    background-color: var(--xdlColorTextInvert);
    border-color: var(--xdlColorTextInvert);
  }
}


.entry-150bfe9bj9VxCY36 {
  height: 24px;
  width: 24px;

  }

.entry-150bfe9bj9VxCY37 {
      opacity: 0.4;
    }


.entry-150bfe9bj9VxCY38 {
  height: 32px;
  line-height: 16px;
  padding-inline: 0;

  }

.entry-150bfe9bj9VxCY39 {
    height: 24px;
  }

.entry-150bfe9bj9VxCY40 {
    height: 32px;
  }


.entry-150bfe9bj9VxCY41 {
  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;
  }

  }

.entry-150bfe9bj9VxCY42 {
    height: 24px;
  }

.entry-150bfe9bj9VxCY43 {
    height: 32px;
  }


.entry-150bfe9bj9VxCY44 {
  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;
  }
}

.entry-150bfe9bzmFJZ0 {
  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;
    }
  }
}


.entry-150bfe9bzmFJZ01 {
  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;
  }

  }

.entry-150bfe9bzmFJZ02 {
        -ms-overflow-style: none;
        scrollbar-width: none;

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


.entry-150bfe9bzmFJZ04 {
  --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;
    }
  }
}

.entry-150bfe9bzmFJZ05 {
    align-items: center;
  }

.entry-150bfe9bzmFJZ06 {
    align-items: stretch;
  }

.entry-150bfe9bzmFJZ07 {
    align-items: flex-start;
  }

.entry-150bfe9bzmFJZ08 {
    align-items: flex-end;
  }

.entry-150bfe9bzmFJZ09 {
        padding-block-start: var(--entry-150bfe9bzmFJZ010);
      }

.entry-150bfe9bzmFJZ011 {
        @media (min-width: 740px) {
          padding-block-start: var(--entry-150bfe9bzmFJZ012);
        }
      }

.entry-150bfe9bzmFJZ013 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-block-start: var(--entry-150bfe9bzmFJZ014);
        }
      }

.entry-150bfe9bzmFJZ015 {
        padding-block-end: var(--entry-150bfe9bzmFJZ016);
      }

.entry-150bfe9bzmFJZ017 {
        @media (min-width: 740px) {
          padding-block-end: var(--entry-150bfe9bzmFJZ018);
        }
      }

.entry-150bfe9bzmFJZ019 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-block-end: var(--entry-150bfe9bzmFJZ020);
        }
      }

.entry-150bfe9bzmFJZ021 {
        padding-inline-start: var(--entry-150bfe9bzmFJZ022);
      }

.entry-150bfe9bzmFJZ023 {
        @media (min-width: 740px) {
          padding-inline-start: var(--entry-150bfe9bzmFJZ024);
        }
      }

.entry-150bfe9bzmFJZ025 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-inline-start: var(--entry-150bfe9bzmFJZ026);
        }
      }


.entry-150bfe9bzmFJZ036 {
  && {
    position: absolute;
  }

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

.entry-150bfe9bzmFJZ037 {
      inset-block-start: calc(
        50% - 21px - calc(var(--entry-150bfe9bzmFJZ028) / 2) +
          calc(var(--entry-150bfe9bzmFJZ029) / 2)
      );
    }

.entry-150bfe9bzmFJZ038 {
      @media (min-width: 740px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--entry-150bfe9bzmFJZ031) / 2) +
            calc(var(--entry-150bfe9bzmFJZ032) / 2)
        );
      }
    }

.entry-150bfe9bzmFJZ039 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--entry-150bfe9bzmFJZ034) / 2) +
            calc(var(--entry-150bfe9bzmFJZ035) / 2)
        );
      }
    }


.entry-150bfe9bzmFJZ040 {
  && {
    position: absolute;
  }

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

.entry-150bfe9bzmFJZ041 {
      inset-block-start: calc(
        50% - 21px - calc(var(--entry-150bfe9bzmFJZ028) / 2) +
          calc(var(--entry-150bfe9bzmFJZ029) / 2)
      );
    }

.entry-150bfe9bzmFJZ042 {
      @media (min-width: 740px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--entry-150bfe9bzmFJZ031) / 2) +
            calc(var(--entry-150bfe9bzmFJZ032) / 2)
        );
      }
    }

.entry-150bfe9bzmFJZ043 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--entry-150bfe9bzmFJZ034) / 2) +
            calc(var(--entry-150bfe9bzmFJZ035) / 2)
        );
      }
    }

.entry-150bfe9bqMCBCM {
  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;
    }
  }

  }

.entry-150bfe9bqMCBCM1 {
      margin-inline-end: var(--entry-150bfe9bqMCBCM2);
    }

.entry-150bfe9bqMCBCM3 {
      @media (min-width: 740px) {
        margin-inline-end: var(--entry-150bfe9bqMCBCM4);
      }
    }

.entry-150bfe9bqMCBCM5 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        margin-inline-end: var(--entry-150bfe9bqMCBCM6);
      }
    }

.entry-150bfe9bqMCBCM7 {
      width: var(--entry-150bfe9bqMCBCM8);
    }

.entry-150bfe9bqMCBCM9 {
      @media (min-width: 740px) {
        width: var(--entry-150bfe9bqMCBCM10);
      }
    }

.entry-150bfe9bqMCBCM11 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        width: var(--entry-150bfe9bqMCBCM12);
      }
    }

.entry-150bfe9bqMCBCM13 {
      max-width: var(--entry-150bfe9bqMCBCM14);
    }

.entry-150bfe9bqMCBCM15 {
      min-width: var(--entry-150bfe9bqMCBCM16);
    }

.entry-150bfe9bqMCBCM17 {
    scroll-snap-align: start;
  }

.entry-150bfe9bqMCBCM18 {
    scroll-snap-align: center;
  }

.entry-150bfe9bqMCBCM19 {
    scroll-snap-align: end;
  }

.entry-150bfe9bqMCBCM20 {
      &:last-child::after {
        
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--entry-150bfe9bqMCBCM21);
        width: var(--entry-150bfe9bqMCBCM22);
      }
    }

.entry-150bfe9bqMCBCM23 {
      @media (min-width: 740px) {
        &:last-child::after {
          
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--entry-150bfe9bqMCBCM24);
          width: var(--entry-150bfe9bqMCBCM25);
        }
      }
    }

.entry-150bfe9bqMCBCM26 {
      @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(--entry-150bfe9bqMCBCM27);
          width: var(--entry-150bfe9bqMCBCM28);
        }
      }
    }

.entry-150bfe9bvZvJAc {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 50px;
  box-sizing: border-box;
  color: var(--xdlColorText);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: center;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;

  &::before {
    background-color: transparent;
    border-color: var(--xdlColorA11yBorder);
    border-style: solid;
    border-width: 2px;
    border-radius: 50px;
    content: '';
    inset: 0;
    position: absolute;
    transition-duration: 150ms, 70ms;
    transition-property: background-color, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 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;
  }

  @media (hover: hover) {
    &:hover::before {
      background-color: var(--xdlColorButtonSecondaryHover);
      outline: 0; /* when there is a focus or hover the button is changing the background color so we can remove the outline that looks really bad */
      text-decoration: none;
      transform: scale(1.05);
    }
  }

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

    &::before {
      background-color: var(--xdlColorSelected);
      transform: scale(0.95);
    }
  }
}

.entry-150bfe9bvZvJAc1 {
    font-size: 14px;
    height: 32px;
  }

.entry-150bfe9bvZvJAc2 {
    font-size: 16px;
    height: 42px;
  }

.entry-150bfe9bvZvJAc3 {
          @media (min-width: 740px) {
            
    font-size: 14px;
    height: 32px;
  
          }
        }

.entry-150bfe9bvZvJAc4 {
          @media (min-width: 740px) {
            
    font-size: 16px;
    height: 42px;
  
          }
        }

.entry-150bfe9bvZvJAc5 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    font-size: 14px;
    height: 32px;
  
          }
        }

.entry-150bfe9bvZvJAc6 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    font-size: 16px;
    height: 42px;
  
          }
        }

.entry-150bfe9bvZvJAc7 {
  && {
    &::before {
      background-color: var(--xdlColorControlFillTertiary);
    }

    @media (hover: hover) {
      &:hover::before {
        background-color: var(--xdlColorHoverTertiary);
        transform: scale(1.05);
      }
    }

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

      &::before {
        background-color: var(--xdlColorSelected);
        transform: scale(0.95);
      }
    }
  }
}

.entry-150bfe9bvZvJAc8 {
  && {
    color: var(--xdlColorTextOnLight);
    text-decoration: none;

    &::before {
      background-color: var(--xdlColorProJobsFill);
    }

    @media (hover: hover) {
      &:hover::before {
        background-color: var(--xdlColorProJobs);
        transform: scale(1.05);
      }
    }

    &:active {
      color: var(--xdlColorTextOnLight);

      &::before {
        background-color: var(--xdlColorSelected);
        transform: scale(0.95);
      }
    }
  }
}

.entry-150bfe9bvZvJAc9 {
  &&& {
    color: var(--xdlColorTextInvert);

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


.entry-150bfe9bvZvJAc10 {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 50px;
  box-sizing: border-box;
  color: var(--xdlColorText);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: center;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;

  &::before {
    background-color: transparent;
    border-color: var(--xdlColorA11yBorder);
    border-style: solid;
    border-width: 2px;
    border-radius: 50px;
    content: '';
    inset: 0;
    position: absolute;
    transition-duration: 150ms, 70ms;
    transition-property: background-color, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 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;
  }

  @media (hover: hover) {
    &:hover::before {
      background-color: var(--xdlColorButtonSecondaryHover);
      outline: 0; /* when there is a focus or hover the button is changing the background color so we can remove the outline that looks really bad */
      text-decoration: none;
      transform: scale(1.05);
    }
  }

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

    &::before {
      background-color: var(--xdlColorSelected);
      transform: scale(0.95);
    }
  }
}

.entry-150bfe9bvZvJAc11 {
    font-size: 14px;
    height: 32px;
  }

.entry-150bfe9bvZvJAc12 {
    font-size: 16px;
    height: 42px;
  }

.entry-150bfe9bvZvJAc13 {
          @media (min-width: 740px) {
            
    font-size: 14px;
    height: 32px;
  
          }
        }

.entry-150bfe9bvZvJAc14 {
          @media (min-width: 740px) {
            
    font-size: 16px;
    height: 42px;
  
          }
        }

.entry-150bfe9bvZvJAc15 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    font-size: 14px;
    height: 32px;
  
          }
        }

.entry-150bfe9bvZvJAc16 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    font-size: 16px;
    height: 42px;
  
          }
        }

.entry-150bfe9bvZvJAc17 {
  && {
    &::before {
      background-color: var(--xdlColorControlFillTertiary);
    }

    @media (hover: hover) {
      &:hover::before {
        background-color: var(--xdlColorHoverTertiary);
        transform: scale(1.05);
      }
    }

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

      &::before {
        background-color: var(--xdlColorSelected);
        transform: scale(0.95);
      }
    }
  }
}

.entry-150bfe9bvZvJAc18 {
  && {
    color: var(--xdlColorTextOnLight);
    text-decoration: none;

    &::before {
      background-color: var(--xdlColorProJobsFill);
    }

    @media (hover: hover) {
      &:hover::before {
        background-color: var(--xdlColorProJobs);
        transform: scale(1.05);
      }
    }

    &:active {
      color: var(--xdlColorTextOnLight);

      &::before {
        background-color: var(--xdlColorSelected);
        transform: scale(0.95);
      }
    }
  }
}

.entry-150bfe9bvZvJAc19 {
  &&& {
    color: var(--xdlColorTextInvert);

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


.entry-150bfe9bvZvJAc20 {
  margin-right: 8px;
}


.entry-150bfe9bvZvJAc21 {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}


.entry-150bfe9bvZvJAc22 {
  line-height: 0;
  margin-right: 8px;
}

.entry-150bfe9br9MTGT {
  background-color: transparent;
  border-radius: 8px;
  border-width: 0;
  color: var(--xdlColorText);
  display: flex;
  font-size: 16px;
  font-weight: inherit;
  height: auto;
  justify-content: flex-start;
  outline: 0;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  width: 100%;

  &:focus,
  &:hover {
    background: var(--xdlColorHover);
    color: var(--xdlColorText);
    cursor: pointer;
    text-decoration: none;
  }
}


.entry-150bfe9br9MTGT1 {
  align-items: center;
  display: flex;
  justify-content: center;
}


.entry-150bfe9br9MTGT2 {
  margin-right: 8px;
}


.entry-150bfe9br9MTGT3 {
  line-height: 0;
  margin-right: 8px;
}

.entry-150bfe9bnDRU5J {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;

  }

.entry-150bfe9bnDRU5J1 {
    height: calc(32px + 8px);
  }

.entry-150bfe9bnDRU5J2 {
    height: calc(42px + 8px);
  }

.entry-150bfe9bnDRU5J3 {
          @media (min-width: 740px) {
            
    height: calc(32px + 8px);
  
          }
        }

.entry-150bfe9bnDRU5J4 {
          @media (min-width: 740px) {
            
    height: calc(42px + 8px);
  
          }
        }

.entry-150bfe9bnDRU5J5 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: calc(32px + 8px);
  
          }
        }

.entry-150bfe9bnDRU5J6 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: calc(42px + 8px);
  
          }
        }


.entry-150bfe9bnDRU5J7 {
  display: flex;
  flex-grow: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;

  /* FF */
  scrollbar-width: none;

  /* Hide horizontal scroll bar */
  overflow: hidden;
  overflow-x: scroll;

  &::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
    height: 0;
    width: 0;
  }

  }

.entry-150bfe9bnDRU5J8 {
    height: calc(32px + 8px);
  }

.entry-150bfe9bnDRU5J9 {
    height: calc(42px + 8px);
  }

.entry-150bfe9bnDRU5J10 {
          @media (min-width: 740px) {
            
    height: calc(32px + 8px);
  
          }
        }

.entry-150bfe9bnDRU5J11 {
          @media (min-width: 740px) {
            
    height: calc(42px + 8px);
  
          }
        }

.entry-150bfe9bnDRU5J12 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: calc(32px + 8px);
  
          }
        }

.entry-150bfe9bnDRU5J13 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: calc(42px + 8px);
  
          }
        }

.entry-150bfe9bnDRU5J14 {
        && {
          flex-wrap: nowrap;
          min-width: 100%;
        }
      }


.entry-150bfe9bnDRU5J15 {
  /* The item needs extra space or the focus ring is cut off */
  padding-block: 4px;

  &:first-child {
    padding-inline-start: 4px;
  }
}

:root{--columnWidth1:calc(100%/12 - .01px);--columnWidth2:calc(100%/12*2 - .01px);--columnWidth3:25%;--columnWidth4:calc(100%/12*4 - .01px);--columnWidth5:calc(100%/12*5 - .01px);--columnWidth6:50%;--columnWidth7:calc(100%/12*7 - .01px);--columnWidth8:calc(100%/12*8 - .01px);--columnWidth9:75%;--columnWidth10:calc(100%/12*10 - .01px);--columnWidth11:calc(100%/12*11 - .01px);--columnWidth12:100%;--armstrongTypeMaxWidth:740px;--standardTypeMaxWidth:984px;--wideTypeMaxWidth:1356px;--pageMaxWidth:2136px;--columnPaddingS:4px;--rowPaddingS:16px;--containerPaddingS:20px;--pagePaddingS:0;--columnPaddingM:8px;--rowPaddingM:8px;--containerPaddingM:16px;--pagePaddingM:18px;--columnPaddingL:10px;--rowPaddingL:8px;--containerPaddingL:18px;--pagePaddingL:18px;--columnPaddingXL:12px;--rowPaddingXL:12px;--containerPaddingXL:24px;--pagePaddingXL:32px;--pagePaddingWXGA:60px;--columnPaddingXXL:16px;--rowPaddingXXL:12px;--containerPaddingXXL:28px;--pagePaddingXXL:66px;--pagePaddingHD:72px;--zIndexBelowContent:-100;--zIndexContent:0;--zIndexAboveContent:100;--zIndexSticky:200;--zIndexSheet:300;--zIndexBanner:400;--zIndexAlert:500;--zIndexBackgroundLayer1:-100;--zIndexContentLayer2:0;--zIndexStickyLayer3:100;--zIndexElevatedLayer4:200;--zIndexElevatedLayer5:300}.entry-150bfe9b-gridContainer-WXUgJq{width:100%;margin:0 auto;padding:0}@media (width>=740px){.entry-150bfe9b-gridContainer-WXUgJq{padding:0 var(--containerPaddingM)}}@media (width>=1025px){.entry-150bfe9b-gridContainer-WXUgJq{padding:0 var(--containerPaddingL)}}@media (width>=1113px){.entry-150bfe9b-gridContainer-WXUgJq{padding:0 var(--containerPaddingXL)}}@media (width>=1680px){.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-wideGridContainer-WXUgJq{padding:0 var(--containerPaddingXXL)}}.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-armstrongGridContainer-WXUgJq{margin:0 auto;padding:0}@media (width>=740px){.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-armstrongGridContainer-WXUgJq{max-width:var(--armstrongTypeMaxWidth)}}@media (width>=1113px){.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-standardGridContainer-WXUgJq{max-width:var(--standardTypeMaxWidth)}.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-wideGridContainer-WXUgJq{max-width:var(--wideTypeMaxWidth)}}.entry-150bfe9b-grid-WXUgJq{width:100%}.entry-150bfe9b-row-WXUgJq{padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS);flex-wrap:wrap;margin-left:0;margin-right:0;display:flex}@media (width>=740px){.entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingM));margin-right:calc(-1*var(--containerPaddingM));padding-left:var(--rowPaddingM);padding-right:var(--rowPaddingM)}}@media (width>=1025px){.entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingL));margin-right:calc(-1*var(--containerPaddingL));padding-left:var(--rowPaddingL);padding-right:var(--rowPaddingL)}}@media (width>=1113px){.entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXL));margin-right:calc(-1*var(--containerPaddingXL));padding-left:var(--rowPaddingXL);padding-right:var(--rowPaddingXL)}}@media (width>=1680px){.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXXL));margin-right:calc(-1*var(--containerPaddingXXL));padding-left:calc(var(--rowPaddingXXL) + var(--containerPaddingS));padding-right:calc(var(--rowPaddingXXL) + var(--containerPaddingS))}}.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-armstrongGridContainer-WXUgJq .entry-150bfe9b-row-WXUgJq{padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS);margin-left:0;margin-right:0}.entry-150bfe9b-row-WXUgJq .entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingS));margin-right:calc(-1*var(--containerPaddingS));padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS)}@media (width>=740px){.entry-150bfe9b-row-WXUgJq .entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingM));margin-right:calc(-1*var(--containerPaddingM));padding-left:var(--columnPaddingM);padding-right:var(--columnPaddingM)}}@media (width>=1025px){.entry-150bfe9b-row-WXUgJq .entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingL));margin-right:calc(-1*var(--containerPaddingL));padding-left:var(--columnPaddingL);padding-right:var(--columnPaddingL)}}@media (width>=1113px){.entry-150bfe9b-row-WXUgJq .entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXL));margin-right:calc(-1*var(--containerPaddingXL));padding-left:var(--columnPaddingXL);padding-right:var(--columnPaddingXL)}}.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-armstrongGridContainer-WXUgJq .entry-150bfe9b-row-WXUgJq .entry-150bfe9b-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingS));margin-right:calc(-1*var(--containerPaddingS));padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS)}.entry-150bfe9b-col-WXUgJq{padding-left:var(--columnPaddingS);padding-right:var(--columnPaddingS)}@media (width>=740px){.entry-150bfe9b-col-WXUgJq{padding-left:var(--columnPaddingM);padding-right:var(--columnPaddingM)}}@media (width>=1025px){.entry-150bfe9b-col-WXUgJq{padding-left:var(--columnPaddingL);padding-right:var(--columnPaddingL)}}@media (width>=1113px){.entry-150bfe9b-col-WXUgJq{padding-left:var(--columnPaddingXL);padding-right:var(--columnPaddingXL)}}@media (width>=1680px){.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-col-WXUgJq{padding-left:var(--columnPaddingXXL);padding-right:var(--columnPaddingXXL)}}.entry-150bfe9b-gridContainer-WXUgJq.entry-150bfe9b-armstrongGridContainer-WXUgJq .entry-150bfe9b-col-WXUgJq{padding-left:var(--columnPaddingS);padding-right:var(--columnPaddingS)}.entry-150bfe9b-default0-WXUgJq{display:none}.entry-150bfe9b-default1-WXUgJq{width:var(--columnWidth1)}.entry-150bfe9b-default2-WXUgJq{width:var(--columnWidth2)}.entry-150bfe9b-default3-WXUgJq{width:var(--columnWidth3)}.entry-150bfe9b-default4-WXUgJq{width:var(--columnWidth4)}.entry-150bfe9b-default5-WXUgJq{width:var(--columnWidth5)}.entry-150bfe9b-default6-WXUgJq{width:var(--columnWidth6)}.entry-150bfe9b-default7-WXUgJq{width:var(--columnWidth7)}.entry-150bfe9b-default8-WXUgJq{width:var(--columnWidth8)}.entry-150bfe9b-default9-WXUgJq{width:var(--columnWidth9)}.entry-150bfe9b-default10-WXUgJq{width:var(--columnWidth10)}.entry-150bfe9b-default11-WXUgJq{width:var(--columnWidth11)}.entry-150bfe9b-default12-WXUgJq{width:var(--columnWidth12)}.entry-150bfe9b-defaultOffset1-WXUgJq{margin-left:var(--columnWidth1)}.entry-150bfe9b-defaultOffset2-WXUgJq{margin-left:var(--columnWidth2)}.entry-150bfe9b-defaultOffset3-WXUgJq{margin-left:var(--columnWidth3)}.entry-150bfe9b-defaultOffset4-WXUgJq{margin-left:var(--columnWidth4)}.entry-150bfe9b-defaultOffset5-WXUgJq{margin-left:var(--columnWidth5)}.entry-150bfe9b-defaultOffset6-WXUgJq{margin-left:var(--columnWidth6)}.entry-150bfe9b-defaultOffset7-WXUgJq{margin-left:var(--columnWidth7)}.entry-150bfe9b-defaultOffset8-WXUgJq{margin-left:var(--columnWidth8)}.entry-150bfe9b-defaultOffset9-WXUgJq{margin-left:var(--columnWidth9)}.entry-150bfe9b-defaultOffset10-WXUgJq{margin-left:var(--columnWidth10)}.entry-150bfe9b-defaultOffset11-WXUgJq{margin-left:var(--columnWidth11)}@media (width<=539px){.entry-150bfe9b-tiny0-WXUgJq{display:none}.entry-150bfe9b-tiny1-WXUgJq,.entry-150bfe9b-tiny2-WXUgJq,.entry-150bfe9b-tiny3-WXUgJq,.entry-150bfe9b-tiny4-WXUgJq,.entry-150bfe9b-tiny5-WXUgJq,.entry-150bfe9b-tiny6-WXUgJq,.entry-150bfe9b-tiny7-WXUgJq,.entry-150bfe9b-tiny8-WXUgJq,.entry-150bfe9b-tiny9-WXUgJq,.entry-150bfe9b-tiny10-WXUgJq,.entry-150bfe9b-tiny11-WXUgJq,.entry-150bfe9b-tiny12-WXUgJq{display:block}.entry-150bfe9b-tiny1-WXUgJq{width:var(--columnWidth1)}.entry-150bfe9b-tiny2-WXUgJq{width:var(--columnWidth2)}.entry-150bfe9b-tiny3-WXUgJq{width:var(--columnWidth3)}.entry-150bfe9b-tiny4-WXUgJq{width:var(--columnWidth4)}.entry-150bfe9b-tiny5-WXUgJq{width:var(--columnWidth5)}.entry-150bfe9b-tiny6-WXUgJq{width:var(--columnWidth6)}.entry-150bfe9b-tiny7-WXUgJq{width:var(--columnWidth7)}.entry-150bfe9b-tiny8-WXUgJq{width:var(--columnWidth8)}.entry-150bfe9b-tiny9-WXUgJq{width:var(--columnWidth9)}.entry-150bfe9b-tiny10-WXUgJq{width:var(--columnWidth10)}.entry-150bfe9b-tiny11-WXUgJq{width:var(--columnWidth11)}.entry-150bfe9b-tiny12-WXUgJq{width:var(--columnWidth12)}.entry-150bfe9b-tinyOffset0-WXUgJq{margin-left:0}.entry-150bfe9b-tinyOffset1-WXUgJq{margin-left:var(--columnWidth1)}.entry-150bfe9b-tinyOffset2-WXUgJq{margin-left:var(--columnWidth2)}.entry-150bfe9b-tinyOffset3-WXUgJq{margin-left:var(--columnWidth3)}.entry-150bfe9b-tinyOffset4-WXUgJq{margin-left:var(--columnWidth4)}.entry-150bfe9b-tinyOffset5-WXUgJq{margin-left:var(--columnWidth5)}.entry-150bfe9b-tinyOffset6-WXUgJq{margin-left:var(--columnWidth6)}.entry-150bfe9b-tinyOffset7-WXUgJq{margin-left:var(--columnWidth7)}.entry-150bfe9b-tinyOffset8-WXUgJq{margin-left:var(--columnWidth8)}.entry-150bfe9b-tinyOffset9-WXUgJq{margin-left:var(--columnWidth9)}.entry-150bfe9b-tinyOffset10-WXUgJq{margin-left:var(--columnWidth10)}.entry-150bfe9b-tinyOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media (width>=740px){.entry-150bfe9b-confined0-WXUgJq{display:none}.entry-150bfe9b-confined1-WXUgJq,.entry-150bfe9b-confined2-WXUgJq,.entry-150bfe9b-confined3-WXUgJq,.entry-150bfe9b-confined4-WXUgJq,.entry-150bfe9b-confined5-WXUgJq,.entry-150bfe9b-confined6-WXUgJq,.entry-150bfe9b-confined7-WXUgJq,.entry-150bfe9b-confined8-WXUgJq,.entry-150bfe9b-confined9-WXUgJq,.entry-150bfe9b-confined10-WXUgJq,.entry-150bfe9b-confined11-WXUgJq,.entry-150bfe9b-confined12-WXUgJq{display:block}.entry-150bfe9b-confined1-WXUgJq{width:var(--columnWidth1)}.entry-150bfe9b-confined2-WXUgJq{width:var(--columnWidth2)}.entry-150bfe9b-confined3-WXUgJq{width:var(--columnWidth3)}.entry-150bfe9b-confined4-WXUgJq{width:var(--columnWidth4)}.entry-150bfe9b-confined5-WXUgJq{width:var(--columnWidth5)}.entry-150bfe9b-confined6-WXUgJq{width:var(--columnWidth6)}.entry-150bfe9b-confined7-WXUgJq{width:var(--columnWidth7)}.entry-150bfe9b-confined8-WXUgJq{width:var(--columnWidth8)}.entry-150bfe9b-confined9-WXUgJq{width:var(--columnWidth9)}.entry-150bfe9b-confined10-WXUgJq{width:var(--columnWidth10)}.entry-150bfe9b-confined11-WXUgJq{width:var(--columnWidth11)}.entry-150bfe9b-confined12-WXUgJq{width:var(--columnWidth12)}.entry-150bfe9b-confinedOffset0-WXUgJq{margin-left:0}.entry-150bfe9b-confinedOffset1-WXUgJq{margin-left:var(--columnWidth1)}.entry-150bfe9b-confinedOffset2-WXUgJq{margin-left:var(--columnWidth2)}.entry-150bfe9b-confinedOffset3-WXUgJq{margin-left:var(--columnWidth3)}.entry-150bfe9b-confinedOffset4-WXUgJq{margin-left:var(--columnWidth4)}.entry-150bfe9b-confinedOffset5-WXUgJq{margin-left:var(--columnWidth5)}.entry-150bfe9b-confinedOffset6-WXUgJq{margin-left:var(--columnWidth6)}.entry-150bfe9b-confinedOffset7-WXUgJq{margin-left:var(--columnWidth7)}.entry-150bfe9b-confinedOffset8-WXUgJq{margin-left:var(--columnWidth8)}.entry-150bfe9b-confinedOffset9-WXUgJq{margin-left:var(--columnWidth9)}.entry-150bfe9b-confinedOffset10-WXUgJq{margin-left:var(--columnWidth10)}.entry-150bfe9b-confinedOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media ((width>=883px) and (width<=1024px)) or (width>=1113px){.entry-150bfe9b-wide0-WXUgJq{display:none}.entry-150bfe9b-wide1-WXUgJq,.entry-150bfe9b-wide2-WXUgJq,.entry-150bfe9b-wide3-WXUgJq,.entry-150bfe9b-wide4-WXUgJq,.entry-150bfe9b-wide5-WXUgJq,.entry-150bfe9b-wide6-WXUgJq,.entry-150bfe9b-wide7-WXUgJq,.entry-150bfe9b-wide8-WXUgJq,.entry-150bfe9b-wide9-WXUgJq,.entry-150bfe9b-wide10-WXUgJq,.entry-150bfe9b-wide11-WXUgJq,.entry-150bfe9b-wide12-WXUgJq{display:block}.entry-150bfe9b-wide1-WXUgJq{width:var(--columnWidth1)}.entry-150bfe9b-wide2-WXUgJq{width:var(--columnWidth2)}.entry-150bfe9b-wide3-WXUgJq{width:var(--columnWidth3)}.entry-150bfe9b-wide4-WXUgJq{width:var(--columnWidth4)}.entry-150bfe9b-wide5-WXUgJq{width:var(--columnWidth5)}.entry-150bfe9b-wide6-WXUgJq{width:var(--columnWidth6)}.entry-150bfe9b-wide7-WXUgJq{width:var(--columnWidth7)}.entry-150bfe9b-wide8-WXUgJq{width:var(--columnWidth8)}.entry-150bfe9b-wide9-WXUgJq{width:var(--columnWidth9)}.entry-150bfe9b-wide10-WXUgJq{width:var(--columnWidth10)}.entry-150bfe9b-wide11-WXUgJq{width:var(--columnWidth11)}.entry-150bfe9b-wide12-WXUgJq{width:var(--columnWidth12)}.entry-150bfe9b-wideOffset0-WXUgJq{margin-left:0}.entry-150bfe9b-wideOffset1-WXUgJq{margin-left:var(--columnWidth1)}.entry-150bfe9b-wideOffset2-WXUgJq{margin-left:var(--columnWidth2)}.entry-150bfe9b-wideOffset3-WXUgJq{margin-left:var(--columnWidth3)}.entry-150bfe9b-wideOffset4-WXUgJq{margin-left:var(--columnWidth4)}.entry-150bfe9b-wideOffset5-WXUgJq{margin-left:var(--columnWidth5)}.entry-150bfe9b-wideOffset6-WXUgJq{margin-left:var(--columnWidth6)}.entry-150bfe9b-wideOffset7-WXUgJq{margin-left:var(--columnWidth7)}.entry-150bfe9b-wideOffset8-WXUgJq{margin-left:var(--columnWidth8)}.entry-150bfe9b-wideOffset9-WXUgJq{margin-left:var(--columnWidth9)}.entry-150bfe9b-wideOffset10-WXUgJq{margin-left:var(--columnWidth10)}.entry-150bfe9b-wideOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media (width>=1310px){.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide0-WXUgJq{display:none}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide1-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide2-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide3-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide4-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide5-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide6-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide7-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide8-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide9-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide10-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide11-WXUgJq,.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide12-WXUgJq{display:block}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide1-WXUgJq{width:var(--columnWidth1)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide2-WXUgJq{width:var(--columnWidth2)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide3-WXUgJq{width:var(--columnWidth3)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide4-WXUgJq{width:var(--columnWidth4)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide5-WXUgJq{width:var(--columnWidth5)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide6-WXUgJq{width:var(--columnWidth6)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide7-WXUgJq{width:var(--columnWidth7)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide8-WXUgJq{width:var(--columnWidth8)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide9-WXUgJq{width:var(--columnWidth9)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide10-WXUgJq{width:var(--columnWidth10)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide11-WXUgJq{width:var(--columnWidth11)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwide12-WXUgJq{width:var(--columnWidth12)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset0-WXUgJq{margin-left:0}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset1-WXUgJq{margin-left:var(--columnWidth1)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset2-WXUgJq{margin-left:var(--columnWidth2)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset3-WXUgJq{margin-left:var(--columnWidth3)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset4-WXUgJq{margin-left:var(--columnWidth4)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset5-WXUgJq{margin-left:var(--columnWidth5)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset6-WXUgJq{margin-left:var(--columnWidth6)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset7-WXUgJq{margin-left:var(--columnWidth7)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset8-WXUgJq{margin-left:var(--columnWidth8)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset9-WXUgJq{margin-left:var(--columnWidth9)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset10-WXUgJq{margin-left:var(--columnWidth10)}.entry-150bfe9b-wideGridContainer-WXUgJq .entry-150bfe9b-xwideOffset11-WXUgJq{margin-left:var(--columnWidth11)}}

.entry-150bfe9bpY1U3O1 {
      margin-top: 68px;

      @media (min-width: 1310px) {
        margin-top: 92px;
      }
    }


.entry-150bfe9bpY1U3O2 {
  inset-block-end: 0;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  position: fixed;
  z-index: var(--entry-150bfe9bpY1U3O3);

  &.slideFade-enter {
    opacity: 0;
    transform: translateY(48px);
  }

  &.slideFade-appear {
    opacity: 0;
    transform: translateY(48px);
  }

  &.slideFade-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 400ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  &.slideFade-appear-active {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 400ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1), cubic-bezier(0, 0, 0.2, 1);
  }

  &.slideFade-enter-done {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-appear-done {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-exit {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-exit-active {
    opacity: 0;
    transform: translateY(48px);
    transition-duration: 400ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1), cubic-bezier(0.4, 0, 1, 1);
  }

  &.slideFade-exit-done {
    opacity: 0;
    transform: translateY(48px);
  }
}


.entry-150bfe9bpY1U3O4 {
  /* Override ClosingIndicator even when its base CSS chunk loads later. */
  && {
    inset-block-start: 0;
    inset-inline-end: 0;
    position: fixed;
    z-index: 300;
  }
}


.entry-150bfe9bpY1U3O5 {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 300;

  @media (min-width: 1024px) {
    top: 24px;
    left: 68px;
  }
}


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